various-ui
Version:
This is a test version of the Vue 3 component library
1 lines • 3.46 kB
Source Map (JSON)
{"version":3,"file":"index.vue2.mjs","sources":["../../../../packages/components/date-picker/index.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({ name: \"UiDatePicker\" });\n</script>\n<template>\r\n <!-- * 时间选择器 -->\r\n <div class=\"ui-date-picker\" ref=\"container\" v-bind=\"binds.container\">\r\n <!-- * 选择器主体 -->\r\n <input class=\"ui-form-control\" type=\"text\" v-bind=\"binds.main\" @click=\"show\" readonly />\r\n\r\n <!-- * 清空图标 -->\r\n <UiIcon class=\"ui-date-picker-icons ui-date-picker-clearable\" name=\"error\" @click=\"clear\" />\r\n <!-- * 箭头图标 -->\r\n <UiIcon class=\"ui-date-picker-icons ui-date-picker-arrow\" name=\"arrow\" @click=\"show\" />\r\n\r\n <!-- * 候选列表 -->\r\n <Transition v-on=\"ons.candidates\">\r\n <div class=\"ui-form-candidates\" ref=\"body\" v-if=\"visible\" v-bind=\"binds.body\">\r\n <div class=\"ui-form-candidate-container\">\r\n <component ref=\"components\" :is=\"analyzeComponent\" @update=\"update\" @change=\"change\"></component>\r\n </div>\r\n </div>\r\n </Transition>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\n//* Vue\r\nimport { onBeforeUnmount } from \"vue\";\r\n//* 组件引入\r\nimport UiIcon from \"@various/components/icon\";\r\n//* 组件属性\r\nimport { UiDatePickerPropsOption, UiDatePickerEmits } from \"./src/component\";\r\nimport { useComposable } from \"./src/composable\";\r\n//* 公共属性\r\nimport { node } from \"@various/utils\";\r\n\r\n//* 组件属性注册\r\nconst define = defineProps(UiDatePickerPropsOption);\r\nconst emits = defineEmits(UiDatePickerEmits);\r\n\r\n//* 组合函数\r\nconst { ons, vars, refs, nodes, binds, methods, analyzes } = useComposable(define, emits);\r\nconst { visible } = refs;\r\nconst { components, container, body } = nodes;\r\nconst { show, clear, update, change } = methods;\r\nconst { analyzeComponent } = analyzes;\r\n\r\n//* 组件卸载时释放内存\r\nonBeforeUnmount(() => {\r\n //* 将内容从视图容器中移除\r\n body.value && node.remove(document.body, body.value);\r\n //* 销毁观察者\r\n vars.observer?.disconnect();\r\n});\r\n\r\n//* 初始化组件配置\r\n;\r\ndefineExpose({ clear, update, change });\r\n</script>\r\n"],"names":["__MACROS_defineComponent","node.remove"],"mappings":";;;;;;;;AAEA,MAA6B,WAAA,GAAAA,eAAA,CAAyB,EAAE,IAAA,EAAM,gBAAgB,CAAA,CAAA;;;;;;AAoC9E,IAAA,MAAM,MAAS,GAAA,OAAA,CAAA;AACf,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAM,MAAA,EAAE,GAAK,EAAA,IAAA,EAAM,IAAM,EAAA,KAAA,EAAO,KAAO,EAAA,OAAA,EAAS,QAAS,EAAA,GAAI,aAAc,CAAA,MAAA,EAAQ,KAAK,CAAA,CAAA;AACxF,IAAM,MAAA,EAAE,SAAY,GAAA,IAAA,CAAA;AACpB,IAAA,MAAM,EAAE,UAAA,EAAY,SAAW,EAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AACxC,IAAA,MAAM,EAAE,IAAA,EAAM,KAAO,EAAA,MAAA,EAAQ,QAAW,GAAA,OAAA,CAAA;AACxC,IAAM,MAAA,EAAE,kBAAqB,GAAA,QAAA,CAAA;AAG7B,IAAA,eAAA,CAAgB,MAAM;;AAElB,MAAA,IAAA,CAAK,SAASC,MAAK,CAAO,QAAS,CAAA,IAAA,EAAM,KAAK,KAAK,CAAA,CAAA;AAEnD,MAAA,CAAA,EAAA,GAAA,IAAA,CAAK,aAAL,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,UAAA,EAAA,CAAA;AAAA,KAClB,CAAA,CAAA;AAGD,IAAA,CAAA;AACA,IAAA,QAAA,CAAa,EAAE,KAAA,EAAO,MAAQ,EAAA,MAAA,EAAQ,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}