pxl/tk-mini-program
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修改弹窗

Browse Source
This commit is contained in:
LiangWei-P
2025-06-20 15:10:27 +08:00
parent fa745b73c2
commit 2afc95d531
324 changed files with 643 additions and 622 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
unpackage/dist/dev/.sourcemap/mp-weixin/TUIKit/components/common/Overlay/index.js.map vendored
View File

@@ -1 +1 @@
{"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;"}
{"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;"}