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-06-09 23:02:05 +08:00
parent c5042d08c3
commit 8c70c2c850
605 changed files with 661 additions and 945 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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