{"version":3,"file":"setting-panel.vue2.mjs","sources":["../../../../../../../src/components/content/handle-panel/setting/setting-panel.vue"],"sourcesContent":["<template>\n    <my-dialog v-model=\"configStore.settingPanel.setting.visible\"\n               class=\"setting-dialog\"\n               :show-header=\"false\"\n               width=\"800\">\n        <div class=\"setting-body display-flex\">\n            <div class=\"setting-menu\">\n                <div class=\"setting-menu-title\">{{i18n('common.setting')}}</div>\n                <div v-for=\"(item, index) in settingItemList\"\n                     :class=\"[{ 'setting-item-item-active':item.active}]\"\n                     class=\"display-flex setting-item-item\"\n                     @click=\"clickItem(item)\"\n                     :key=\"index\">\n                    <div class=\"setting-item-item-title\">{{ item.title }}</div>\n                </div>\n            </div>\n            <div class=\"setting-panel\">\n                <div class=\"setting-panel-header display-flex\">\n                    <div class=\"setting-panel-header-title\">{{ currentSettingItem.title }}</div>\n                    <my-icon color=\"#666666\" size=\"20\" @click=\"clickClose\" class=\"cursor-pointer\">\n                        <CloseBold />\n                    </my-icon>\n                </div>\n                \n                <setting-design v-if=\"currentSettingItem.type == 'DESIGN'\" />\n                <setting-printer v-if=\"currentSettingItem.type == 'PRINTER'\" />\n                <setting-about v-if=\"currentSettingItem.type == 'ABOUT'\" />\n            \n            </div>\n        </div>\n    </my-dialog>\n</template>\n\n\n<script setup lang=\"ts\">\nimport { reactive, ref } from 'vue-demi';\nimport SettingPrinter from './setting-printer.vue';\nimport SettingAbout from './setting-about.vue';\nimport { useConfigStore } from '@myprint/design/stores/config';\nimport SettingDesign from './setting-design.vue';\nimport MyDialog from '@myprint/design/components/my/dialog/my-dialog.vue';\nimport MyIcon from '@myprint/design/components/my/icon/my-icon.vue';\nimport CloseBold from '@myprint/design/components/my/icon/icons/CloseBold.vue';\nimport { i18n } from '@myprint/design/locales';\n\nconst configStore = useConfigStore();\n\nconst settingItemList = reactive([{\n    title: '设计面板',\n    type: 'DESIGN',\n    active: true\n}, {\n    title: '打印机设置',\n    type: 'PRINTER',\n    active: false\n}, {\n    title: '关于',\n    type: 'ABOUT',\n    active: false\n}]);\nconst currentSettingItem = ref(settingItemList[0]);\n\nfunction clickItem(item: any) {\n    currentSettingItem.value.active = false;\n    currentSettingItem.value = item;\n    currentSettingItem.value.active = true;\n}\n\nfunction clickClose() {\n    configStore.settingPanel.setting.visible = false;\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA6CA,IAAA,MAAM,cAAc,cAAe,EAAA,CAAA;AAEnC,IAAM,MAAA,eAAA,GAAkB,SAAS,CAAC;AAAA,MAC9B,KAAO,EAAA,0BAAA;AAAA,MACP,IAAM,EAAA,QAAA;AAAA,MACN,MAAQ,EAAA,IAAA;AAAA,KACT,EAAA;AAAA,MACC,KAAO,EAAA,gCAAA;AAAA,MACP,IAAM,EAAA,SAAA;AAAA,MACN,MAAQ,EAAA,KAAA;AAAA,KACT,EAAA;AAAA,MACC,KAAO,EAAA,cAAA;AAAA,MACP,IAAM,EAAA,OAAA;AAAA,MACN,MAAQ,EAAA,KAAA;AAAA,KACX,CAAC,CAAA,CAAA;AACF,IAAM,MAAA,kBAAA,GAAqB,GAAI,CAAA,eAAA,CAAgB,CAAE,CAAA,CAAA,CAAA;AAEjD,IAAA,SAAS,UAAU,IAAW,EAAA;AAC1B,MAAA,kBAAA,CAAmB,MAAM,MAAS,GAAA,KAAA,CAAA;AAClC,MAAA,kBAAA,CAAmB,KAAQ,GAAA,IAAA,CAAA;AAC3B,MAAA,kBAAA,CAAmB,MAAM,MAAS,GAAA,IAAA,CAAA;AAAA,KACtC;AAEA,IAAA,SAAS,UAAa,GAAA;AAClB,MAAY,WAAA,CAAA,YAAA,CAAa,QAAQ,OAAU,GAAA,KAAA,CAAA;AAAA,KAC/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}