{"version":3,"file":"index.vue2.mjs","sources":["../../../../../../src/components/content/widget/index.vue"],"sourcesContent":["<template>\n    <div class=\"option-container display-flex-column\">\n        <div class=\"option-container display-flex-column\">\n            <my-scrollbar>\n                <div\n                    style=\"\n                        padding: 20px 20px 1px 20px;\n                        background-color: #fff;\n                        border-bottom: 1px solid #dedede;\n                    \"\n                >\n                    <el-form-item\n                        label=\"标签类型: \"\n                        prop=\"labelType\"\n                        label-width=\"98px\"\n                    >\n                        <el-select\n                            v-model=\"state.labelType\"\n                            :suffix-icon=\"CaretBottom\"\n                            placeholder=\"请选择\"\n                        >\n                            <el-option label=\"主打印机\" :value=\"0\" />\n                            <el-option label=\"辅打印机\" :value=\"1\" />\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item\n                        label=\"标签名称: \"\n                        prop=\"name\"\n                        label-width=\"98px\"\n                    >\n                        <el-input\n                            v-model=\"state.name\"\n                            maxlength=\"30\"\n                            placeholder=\"\"\n                            style=\"width: 100%\"\n                        />\n                    </el-form-item>\n                </div>\n                <my-widget-collapse :title=\"'条件属性'\">\n                    <div\n                        class=\"display-flex display-flex-wrap design-btn\"\n                        style=\"gap: 5px; padding-left: 20px\"\n                    >\n                        <el-form-item\n                            label=\"标签尺寸: \"\n                            prop=\"widthHeight\"\n                            label-width=\"100px\"\n                        >\n                            <span style=\"font-size: 20px; color: #0101017f\"\n                                >长(mm)&nbsp;&nbsp;</span\n                            ><el-input\n                                v-model=\"state.paperWidth\"\n                                disabled\n                                maxlength=\"30\"\n                                placeholder=\"\"\n                            />\n                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span\n                                style=\"font-size: 20px; color: #0101017f\"\n                                >宽(mm)&nbsp;&nbsp;</span\n                            ><el-input\n                                v-model=\"state.paperHeight\"\n                                disabled\n                                maxlength=\"30\"\n                                placeholder=\"\"\n                            />\n                        </el-form-item>\n                        <el-form-item\n                            label=\"旋转: \"\n                            prop=\"height\"\n                            label-width=\"60px\"\n                        >\n                            <el-radio-group\n                                v-model=\"state.flipText\"\n                                size=\"large\"\n                            >\n                                <el-radio-button\n                                    label=\"不旋转\"\n                                    value=\"不旋转\"\n                                />\n                                <el-radio-button\n                                    label=\"旋转180度\"\n                                    value=\"旋转180度\"\n                                />\n                            </el-radio-group>\n                            <span\n                                style=\"\n                                    font-size: 20px;\n                                    color: rgba(1, 1, 1, 0.5);\n                                \"\n                                >&nbsp;&nbsp;自动换行: &nbsp;&nbsp;</span\n                            >\n                            <el-switch\n                                v-model=\"state.autoWrap\"\n                                :active-value=\"1\"\n                                :inactive-value=\"0\"\n                                inline-prompt\n                            />\n                        </el-form-item>\n                    </div>\n                </my-widget-collapse>\n\n                <my-widget-collapse :title=\"i18n('common.common.widget')\">\n                    <div\n                        class=\"display-flex\"\n                        style=\"flex-wrap: wrap; padding-left: 20px\"\n                    >\n                        <basic\n                            v-for=\"(\n                                element, index\n                            ) in customProvider.elementList\"\n                            :key=\"index\"\n                            :data=\"element\"\n                            :pageUnit=\"customProvider.pageUnit\"\n                        />\n                    </div>\n\n                    <!--                    <el-collapse-item title=\"设计辅助\" name=\"3\" v-if=\"auxiliaryProvider.length> 0\">-->\n                    <!--                        <div class=\"display-flex\" style=\"flex-wrap: wrap;\">-->\n                    <!--                            <basic v-for=\"(element, index) in auxiliaryProvider\" :key=\"index\" :data=\"element\" />-->\n                    <!--                        </div>-->\n                    <!--                    </el-collapse-item>-->\n                </my-widget-collapse>\n                <my-widget-collapse\n                    :title=\"i18n('common.business.widget')\"\n                    v-if=\"\n                        provider.elementList != null &&\n                        provider.elementList.length > 0\n                    \"\n                >\n                    <div\n                        class=\"display-flex display-flex-wrap\"\n                        style=\"gap: 5px; padding-left: 20px\"\n                    >\n                        <business\n                            v-for=\"(element, index) in provider.elementList\"\n                            :key=\"index\"\n                            :data=\"element\"\n                            :pageUnit=\"provider.pageUnit\"\n                        />\n                    </div>\n                </my-widget-collapse>\n            </my-scrollbar>\n        </div>\n        <!-- <div class=\"option-bottom\">\n            <img class=\"my-logo\" src=\"../../../assets/myprint-logo.png\" alt=\"my-logo\"/>\n            <div class=\"my-version\">{{ _package.version }}</div>\n        </div> -->\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { reactive } from 'vue-demi';\nimport business from './business.vue';\nimport basic from './basic.vue';\nimport { customProvider } from '@myprint/design/constants/provider/custom';\nimport MyScrollbar from '@myprint/design/components/my/scrollbar/my-scrollbar.vue';\nimport MyWidgetCollapse from '@myprint/design/components/my/collapse/my-widget-collapse.vue';\nimport { i18n } from '@myprint/design/locales';\nimport { getProvider } from '@myprint/design/utils/elementUtil';\nimport { CaretBottom } from '@element-plus/icons-vue';\n// import ArrowLeft from '@myprint/design/components/my/icon/icons/ArrowLeft.vue';\n// import MyIcon from '@myprint/design/components/my/icon/my-icon.vue';\n\nconst $emit = defineEmits(['back']);\nconst provider = getProvider();\nwithDefaults(\n    defineProps<{\n        moduleName?: string;\n        showBackButton?: boolean;\n    }>(),\n    {\n        moduleName: i18n('common.default.name'),\n        showBackButton: true\n    }\n);\n\nfunction back() {\n    $emit('back');\n}\n\nconst state = reactive({\n    labelType: '',\n    name: '',\n    paperWidth: 100,\n    paperHeight: 100,\n    flipText: '旋转180度',\n    autoWrap: 0\n});\n</script>\n\n<!-- <style scoped>\n.design-btn {\n    width: 100%;\n    height: 100%;\n}\n\n:deep(.el-radio-button__inner) {\n    font-size: 18px;\n}\n\n:deep(.el-switch) {\n    width: 82px;\n    height: 44px;\n}\n\n.design-btn .el-input {\n    width: 100px;\n    height: 54px;\n    font-size: 1.04167vw !important;\n}\n\n:deep(.el-form-item__label) {\n    height: 2.8125vw !important;\n    line-height: 2.8125vw !important;\n    font-size: 1.04167vw !important;\n    color: #0101017f !important;\n    padding-right: 0.52083vw;\n}\n\n:deep(.el-radio-button__inner) {\n    font-size: 18px !important;\n}\n\n:deep(.el-switch) {\n    width: 82px;\n    height: 44px;\n}\n\n:deep(.el-switch__core) {\n    width: 82px;\n    height: 44px;\n    border-radius: 22px;\n}\n:deep(.el-switch__action) {\n    width: 38px !important;\n    height: 38px !important;\n}\n:deep(.el-switch.is-checked .el-switch__action) {\n    left: calc(100% - 38px) !important;\n}\n\n:deep(.el-select) {\n    height: 2.8125vw !important;\n    border-radius: 0.20833vw !important;\n}\n\n:deep(.el-select__caret) {\n    font-size: 20px !important;\n}\n\n:deep(.el-select .el-select__wrapper) {\n    height: 2.8125vw !important;\n    border-radius: 0.20833vw !important;\n}\n\n:deep(.el-select .el-select__wrapper .el-select__selected-item) {\n    font-size: 18px !important;\n}\n\n:deep(.el-input) {\n    height: 54px;\n    font-size: 1.04167vw !important;\n}\n\n:deep(.el-select-dropdown__item) {\n    font-size: 18px !important;\n}\n</style> -->\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmKA,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AACd,IAAA,MAAM,WAAW,WAAY,EAAA,CAAA;AAY7B,IAAA,SAAS,IAAO,GAAA;AACZ,MAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAAA,KAChB;AAEA,IAAA,MAAM,QAAQ,QAAS,CAAA;AAAA,MACnB,SAAW,EAAA,EAAA;AAAA,MACX,IAAM,EAAA,EAAA;AAAA,MACN,UAAY,EAAA,GAAA;AAAA,MACZ,WAAa,EAAA,GAAA;AAAA,MACb,QAAU,EAAA,uBAAA;AAAA,MACV,QAAU,EAAA,CAAA;AAAA,KACb,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}