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

消息

Browse Source
This commit is contained in:
pengxiaolong
2025-05-13 19:39:53 +08:00
parent 37da6765b8
commit c006a8e63d
1232 changed files with 96963 additions and 883 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -0,0 +1 @@
{"version":3,"file":"index.js","sources":["TUIKit/components/common/Overlay/index.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDov6aG555uuL3RrLW1pbmktcHJvZ3JhbS9UVUlLaXQvY29tcG9uZW50cy9jb21tb24vT3ZlcmxheS9pbmRleC52dWU"],"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 '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;"}