UNPKG

label-print-design

Version:

操作简单,组件丰富的一站式打印解决方案打印设计器

1 lines 1.67 kB
{"version":3,"file":"my-widget-collapse.vue2.mjs","sources":["../../../../../../src/components/my/collapse/my-widget-collapse.vue"],"sourcesContent":["<template>\n <div ref=\"headRef\"\n class=\"widget-collapse-panel user-select-none\"\n :class=\"{'widget-collapse-panel-fold': !data.show}\">\n <div class=\"collapse-panel-head display-flex\">\n <div class=\"collapse-panel-head-title display-flex\">\n {{ title }}\n <!-- <slot name=\"head\" /> -->\n </div>\n \n <!-- <my-icon class=\"my-handle-panel-icon\" @click=\"clickHead\">\n <ArrowRight class=\"collapse-panel-head-right-icon\" :class=\"{'is-active': data.show }\" />\n </my-icon> -->\n </div>\n <slot />\n \n </div>\n</template>\n<script setup lang=\"ts\">\nimport { reactive, ref } from 'vue-demi';\n// import MyIcon from '@myprint/design/components/my/icon/my-icon.vue';\n// import ArrowRight from '@myprint/design/components/my/icon/icons/ArrowRight.vue';\n\nwithDefaults(defineProps<{\n title?: string;\n}>(), {\n title: ''\n});\nconst emit = defineEmits(['update:modelValue']);\n\nconst headRef = ref<HTMLDivElement>()!;\nconst data = reactive({\n show: true\n});\n\nfunction clickHead() {\n data.show = !data.show;\n}\n\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;AA4BA,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAA,MAAM,UAAU,GAAoB,EAAA,CAAA;AACpC,IAAA,MAAM,OAAO,QAAS,CAAA;AAAA,MAClB,IAAM,EAAA,IAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,SAAS,SAAY,GAAA;AACjB,MAAK,IAAA,CAAA,IAAA,GAAO,CAAC,IAAK,CAAA,IAAA,CAAA;AAAA,KACtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}