{"version":3,"file":"my-panel-setting.vue2.mjs","sources":["../../../../../../../src/components/content/handle-panel/operation-panel/my-panel-setting.vue"],"sourcesContent":["<template>\n    <my-form class=\"my-form\" label-width=\"80px\" size=\"small\"\n             label-position=\"right\">\n        \n        <my-divider-panel>\n            <template #divider>\n                {{ i18n('common.panel') }}\n            </template>\n            \n            <my-form-item :label=\"i18n('handle.template.name')\">\n                <my-history-input v-model=\"panel.name\"\n                                  type=\"textarea\"\n                                  :placeholder=\"i18n('handle.please.template.name')\"\n                                  :historyLabel=\"i18n('handle.template.name')\"\n                                  style=\"margin-right: 18px\" />\n            </my-form-item>\n            \n            <my-form-item :label=\"i18n('common.unit')\">\n                <my-history-select v-model=\"panel.pageUnit\"\n                                   @change=\"selectPageUnit\"\n                                   class=\"width-160\"\n                                   :data-list=\"pageUnitList\"\n                                   :historyLabel=\"i18n('common.unit')\" />\n            </my-form-item>\n            \n            <my-form-item :label=\"i18n('common.font.size.unit')\">\n                <my-history-select v-model=\"panel.fontSizeUnit\"\n                                   class=\"width-160\"\n                                   :data-list=\"fontSizeUnitList\"\n                                   :historyLabel=\"i18n('common.font.size.unit')\" />\n            </my-form-item>\n            \n            <my-form-item :label=\"i18n('common.paper')\">\n                <my-history-select v-model=\"panel.pageSize\"\n                                   class=\"width-160\"\n                                   @change=\"selectPageSize\"\n                                   :data-list=\"pageSizeList\"\n                                   :historyLabel=\"i18n('common.paper')\" />\n            </my-form-item>\n            \n            <my-form-item :label=\"i18n('handle.width&height')\">\n                <my-group>\n                    <my-history-input-number class=\"width-66\" v-model=\"panel.width\"\n                                             @change=\"changePanelWidth\"\n                                             :historyLabel=\"i18n('handle.page.width')\" />\n                    <my-history-input-number class=\"width-66\" v-model=\"panel.height\"\n                                             @change=\"changePanelHeight\"\n                                             :disabled=\"panel.pageSize == 'AutoHeight'\"\n                                             :historyLabel=\"i18n('handle.page.height')\" />\n                    <my-unit />\n                </my-group>\n            </my-form-item>\n            \n            <!--    <style-icon tips=\"水印\" v-model=\"panel.watermark\" enable>-->\n            <!--      <i class=\"iconfont-color icon-color-watermark my-watermark\"/>-->\n            <!--    </style-icon>-->\n            <!--    <el-form-item label=\"水印\">-->\n            <!--      <el-switch-->\n            <!--          v-model=\"panel.watermark\"-->\n            <!--          class=\"ml-2\"-->\n            <!--          inline-prompt-->\n            <!--          style=\"&#45;&#45;el-switch-on-color: var(&#45;&#45;drag-h-color); &#45;&#45;el-switch-off-color: var(&#45;&#45;switch-off-color)\"-->\n            <!--          active-text=\"开启\"-->\n            <!--          inactive-text=\"关闭\"/>-->\n            <!--    </el-form-item>-->\n            \n            <my-form-item :label=\"i18n('handle.watermark')\" v-if=\"panel.watermark\">\n                <my-history-input v-model=\"panel.watermarkContent\"\n                                  :placeholder=\"i18n('handle.watermark')\"\n                                  size=\"small\"\n                                  :historyLabel=\"i18n('handle.watermark')\"\n                                  style=\"margin-right: 20px\" />\n            </my-form-item>\n            \n            <my-form-item :label=\"i18n('handle.drag.snap.panel')\">\n                <my-switch\n                    v-model=\"panel.dragSnapPanelIs\"\n                    class=\"ml-2\" />\n            </my-form-item>\n            \n            <my-form-item :label=\"i18n('handle.drag.snap')\">\n                <my-switch v-model=\"panel.dragSnapIs\"\n                           class=\"ml-2\" />\n            </my-form-item>\n        </my-divider-panel>\n    \n    </my-form>\n\n</template>\n<script setup lang=\"ts\">\nimport { i18n } from '@myprint/design/locales';\n\nimport { fontSizeUnitList, pageSizeList, pageUnitList } from '@myprint/design/constants/common';\nimport { MyHistoryInput, MyHistoryInputNumber, MyHistorySelect, MyUnit } from '@myprint/design/components/my/input';\nimport MyGroup from '@myprint/design/components/my/group/my-group.vue';\nimport { changePageSize, changePageUnit, getCurrentPanel } from '@myprint/design/utils/elementUtil';\nimport MySwitch from '@myprint/design/components/my/switch/my-switch.vue';\nimport MyFormItem from '@myprint/design/components/my/form/my-form-item.vue';\nimport MyForm from '@myprint/design/components/my/form/my-form.vue';\nimport MyDividerPanel from '@myprint/design/components/my/divider/my-divider-panel.vue';\nconst panel = getCurrentPanel()\nfunction selectPageSize(val: any) {\n    for (let valueElement of pageSizeList) {\n        if (valueElement.value == val) {\n            changePageSize(valueElement);\n            break;\n        }\n    }\n}\n\nfunction changePanelWidth(_val: number) {\n    changePageSize();\n    // console.log(val)\n}\n\nfunction changePanelHeight(_val: number) {\n    changePageSize();\n    // console.log(val)\n}\n\nfunction selectPageUnit() {\n    // console.log(123)\n    changePageUnit();\n    \n    // for (let valueElement of pageSizeList) {\n    //   if (valueElement.value == val) {\n    //     panel.width = valueElement.width\n    //     panel.height = valueElement.height\n    //     panel.pageSize = valueElement.value\n    //     break\n    //   }\n    // }\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAoGA,IAAA,MAAM,QAAQ,eAAgB,EAAA,CAAA;AAC9B,IAAA,SAAS,eAAe,GAAU,EAAA;AAC9B,MAAA,KAAA,IAAS,gBAAgB,YAAc,EAAA;AACnC,QAAI,IAAA,YAAA,CAAa,SAAS,GAAK,EAAA;AAC3B,UAAA,cAAA,CAAe,YAAY,CAAA,CAAA;AAC3B,UAAA,MAAA;AAAA,SACJ;AAAA,OACJ;AAAA,KACJ;AAEA,IAAA,SAAS,iBAAiB,IAAc,EAAA;AACpC,MAAe,cAAA,EAAA,CAAA;AAAA,KAEnB;AAEA,IAAA,SAAS,kBAAkB,IAAc,EAAA;AACrC,MAAe,cAAA,EAAA,CAAA;AAAA,KAEnB;AAEA,IAAA,SAAS,cAAiB,GAAA;AAEtB,MAAe,cAAA,EAAA,CAAA;AAAA,KAUnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}