various-ui

Version:

This is a test version of the Vue 3 component library

1 lines • 3.3 kB

Source Map (JSON)

{"version":3,"file":"index.vue2.mjs","sources":["../../../../../packages/components/modal/aside/index.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({ name: \"UiModalSide\" });\n</script>\n<template>\r\n <Transition v-on=\"ons.animation\">\r\n <div class=\"ui-modal-aside ui-mask\" v-show=\"open\" ref=\"main\" @click.self=\"closeModal\" :style=\"{ zIndex: zIndex }\">\r\n <div class=\"ui-modal-container\" ref=\"container\" v-bind=\"binds.container\">\r\n \r\n <div class=\"ui-modal-close\" v-if=\"close\" :style=\"{ 'font-size': closeSize + 'px' }\">\r\n <UiIcon :name=\"closeIcon\" @click=\"closeModal\" />\r\n </div>\r\n\r\n \r\n <div class=\"ui-modal-content\" ref=\"content\" v-bind=\"binds.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 UiIcon from \"@various/components/icon\";\r\n//* 全局属性\r\nimport { node } from \"@various/utils\";\r\n//* 组件属性\r\nimport { UiModalSidePropsOption, UiModalSideEmits } from \"./index\";\r\nimport { useComposable } from \"./src/composable\";\r\n\r\n//* 组件属性注册\r\nconst emits = defineEmits(UiModalSideEmits);\r\nconst define = defineProps(UiModalSidePropsOption);\r\n\r\n//* 组合函数\r\nconst { ons, refs, nodes, binds, methods } = useComposable(define, emits);\r\nconst { open } = refs;\r\nconst { main, container } = nodes;\r\nconst { openModal, closeModal, scrollTo } = methods;\r\n\r\n//* 挂载函数\r\nonMounted(() => {\r\n if (main.value) {\r\n node.append(document.body, main.value);\r\n }\r\n});\r\n\r\n//* 卸载函数\r\nonBeforeUnmount(() => {\r\n document.body.style.overflow = \"\";\r\n if (main.value) {\r\n node.remove(document.body, main.value);\r\n }\r\n});\r\n\r\n//* 组件属性导出\r\n;\r\ndefineExpose({ openModal, closeModal, scrollTo });\r\n</script>\r\n"],"names":["__MACROS_defineComponent","node.append","node.remove"],"mappings":";;;;;;;AAEA,MAA6B,WAAA,GAAAA,eAAA,CAAyB,EAAE,IAAA,EAAM,eAAe,CAAA,CAAA;;;;;;AAgC7E,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AACd,IAAA,MAAM,MAAS,GAAA,OAAA,CAAA;AAGf,IAAM,MAAA,EAAE,KAAK,IAAM,EAAA,KAAA,EAAO,OAAO,OAAQ,EAAA,GAAI,aAAc,CAAA,MAAA,EAAQ,KAAK,CAAA,CAAA;AACxE,IAAM,MAAA,EAAE,MAAS,GAAA,IAAA,CAAA;AACjB,IAAM,MAAA,EAAE,IAAM,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAC5B,IAAA,MAAM,EAAE,SAAA,EAAW,UAAY,EAAA,QAAA,EAAa,GAAA,OAAA,CAAA;AAG5C,IAAA,SAAA,CAAU,MAAM;AACZ,MAAA,IAAI,KAAK,KAAO,EAAA;AACZ,QAAAC,MAAY,CAAA,QAAA,CAAS,IAAM,EAAA,IAAA,CAAK,KAAK,CAAA,CAAA;AAAA,OACzC;AAAA,KACH,CAAA,CAAA;AAGD,IAAA,eAAA,CAAgB,MAAM;AAClB,MAAS,QAAA,CAAA,IAAA,CAAK,MAAM,QAAW,GAAA,EAAA,CAAA;AAC/B,MAAA,IAAI,KAAK,KAAO,EAAA;AACZ,QAAAC,MAAY,CAAA,QAAA,CAAS,IAAM,EAAA,IAAA,CAAK,KAAK,CAAA,CAAA;AAAA,OACzC;AAAA,KACH,CAAA,CAAA;AAGD,IAAA,CAAA;AACA,IAAA,QAAA,CAAa,EAAE,SAAA,EAAW,UAAY,EAAA,QAAA,EAAU,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}