UNPKG

various-ui

Version:

This is a test version of the Vue 3 component library

1 lines 1.92 kB
{"version":3,"file":"index.vue2.mjs","sources":["../../../../../packages/components/checkbox/default/index.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({ name: \"UiCheckbox\" });\n</script>\n<template>\r\n <label class=\"ui-checkbox\" :class=\"className\">\r\n <!-- 多选框控制器 -->\r\n <div class=\"ui-checkbox-control\">\r\n <input type=\"checkbox\" class=\"ui-checkbox-input\" :value=\"value\" :checked=\"checked\" :disabled=\"disabled\" @change=\"switchData\" />\r\n <UiIcon name=\"success\" class=\"ui-checkbox-icon\" />\r\n </div>\r\n\r\n <!-- 多选框文案 -->\r\n <div class=\"ui-checkbox-content\">\r\n <slot>{{ value }}</slot>\r\n </div>\r\n </label>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\n//* 资源引入\r\nimport { UiCheckboxPropsOption, UiCheckboxEmits } from \"./index\";\r\nimport { useComposable } from \"./src/composable\";\r\n\r\n//* 组件引入\r\nimport UiIcon from \"@various/components/icon\";\r\n\r\n//* 获取组件属性\r\nconst define = defineProps(UiCheckboxPropsOption);\r\nconst emits = defineEmits(UiCheckboxEmits);\r\n\r\nconst { methods, computeds } = useComposable(define, emits);\r\nconst { checked, disabled, className } = computeds;\r\nconst { switchData } = methods;\r\n\r\n//* 组件配置\r\n;\r\n</script>\r\n"],"names":["__MACROS_defineComponent"],"mappings":";;;;;;;;AAEA,MAA6B,WAAA,GAAAA,eAAA,CAAyB,EAAE,IAAA,EAAM,cAAc,CAAA,CAAA;;;;;;AA0B5E,IAAA,MAAM,MAAS,GAAA,OAAA,CAAA;AACf,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,EAAE,OAAS,EAAA,SAAA,EAAc,GAAA,aAAA,CAAc,QAAQ,KAAK,CAAA,CAAA;AAC1D,IAAA,MAAM,EAAE,OAAA,EAAS,QAAU,EAAA,SAAA,EAAc,GAAA,SAAA,CAAA;AACzC,IAAM,MAAA,EAAE,YAAe,GAAA,OAAA,CAAA;AAGvB,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}