UNPKG

label-print-design

Version:

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

1 lines 2.82 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 class=\"design-panel-footer\">\n <!-- <el-button v-repeat type=\"primary\" @click=\"submit('')\">保存</el-button>\n <el-button @click=\"closeDrawer()\">取消</el-button> -->\n <el-button v-repeat type=\"primary\">保存</el-button>\n <el-button>取消</el-button>\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';\n// import { handlePanelElementList } from '@myprint/design/constants/settingPanel';\n// import HistoryPanel from '../handle-panel/history-panel.vue';\n// import OperationPanel from '../handle-panel/operation-panel/index.vue';\n// import 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\n<!-- <style scoped>\n:deep(.el-button) {\n border-radius: 4px;\n background: #CFCFCF;\n height: 54px;\n color: #0000004C;\n font-size: 24px;\n margin-top: 20px;\n float: right;\n margin-right: 40px;\n width: 108px;\n}\n:deep(.el-button--primary) {\n background: #2951D5;\n color: #FFFFFF;\n}\n</style> -->\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA0CA,IAAA,MAAM,cAAc,cAAe,EAAA,CAAA;AAEnC,IAAA,SAAS,qBAAqB,GAAU,EAAA;AACpC,MAAY,WAAA,CAAA,YAAA,CAAa,GAAG,CAAE,CAAA,OAAA,GAAU,CAAC,WAAY,CAAA,YAAA,CAAa,GAAG,CAAE,CAAA,OAAA,CAAA;AAAA,KAC3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}