{"version":3,"file":"uni-comp.vue2.mjs","sources":["../../../../../../../packages/src/components/uni-comp/src/uni-comp.vue"],"sourcesContent":["<template>\n    <div\n        :class=\"classNs('uni-comp', `uni-comp--${type}`)\"\n        :title=\"`vue version: ${vueVersion}`\"\n    >\n        <span class=\"count\">{{ count }}</span>\n        <button class=\"add-button\" @click=\"addCount\">Add</button>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {classNs, IS_VUE2} from '@src/utils';\nimport {ref, toRefs, type PropType} from 'vue';\n\n// 推荐使用该方式定义 props，使用 defineProps<{/** ... */}>() 泛型方式编写会导致 vue2.7 项目无法识别 Props 提示\nconst props = defineProps({\n    /** 默认值 */\n    defaultValue: {\n        type: Number as PropType<number>,\n        default: 10,\n        required: false,\n    },\n    /** 类型 */\n    type: {\n        type: String as PropType<'default' | 'large'>,\n        default: 'default',\n        required: false,\n    },\n});\n\nconst vueVersion = IS_VUE2 ? '2' : '3';\n\nconst {defaultValue} = toRefs(props);\n\nconst count = ref(defaultValue.value);\n\nfunction addCount() {\n    count.value += 1;\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8BA,IAAM,MAAA,UAAA,GAAa,UAAU,GAAM,GAAA,GAAA,CAAA;AAEnC,IAAA,MAAM,EAAC,YAAA,EAAgB,GAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AAEnC,IAAM,MAAA,KAAA,GAAQ,GAAI,CAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAEpC,IAAA,SAAS,QAAW,GAAA;AAChB,MAAA,KAAA,CAAM,KAAS,IAAA,CAAA,CAAA;AAAA,KACnB;;;;;;;"}