优化页面
This commit is contained in:
@@ -1 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/Avatar/index.vue","/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/Avatar/index.vue?type=component"],"sourcesContent":["<template>\n <div\n class=\"avatar-container\"\n :style=\"{\n width: avatarSize,\n height: avatarSize,\n borderRadius: avatarBorderRadius,\n }\"\n >\n <template v-if=\"isUniFrameWork\">\n <image\n v-if=\"!loadErrorInUniapp\"\n class=\"avatar-image\"\n :src=\"avatarImageUrl || defaultAvatarUrl\"\n @load=\"avatarLoadSuccess\"\n @error=\"avatarLoadFailed\"\n />\n <image\n v-else\n class=\"avatar-image\"\n :src=\"defaultAvatarUrl\"\n @load=\"avatarLoadSuccess\"\n @error=\"avatarLoadFailed\"\n />\n </template>\n <img\n v-else\n class=\"avatar-image\"\n :src=\"avatarImageUrl || defaultAvatarUrl\"\n @load=\"avatarLoadSuccess\"\n @error=\"avatarLoadFailed\"\n >\n <div\n v-if=\"useAvatarSkeletonAnimation && !isImgLoaded\"\n :class=\"{\n placeholder: true,\n hidden: isImgLoaded,\n 'skeleton-animation': useAvatarSkeletonAnimation\n }\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, toRefs } from '../../../adapter-vue';\nimport { isUniFrameWork } from '../../../utils/env';\n\ninterface IProps {\n url: string;\n size?: string;\n borderRadius?: string;\n useSkeletonAnimation?: boolean;\n}\n\ninterface IEmits {\n (key: 'onLoad', e: Event): void;\n (key: 'onError', e: Event): void;\n}\n\nconst defaultAvatarUrl = ref('https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png');\nconst emits = defineEmits<IEmits>();\nconst props = withDefaults(defineProps<IProps>(), {\n // uniapp vue2 does not support constants in defineProps\n url: 'https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png',\n size: '36px',\n borderRadius: '5px',\n useSkeletonAnimation: false,\n});\n\nconst {\n size: avatarSize,\n url: avatarImageUrl,\n borderRadius: avatarBorderRadius,\n useSkeletonAnimation: useAvatarSkeletonAnimation,\n} = toRefs(props);\n\nlet reloadAvatarTime = 0;\nconst isImgLoaded = ref<boolean>(false);\nconst loadErrorInUniapp = ref<boolean>(false);\n\nfunction avatarLoadSuccess(e: Event) {\n isImgLoaded.value = true;\n emits('onLoad', e);\n}\n\nfunction avatarLoadFailed(e: Event) {\n reloadAvatarTime += 1;\n if (reloadAvatarTime > 3) {\n return;\n }\n if (isUniFrameWork) {\n loadErrorInUniapp.value = true;\n } else {\n (e.currentTarget as HTMLImageElement).src = defaultAvatarUrl.value;\n }\n emits('onError', e);\n}\n</script>\n\n<style scoped lang=\"scss\">\n:not(not) {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n min-width: 0;\n}\n\n.avatar-container {\n position: relative;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n flex: 0 0 auto;\n\n .placeholder {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #ececec;\n transition:\n opacity 0.3s,\n background-color 0.1s ease-out;\n\n &.skeleton-animation {\n animation: breath 2s linear 0.3s infinite;\n }\n\n &.hidden {\n opacity: 0;\n }\n }\n\n .avatar-image {\n width: 100%;\n height: 100%;\n }\n}\n\n@keyframes breath {\n 50% {\n /* stylelint-disable-next-line scss/no-global-function-names */\n background-color: darken(#ececec, 10%);\n }\n}\n</style>\n","import Component from '/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/Avatar/index.vue'\nwx.createComponent(Component)"],"names":["ref","toRefs","isUniFrameWork"],"mappings":";;;;;;;;;;;;;;AA2DM,UAAA,mBAAmBA,kBAAI,kEAAkE;AAC/F,UAAM,QAAQ;AACd,UAAM,QAAQ;AAQR,UAAA;AAAA,MACJ,MAAM;AAAA,MACN,KAAK;AAAA,MACL,cAAc;AAAA,MACd,sBAAsB;AAAA,IAAA,IACpBC,cAAAA,OAAO,KAAK;AAEhB,QAAI,mBAAmB;AACjB,UAAA,cAAcD,kBAAa,KAAK;AAChC,UAAA,oBAAoBA,kBAAa,KAAK;AAE5C,aAAS,kBAAkB,GAAU;AACnC,kBAAY,QAAQ;AACpB,YAAM,UAAU,CAAC;AAAA,IACnB;AAEA,aAAS,iBAAiB,GAAU;AACd,0BAAA;AACpB,UAAI,mBAAmB,GAAG;AACxB;AAAA,MACF;AACA,UAAIE,iCAAgB;AAClB,0BAAkB,QAAQ;AAAA,MAAA,OACrB;AACJ,UAAE,cAAmC,MAAM,iBAAiB;AAAA,MAC/D;AACA,YAAM,WAAW,CAAC;AAAA,IACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/FA,GAAG,gBAAgB,SAAS;"}
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/Avatar/index.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDov6aG555uuL3RrLW1pbmktcHJvZ3JhbS9UVUlLaXQvY29tcG9uZW50cy9jb21tb24vQXZhdGFyL2luZGV4LnZ1ZQ"],"sourcesContent":["<template>\r\n <div\r\n class=\"avatar-container\"\r\n :style=\"{\r\n width: avatarSize,\r\n height: avatarSize,\r\n borderRadius: avatarBorderRadius,\r\n }\"\r\n >\r\n <template v-if=\"isUniFrameWork\">\r\n <image\r\n v-if=\"!loadErrorInUniapp\"\r\n class=\"avatar-image\"\r\n :src=\"avatarImageUrl || defaultAvatarUrl\"\r\n @load=\"avatarLoadSuccess\"\r\n @error=\"avatarLoadFailed\"\r\n />\r\n <image\r\n v-else\r\n class=\"avatar-image\"\r\n :src=\"defaultAvatarUrl\"\r\n @load=\"avatarLoadSuccess\"\r\n @error=\"avatarLoadFailed\"\r\n />\r\n </template>\r\n <img\r\n v-else\r\n class=\"avatar-image\"\r\n :src=\"avatarImageUrl || defaultAvatarUrl\"\r\n @load=\"avatarLoadSuccess\"\r\n @error=\"avatarLoadFailed\"\r\n >\r\n <div\r\n v-if=\"useAvatarSkeletonAnimation && !isImgLoaded\"\r\n :class=\"{\r\n placeholder: true,\r\n hidden: isImgLoaded,\r\n 'skeleton-animation': useAvatarSkeletonAnimation\r\n }\"\r\n />\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, toRefs } from '../../../adapter-vue';\r\nimport { isUniFrameWork } from '../../../utils/env';\r\n\r\ninterface IProps {\r\n url: string;\r\n size?: string;\r\n borderRadius?: string;\r\n useSkeletonAnimation?: boolean;\r\n}\r\n\r\ninterface IEmits {\r\n (key: 'onLoad', e: Event): void;\r\n (key: 'onError', e: Event): void;\r\n}\r\n\r\nconst defaultAvatarUrl = ref('https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png');\r\nconst emits = defineEmits<IEmits>();\r\nconst props = withDefaults(defineProps<IProps>(), {\r\n // uniapp vue2 does not support constants in defineProps\r\n url: 'https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png',\r\n size: '36px',\r\n borderRadius: '5px',\r\n useSkeletonAnimation: false,\r\n});\r\n\r\nconst {\r\n size: avatarSize,\r\n url: avatarImageUrl,\r\n borderRadius: avatarBorderRadius,\r\n useSkeletonAnimation: useAvatarSkeletonAnimation,\r\n} = toRefs(props);\r\n\r\nlet reloadAvatarTime = 0;\r\nconst isImgLoaded = ref<boolean>(false);\r\nconst loadErrorInUniapp = ref<boolean>(false);\r\n\r\nfunction avatarLoadSuccess(e: Event) {\r\n isImgLoaded.value = true;\r\n emits('onLoad', e);\r\n}\r\n\r\nfunction avatarLoadFailed(e: Event) {\r\n reloadAvatarTime += 1;\r\n if (reloadAvatarTime > 3) {\r\n return;\r\n }\r\n if (isUniFrameWork) {\r\n loadErrorInUniapp.value = true;\r\n } else {\r\n (e.currentTarget as HTMLImageElement).src = defaultAvatarUrl.value;\r\n }\r\n emits('onError', e);\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n:not(not) {\r\n display: flex;\r\n flex-direction: column;\r\n box-sizing: border-box;\r\n min-width: 0;\r\n}\r\n\r\n.avatar-container {\r\n position: relative;\r\n justify-content: center;\r\n align-items: center;\r\n overflow: hidden;\r\n flex: 0 0 auto;\r\n\r\n .placeholder {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: #ececec;\r\n transition:\r\n opacity 0.3s,\r\n background-color 0.1s ease-out;\r\n\r\n &.skeleton-animation {\r\n animation: breath 2s linear 0.3s infinite;\r\n }\r\n\r\n &.hidden {\r\n opacity: 0;\r\n }\r\n }\r\n\r\n .avatar-image {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n}\r\n\r\n@keyframes breath {\r\n 50% {\r\n /* stylelint-disable-next-line scss/no-global-function-names */\r\n background-color: darken(#ececec, 10%);\r\n }\r\n}\r\n</style>\r\n","import Component from 'D:/项目/tk-mini-program/TUIKit/components/common/Avatar/index.vue'\nwx.createComponent(Component)"],"names":["ref","toRefs","isUniFrameWork"],"mappings":";;;;;;;;;;;;;;AA2DM,UAAA,mBAAmBA,kBAAI,kEAAkE;AAC/F,UAAM,QAAQ;AACd,UAAM,QAAQ;AAQR,UAAA;AAAA,MACJ,MAAM;AAAA,MACN,KAAK;AAAA,MACL,cAAc;AAAA,MACd,sBAAsB;AAAA,IAAA,IACpBC,cAAAA,OAAO,KAAK;AAEhB,QAAI,mBAAmB;AACjB,UAAA,cAAcD,kBAAa,KAAK;AAChC,UAAA,oBAAoBA,kBAAa,KAAK;AAE5C,aAAS,kBAAkB,GAAU;AACnC,kBAAY,QAAQ;AACpB,YAAM,UAAU,CAAC;AAAA,IACnB;AAEA,aAAS,iBAAiB,GAAU;AACd,0BAAA;AACpB,UAAI,mBAAmB,GAAG;AACxB;AAAA,MACF;AACA,UAAIE,iCAAgB;AAClB,0BAAkB,QAAQ;AAAA,MAAA,OACrB;AACJ,UAAE,cAAmC,MAAM,iBAAiB;AAAA,MAC/D;AACA,YAAM,WAAW,CAAC;AAAA,IACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/FA,GAAG,gBAAgB,SAAS;"}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/Dialog/index.vue","/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/Dialog/index.vue?type=component"],"sourcesContent":["<template>\n <div\n v-if=\"showDialog\"\n class=\"dialog\"\n :class=\"[!isPC ? 'dialog-h5' : '', center ? 'center' : '']\"\n @click.stop.prevent=\"toggleView(clickType.OUTSIDE)\"\n >\n <main\n class=\"dialog-main\"\n :class=\"[!backgroundDialog ? 'dialog-main-back' : '']\"\n @click.stop.prevent=\"toggleView(clickType.INSIDE)\"\n >\n <header\n v-if=\"isHeaderShowDialog\"\n class=\"dialog-main-header\"\n >\n <h1 class=\"dialog-main-title\">\n {{ showTitle }}\n </h1>\n <i\n class=\"icon icon-close\"\n @click=\"close\"\n />\n </header>\n <div\n class=\"dialog-main-content\"\n :class=\"[isUniFrameWork && isH5 ? 'dialog-main-content-uniapp' : '']\"\n >\n <slot />\n </div>\n <footer\n v-if=\"isFooterShowDialog\"\n class=\"dialog-main-footer\"\n >\n <button\n class=\"btn btn-cancel\"\n @click=\"close\"\n >\n {{ TUITranslateService.t('component.取消') }}\n </button>\n <button\n class=\"btn btn-default\"\n @click=\"submit\"\n >\n {{ TUITranslateService.t('component.确定') }}\n </button>\n </footer>\n </main>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, watchEffect } from '../../../adapter-vue';\nimport { TUITranslateService } from '@tencentcloud/chat-uikit-engine';\nimport { isPC, isH5, isUniFrameWork } from '../../../utils/env';\nconst clickType = {\n OUTSIDE: 'outside',\n INSIDE: 'inside',\n};\nconst props = defineProps({\n show: {\n type: Boolean,\n default: false,\n },\n isHeaderShow: {\n type: Boolean,\n default: true,\n },\n isFooterShow: {\n type: Boolean,\n default: true,\n },\n background: {\n type: Boolean,\n default: true,\n },\n title: {\n type: String,\n default: '',\n },\n center: {\n type: Boolean,\n default: false,\n },\n});\n\nconst showDialog = ref(false);\nconst isHeaderShowDialog = ref(true);\nconst isFooterShowDialog = ref(true);\nconst backgroundDialog = ref(true);\nconst showTitle = ref('');\n\nwatchEffect(() => {\n showDialog.value = props.show;\n showTitle.value = props.title;\n isHeaderShowDialog.value = props.isHeaderShow;\n isFooterShowDialog.value = props.isFooterShow;\n backgroundDialog.value = props.background;\n});\n\nconst emit = defineEmits(['update:show', 'submit']);\n\nconst toggleView = (type: string) => {\n if (type === clickType.OUTSIDE) {\n close();\n }\n};\n\nconst close = () => {\n showDialog.value = !showDialog.value;\n emit('update:show', showDialog.value);\n};\n\nconst submit = () => {\n emit('submit');\n close();\n};\n</script>\n<style lang=\"scss\" scoped src=\"./style/dialog.scss\"></style>\n","import Component from '/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/Dialog/index.vue'\nwx.createComponent(Component)"],"names":["ref","watchEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,UAAM,YAAY;AAAA,MAChB,SAAS;AAAA,MACT,QAAQ;AAAA,IAAA;AAEV,UAAM,QAAQ;AA2BR,UAAA,aAAaA,kBAAI,KAAK;AACtB,UAAA,qBAAqBA,kBAAI,IAAI;AAC7B,UAAA,qBAAqBA,kBAAI,IAAI;AAC7B,UAAA,mBAAmBA,kBAAI,IAAI;AAC3B,UAAA,YAAYA,kBAAI,EAAE;AAExBC,kBAAAA,YAAY,MAAM;AAChB,iBAAW,QAAQ,MAAM;AACzB,gBAAU,QAAQ,MAAM;AACxB,yBAAmB,QAAQ,MAAM;AACjC,yBAAmB,QAAQ,MAAM;AACjC,uBAAiB,QAAQ,MAAM;AAAA,IAAA,CAChC;AAED,UAAM,OAAO;AAEP,UAAA,aAAa,CAAC,SAAiB;AAC/B,UAAA,SAAS,UAAU,SAAS;AACxB;MACR;AAAA,IAAA;AAGF,UAAM,QAAQ,MAAM;AACP,iBAAA,QAAQ,CAAC,WAAW;AAC1B,WAAA,eAAe,WAAW,KAAK;AAAA,IAAA;AAGtC,UAAM,SAAS,MAAM;AACnB,WAAK,QAAQ;AACP;IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClHR,GAAG,gBAAgB,SAAS;"}
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/Dialog/index.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDov6aG555uuL3RrLW1pbmktcHJvZ3JhbS9UVUlLaXQvY29tcG9uZW50cy9jb21tb24vRGlhbG9nL2luZGV4LnZ1ZQ"],"sourcesContent":["<template>\r\n <div\r\n v-if=\"showDialog\"\r\n class=\"dialog\"\r\n :class=\"[!isPC ? 'dialog-h5' : '', center ? 'center' : '']\"\r\n @click.stop.prevent=\"toggleView(clickType.OUTSIDE)\"\r\n >\r\n <main\r\n class=\"dialog-main\"\r\n :class=\"[!backgroundDialog ? 'dialog-main-back' : '']\"\r\n @click.stop.prevent=\"toggleView(clickType.INSIDE)\"\r\n >\r\n <header\r\n v-if=\"isHeaderShowDialog\"\r\n class=\"dialog-main-header\"\r\n >\r\n <h1 class=\"dialog-main-title\">\r\n {{ showTitle }}\r\n </h1>\r\n <i\r\n class=\"icon icon-close\"\r\n @click=\"close\"\r\n />\r\n </header>\r\n <div\r\n class=\"dialog-main-content\"\r\n :class=\"[isUniFrameWork && isH5 ? 'dialog-main-content-uniapp' : '']\"\r\n >\r\n <slot />\r\n </div>\r\n <footer\r\n v-if=\"isFooterShowDialog\"\r\n class=\"dialog-main-footer\"\r\n >\r\n <button\r\n class=\"btn btn-cancel\"\r\n @click=\"close\"\r\n >\r\n {{ TUITranslateService.t('component.取消') }}\r\n </button>\r\n <button\r\n class=\"btn btn-default\"\r\n @click=\"submit\"\r\n >\r\n {{ TUITranslateService.t('component.确定') }}\r\n </button>\r\n </footer>\r\n </main>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ref, watchEffect } from '../../../adapter-vue';\r\nimport { TUITranslateService } from '@tencentcloud/chat-uikit-engine';\r\nimport { isPC, isH5, isUniFrameWork } from '../../../utils/env';\r\nconst clickType = {\r\n OUTSIDE: 'outside',\r\n INSIDE: 'inside',\r\n};\r\nconst props = defineProps({\r\n show: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n isHeaderShow: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n isFooterShow: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n background: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n title: {\r\n type: String,\r\n default: '',\r\n },\r\n center: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n});\r\n\r\nconst showDialog = ref(false);\r\nconst isHeaderShowDialog = ref(true);\r\nconst isFooterShowDialog = ref(true);\r\nconst backgroundDialog = ref(true);\r\nconst showTitle = ref('');\r\n\r\nwatchEffect(() => {\r\n showDialog.value = props.show;\r\n showTitle.value = props.title;\r\n isHeaderShowDialog.value = props.isHeaderShow;\r\n isFooterShowDialog.value = props.isFooterShow;\r\n backgroundDialog.value = props.background;\r\n});\r\n\r\nconst emit = defineEmits(['update:show', 'submit']);\r\n\r\nconst toggleView = (type: string) => {\r\n if (type === clickType.OUTSIDE) {\r\n close();\r\n }\r\n};\r\n\r\nconst close = () => {\r\n showDialog.value = !showDialog.value;\r\n emit('update:show', showDialog.value);\r\n};\r\n\r\nconst submit = () => {\r\n emit('submit');\r\n close();\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped src=\"./style/dialog.scss\"></style>\r\n","import Component from 'D:/项目/tk-mini-program/TUIKit/components/common/Dialog/index.vue'\nwx.createComponent(Component)"],"names":["ref","watchEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,UAAM,YAAY;AAAA,MAChB,SAAS;AAAA,MACT,QAAQ;AAAA,IAAA;AAEV,UAAM,QAAQ;AA2BR,UAAA,aAAaA,kBAAI,KAAK;AACtB,UAAA,qBAAqBA,kBAAI,IAAI;AAC7B,UAAA,qBAAqBA,kBAAI,IAAI;AAC7B,UAAA,mBAAmBA,kBAAI,IAAI;AAC3B,UAAA,YAAYA,kBAAI,EAAE;AAExBC,kBAAAA,YAAY,MAAM;AAChB,iBAAW,QAAQ,MAAM;AACzB,gBAAU,QAAQ,MAAM;AACxB,yBAAmB,QAAQ,MAAM;AACjC,yBAAmB,QAAQ,MAAM;AACjC,uBAAiB,QAAQ,MAAM;AAAA,IAAA,CAChC;AAED,UAAM,OAAO;AAEP,UAAA,aAAa,CAAC,SAAiB;AAC/B,UAAA,SAAS,UAAU,SAAS;AACxB;MACR;AAAA,IAAA;AAGF,UAAM,QAAQ,MAAM;AACP,iBAAA,QAAQ,CAAC,WAAW;AAC1B,WAAA,eAAe,WAAW,KAAK;AAAA,IAAA;AAGtC,UAAM,SAAS,MAAM;AACnB,WAAK,QAAQ;AACP;IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClHR,GAAG,gBAAgB,SAAS;"}
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/Drawer/index.vue","/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/Drawer/index.vue?type=component"],"sourcesContent":["<template>\n <Overlay\n ref=\"overlayDomInstanceRef\"\n :visible=\"props.visible\"\n :useMask=\"props.useMask\"\n :maskColor=\"props.overlayColor\"\n :isFullScreen=\"props.isFullScreen\"\n @onOverlayClick=\"onOverlayClick\"\n >\n <div\n v-if=\"isDrawerShow\"\n ref=\"drawerDomRef\"\n :class=\"{\n 'drawer': true,\n 'origin-bottom': props.popDirection === 'bottom',\n 'origin-right': props.popDirection === 'right',\n 'slide-bottom': visible && props.popDirection === 'bottom',\n 'slide-right': visible && props.popDirection === 'right',\n }\"\n :style=\"{\n minHeight: styles.minHeight,\n maxHeight: styles.maxHeight,\n borderRadius: styles.borderRadius,\n boxShadow: styles.boxShadow,\n width: styles.width,\n }\"\n >\n <div class=\"drawer-container\">\n <slot />\n </div>\n </div>\n </Overlay>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from '../../../adapter-vue';\nimport Overlay from '../../common/Overlay/index.vue';\n\ninterface IProps {\n visible: boolean;\n popDirection: 'top' | 'right' | 'bottom' | 'left';\n useMask?: boolean;\n isFullScreen?: boolean | undefined;\n overlayColor?: string | undefined;\n drawerStyle?: {\n bottom?: Record<string, any> | undefined;\n right?: Record<string, any> | undefined;\n left?: Record<string, any> | undefined;\n top?: Record<string, any> | undefined;\n };\n}\n\ninterface IEmits {\n (e: 'onOverlayClick', event: Event): void;\n}\n\nconst emits = defineEmits<IEmits>();\nconst props = withDefaults(defineProps<IProps>(), {\n visible: true,\n useMask: true,\n isFullScreen: true,\n popDirection: 'bottom',\n drawerStyle: () => ({}),\n});\n\nconst drawerDomRef = ref<HTMLElement>();\nconst overlayDomInstanceRef = ref<InstanceType<typeof Overlay>>();\nconst isDrawerShow = ref<boolean>(false);\n\nconst styles = ref(props.drawerStyle[props.popDirection] || {});\n\nwatch(() => props.visible, (visible: boolean) => {\n if (visible) {\n isDrawerShow.value = true;\n } else {\n setTimeout(() => {\n isDrawerShow.value = false;\n }, 150);\n }\n}, {\n immediate: true,\n});\n\nfunction onOverlayClick(e: Event) {\n emits('onOverlayClick', e);\n}\n\ndefineExpose({\n drawerDomRef,\n overlayDomRef: overlayDomInstanceRef.value?.overlayDomRef,\n});\n</script>\n\n<style scoped lang=\"scss\">\n:not(not) {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n min-width: 0;\n}\n\n.drawer {\n position: absolute;\n z-index: 1;\n background-color: #fff;\n overflow: hidden;\n transition: transform 0.15s ease-out;\n\n .drawer-container {\n background-color: #fff;\n height: 100%;\n width: 100%;\n }\n}\n\n.origin-bottom {\n bottom: 0;\n left: 0;\n right: 0;\n transform: translateY(100%);\n animation: slide-from-bottom 0.15s ease-out;\n}\n\n.origin-right {\n top: 0;\n bottom: 0;\n right: 0;\n transform: translateX(100%);\n animation: slide-from-right 0.15s ease-out;\n}\n\n.slide-bottom {\n transform: translateY(0);\n}\n\n.slide-right {\n transform: translateX(0);\n}\n\n@keyframes slide-from-bottom {\n 0% {\n transform: translateY(100%);\n }\n\n 100% {\n transform: translateY(0);\n }\n}\n\n@keyframes slide-from-right {\n 0% {\n transform: translateX(100%);\n }\n\n 100% {\n transform: translateX(0);\n }\n}\n</style>\n","import Component from '/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/Drawer/index.vue'\nwx.createComponent(Component)"],"names":["ref","watch"],"mappings":";;;;;;AAoCA,MAAA,UAAoB,MAAA;;;;;;;;;;;;;;AAoBpB,UAAM,QAAQ;AACd,UAAM,QAAQ;AAQd,UAAM,eAAeA,cAAAA;AACrB,UAAM,wBAAwBA,cAAAA;AACxB,UAAA,eAAeA,kBAAa,KAAK;AAEjC,UAAA,SAASA,kBAAI,MAAM,YAAY,MAAM,YAAY,KAAK,CAAA,CAAE;AAE9DC,kBAAAA,MAAM,MAAM,MAAM,SAAS,CAAC,YAAqB;AAC/C,UAAI,SAAS;AACX,qBAAa,QAAQ;AAAA,MAAA,OAChB;AACL,mBAAW,MAAM;AACf,uBAAa,QAAQ;AAAA,WACpB,GAAG;AAAA,MACR;AAAA,IAAA,GACC;AAAA,MACD,WAAW;AAAA,IAAA,CACZ;AAED,aAAS,eAAe,GAAU;AAChC,YAAM,kBAAkB,CAAC;AAAA,IAC3B;AAEa,aAAA;AAAA,MACX;AAAA,MACA,gBAAe,2BAAsB,UAAtB,mBAA6B;AAAA,IAAA,CAC7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzFD,GAAG,gBAAgB,SAAS;"}
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/Drawer/index.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDov6aG555uuL3RrLW1pbmktcHJvZ3JhbS9UVUlLaXQvY29tcG9uZW50cy9jb21tb24vRHJhd2VyL2luZGV4LnZ1ZQ"],"sourcesContent":["<template>\r\n <Overlay\r\n ref=\"overlayDomInstanceRef\"\r\n :visible=\"props.visible\"\r\n :useMask=\"props.useMask\"\r\n :maskColor=\"props.overlayColor\"\r\n :isFullScreen=\"props.isFullScreen\"\r\n @onOverlayClick=\"onOverlayClick\"\r\n >\r\n <div\r\n v-if=\"isDrawerShow\"\r\n ref=\"drawerDomRef\"\r\n :class=\"{\r\n 'drawer': true,\r\n 'origin-bottom': props.popDirection === 'bottom',\r\n 'origin-right': props.popDirection === 'right',\r\n 'slide-bottom': visible && props.popDirection === 'bottom',\r\n 'slide-right': visible && props.popDirection === 'right',\r\n }\"\r\n :style=\"{\r\n minHeight: styles.minHeight,\r\n maxHeight: styles.maxHeight,\r\n borderRadius: styles.borderRadius,\r\n boxShadow: styles.boxShadow,\r\n width: styles.width,\r\n }\"\r\n >\r\n <div class=\"drawer-container\">\r\n <slot />\r\n </div>\r\n </div>\r\n </Overlay>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, watch } from '../../../adapter-vue';\r\nimport Overlay from '../../common/Overlay/index.vue';\r\n\r\ninterface IProps {\r\n visible: boolean;\r\n popDirection: 'top' | 'right' | 'bottom' | 'left';\r\n useMask?: boolean;\r\n isFullScreen?: boolean | undefined;\r\n overlayColor?: string | undefined;\r\n drawerStyle?: {\r\n bottom?: Record<string, any> | undefined;\r\n right?: Record<string, any> | undefined;\r\n left?: Record<string, any> | undefined;\r\n top?: Record<string, any> | undefined;\r\n };\r\n}\r\n\r\ninterface IEmits {\r\n (e: 'onOverlayClick', event: Event): void;\r\n}\r\n\r\nconst emits = defineEmits<IEmits>();\r\nconst props = withDefaults(defineProps<IProps>(), {\r\n visible: true,\r\n useMask: true,\r\n isFullScreen: true,\r\n popDirection: 'bottom',\r\n drawerStyle: () => ({}),\r\n});\r\n\r\nconst drawerDomRef = ref<HTMLElement>();\r\nconst overlayDomInstanceRef = ref<InstanceType<typeof Overlay>>();\r\nconst isDrawerShow = ref<boolean>(false);\r\n\r\nconst styles = ref(props.drawerStyle[props.popDirection] || {});\r\n\r\nwatch(() => props.visible, (visible: boolean) => {\r\n if (visible) {\r\n isDrawerShow.value = true;\r\n } else {\r\n setTimeout(() => {\r\n isDrawerShow.value = false;\r\n }, 150);\r\n }\r\n}, {\r\n immediate: true,\r\n});\r\n\r\nfunction onOverlayClick(e: Event) {\r\n emits('onOverlayClick', e);\r\n}\r\n\r\ndefineExpose({\r\n drawerDomRef,\r\n overlayDomRef: overlayDomInstanceRef.value?.overlayDomRef,\r\n});\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n:not(not) {\r\n display: flex;\r\n flex-direction: column;\r\n box-sizing: border-box;\r\n min-width: 0;\r\n}\r\n\r\n.drawer {\r\n position: absolute;\r\n z-index: 1;\r\n background-color: #fff;\r\n overflow: hidden;\r\n transition: transform 0.15s ease-out;\r\n\r\n .drawer-container {\r\n background-color: #fff;\r\n height: 100%;\r\n width: 100%;\r\n }\r\n}\r\n\r\n.origin-bottom {\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n transform: translateY(100%);\r\n animation: slide-from-bottom 0.15s ease-out;\r\n}\r\n\r\n.origin-right {\r\n top: 0;\r\n bottom: 0;\r\n right: 0;\r\n transform: translateX(100%);\r\n animation: slide-from-right 0.15s ease-out;\r\n}\r\n\r\n.slide-bottom {\r\n transform: translateY(0);\r\n}\r\n\r\n.slide-right {\r\n transform: translateX(0);\r\n}\r\n\r\n@keyframes slide-from-bottom {\r\n 0% {\r\n transform: translateY(100%);\r\n }\r\n\r\n 100% {\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes slide-from-right {\r\n 0% {\r\n transform: translateX(100%);\r\n }\r\n\r\n 100% {\r\n transform: translateX(0);\r\n }\r\n}\r\n</style>\r\n","import Component from 'D:/项目/tk-mini-program/TUIKit/components/common/Drawer/index.vue'\nwx.createComponent(Component)"],"names":["ref","watch"],"mappings":";;;;;;AAoCA,MAAA,UAAoB,MAAA;;;;;;;;;;;;;;AAoBpB,UAAM,QAAQ;AACd,UAAM,QAAQ;AAQd,UAAM,eAAeA,cAAAA;AACrB,UAAM,wBAAwBA,cAAAA;AACxB,UAAA,eAAeA,kBAAa,KAAK;AAEjC,UAAA,SAASA,kBAAI,MAAM,YAAY,MAAM,YAAY,KAAK,CAAA,CAAE;AAE9DC,kBAAAA,MAAM,MAAM,MAAM,SAAS,CAAC,YAAqB;AAC/C,UAAI,SAAS;AACX,qBAAa,QAAQ;AAAA,MAAA,OAChB;AACL,mBAAW,MAAM;AACf,uBAAa,QAAQ;AAAA,WACpB,GAAG;AAAA,MACR;AAAA,IAAA,GACC;AAAA,MACD,WAAW;AAAA,IAAA,CACZ;AAED,aAAS,eAAe,GAAU;AAChC,YAAM,kBAAkB,CAAC;AAAA,IAC3B;AAEa,aAAA;AAAA,MACX;AAAA,MACA,gBAAe,2BAAsB,UAAtB,mBAA6B;AAAA,IAAA,CAC7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzFD,GAAG,gBAAgB,SAAS;"}
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/FetchMore/index.vue","/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/FetchMore/index.vue?type=component"],"sourcesContent":["<template>\n <div\n ref=\"selfDomRef\"\n class=\"fetch-more-block\"\n >\n <template v-if=\"props.isFetching\">\n <slot name=\"fetching\">\n <div>{{ TUITranslateService.t(\"TUIChat.正在加载\") }}</div>\n </slot>\n </template>\n <template v-else>\n <slot name=\"fetchEnd\">\n <div>{{ TUITranslateService.t(\"TUIChat.加载结束\") }}</div>\n </slot>\n </template>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, onUnmounted, ref, watch, getCurrentInstance, withDefaults } from '../../../adapter-vue';\nimport { TUITranslateService } from '@tencentcloud/chat-uikit-engine';\nimport { isUniFrameWork } from '../../../utils/env';\n\ninterface IProps {\n isFetching: boolean;\n isTerminateObserve?: boolean;\n}\n\ninterface IEmits {\n (e: 'onExposed'): void;\n}\n\nconst emits = defineEmits<IEmits>();\nconst props = withDefaults(defineProps<IProps>(), {\n isFetching: false,\n isTerminateObserve: false,\n});\n\nlet observer: unknown = null;\nconst selfDomRef = ref();\nconst thisInstance = getCurrentInstance()?.proxy || getCurrentInstance();\n\nonMounted(() => {\n if (props.isTerminateObserve) {\n return;\n }\n if (!isUniFrameWork) {\n observer = new IntersectionObserver(([entry]) => {\n if (entry.isIntersecting) {\n emits('onExposed');\n }\n }, {\n threshold: 1.0,\n });\n if (selfDomRef.value) {\n (observer as IntersectionObserver).observe(selfDomRef.value);\n }\n } else {\n observer = uni.createIntersectionObserver(thisInstance).relativeToViewport();\n (observer as any).observe('.fetch-more-block', () => {\n emits('onExposed');\n });\n }\n});\n\nonUnmounted(() => {\n if (observer) {\n (observer as IntersectionObserver).disconnect();\n observer = null;\n }\n});\n\nwatch(() => props.isTerminateObserve, (isTerminateObserve: boolean) => {\n if (!observer) {\n return;\n }\n if (isTerminateObserve) {\n (observer as IntersectionObserver).disconnect();\n } else if (selfDomRef.value) {\n (observer as IntersectionObserver).disconnect();\n if (!isUniFrameWork) {\n (observer as IntersectionObserver).observe(selfDomRef.value);\n } else {\n (observer as any).observe('.fetch-more-block', () => {\n emits('onExposed');\n });\n }\n }\n});\n</script>\n\n<style scoped lang=\"scss\">\n.fetch-more-block {\n color: #999;\n}\n</style>\n","import Component from '/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/FetchMore/index.vue'\nwx.createComponent(Component)"],"names":["ref","getCurrentInstance","onMounted","isUniFrameWork","uni","onUnmounted","watch"],"mappings":";;;;;;;;;;;;;AAgCA,UAAM,QAAQ;AACd,UAAM,QAAQ;AAKd,QAAI,WAAoB;AACxB,UAAM,aAAaA,cAAAA;AACnB,UAAM,iBAAeC,mBAAA,mBAAA,MAAAA,mBAAsB,UAASA,cAAmB,mBAAA;AAEvEC,kBAAAA,UAAU,MAAM;AACd,UAAI,MAAM,oBAAoB;AAC5B;AAAA,MACF;AACA,UAAI,CAACC,iBAAAA,gBAAgB;AACnB,mBAAW,IAAI,qBAAqB,CAAC,CAAC,KAAK,MAAM;AAC/C,cAAI,MAAM,gBAAgB;AACxB,kBAAM,WAAW;AAAA,UACnB;AAAA,QAAA,GACC;AAAA,UACD,WAAW;AAAA,QAAA,CACZ;AACD,YAAI,WAAW,OAAO;AACnB,mBAAkC,QAAQ,WAAW,KAAK;AAAA,QAC7D;AAAA,MAAA,OACK;AACL,mBAAWC,cAAAA,MAAI,2BAA2B,YAAY,EAAE,mBAAmB;AAC1E,iBAAiB,QAAQ,qBAAqB,MAAM;AACnD,gBAAM,WAAW;AAAA,QAAA,CAClB;AAAA,MACH;AAAA,IAAA,CACD;AAEDC,kBAAAA,YAAY,MAAM;AAChB,UAAI,UAAU;AACX,iBAAkC,WAAW;AACnC,mBAAA;AAAA,MACb;AAAA,IAAA,CACD;AAEDC,kBAAAA,MAAM,MAAM,MAAM,oBAAoB,CAAC,uBAAgC;AACrE,UAAI,CAAC,UAAU;AACb;AAAA,MACF;AACA,UAAI,oBAAoB;AACrB,iBAAkC,WAAW;AAAA,MAAA,WACrC,WAAW,OAAO;AAC1B,iBAAkC,WAAW;AAC9C,YAAI,CAACH,iBAAAA,gBAAgB;AAClB,mBAAkC,QAAQ,WAAW,KAAK;AAAA,QAAA,OACtD;AACJ,mBAAiB,QAAQ,qBAAqB,MAAM;AACnD,kBAAM,WAAW;AAAA,UAAA,CAClB;AAAA,QACH;AAAA,MACF;AAAA,IAAA,CACD;;;;;;;;;;;;;ACvFD,GAAG,gBAAgB,SAAS;"}
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/FetchMore/index.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDov6aG555uuL3RrLW1pbmktcHJvZ3JhbS9UVUlLaXQvY29tcG9uZW50cy9jb21tb24vRmV0Y2hNb3JlL2luZGV4LnZ1ZQ"],"sourcesContent":["<template>\r\n <div\r\n ref=\"selfDomRef\"\r\n class=\"fetch-more-block\"\r\n >\r\n <template v-if=\"props.isFetching\">\r\n <slot name=\"fetching\">\r\n <div>{{ TUITranslateService.t(\"TUIChat.正在加载\") }}</div>\r\n </slot>\r\n </template>\r\n <template v-else>\r\n <slot name=\"fetchEnd\">\r\n <div>{{ TUITranslateService.t(\"TUIChat.加载结束\") }}</div>\r\n </slot>\r\n </template>\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onMounted, onUnmounted, ref, watch, getCurrentInstance, withDefaults } from '../../../adapter-vue';\r\nimport { TUITranslateService } from '@tencentcloud/chat-uikit-engine';\r\nimport { isUniFrameWork } from '../../../utils/env';\r\n\r\ninterface IProps {\r\n isFetching: boolean;\r\n isTerminateObserve?: boolean;\r\n}\r\n\r\ninterface IEmits {\r\n (e: 'onExposed'): void;\r\n}\r\n\r\nconst emits = defineEmits<IEmits>();\r\nconst props = withDefaults(defineProps<IProps>(), {\r\n isFetching: false,\r\n isTerminateObserve: false,\r\n});\r\n\r\nlet observer: unknown = null;\r\nconst selfDomRef = ref();\r\nconst thisInstance = getCurrentInstance()?.proxy || getCurrentInstance();\r\n\r\nonMounted(() => {\r\n if (props.isTerminateObserve) {\r\n return;\r\n }\r\n if (!isUniFrameWork) {\r\n observer = new IntersectionObserver(([entry]) => {\r\n if (entry.isIntersecting) {\r\n emits('onExposed');\r\n }\r\n }, {\r\n threshold: 1.0,\r\n });\r\n if (selfDomRef.value) {\r\n (observer as IntersectionObserver).observe(selfDomRef.value);\r\n }\r\n } else {\r\n observer = uni.createIntersectionObserver(thisInstance).relativeToViewport();\r\n (observer as any).observe('.fetch-more-block', () => {\r\n emits('onExposed');\r\n });\r\n }\r\n});\r\n\r\nonUnmounted(() => {\r\n if (observer) {\r\n (observer as IntersectionObserver).disconnect();\r\n observer = null;\r\n }\r\n});\r\n\r\nwatch(() => props.isTerminateObserve, (isTerminateObserve: boolean) => {\r\n if (!observer) {\r\n return;\r\n }\r\n if (isTerminateObserve) {\r\n (observer as IntersectionObserver).disconnect();\r\n } else if (selfDomRef.value) {\r\n (observer as IntersectionObserver).disconnect();\r\n if (!isUniFrameWork) {\r\n (observer as IntersectionObserver).observe(selfDomRef.value);\r\n } else {\r\n (observer as any).observe('.fetch-more-block', () => {\r\n emits('onExposed');\r\n });\r\n }\r\n }\r\n});\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.fetch-more-block {\r\n color: #999;\r\n}\r\n</style>\r\n","import Component from 'D:/项目/tk-mini-program/TUIKit/components/common/FetchMore/index.vue'\nwx.createComponent(Component)"],"names":["ref","getCurrentInstance","onMounted","isUniFrameWork","uni","onUnmounted","watch"],"mappings":";;;;;;;;;;;;;AAgCA,UAAM,QAAQ;AACd,UAAM,QAAQ;AAKd,QAAI,WAAoB;AACxB,UAAM,aAAaA,cAAAA;AACnB,UAAM,iBAAeC,mBAAA,mBAAA,MAAAA,mBAAsB,UAASA,cAAmB,mBAAA;AAEvEC,kBAAAA,UAAU,MAAM;AACd,UAAI,MAAM,oBAAoB;AAC5B;AAAA,MACF;AACA,UAAI,CAACC,iBAAAA,gBAAgB;AACnB,mBAAW,IAAI,qBAAqB,CAAC,CAAC,KAAK,MAAM;AAC/C,cAAI,MAAM,gBAAgB;AACxB,kBAAM,WAAW;AAAA,UACnB;AAAA,QAAA,GACC;AAAA,UACD,WAAW;AAAA,QAAA,CACZ;AACD,YAAI,WAAW,OAAO;AACnB,mBAAkC,QAAQ,WAAW,KAAK;AAAA,QAC7D;AAAA,MAAA,OACK;AACL,mBAAWC,cAAAA,MAAI,2BAA2B,YAAY,EAAE,mBAAmB;AAC1E,iBAAiB,QAAQ,qBAAqB,MAAM;AACnD,gBAAM,WAAW;AAAA,QAAA,CAClB;AAAA,MACH;AAAA,IAAA,CACD;AAEDC,kBAAAA,YAAY,MAAM;AAChB,UAAI,UAAU;AACX,iBAAkC,WAAW;AACnC,mBAAA;AAAA,MACb;AAAA,IAAA,CACD;AAEDC,kBAAAA,MAAM,MAAM,MAAM,oBAAoB,CAAC,uBAAgC;AACrE,UAAI,CAAC,UAAU;AACb;AAAA,MACF;AACA,UAAI,oBAAoB;AACrB,iBAAkC,WAAW;AAAA,MAAA,WACrC,WAAW,OAAO;AAC1B,iBAAkC,WAAW;AAC9C,YAAI,CAACH,iBAAAA,gBAAgB;AAClB,mBAAkC,QAAQ,WAAW,KAAK;AAAA,QAAA,OACtD;AACJ,mBAAiB,QAAQ,qBAAqB,MAAM;AACnD,kBAAM,WAAW;AAAA,UAAA,CAClB;AAAA,QACH;AAAA,MACF;AAAA,IAAA,CACD;;;;;;;;;;;;;ACvFD,GAAG,gBAAgB,SAAS;"}
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"file":"Icon.js","sources":["TUIKit/components/common/Icon.vue","/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/Icon.vue?type=component"],"sourcesContent":["<!-- eslint-disable vue/multi-word-component-names -->\n<template>\n <div\n :class=\"['common-icon-container', !isPC && 'common-icon-container-mobile']\"\n :style=\"{\n padding: iconHotAreaSize,\n }\"\n @click=\"handleImgClick\"\n >\n <image\n v-if=\"isApp\"\n class=\"common-icon\"\n :src=\"props.file\"\n :style=\"{ width: iconWidth, height: iconHeight }\"\n />\n <img\n v-else\n class=\"common-icon\"\n :src=\"props.file\"\n :style=\"{ width: iconWidth, height: iconHeight }\"\n >\n </div>\n</template>\n<script setup lang=\"ts\">\nimport { withDefaults, computed } from '../../adapter-vue';\nimport { isApp, isPC } from '../../utils/env';\n\ninterface IProps {\n file: string;\n size?: string;\n width?: string;\n height?: string;\n hotAreaSize?: number | string;\n}\n\ninterface IEmits {\n (key: 'onClick', e: Event): void;\n}\n\nconst emits = defineEmits<IEmits>();\nconst props = withDefaults(defineProps<IProps>(), {\n file: '',\n width: '20px',\n height: '20px',\n});\n\nconst iconHotAreaSize = computed<undefined | string>(() => {\n if (!props.hotAreaSize) {\n return undefined;\n }\n if (isNaN(Number(props.hotAreaSize))) {\n return String(props.hotAreaSize);\n }\n return `${props.hotAreaSize}px`;\n});\n\nconst iconWidth = computed(() => {\n return props.size ? props.size : props.width;\n});\n\nconst iconHeight = computed(() => {\n return props.size ? props.size : props.height;\n});\n\nconst handleImgClick = (e: Event) => {\n emits('onClick', e);\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.common-icon-container {\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n}\n\n.common-icon-container-mobile{\n cursor: none;\n}\n</style>\n","import Component from '/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/Icon.vue'\nwx.createComponent(Component)"],"names":["computed"],"mappings":";;;;;;;;;;;;;;;AAuCA,UAAM,QAAQ;AACd,UAAM,QAAQ;AAMR,UAAA,kBAAkBA,cAAAA,SAA6B,MAAM;AACrD,UAAA,CAAC,MAAM,aAAa;AACf,eAAA;AAAA,MACT;AACA,UAAI,MAAM,OAAO,MAAM,WAAW,CAAC,GAAG;AAC7B,eAAA,OAAO,MAAM,WAAW;AAAA,MACjC;AACO,aAAA,GAAG,MAAM,WAAW;AAAA,IAAA,CAC5B;AAEK,UAAA,YAAYA,cAAAA,SAAS,MAAM;AAC/B,aAAO,MAAM,OAAO,MAAM,OAAO,MAAM;AAAA,IAAA,CACxC;AAEK,UAAA,aAAaA,cAAAA,SAAS,MAAM;AAChC,aAAO,MAAM,OAAO,MAAM,OAAO,MAAM;AAAA,IAAA,CACxC;AAEK,UAAA,iBAAiB,CAAC,MAAa;AACnC,YAAM,WAAW,CAAC;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;AChEpB,GAAG,gBAAgB,SAAS;"}
|
||||
{"version":3,"file":"Icon.js","sources":["TUIKit/components/common/Icon.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDov6aG555uuL3RrLW1pbmktcHJvZ3JhbS9UVUlLaXQvY29tcG9uZW50cy9jb21tb24vSWNvbi52dWU"],"sourcesContent":["<!-- eslint-disable vue/multi-word-component-names -->\r\n<template>\r\n <div\r\n :class=\"['common-icon-container', !isPC && 'common-icon-container-mobile']\"\r\n :style=\"{\r\n padding: iconHotAreaSize,\r\n }\"\r\n @click=\"handleImgClick\"\r\n >\r\n <image\r\n v-if=\"isApp\"\r\n class=\"common-icon\"\r\n :src=\"props.file\"\r\n :style=\"{ width: iconWidth, height: iconHeight }\"\r\n />\r\n <img\r\n v-else\r\n class=\"common-icon\"\r\n :src=\"props.file\"\r\n :style=\"{ width: iconWidth, height: iconHeight }\"\r\n >\r\n </div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { withDefaults, computed } from '../../adapter-vue';\r\nimport { isApp, isPC } from '../../utils/env';\r\n\r\ninterface IProps {\r\n file: string;\r\n size?: string;\r\n width?: string;\r\n height?: string;\r\n hotAreaSize?: number | string;\r\n}\r\n\r\ninterface IEmits {\r\n (key: 'onClick', e: Event): void;\r\n}\r\n\r\nconst emits = defineEmits<IEmits>();\r\nconst props = withDefaults(defineProps<IProps>(), {\r\n file: '',\r\n width: '20px',\r\n height: '20px',\r\n});\r\n\r\nconst iconHotAreaSize = computed<undefined | string>(() => {\r\n if (!props.hotAreaSize) {\r\n return undefined;\r\n }\r\n if (isNaN(Number(props.hotAreaSize))) {\r\n return String(props.hotAreaSize);\r\n }\r\n return `${props.hotAreaSize}px`;\r\n});\r\n\r\nconst iconWidth = computed(() => {\r\n return props.size ? props.size : props.width;\r\n});\r\n\r\nconst iconHeight = computed(() => {\r\n return props.size ? props.size : props.height;\r\n});\r\n\r\nconst handleImgClick = (e: Event) => {\r\n emits('onClick', e);\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.common-icon-container {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n cursor: pointer;\r\n -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n.common-icon-container-mobile{\r\n cursor: none;\r\n}\r\n</style>\r\n","import Component from 'D:/项目/tk-mini-program/TUIKit/components/common/Icon.vue'\nwx.createComponent(Component)"],"names":["computed"],"mappings":";;;;;;;;;;;;;;;AAuCA,UAAM,QAAQ;AACd,UAAM,QAAQ;AAMR,UAAA,kBAAkBA,cAAAA,SAA6B,MAAM;AACrD,UAAA,CAAC,MAAM,aAAa;AACf,eAAA;AAAA,MACT;AACA,UAAI,MAAM,OAAO,MAAM,WAAW,CAAC,GAAG;AAC7B,eAAA,OAAO,MAAM,WAAW;AAAA,MACjC;AACO,aAAA,GAAG,MAAM,WAAW;AAAA,IAAA,CAC5B;AAEK,UAAA,YAAYA,cAAAA,SAAS,MAAM;AAC/B,aAAO,MAAM,OAAO,MAAM,OAAO,MAAM;AAAA,IAAA,CACxC;AAEK,UAAA,aAAaA,cAAAA,SAAS,MAAM;AAChC,aAAO,MAAM,OAAO,MAAM,OAAO,MAAM;AAAA,IAAA,CACxC;AAEK,UAAA,iBAAiB,CAAC,MAAa;AACnC,YAAM,WAAW,CAAC;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;AChEpB,GAAG,gBAAgB,SAAS;"}
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/Loading/index.vue","/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/Loading/index.vue?type=component"],"sourcesContent":["<template>\n <div\n class=\"tui-loading\"\n :style=\"{\n width: props.width,\n height: props.height,\n border: `2px solid ${props.color}`,\n borderTopColor: 'transparent',\n }\"\n />\n</template>\n<script setup lang=\"ts\">\nconst props = defineProps({\n width: {\n type: String,\n default: '30px',\n },\n height: {\n type: String,\n default: '30px',\n },\n color: {\n type: String,\n default: '#D9D9D9',\n },\n});\n</script>\n<style scoped lang=\"scss\">\n.tui-loading {\n width: 30px;\n height: 30px;\n border: 2px solid #d9d9d9;\n border-top-color: transparent;\n border-radius: 100%;\n animation: circle infinite 0.75s linear;\n}\n\n@keyframes circle {\n 0% {\n transform: rotate(0);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n</style>\n","import Component from '/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/Loading/index.vue'\nwx.createComponent(Component)"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAYA,UAAM,QAAQ;;;;;;;;;;;ACXd,GAAG,gBAAgB,SAAS;"}
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/Loading/index.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDov6aG555uuL3RrLW1pbmktcHJvZ3JhbS9UVUlLaXQvY29tcG9uZW50cy9jb21tb24vTG9hZGluZy9pbmRleC52dWU"],"sourcesContent":["<template>\r\n <div\r\n class=\"tui-loading\"\r\n :style=\"{\r\n width: props.width,\r\n height: props.height,\r\n border: `2px solid ${props.color}`,\r\n borderTopColor: 'transparent',\r\n }\"\r\n />\r\n</template>\r\n<script setup lang=\"ts\">\r\nconst props = defineProps({\r\n width: {\r\n type: String,\r\n default: '30px',\r\n },\r\n height: {\r\n type: String,\r\n default: '30px',\r\n },\r\n color: {\r\n type: String,\r\n default: '#D9D9D9',\r\n },\r\n});\r\n</script>\r\n<style scoped lang=\"scss\">\r\n.tui-loading {\r\n width: 30px;\r\n height: 30px;\r\n border: 2px solid #d9d9d9;\r\n border-top-color: transparent;\r\n border-radius: 100%;\r\n animation: circle infinite 0.75s linear;\r\n}\r\n\r\n@keyframes circle {\r\n 0% {\r\n transform: rotate(0);\r\n }\r\n\r\n 100% {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n</style>\r\n","import Component from 'D:/项目/tk-mini-program/TUIKit/components/common/Loading/index.vue'\nwx.createComponent(Component)"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAYA,UAAM,QAAQ;;;;;;;;;;;ACXd,GAAG,gBAAgB,SAAS;"}
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/MaskLayer/index.vue","/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/MaskLayer/index.vue?type=component"],"sourcesContent":["<template>\n <div\n v-if=\"showMask\"\n class=\"mask\"\n @click.self=\"!isWeChat && toggleView\"\n >\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, watchEffect } from '../../../adapter-vue';\nimport { isWeChat } from '../../../utils/env';\n\nconst props = defineProps({\n show: {\n type: Boolean,\n default: () => false,\n },\n});\n\nconst showMask = ref(false);\n\nwatchEffect(() => {\n showMask.value = props.show;\n});\n\nconst emit = defineEmits(['update:show']);\n\nconst toggleView = () => {\n showMask.value = !showMask.value;\n emit('update:show', showMask.value);\n};\n\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../../assets/styles/common';\n\n.mask {\n position: fixed;\n width: 100vw;\n height: 100vh;\n left: 0;\n top: 0;\n z-index: 99;\n background: rgba(#000, 0.5);\n display: flex;\n justify-content: center;\n align-items: center;\n\n main {\n position: relative;\n }\n}\n</style>\n","import Component from '/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/MaskLayer/index.vue'\nwx.createComponent(Component)"],"names":["ref","watchEffect"],"mappings":";;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AAOR,UAAA,WAAWA,kBAAI,KAAK;AAE1BC,kBAAAA,YAAY,MAAM;AAChB,eAAS,QAAQ,MAAM;AAAA,IAAA,CACxB;AAED,UAAM,OAAO;AAEb,UAAM,aAAa,MAAM;AACd,eAAA,QAAQ,CAAC,SAAS;AACtB,WAAA,eAAe,SAAS,KAAK;AAAA,IAAA;;;;;;;;;;;AC9BpC,GAAG,gBAAgB,SAAS;"}
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/MaskLayer/index.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDov6aG555uuL3RrLW1pbmktcHJvZ3JhbS9UVUlLaXQvY29tcG9uZW50cy9jb21tb24vTWFza0xheWVyL2luZGV4LnZ1ZQ"],"sourcesContent":["<template>\r\n <div\r\n v-if=\"showMask\"\r\n class=\"mask\"\r\n @click.self=\"!isWeChat && toggleView\"\r\n >\r\n <slot />\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ref, watchEffect } from '../../../adapter-vue';\r\nimport { isWeChat } from '../../../utils/env';\r\n\r\nconst props = defineProps({\r\n show: {\r\n type: Boolean,\r\n default: () => false,\r\n },\r\n});\r\n\r\nconst showMask = ref(false);\r\n\r\nwatchEffect(() => {\r\n showMask.value = props.show;\r\n});\r\n\r\nconst emit = defineEmits(['update:show']);\r\n\r\nconst toggleView = () => {\r\n showMask.value = !showMask.value;\r\n emit('update:show', showMask.value);\r\n};\r\n\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '../../../assets/styles/common';\r\n\r\n.mask {\r\n position: fixed;\r\n width: 100vw;\r\n height: 100vh;\r\n left: 0;\r\n top: 0;\r\n z-index: 99;\r\n background: rgba(#000, 0.5);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n main {\r\n position: relative;\r\n }\r\n}\r\n</style>\r\n","import Component from 'D:/项目/tk-mini-program/TUIKit/components/common/MaskLayer/index.vue'\nwx.createComponent(Component)"],"names":["ref","watchEffect"],"mappings":";;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AAOR,UAAA,WAAWA,kBAAI,KAAK;AAE1BC,kBAAAA,YAAY,MAAM;AAChB,eAAS,QAAQ,MAAM;AAAA,IAAA,CACxB;AAED,UAAM,OAAO;AAEb,UAAM,aAAa,MAAM;AACd,eAAA,QAAQ,CAAC,SAAS;AACtB,WAAA,eAAe,SAAS,KAAK;AAAA,IAAA;;;;;;;;;;;AC9BpC,GAAG,gBAAgB,SAAS;"}
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/Overlay/index.vue","/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/Overlay/index.vue?type=component"],"sourcesContent":["<template>\n <div\n v-if=\"isOverlayShow\"\n ref=\"overlayDomRef\"\n class=\"overlay-container\"\n :style=\"{\n position: props.isFullScreen ? 'fixed' : 'absolute',\n zIndex: props.zIndex,\n }\"\n >\n <div\n v-if=\"props.useMask\"\n :class=\"{\n 'overlay-mask': true,\n 'fade-in': props.visible,\n }\"\n :style=\"{\n backgroundColor: props.maskColor,\n }\"\n @click=\"onOverlayClick\"\n @touchstart.prevent.stop=\"onOverlayClick\"\n />\n <div\n :class=\"{\n 'overlay-content': true,\n 'full-screen': props.isFullScreen,\n }\"\n >\n <slot />\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, withDefaults } from '../../../adapter-vue';\nexport interface IOverlayProps {\n visible?: boolean;\n zIndex?: number | undefined;\n useMask?: boolean | undefined;\n maskColor?: string | undefined;\n isFullScreen?: boolean | undefined;\n width?: string;\n height?: string;\n}\n\nconst emits = defineEmits(['onOverlayClick']);\n\nconst props = withDefaults(defineProps<IOverlayProps>(), {\n visible: true,\n zIndex: 9999,\n useMask: true,\n isFullScreen: true,\n maskColor: 'rgba(0, 0, 0, 0.6)',\n width: 'auto',\n height: 'auto',\n});\n\nconst overlayDomRef = ref<HTMLElement>();\nconst isOverlayShow = ref<boolean>(props.visible);\n\nwatch(() => props.visible, (visible: boolean) => {\n if (visible) {\n isOverlayShow.value = true;\n } else {\n setTimeout(() => {\n isOverlayShow.value = false;\n }, 150);\n }\n}, {\n immediate: true,\n});\n\nfunction onOverlayClick() {\n emits('onOverlayClick');\n}\n\ndefineExpose({\n overlayDomRef,\n});\n</script>\n\n<style scoped lang=\"scss\">\n.overlay-container {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 9999;\n display: flex;\n align-items: center;\n justify-content: center;\n\n .overlay-mask {\n z-index: -1;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.6);\n opacity: 0;\n transition: opacity 0.15s linear;\n animation: fade-in 0.15s linear;\n }\n\n .full-screen{\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n}\n\n.overlay-mask.fade-in {\n opacity: 1;\n}\n\n@keyframes fade-in {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n</style>\n","import Component from '/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/Overlay/index.vue'\nwx.createComponent(Component)"],"names":["ref","watch"],"mappings":";;;;;;;;;;;;;;;;AA6CA,UAAM,QAAQ;AAEd,UAAM,QAAQ;AAUd,UAAM,gBAAgBA,cAAAA;AAChB,UAAA,gBAAgBA,cAAAA,IAAa,MAAM,OAAO;AAEhDC,kBAAAA,MAAM,MAAM,MAAM,SAAS,CAAC,YAAqB;AAC/C,UAAI,SAAS;AACX,sBAAc,QAAQ;AAAA,MAAA,OACjB;AACL,mBAAW,MAAM;AACf,wBAAc,QAAQ;AAAA,WACrB,GAAG;AAAA,MACR;AAAA,IAAA,GACC;AAAA,MACD,WAAW;AAAA,IAAA,CACZ;AAED,aAAS,iBAAiB;AACxB,YAAM,gBAAgB;AAAA,IACxB;AAEa,aAAA;AAAA,MACX;AAAA,IAAA,CACD;;;;;;;;;;;;;;;;;;;;AC7ED,GAAG,gBAAgB,SAAS;"}
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/Overlay/index.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDov6aG555uuL3RrLW1pbmktcHJvZ3JhbS9UVUlLaXQvY29tcG9uZW50cy9jb21tb24vT3ZlcmxheS9pbmRleC52dWU"],"sourcesContent":["<template>\r\n <div\r\n v-if=\"isOverlayShow\"\r\n ref=\"overlayDomRef\"\r\n class=\"overlay-container\"\r\n :style=\"{\r\n position: props.isFullScreen ? 'fixed' : 'absolute',\r\n zIndex: props.zIndex,\r\n }\"\r\n >\r\n <div\r\n v-if=\"props.useMask\"\r\n :class=\"{\r\n 'overlay-mask': true,\r\n 'fade-in': props.visible,\r\n }\"\r\n :style=\"{\r\n backgroundColor: props.maskColor,\r\n }\"\r\n @click=\"onOverlayClick\"\r\n @touchstart.prevent.stop=\"onOverlayClick\"\r\n />\r\n <div\r\n :class=\"{\r\n 'overlay-content': true,\r\n 'full-screen': props.isFullScreen,\r\n }\"\r\n >\r\n <slot />\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, watch, withDefaults } from '../../../adapter-vue';\r\nexport interface IOverlayProps {\r\n visible?: boolean;\r\n zIndex?: number | undefined;\r\n useMask?: boolean | undefined;\r\n maskColor?: string | undefined;\r\n isFullScreen?: boolean | undefined;\r\n width?: string;\r\n height?: string;\r\n}\r\n\r\nconst emits = defineEmits(['onOverlayClick']);\r\n\r\nconst props = withDefaults(defineProps<IOverlayProps>(), {\r\n visible: true,\r\n zIndex: 9999,\r\n useMask: true,\r\n isFullScreen: true,\r\n maskColor: 'rgba(0, 0, 0, 0.6)',\r\n width: 'auto',\r\n height: 'auto',\r\n});\r\n\r\nconst overlayDomRef = ref<HTMLElement>();\r\nconst isOverlayShow = ref<boolean>(props.visible);\r\n\r\nwatch(() => props.visible, (visible: boolean) => {\r\n if (visible) {\r\n isOverlayShow.value = true;\r\n } else {\r\n setTimeout(() => {\r\n isOverlayShow.value = false;\r\n }, 150);\r\n }\r\n}, {\r\n immediate: true,\r\n});\r\n\r\nfunction onOverlayClick() {\r\n emits('onOverlayClick');\r\n}\r\n\r\ndefineExpose({\r\n overlayDomRef,\r\n});\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.overlay-container {\r\n position: fixed;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 9999;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n .overlay-mask {\r\n z-index: -1;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: rgba(0, 0, 0, 0.6);\r\n opacity: 0;\r\n transition: opacity 0.15s linear;\r\n animation: fade-in 0.15s linear;\r\n }\r\n\r\n .full-screen{\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n}\r\n\r\n.overlay-mask.fade-in {\r\n opacity: 1;\r\n}\r\n\r\n@keyframes fade-in {\r\n 0% {\r\n opacity: 0;\r\n }\r\n\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n</style>\r\n","import Component from 'D:/项目/tk-mini-program/TUIKit/components/common/Overlay/index.vue'\nwx.createComponent(Component)"],"names":["ref","watch"],"mappings":";;;;;;;;;;;;;;;;AA6CA,UAAM,QAAQ;AAEd,UAAM,QAAQ;AAUd,UAAM,gBAAgBA,cAAAA;AAChB,UAAA,gBAAgBA,cAAAA,IAAa,MAAM,OAAO;AAEhDC,kBAAAA,MAAM,MAAM,MAAM,SAAS,CAAC,YAAqB;AAC/C,UAAI,SAAS;AACX,sBAAc,QAAQ;AAAA,MAAA,OACjB;AACL,mBAAW,MAAM;AACf,wBAAc,QAAQ;AAAA,WACrB,GAAG;AAAA,MACR;AAAA,IAAA,GACC;AAAA,MACD,WAAW;AAAA,IAAA,CACZ;AAED,aAAS,iBAAiB;AACxB,YAAM,gBAAgB;AAAA,IACxB;AAEa,aAAA;AAAA,MACX;AAAA,IAAA,CACD;;;;;;;;;;;;;;;;;;;;AC7ED,GAAG,gBAAgB,SAAS;"}
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/ProgressMessage/index.vue","/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/ProgressMessage/index.vue?type=component"],"sourcesContent":["<template>\n <div class=\"progress-message\">\n <slot />\n <div\n v-if=\"props.messageItem.status === 'unSend' && props.messageItem.progress < 1\"\n class=\"progress-container\"\n >\n <progress\n v-if=\"!isUniFrameWork\"\n class=\"progress\"\n :value=\"props.messageItem.progress\"\n max=\"1\"\n />\n <progress\n v-else\n activeColor=\"#006EFF\"\n class=\"progress-common\"\n :percent=\"Math.round(props.messageItem.progress*100)\"\n />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { IMessageModel } from '@tencentcloud/chat-uikit-engine';\nimport { withDefaults } from '../../../adapter-vue';\nimport { isUniFrameWork } from '../../../utils/env';\nimport type { IImageMessageContent } from '../../../interface';\n\nconst props = withDefaults(\n defineProps<{\n content: IImageMessageContent;\n messageItem: IMessageModel;\n }>(),\n {\n content: () => ({}),\n messageItem: () => ({} as IMessageModel),\n },\n);\n</script>\n\n<style lang=\"scss\" scoped>\n$primary-progress-color: #006eff;\n$primary-progress-bg-color: #fff;\n\n.progress-message {\n overflow: hidden;\n\n .progress-container {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n padding: 0 15%;\n left: 0;\n top: 0;\n background: rgba(#000, 0.5);\n display: flex;\n align-items: center;\n\n .progress-common {\n appearance: none;\n width: 100%;\n height: 0.5rem;\n }\n\n .progress {\n @extend .progress-common;\n\n color: $primary-progress-color;\n border-radius: 0.25rem;\n background: $primary-progress-bg-color;\n\n &::-webkit-progress-value {\n background-color: $primary-progress-color;\n border-radius: 0.25rem;\n }\n\n &::-webkit-progress-bar {\n border-radius: 0.25rem;\n background: $primary-progress-bg-color;\n }\n\n &::-moz-progress-bar {\n color: $primary-progress-color;\n background: $primary-progress-color;\n border-radius: 0.25rem;\n }\n }\n }\n}\n</style>\n","import Component from '/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/ProgressMessage/index.vue'\nwx.createComponent(Component)"],"names":[],"mappings":";;;;;;;;;;AA6BA,UAAM,QAAQ;;;;;;;;;;;;;;;AC5Bd,GAAG,gBAAgB,SAAS;"}
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/ProgressMessage/index.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDov6aG555uuL3RrLW1pbmktcHJvZ3JhbS9UVUlLaXQvY29tcG9uZW50cy9jb21tb24vUHJvZ3Jlc3NNZXNzYWdlL2luZGV4LnZ1ZQ"],"sourcesContent":["<template>\r\n <div class=\"progress-message\">\r\n <slot />\r\n <div\r\n v-if=\"props.messageItem.status === 'unSend' && props.messageItem.progress < 1\"\r\n class=\"progress-container\"\r\n >\r\n <progress\r\n v-if=\"!isUniFrameWork\"\r\n class=\"progress\"\r\n :value=\"props.messageItem.progress\"\r\n max=\"1\"\r\n />\r\n <progress\r\n v-else\r\n activeColor=\"#006EFF\"\r\n class=\"progress-common\"\r\n :percent=\"Math.round(props.messageItem.progress*100)\"\r\n />\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport type { IMessageModel } from '@tencentcloud/chat-uikit-engine';\r\nimport { withDefaults } from '../../../adapter-vue';\r\nimport { isUniFrameWork } from '../../../utils/env';\r\nimport type { IImageMessageContent } from '../../../interface';\r\n\r\nconst props = withDefaults(\r\n defineProps<{\r\n content: IImageMessageContent;\r\n messageItem: IMessageModel;\r\n }>(),\r\n {\r\n content: () => ({}),\r\n messageItem: () => ({} as IMessageModel),\r\n },\r\n);\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n$primary-progress-color: #006eff;\r\n$primary-progress-bg-color: #fff;\r\n\r\n.progress-message {\r\n overflow: hidden;\r\n\r\n .progress-container {\r\n position: absolute;\r\n box-sizing: border-box;\r\n width: 100%;\r\n height: 100%;\r\n padding: 0 15%;\r\n left: 0;\r\n top: 0;\r\n background: rgba(#000, 0.5);\r\n display: flex;\r\n align-items: center;\r\n\r\n .progress-common {\r\n appearance: none;\r\n width: 100%;\r\n height: 0.5rem;\r\n }\r\n\r\n .progress {\r\n @extend .progress-common;\r\n\r\n color: $primary-progress-color;\r\n border-radius: 0.25rem;\r\n background: $primary-progress-bg-color;\r\n\r\n &::-webkit-progress-value {\r\n background-color: $primary-progress-color;\r\n border-radius: 0.25rem;\r\n }\r\n\r\n &::-webkit-progress-bar {\r\n border-radius: 0.25rem;\r\n background: $primary-progress-bg-color;\r\n }\r\n\r\n &::-moz-progress-bar {\r\n color: $primary-progress-color;\r\n background: $primary-progress-color;\r\n border-radius: 0.25rem;\r\n }\r\n }\r\n }\r\n}\r\n</style>\r\n","import Component from 'D:/项目/tk-mini-program/TUIKit/components/common/ProgressMessage/index.vue'\nwx.createComponent(Component)"],"names":[],"mappings":";;;;;;;;;;AA6BA,UAAM,QAAQ;;;;;;;;;;;;;;;AC5Bd,GAAG,gBAAgB,SAAS;"}
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/RadioSelect/index.vue","/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/RadioSelect/index.vue?type=component"],"sourcesContent":["<template>\n <div\n class=\"radio-select\"\n @click=\"toggleSelect\"\n >\n <div\n v-if=\"!props.isSelected\"\n class=\"radio-no-select\"\n />\n <Icon\n v-else\n :file=\"radioIcon\"\n :size=\"'20px'\"\n />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport Icon from '../Icon.vue';\nimport radioIcon from '../../../assets/icon/radio.svg';\n\ninterface IProps {\n isSelected: boolean;\n}\n\ninterface IEmits {\n (e: 'onChange', value: boolean): void;\n}\n\nconst emits = defineEmits<IEmits>();\nconst props = withDefaults(defineProps<IProps>(),\n {},\n);\n\nfunction toggleSelect() {\n emits('onChange', !props.isSelected);\n}\n</script>\n<style lang=\"scss\" scoped>\n:not(not) {\n display: flex;\n flex-direction: column;\n min-width: 0;\n box-sizing: border-box\n}\n\n.radio-select {\n flex: 1;\n flex-direction: column;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n justify-content: center;\n\n .radio-no-select {\n height: 20px;\n width: 20px;\n border-radius: 50%;\n border: 2px solid #ddd;\n }\n}\n</style>\n","import Component from '/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/RadioSelect/index.vue'\nwx.createComponent(Component)"],"names":[],"mappings":";;;;;;AAkBA,MAAA,OAAiB,MAAA;;;;;;;;AAWjB,UAAM,QAAQ;AACd,UAAM,QAAQ;AAId,aAAS,eAAe;AAChB,YAAA,YAAY,CAAC,MAAM,UAAU;AAAA,IACrC;;;;;;;;;;;;;;;;ACnCA,GAAG,gBAAgB,SAAS;"}
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/RadioSelect/index.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDov6aG555uuL3RrLW1pbmktcHJvZ3JhbS9UVUlLaXQvY29tcG9uZW50cy9jb21tb24vUmFkaW9TZWxlY3QvaW5kZXgudnVl"],"sourcesContent":["<template>\r\n <div\r\n class=\"radio-select\"\r\n @click=\"toggleSelect\"\r\n >\r\n <div\r\n v-if=\"!props.isSelected\"\r\n class=\"radio-no-select\"\r\n />\r\n <Icon\r\n v-else\r\n :file=\"radioIcon\"\r\n :size=\"'20px'\"\r\n />\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport Icon from '../Icon.vue';\r\nimport radioIcon from '../../../assets/icon/radio.svg';\r\n\r\ninterface IProps {\r\n isSelected: boolean;\r\n}\r\n\r\ninterface IEmits {\r\n (e: 'onChange', value: boolean): void;\r\n}\r\n\r\nconst emits = defineEmits<IEmits>();\r\nconst props = withDefaults(defineProps<IProps>(),\r\n {},\r\n);\r\n\r\nfunction toggleSelect() {\r\n emits('onChange', !props.isSelected);\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n:not(not) {\r\n display: flex;\r\n flex-direction: column;\r\n min-width: 0;\r\n box-sizing: border-box\r\n}\r\n\r\n.radio-select {\r\n flex: 1;\r\n flex-direction: column;\r\n cursor: pointer;\r\n -webkit-tap-highlight-color: transparent;\r\n justify-content: center;\r\n\r\n .radio-no-select {\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n border: 2px solid #ddd;\r\n }\r\n}\r\n</style>\r\n","import Component from 'D:/项目/tk-mini-program/TUIKit/components/common/RadioSelect/index.vue'\nwx.createComponent(Component)"],"names":[],"mappings":";;;;;;AAkBA,MAAA,OAAiB,MAAA;;;;;;;;AAWjB,UAAM,QAAQ;AACd,UAAM,QAAQ;AAId,aAAS,eAAe;AAChB,YAAA,YAAY,CAAC,MAAM,UAAU;AAAA,IACrC;;;;;;;;;;;;;;;;ACnCA,GAAG,gBAAgB,SAAS;"}
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/SelectUser/index.vue","/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/SelectUser/index.vue?type=component"],"sourcesContent":["<template>\n <Dialog\n :show=\"true\"\n :isH5=\"!isPC\"\n :isHeaderShow=\"false\"\n :isFooterShow=\"false\"\n :background=\"false\"\n @update:show=\"reset\"\n >\n <Transfer\n :isSearch=\"props.isNeedSearch\"\n :title=\"props.title\"\n :list=\"props.userList\"\n :isH5=\"!isPC\"\n :isRadio=\"props.isRadio\"\n :total=\"props.total\"\n @getMore=\"handleGetMore\"\n @search=\"handleSearchUser\"\n @submit=\"submit\"\n @cancel=\"reset\"\n />\n </Dialog>\n</template>\n<script lang=\"ts\" setup>\nimport { isPC } from '../../../utils/env';\nimport Dialog from '../Dialog/index.vue';\nimport Transfer from '../Transfer/index.vue';\n\nconst emits = defineEmits(['complete', 'search', 'getMore']);\n\nconst props = defineProps({\n isRadio: {\n type: Boolean,\n default: false,\n },\n isNeedSearch: {\n type: Boolean,\n default: false,\n },\n title: {\n type: String,\n default: '',\n },\n userList: {\n type: Array,\n default: () => ([]),\n },\n total: {\n type: Number,\n default: 0,\n },\n});\n\nconst reset = () => {\n emits('complete', []);\n};\n\nconst submit = (dataList: any) => {\n emits('complete', dataList);\n};\n\nconst handleSearchUser = (userID: string) => {\n emits('search', userID);\n};\n\nconst handleGetMore = () => {\n emits('getMore');\n};\n</script>\n","import Component from '/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/SelectUser/index.vue'\nwx.createComponent(Component)"],"names":["Component"],"mappings":";;;;;;AAyBA,MAAA,SAAmB,MAAA;AACnB,MAAA,WAAqB,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;AAErB,UAAM,QAAQ;AAEd,UAAM,QAAQ;AAuBd,UAAM,QAAQ,MAAM;AACZ,YAAA,YAAY,CAAA,CAAE;AAAA,IAAA;AAGhB,UAAA,SAAS,CAAC,aAAkB;AAChC,YAAM,YAAY,QAAQ;AAAA,IAAA;AAGtB,UAAA,mBAAmB,CAAC,WAAmB;AAC3C,YAAM,UAAU,MAAM;AAAA,IAAA;AAGxB,UAAM,gBAAgB,MAAM;AAC1B,YAAM,SAAS;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;ACjEjB,GAAG,gBAAgBA,SAAS;"}
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/SelectUser/index.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDov6aG555uuL3RrLW1pbmktcHJvZ3JhbS9UVUlLaXQvY29tcG9uZW50cy9jb21tb24vU2VsZWN0VXNlci9pbmRleC52dWU"],"sourcesContent":["<template>\r\n <Dialog\r\n :show=\"true\"\r\n :isH5=\"!isPC\"\r\n :isHeaderShow=\"false\"\r\n :isFooterShow=\"false\"\r\n :background=\"false\"\r\n @update:show=\"reset\"\r\n >\r\n <Transfer\r\n :isSearch=\"props.isNeedSearch\"\r\n :title=\"props.title\"\r\n :list=\"props.userList\"\r\n :isH5=\"!isPC\"\r\n :isRadio=\"props.isRadio\"\r\n :total=\"props.total\"\r\n @getMore=\"handleGetMore\"\r\n @search=\"handleSearchUser\"\r\n @submit=\"submit\"\r\n @cancel=\"reset\"\r\n />\r\n </Dialog>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { isPC } from '../../../utils/env';\r\nimport Dialog from '../Dialog/index.vue';\r\nimport Transfer from '../Transfer/index.vue';\r\n\r\nconst emits = defineEmits(['complete', 'search', 'getMore']);\r\n\r\nconst props = defineProps({\r\n isRadio: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n isNeedSearch: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n title: {\r\n type: String,\r\n default: '',\r\n },\r\n userList: {\r\n type: Array,\r\n default: () => ([]),\r\n },\r\n total: {\r\n type: Number,\r\n default: 0,\r\n },\r\n});\r\n\r\nconst reset = () => {\r\n emits('complete', []);\r\n};\r\n\r\nconst submit = (dataList: any) => {\r\n emits('complete', dataList);\r\n};\r\n\r\nconst handleSearchUser = (userID: string) => {\r\n emits('search', userID);\r\n};\r\n\r\nconst handleGetMore = () => {\r\n emits('getMore');\r\n};\r\n</script>\r\n","import Component from 'D:/项目/tk-mini-program/TUIKit/components/common/SelectUser/index.vue'\nwx.createComponent(Component)"],"names":["Component"],"mappings":";;;;;;AAyBA,MAAA,SAAmB,MAAA;AACnB,MAAA,WAAqB,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;AAErB,UAAM,QAAQ;AAEd,UAAM,QAAQ;AAuBd,UAAM,QAAQ,MAAM;AACZ,YAAA,YAAY,CAAA,CAAE;AAAA,IAAA;AAGhB,UAAA,SAAS,CAAC,aAAkB;AAChC,YAAM,YAAY,QAAQ;AAAA,IAAA;AAGtB,UAAA,mBAAmB,CAAC,WAAmB;AAC3C,YAAM,UAAU,MAAM;AAAA,IAAA;AAGxB,UAAM,gBAAgB,MAAM;AAC1B,YAAM,SAAS;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;ACjEjB,GAAG,gBAAgBA,SAAS;"}
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/Slider/index.vue","/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/Slider/index.vue?type=component"],"sourcesContent":["<template>\n <div\n class=\"slider-box\"\n :class=\"[isSliderOpen && 'slider-open']\"\n @click=\"toggleSlider\"\n >\n <span class=\"slider-block\" />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, watchEffect } from '../../../adapter-vue';\n\nconst props = defineProps({\n open: {\n type: Boolean,\n default: false,\n },\n});\n\nconst isSliderOpen = ref(false);\n\nconst emits = defineEmits(['change']);\n\nwatchEffect(() => {\n isSliderOpen.value = props.open;\n});\n\nconst toggleSlider = () => {\n isSliderOpen.value = !isSliderOpen.value;\n emits('change', isSliderOpen.value);\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../../../assets/styles/common\";\n\n.slider {\n &-box {\n display: flex;\n align-items: center;\n width: 40px;\n height: 20px;\n border-radius: 10px;\n background: #e1e1e3;\n }\n\n &-open {\n background: #006eff !important;\n justify-content: flex-end;\n }\n\n &-block {\n display: inline-block;\n width: 16px;\n height: 16px;\n border-radius: 8px;\n margin: 0 2px;\n background: #fff;\n border: 0 solid rgba(0, 0, 0, 0.85);\n box-shadow: 0 2px 4px 0 #d1d1d1;\n }\n}\n</style>\n","import Component from '/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/Slider/index.vue'\nwx.createComponent(Component)"],"names":["ref","watchEffect"],"mappings":";;;;;;;;;;;;;AAaA,UAAM,QAAQ;AAOR,UAAA,eAAeA,kBAAI,KAAK;AAE9B,UAAM,QAAQ;AAEdC,kBAAAA,YAAY,MAAM;AAChB,mBAAa,QAAQ,MAAM;AAAA,IAAA,CAC5B;AAED,UAAM,eAAe,MAAM;AACZ,mBAAA,QAAQ,CAAC,aAAa;AAC7B,YAAA,UAAU,aAAa,KAAK;AAAA,IAAA;;;;;;;;;;AC7BpC,GAAG,gBAAgB,SAAS;"}
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/Slider/index.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDov6aG555uuL3RrLW1pbmktcHJvZ3JhbS9UVUlLaXQvY29tcG9uZW50cy9jb21tb24vU2xpZGVyL2luZGV4LnZ1ZQ"],"sourcesContent":["<template>\r\n <div\r\n class=\"slider-box\"\r\n :class=\"[isSliderOpen && 'slider-open']\"\r\n @click=\"toggleSlider\"\r\n >\r\n <span class=\"slider-block\" />\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ref, watchEffect } from '../../../adapter-vue';\r\n\r\nconst props = defineProps({\r\n open: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n});\r\n\r\nconst isSliderOpen = ref(false);\r\n\r\nconst emits = defineEmits(['change']);\r\n\r\nwatchEffect(() => {\r\n isSliderOpen.value = props.open;\r\n});\r\n\r\nconst toggleSlider = () => {\r\n isSliderOpen.value = !isSliderOpen.value;\r\n emits('change', isSliderOpen.value);\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"../../../assets/styles/common\";\r\n\r\n.slider {\r\n &-box {\r\n display: flex;\r\n align-items: center;\r\n width: 40px;\r\n height: 20px;\r\n border-radius: 10px;\r\n background: #e1e1e3;\r\n }\r\n\r\n &-open {\r\n background: #006eff !important;\r\n justify-content: flex-end;\r\n }\r\n\r\n &-block {\r\n display: inline-block;\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 8px;\r\n margin: 0 2px;\r\n background: #fff;\r\n border: 0 solid rgba(0, 0, 0, 0.85);\r\n box-shadow: 0 2px 4px 0 #d1d1d1;\r\n }\r\n}\r\n</style>\r\n","import Component from 'D:/项目/tk-mini-program/TUIKit/components/common/Slider/index.vue'\nwx.createComponent(Component)"],"names":["ref","watchEffect"],"mappings":";;;;;;;;;;;;;AAaA,UAAM,QAAQ;AAOR,UAAA,eAAeA,kBAAI,KAAK;AAE9B,UAAM,QAAQ;AAEdC,kBAAAA,YAAY,MAAM;AAChB,mBAAa,QAAQ,MAAM;AAAA,IAAA,CAC5B;AAED,UAAM,eAAe,MAAM;AACZ,mBAAA,QAAQ,CAAC,aAAa;AAC7B,YAAA,UAAU,aAAa,KAAK;AAAA,IAAA;;;;;;;;;;AC7BpC,GAAG,gBAAgB,SAAS;"}
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/SwitchBar/index.vue?type=component"],"sourcesContent":["import Component from '/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/SwitchBar/index.vue'\nwx.createComponent(Component)"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AACA,GAAG,gBAAgB,SAAS;"}
|
||||
{"version":3,"file":"index.js","sources":["../../HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDov6aG555uuL3RrLW1pbmktcHJvZ3JhbS9UVUlLaXQvY29tcG9uZW50cy9jb21tb24vU3dpdGNoQmFyL2luZGV4LnZ1ZQ"],"sourcesContent":["import Component from 'D:/项目/tk-mini-program/TUIKit/components/common/SwitchBar/index.vue'\nwx.createComponent(Component)"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AACA,GAAG,gBAAgB,SAAS;"}
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/Toast/index.ts"],"sourcesContent":["import { TUIGlobal } from '@tencentcloud/universal-api';\nimport TOAST_TYPE from './type';\n\ninterface IToast {\n message: string;\n type?: string;\n duration?: number;\n}\n\nconst Toast = (options: IToast): void => {\n TUIGlobal.showToast({\n title: options.message || 'Toast',\n duration: options.duration || 1500,\n icon: handleIconType(options.type),\n });\n};\n\nconst handleIconType = (type: string | undefined) => {\n if (!type) {\n return 'none';\n }\n switch (type) {\n case TOAST_TYPE.ERROR:\n return 'none';\n case TOAST_TYPE.WARNING:\n return 'none';\n case TOAST_TYPE.SUCCESS:\n return 'success';\n case TOAST_TYPE.NORMAL:\n return 'none';\n default:\n return 'none';\n }\n};\n\nexport { Toast, TOAST_TYPE };\n"],"names":["TUIGlobal","TOAST_TYPE"],"mappings":";;;AASM,MAAA,QAAQ,CAAC,YAA0B;AACvCA,gBAAAA,EAAU,UAAU;AAAA,IAClB,OAAO,QAAQ,WAAW;AAAA,IAC1B,UAAU,QAAQ,YAAY;AAAA,IAC9B,MAAM,eAAe,QAAQ,IAAI;AAAA,EAAA,CAClC;AACH;AAEA,MAAM,iBAAiB,CAAC,SAA6B;AACnD,MAAI,CAAC,MAAM;AACF,WAAA;AAAA,EACT;AACA,UAAQ,MAAM;AAAA,IACZ,KAAKC,oCAAW,WAAA;AACP,aAAA;AAAA,IACT,KAAKA,oCAAW,WAAA;AACP,aAAA;AAAA,IACT,KAAKA,oCAAW,WAAA;AACP,aAAA;AAAA,IACT,KAAKA,oCAAW,WAAA;AACP,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EACX;AACF;;"}
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/Toast/index.ts"],"sourcesContent":["import { TUIGlobal } from '@tencentcloud/universal-api';\r\nimport TOAST_TYPE from './type';\r\n\r\ninterface IToast {\r\n message: string;\r\n type?: string;\r\n duration?: number;\r\n}\r\n\r\nconst Toast = (options: IToast): void => {\r\n TUIGlobal.showToast({\r\n title: options.message || 'Toast',\r\n duration: options.duration || 1500,\r\n icon: handleIconType(options.type),\r\n });\r\n};\r\n\r\nconst handleIconType = (type: string | undefined) => {\r\n if (!type) {\r\n return 'none';\r\n }\r\n switch (type) {\r\n case TOAST_TYPE.ERROR:\r\n return 'none';\r\n case TOAST_TYPE.WARNING:\r\n return 'none';\r\n case TOAST_TYPE.SUCCESS:\r\n return 'success';\r\n case TOAST_TYPE.NORMAL:\r\n return 'none';\r\n default:\r\n return 'none';\r\n }\r\n};\r\n\r\nexport { Toast, TOAST_TYPE };\r\n"],"names":["TUIGlobal","TOAST_TYPE"],"mappings":";;;AASM,MAAA,QAAQ,CAAC,YAA0B;AACvCA,gBAAAA,EAAU,UAAU;AAAA,IAClB,OAAO,QAAQ,WAAW;AAAA,IAC1B,UAAU,QAAQ,YAAY;AAAA,IAC9B,MAAM,eAAe,QAAQ,IAAI;AAAA,EAAA,CAClC;AACH;AAEA,MAAM,iBAAiB,CAAC,SAA6B;AACnD,MAAI,CAAC,MAAM;AACF,WAAA;AAAA,EACT;AACA,UAAQ,MAAM;AAAA,IACZ,KAAKC,oCAAW,WAAA;AACP,aAAA;AAAA,IACT,KAAKA,oCAAW,WAAA;AACP,aAAA;AAAA,IACT,KAAKA,oCAAW,WAAA;AACP,aAAA;AAAA,IACT,KAAKA,oCAAW,WAAA;AACP,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EACX;AACF;;"}
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"file":"type.js","sources":["TUIKit/components/common/Toast/type.ts"],"sourcesContent":["const TOAST_TYPE = {\n SUCCESS: 'success',\n WARNING: 'warning',\n ERROR: 'error',\n NORMAL: 'normal',\n};\n\nexport default TOAST_TYPE;\n"],"names":[],"mappings":";AAAA,MAAM,aAAa;AAAA,EACjB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AACV;;"}
|
||||
{"version":3,"file":"type.js","sources":["TUIKit/components/common/Toast/type.ts"],"sourcesContent":["const TOAST_TYPE = {\r\n SUCCESS: 'success',\r\n WARNING: 'warning',\r\n ERROR: 'error',\r\n NORMAL: 'normal',\r\n};\r\n\r\nexport default TOAST_TYPE;\r\n"],"names":[],"mappings":";AAAA,MAAM,aAAa;AAAA,EACjB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AACV;;"}
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user