various-ui

Version:

This is a test version of the Vue 3 component library

1 lines • 3.77 kB

Source Map (JSON)

{"version":3,"file":"index.vue2.mjs","sources":["../../../../../packages/components/modal/default/index.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({ name: \"UiModal\" });\n</script>\n<template>\r\n <Transition>\r\n <div class=\"ui-modal ui-mask\" v-show=\"open\" ref=\"main\" v-bind=\"binds.main\" @click.self=\"closeOnClick && closeModal()\">\r\n <div class=\"ui-modal-container\" ref=\"container\" :style=\"containerStyle\">\r\n \r\n <div class=\"ui-modal-header\" v-if=\"title || $slots.header\">\r\n <slot name=\"header\">{{ title }}</slot>\r\n </div>\r\n\r\n \r\n <div class=\"ui-modal-close\" v-if=\"close\">\r\n <UiIcon name=\"close\" @click=\"closeModal\" />\r\n </div>\r\n\r\n \r\n <div class=\"ui-modal-content\" ref=\"content\">\r\n <slot></slot>\r\n </div>\r\n </div>\r\n </div>\r\n </Transition>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\n//* Vue\r\nimport { onMounted, onBeforeUnmount } from \"vue\";\r\n//* 公共工具库\r\nimport { node } from \"@various/utils\";\r\n//* 组件属性\r\nimport { useComposable } from \"./src/composable\";\r\nimport { UiModalPropsOption, UiModalEmits } from \"./index\";\r\n//* 组件\r\nimport UiIcon from \"@various/components/icon\";\r\n\r\n//* 组件属性注册\r\nconst define = defineProps(UiModalPropsOption);\r\nconst emits = defineEmits(UiModalEmits);\r\n\r\n//* 组合函数\r\nconst { refs, binds, methods, computeds } = useComposable(define, emits);\r\nconst { containerStyle } = computeds;\r\nconst { scrollTo, openModal, closeModal } = methods;\r\nconst { open, main, container } = refs;\r\n\r\n//* 挂载函数\r\nonMounted(() => {\r\n refs.observer.value = new ResizeObserver(methods.resizeHandler);\r\n if (refs.main.value) {\r\n node.append(document.body, refs.main.value);\r\n }\r\n});\r\n\r\n//* 卸载函数\r\nonBeforeUnmount(() => {\r\n document.body.style.overflow = \"\";\r\n refs.observer.value?.disconnect();\r\n if (refs.main.value) {\r\n node.remove(document.body, refs.main.value);\r\n }\r\n});\r\n\r\n//* 组件属性导出\r\n;\r\ndefineExpose({ scrollTo, openModal, closeModal });\r\n</script>\r\n"],"names":["__MACROS_defineComponent","node.append","node.remove"],"mappings":";;;;;;;;;;;;;;;;;;;AAEA,MAA6B,WAAA,GAAAA,eAAA,CAAyB,EAAE,IAAA,EAAM,WAAW,CAAA,CAAA;;;;;;AAqCzE,IAAA,MAAM,MAAS,GAAA,OAAA,CAAA;AACf,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAM,MAAA,EAAE,MAAM,KAAO,EAAA,OAAA,EAAS,WAAc,GAAA,aAAA,CAAc,QAAQ,KAAK,CAAA,CAAA;AACvE,IAAM,MAAA,EAAE,gBAAmB,GAAA,SAAA,CAAA;AAC3B,IAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,UAAA,EAAe,GAAA,OAAA,CAAA;AAC5C,IAAA,MAAM,EAAE,IAAA,EAAM,IAAM,EAAA,SAAA,EAAc,GAAA,IAAA,CAAA;AAGlC,IAAA,SAAA,CAAU,MAAM;AACZ,MAAA,IAAA,CAAK,QAAS,CAAA,KAAA,GAAQ,IAAI,cAAA,CAAe,QAAQ,aAAa,CAAA,CAAA;AAC9D,MAAI,IAAA,IAAA,CAAK,KAAK,KAAO,EAAA;AACjB,QAAAC,MAAY,CAAA,QAAA,CAAS,IAAM,EAAA,IAAA,CAAK,KAAK,KAAK,CAAA,CAAA;AAAA,OAC9C;AAAA,KACH,CAAA,CAAA;AAGD,IAAA,eAAA,CAAgB,MAAM;;AAClB,MAAS,QAAA,CAAA,IAAA,CAAK,MAAM,QAAW,GAAA,EAAA,CAAA;AAC/B,MAAK,CAAA,EAAA,GAAA,IAAA,CAAA,QAAA,CAAS,UAAd,IAAqB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,UAAA,EAAA,CAAA;AACrB,MAAI,IAAA,IAAA,CAAK,KAAK,KAAO,EAAA;AACjB,QAAAC,MAAY,CAAA,QAAA,CAAS,IAAM,EAAA,IAAA,CAAK,KAAK,KAAK,CAAA,CAAA;AAAA,OAC9C;AAAA,KACH,CAAA,CAAA;AAGD,IAAA,CAAA;AACA,IAAA,QAAA,CAAa,EAAE,QAAA,EAAU,SAAW,EAAA,UAAA,EAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}