various-ui/es/components/select/default/index.vue2.mjs.map

This is a test version of the Vue 3 component library

{"version":3,"file":"index.vue2.mjs","sources":["../../../../../packages/components/select/default/index.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({ name: \"UiSelect\" });\n</script>\n<template>\r\n    <div class=\"ui-select\" 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 name=\"arrow\" class=\"ui-select-arrow\" @click=\"show\" />\r\n\r\n        <!-- * 清空 -->\r\n        <UiIcon name=\"error\" class=\"ui-form-clearable\" v-if=\"clearable && modelValue\" @click=\"clear\" />\r\n\r\n        <!-- * 候选项 -->\r\n        <Transition v-on=\"ons.animation\">\r\n            <div class=\"ui-form-candidates\" ref=\"body\" v-if=\"visible\" v-show=\"candidates.length\" v-bind=\"binds.body\">\r\n                <div class=\"ui-form-candidate-container\">\r\n                    <div class=\"ui-form-candidate-content\" v-bind=\"binds.candidates\">\r\n                        <template v-for=\"value in candidates\">\r\n                            <div class=\"ui-form-candidate\" :class=\"{ 'ui-active': modelValue == value.value }\" v-on=\"ons.candidate(value)\">\r\n                                <slot name=\"candidate\" :data=\"value\">{{ value.label }}</slot>\r\n                            </div>\r\n                        </template>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </Transition>\r\n\r\n        <!-- * 遮罩层 -->\r\n        <Transition>\r\n            <div class=\"ui-mask ui-loading\" v-if=\"loading\">\r\n                <UiIcon class=\"ui-mask-icon\" name=\"loading\" />\r\n            </div>\r\n        </Transition>\r\n    </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\n//* 按需移入的插件\r\nimport { onBeforeUnmount } from \"vue\";\r\n\r\n//* 组件引入\r\nimport UiIcon from \"@various/components/icon\";\r\n\r\n//* 组件属性\r\nimport { UiSelectPropsOption, UiSelectEmits } from \"./index\";\r\nimport { useComposable } from \"./src/composable\";\r\n\r\n//* 公共属性\r\nimport { node } from \"@various/utils\";\r\n\r\n//* 注册组件属性\r\nconst define = defineProps(UiSelectPropsOption);\r\nconst emits = defineEmits(UiSelectEmits);\r\n\r\n//* 组合函数\r\nconst { ons, vars, refs, binds, nodes, methods } = useComposable(define, emits);\r\nconst { visible } = refs;\r\nconst { container, body } = nodes;\r\nconst { show, clear, hidden } = methods;\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({ show, clear, hidden });\r\n</script>\r\n"],"names":["__MACROS_defineComponent","node.remove"],"mappings":";;;;;;;;;;;;AAEA,MAA6B,WAAA,GAAAA,eAAA,CAAyB,EAAE,IAAA,EAAM,YAAY,CAAA,CAAA;;;;;;AAoD1E,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,OAAO,OAAQ,EAAA,GAAI,aAAc,CAAA,MAAA,EAAQ,KAAK,CAAA,CAAA;AAC9E,IAAM,MAAA,EAAE,SAAY,GAAA,IAAA,CAAA;AACpB,IAAM,MAAA,EAAE,SAAW,EAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AAC5B,IAAA,MAAM,EAAE,IAAA,EAAM,KAAO,EAAA,MAAA,EAAW,GAAA,OAAA,CAAA;AAGhC,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,IAAA,EAAM,KAAO,EAAA,MAAA,EAAQ,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}