various-ui

Version:

This is a test version of the Vue 3 component library

1 lines • 2.02 kB

Source Map (JSON)

{"version":3,"file":"index.vue2.mjs","sources":["../../../../../packages/components/button/default/index.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({ name: \"UiButton\" });\n</script>\n<template>\r\n <div class=\"ui-button\" :class=\"className\">\r\n \r\n <button class=\"ui-button-main\" :type=\"nativeType\" :style=\"style\" :disabled=\"disabled\" @click=\"click\">\r\n <slot></slot>\r\n </button>\r\n \r\n <Transition>\r\n <div class=\"ui-mask ui-loading\" v-if=\"status.name == 'loading'\">\r\n <UiIcon name=\"loading\" class=\"ui-mask-icon\" v-show=\"status.is\" />\r\n </div>\r\n </Transition>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\n//* 组件引入\r\nimport UiIcon from \"@various/components/icon\";\r\n\r\n//* 函数引入\r\nimport { UiButtonPropsOption, UiButtonEmits } from \"./index\";\r\nimport { useComposable } from \"./src/composable\";\r\n\r\n//* 声明组件配置\r\n;\r\n\r\n//* 注册组件CTX\r\nconst define = defineProps(UiButtonPropsOption);\r\nconst emits = defineEmits(UiButtonEmits);\r\n\r\n//* 组合函数\r\nconst { computeds, methods, status } = useComposable(define, emits);\r\nconst { className, style } = computeds;\r\nconst { click } = methods;\r\n\r\n//* 暴露函数\r\ndefineExpose({ click });\r\n</script>\r\n"],"names":["__MACROS_defineComponent"],"mappings":";;;;;;;;;;AAEA,MAA6B,WAAA,GAAAA,eAAA,CAAyB,EAAE,IAAA,EAAM,YAAY,CAAA,CAAA;;;;;;AA0B1E,IAAA,CAAA;AAGA,IAAA,MAAM,MAAS,GAAA,OAAA,CAAA;AACf,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,EAAE,SAAW,EAAA,OAAA,EAAS,QAAW,GAAA,aAAA,CAAc,QAAQ,KAAK,CAAA,CAAA;AAClE,IAAM,MAAA,EAAE,SAAW,EAAA,KAAA,EAAU,GAAA,SAAA,CAAA;AAC7B,IAAM,MAAA,EAAE,OAAU,GAAA,OAAA,CAAA;AAGlB,IAAa,QAAA,CAAA,EAAE,OAAO,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}