UNPKG

myprint-design

Version:

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

1 lines 2.13 kB
{"version":3,"file":"index.vue2.mjs","sources":["../../../../../../src/components/content/panel/index.vue"],"sourcesContent":["<template>\n <div class=\"design-panel-container\">\n <Toolbar :designProps=\"designProps\"/>\n <div class=\"display-flex design-panel-container-height\">\n <my-panel />\n <div style=\"background: white;\" class=\"display-flex-column width-20\">\n <div v-for=\"(value, key) in handlePanelElementList\"\n @click=\"clickHandlePanelIcon(key)\"\n :class=\"['my-icon handle-panel-icon iconfont',{'handle-panel-icon-active': configStore.settingPanel[key].visible}, value.icon]\"\n :key=\"key\" />\n <history-panel />\n <operation-panel />\n <setting-panel />\n </div>\n <minimap-panel />\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport Toolbar from '@myprint/design/components/content/toolbar/toolbar.vue';\nimport MyPanel from './my-panel.vue';\nimport { handlePanelElementList } from '@myprint/design/constants/settingPanel';\nimport HistoryPanel from '../handle-panel/history-panel.vue';\nimport OperationPanel from '../handle-panel/operation-panel/index.vue';\nimport SettingPanel from '../handle-panel/setting/setting-panel.vue';\nimport { useConfigStore } from '@myprint/design/stores/config';\nimport MinimapPanel from '@myprint/design/components/content/handle-panel/minimap-panel.vue';\n//@ts-ignore\nimport { DesignPanelProps } from '@myprint/design/types/entity';\n\nwithDefaults(defineProps<{\n designProps: DesignPanelProps;\n}>(), {\n\n});\nconst configStore = useConfigStore();\n\nfunction clickHandlePanelIcon(key: any) {\n configStore.settingPanel[key].visible = !configStore.settingPanel[key].visible;\n}\n\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoCA,IAAA,MAAM,cAAc,cAAe,EAAA,CAAA;AAEnC,IAAA,SAAS,qBAAqB,GAAU,EAAA;AACpC,MAAA,WAAA,CAAY,aAAa,GAAK,CAAA,CAAA,OAAA,GAAU,CAAC,WAAA,CAAY,aAAa,GAAK,CAAA,CAAA,OAAA,CAAA;AAAA,KAC3E;;;;;;;;;;;;;;;;;;;;;;;;;;;"}