label-print-design

Version:

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

demo.myprint.top

1 lines • 33.6 kB

Source Map (JSON)

{"version":3,"file":"my-element-setting.vue2.mjs","sources":["../../../../../../../src/components/content/handle-panel/operation-panel/my-element-setting.vue"],"sourcesContent":["<template>\n <my-form label-width=\"80px\" size=\"small\"\n label-position=\"right\">\n <my-divider-panel>\n <template #divider v-if=\"noWorkInTableIs\">\n {{ i18n('common.basics') }}\n </template>\n <template #divider v-else>\n {{ i18n('handle.column') }}\n </template>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n <my-form-item :label=\"i18n('common.content')\"\n v-if=\"getElementSetting(multipleElementGetValue('type')).includes('data')\">\n <my-history-input style=\"margin-right: 20px\"\n :historyLabel=\"i18n('common.content')\"\n :model-value=\"multipleElementGetValue('data')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('data', val)\"\n type=\"textarea\" />\n </my-form-item>\n <my-form-item :label=\"i18n('handle.formatter')\"\n v-if=\"getElementSetting(multipleElementGetValue('type')).includes('formatter')\">\n <my-history-input style=\"margin-right: 20px\"\n :model-value=\"multipleElementGetValue('option.formatter')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.formatter', val)\"\n type=\"textarea\"\n :historyLabel=\"i18n('handle.formatter')\" />\n </my-form-item>\n </my-divider-panel>\n \n <my-divider-panel class=\"divider-setting-layout\">\n <template #divider>\n {{ i18n('common.layout') }}\n <tip-icon class=\"divider-setting-layout-lock iconfont\"\n placement=\"top\"\n :tips=\"i18n('handle.lock.edit')\"\n :size=\"14\"\n padding=\"11px\"\n :model-value=\"multipleElementGetValue('lock')\"\n :class=\"[multipleElementGetValue('lock')? 'icon-lock': 'icon-unlock']\"\n @click=\"changeLock\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('lock', val)\" />\n </template>\n \n <my-form-item :label=\"i18n('handle.height.attr')\"\n v-if=\"includeProps('type','tableHeightAttr')\">\n <my-radio v-model=\"element.option.tableHeightType\"\n :dataList=\"tableBodyHeightTypeList\" />\n </my-form-item>\n \n <my-form-item :label=\"i18n('common.xy')\"\n v-if=\"includeProps('type','x') && noWorkInTableIs\">\n <my-group>\n <my-history-input-number class=\"width-60\"\n :disabled=\"multipleElementGetValue('lock')\"\n :model-value=\"multipleElementGetValue('x')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('x', val)\"\n @change=\"changeLocationX\"\n :historyLabel=\"i18n('common.position')\" />\n <my-history-input-number class=\"width-60\"\n :disabled=\"multipleElementGetValue('lock')\"\n :model-value=\"multipleElementGetValue('y')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('y', val)\"\n @change=\"changeLocationY\"\n :historyLabel=\"i18n('common.position')\" />\n <my-unit />\n </my-group>\n </my-form-item>\n \n <my-form-item :label=\"i18n('handle.width&height')\"\n v-if=\"includeProps('type','width')\">\n <my-group>\n <my-history-input-number class=\"width-60\"\n :disabled=\"multipleElementGetValue('lock')\"\n :model-value=\"multipleElementGetValue('width')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('width', val)\"\n @change=\"changeElementWidth\"\n :historyLabel=\"i18n('handle.page.width')\" />\n <my-history-input-number class=\"width-60\"\n :disabled=\"multipleElementGetValue('lock')\"\n :model-value=\"multipleElementGetValue('height')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('height', val)\"\n @change=\"changeElementWidth\"\n :historyLabel=\"i18n('handle.page.height')\" />\n <my-unit />\n <my-icon class=\"setting-wh-lock iconfont\"\n :size=\"16\"\n padding=\"11px\"\n :class=\"[multipleElementGetValue('option.keepRatio')? 'icon-wh-lock': 'icon-wh-unlock']\"\n :model-value=\"multipleElementGetValue('option.keepRatio')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.keepRatio', val)\"\n @click=\"changeElementKeepRatio\" />\n </my-group>\n </my-form-item>\n \n <my-form-item :label=\"i18n('handle.border.radius')\"\n v-if=\"includeProps('type', 'borderRadius') && noWorkInTableIs\">\n <my-group>\n <my-history-input-number class=\"width-60\"\n :model-value=\"multipleElementGetValue('option.borderRadius')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.borderRadius', val)\"\n :historyLabel=\"i18n('handle.border.radius')\" />\n <my-unit />\n </my-group>\n </my-form-item>\n \n <my-form-item :label=\"i18n('handle.opacity')\"\n v-if=\"includeProps('type','opacity')\">\n <my-slider class=\"width-120\"\n :model-value=\"multipleElementGetValue('option.opacity')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.opacity', val)\"\n :max=\"1\" :min=\"0\" :step=\"0.01\"\n :show-tooltip=\"false\" size=\"small\"\n :historyLabel=\"i18n('handle.opacity')\" />\n <div style=\"margin-left: 20px\">{{ multipleElementGetValue('option.opacity') }}</div>\n </my-form-item>\n <my-form-item :label=\"i18n('handle.rotate')\"\n v-if=\"includeProps('type','rotate') && noWorkInTableIs\">\n <my-slider class=\"width-120\"\n :model-value=\"multipleElementGetValue('option.rotate')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.rotate', val)\"\n :max=\"359\" :min=\"0\" :step=\"1\"\n @change=\"rotatedPoint(appStore.currentElement)\"\n :show-tooltip=\"false\" size=\"small\" />\n <div style=\"margin-left: 20px\">{{ multipleElementGetValue('option.rotate') }}</div>\n </my-form-item>\n \n </my-divider-panel>\n \n <my-divider-panel>\n <template #divider>\n {{ i18n('common.attr') }}\n </template>\n \n <my-form-item :label=\"i18n('handle.content.type')\"\n v-if=\"includeProps('type','contentType')\">\n <my-history-select :model-value=\"multipleElementGetValue('contentType')\"\n class=\"width-140\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('contentType', val)\"\n :data-list=\"textContentTypes\"\n :historyLabel=\"i18n('handle.content.type')\" />\n </my-form-item>\n \n <my-form-item :label=\"i18n('handle.barCode.type')\"\n v-if=\"multipleElementGetValue('contentType') == 'Barcode'\">\n <my-history-select class=\"width-120\"\n :model-value=\"multipleElementGetValue('option.barCodeType')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.barCodeType', val)\"\n :data-list=\"barcodeTypes\"\n :historyLabel=\"i18n('handle.barCode.type')\" />\n \n \n <my-tooltip\n :content=\"currentBarCodeEg\"\n placement=\"top\">\n <my-icon>\n <QuestionFilled />\n </my-icon>\n </my-tooltip>\n </my-form-item>\n \n <my-form-item :label=\"i18n('handle.barCode.value')\"\n v-if=\"multipleElementGetValue('contentType') == 'Barcode'\">\n <my-switch\n :model-value=\"multipleElementGetValue('option.barCodeDisplayValIs')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.barCodeDisplayValIs', val)\"\n class=\"ml-2\"\n :active-text=\"i18n('common.show')\"\n :inactive-text=\"i18n('common.hidden')\" />\n </my-form-item>\n \n <my-form-item :label=\"i18n('handle.qrCode.errorCorrectionLevel')\"\n v-if=\"multipleElementGetValue('contentType') == 'QrCode'\">\n <my-history-select :model-value=\"multipleElementGetValue('option.qrErrorCorrectionLevel')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.qrErrorCorrectionLevel', val)\"\n class=\"width-140\"\n :data-list=\"qrCodeErrorCorrectionLevel\"\n :historyLabel=\"i18n('handle.qrCode.errorCorrectionLevel')\" />\n </my-form-item>\n \n <my-form-item :label=\"i18n('handle.qrCode.qrCodeScale')\"\n v-if=\"multipleElementGetValue('contentType') == 'QrCode'\">\n <my-history-input-number class=\"width-140\"\n :min=\"0.01\"\n :model-value=\"multipleElementGetValue('option.qrCodeScale')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.qrCodeScale', val)\"\n :historyLabel=\"i18n('handle.qrCode.qrCodeScale')\"\n :placeholder=\"i18n('handle.qrCode.qrCodeScale.tips')\" />\n </my-form-item>\n \n <my-form-item :label=\"i18n('handle.line.break')\"\n v-if=\"includeProps('type','lineBreak') && noWorkInTableIs\">\n <my-switch\n :model-value=\"multipleElementGetValue('option.lineBreak')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.lineBreak', val)\"\n class=\"ml-2\" />\n </my-form-item>\n \n <my-form-item :label=\"i18n('handle.text.auto.height')\"\n v-if=\"includeProps('type','autoTextHeight') && noWorkInTableIs\">\n <my-switch\n :model-value=\"multipleElementGetValue('option.autoTextHeight')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.autoTextHeight', val)\"\n class=\"ml-2\" />\n </my-form-item>\n \n <my-form-item :label=\"i18n('handle.line.height')\"\n v-if=\"includeProps('type','lineHeight')\">\n <my-group>\n <my-history-input-number class=\"num-2\"\n :min=\"0.01\"\n :model-value=\"multipleElementGetValue('option.lineHeight')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.lineHeight', val)\"\n :historyLabel=\"i18n('handle.line.height')\" />\n <my-unit />\n </my-group>\n </my-form-item>\n <my-form-item :label=\"i18n('handle.line.width')\"\n v-if=\"includeProps('type','lineWidth')\">\n <my-group>\n <my-history-input-number class=\"num-2\"\n :min=\"0.01\"\n :model-value=\"multipleElementGetValue('option.lineWidth')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.lineWidth', val)\"\n :historyLabel=\"i18n('handle.line.width')\" />\n <my-unit />\n </my-group>\n </my-form-item>\n \n <my-form-item :label=\"i18n('handle.dotted.style')\"\n v-if=\"includeProps('type','dottedStyle')\">\n <my-history-select :model-value=\"multipleElementGetValue('option.dottedStyle')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.dottedStyle', val)\"\n class=\"width-120\"\n :data-list=\"dottedStyleList\"\n :historyLabel=\"i18n('handle.dotted.style')\" />\n </my-form-item>\n <my-form-item :label=\"i18n('handle.padding')\"\n v-if=\"includeProps('type','padding')\">\n <my-group>\n <my-history-input-number class=\"num-4\"\n :placeholder=\"i18n('handle.top')\"\n :historyLabel=\"i18n('handle.padding.top')\"\n :model-value=\"multipleElementGetValue('option.padding.top')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.padding.top', val)\">\n <template #append>mm</template>\n </my-history-input-number>\n <my-history-input-number class=\"num-4\"\n :placeholder=\"i18n('handle.bottom')\"\n :historyLabel=\"i18n('handle.padding.bottom')\"\n :model-value=\"multipleElementGetValue('option.padding.bottom')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.padding.bottom', val)\">\n <template #append>mm</template>\n </my-history-input-number>\n <my-history-input-number class=\"num-4\"\n :placeholder=\"i18n('handle.left')\"\n :historyLabel=\"i18n('handle.padding.left')\"\n :model-value=\"multipleElementGetValue('option.padding.left')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.padding.left', val)\">\n <template #append>mm</template>\n </my-history-input-number>\n <my-history-input-number class=\"num-4\"\n :placeholder=\"i18n('handle.right')\"\n :historyLabel=\"i18n('handle.padding.right')\"\n :model-value=\"multipleElementGetValue('option.padding.right')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.padding.right', val)\">\n <template #append>mm</template>\n </my-history-input-number>\n </my-group>\n </my-form-item>\n \n <my-form-item :label=\"i18n('handle.margin')\"\n v-if=\"includeProps('type','margin')\">\n <my-group>\n <my-history-input-number class=\"num-4\"\n :placeholder=\"i18n('handle.top')\"\n :historyLabel=\"i18n('handle.margin.top')\"\n :model-value=\"multipleElementGetValue('option.margin.top')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.margin.top', val)\">\n <template #append>mm</template>\n </my-history-input-number>\n <my-history-input-number class=\"num-4\"\n :placeholder=\"i18n('handle.bottom')\"\n :historyLabel=\"i18n('handle.margin.bottom')\"\n :model-value=\"multipleElementGetValue('option.margin.bottom')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.margin.bottom', val)\">\n <template #append>mm</template>\n </my-history-input-number>\n <my-history-input-number class=\"num-4\"\n :placeholder=\"i18n('handle.left')\"\n :historyLabel=\"i18n('handle.margin.left')\"\n :model-value=\"multipleElementGetValue('option.margin.left')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.margin.left', val)\">\n <template #append>mm</template>\n </my-history-input-number>\n <my-history-input-number class=\"num-4\"\n :placeholder=\"i18n('handle.right')\"\n :historyLabel=\"i18n('handle.margin.right')\"\n :model-value=\"multipleElementGetValue('option.margin.right')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.margin.right', val)\">\n <template #append>mm</template>\n </my-history-input-number>\n </my-group>\n </my-form-item>\n \n <my-form-item :label=\"i18n('handle.fixed.position')\"\n v-if=\"multipleElementGetValue('type') != 'DataTable' && noWorkInTableIs\">\n <my-switch\n :model-value=\"multipleElementGetValue('option.fixed')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.fixed', val)\"\n @change=\"changeOptionFixed\"\n class=\"ml-2\" />\n </my-form-item>\n \n <my-button size=\"small\"\n v-if=\"includeProps('type','clearDrawPanel')\"\n @click=\"clearDrawPanel\">{{ i18n('handle.clear.canvas') }}\n </my-button>\n \n \n <my-form-item :label=\"i18n('handle.line.height')\"\n v-if=\"includeProps('type','tableBodyHeightType')\">\n <my-radio v-model=\"element.option.tableBodyHeightType\"\n :dataList=\"tableBodyHeightTypeList\" />\n \n <my-group style=\"margin-top: 10px\"\n v-if=\"element.option.tableBodyHeightType == 'FIXED'\">\n \n <my-history-input-number class=\"num-2\"\n :min=\"0.01\"\n :model-value=\"multipleElementGetValue('option.tableBodyHeight')\"\n @change=\"changeTableBodyHeight\"\n :historyLabel=\"i18n('handle.line.height')\" />\n <my-unit />\n </my-group>\n </my-form-item>\n \n <my-form-item :label=\"i18n('handle.table.page.head')\"\n v-if=\"includeProps('type','tablePageHead')\">\n <my-switch\n :model-value=\"multipleElementGetValue('option.tablePageHeadIs')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.tablePageHeadIs', val)\"\n class=\"ml-2\" />\n </my-form-item>\n \n <my-form-item :label=\"i18n('handle.table.hidden.head')\"\n v-if=\"includeProps('type','tablePageHead')\">\n <my-switch\n :model-value=\"multipleElementGetValue('option.tableHiddenHeadIs')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.tableHiddenHeadIs', val)\"\n class=\"ml-2\" />\n </my-form-item>\n \n </my-divider-panel>\n \n <my-divider-panel>\n <template #divider>\n {{ i18n('handle.print.strategy') }}\n </template>\n \n <my-form-item :label=\"i18n('handle.display.strategy')\"\n v-if=\"multipleElementGetValue('option.fixed')\">\n <my-history-select :model-value=\"multipleElementGetValue('option.displayStrategy')\"\n @update:model-value=\"(val:any)=>multipleElementSetValue('option.displayStrategy', val)\"\n class=\"width-120\"\n :data-list=\"displayStrategyList\"\n :historyLabel=\"i18n('handle.display.strategy')\" />\n </my-form-item>\n \n </my-divider-panel>\n \n </my-form>\n\n</template>\n<script setup lang=\"ts\">\nimport {\n barcodeTypes,\n displayStrategyList,\n dottedStyleList, elementSettingType,\n getElementSetting, qrCodeErrorCorrectionLevel, tableBodyHeightTypeList,\n textContentTypes\n} from '@myprint/design/constants/common';\nimport { MyHistoryInput, MyHistoryInputNumber, MyHistorySelect, MyUnit } from '@myprint/design/components/my/input';\nimport {\n getPositionX,\n getPositionY,\n multipleElementGetValue,\n multipleElementSetValue, setElementHeightPx\n} from '@myprint/design/utils/elementUtil';\nimport MyDividerPanel from '@myprint/design/components/my/divider/my-divider-panel.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 { i18n } from '@myprint/design/locales';\nimport MySwitch from '@myprint/design/components/my/switch/my-switch.vue';\nimport MyButton from '@myprint/design/components/my/button/my-Button.vue';\nimport MySlider from '@myprint/design/components/my/slider/my-slider.vue';\nimport MyGroup from '@myprint/design/components/my/group/my-group.vue';\nimport TipIcon from '@myprint/design/components/my/icon/tip-icon.vue';\nimport MyIcon from '@myprint/design/components/my/icon/my-icon.vue';\nimport QuestionFilled from '@myprint/design/components/my/icon/icons/QuestionFilled.vue';\nimport MyTooltip from '@myprint/design/components/my/tooltip/my-tooltip.vue';\nimport { useAppStoreHook } from '@myprint/design/stores/app';\nimport { computed } from 'vue-demi';\nimport { MyElement } from '@myprint/design/types/entity';\nimport { mitt } from '@myprint/design/utils/utils';\nimport {\n addCanSelectElement,\n freshMoveableOption,\n moveableMoveX,\n moveableMoveY,\n moveableResize,\n moveableRotate,\n removeCanSelectElement\n} from '@myprint/design/plugins/moveable/moveable';\nimport { unit2px } from '@myprint/design/utils/devicePixelRatio';\nimport MyRadio from '@myprint/design/components/my/radio/my-radio.vue';\n\nconst appStore = useAppStoreHook();\n\nconst currentBarCodeEg = computed(() => {\n if (element.value.option && element.value.option.barCodeType) {\n return changeBarCodeType(element.value.option.barCodeType);\n }\n});\n\nconst element = computed(() => {\n if (appStore.currentElement.length > 0) {\n return appStore.currentElement[0] as MyElement;\n } else {\n return {} as MyElement;\n }\n});\n\n// 是否在表格中\nconst noWorkInTableIs = computed(() => {\n const workEnvironment = multipleElementGetValue('runtimeOption.workEnvironment');\n return workEnvironment != 'DataTable';\n});\n\nfunction includeProps(props: string, attr: elementSettingType) {\n // 'borderRadius'\n // 'type'\n return getElementSetting(multipleElementGetValue(props)).includes(attr);\n}\n\nfunction changeTableBodyHeight(val: number) {\n multipleElementSetValue('option.tableBodyHeight', val);\n for (let tableBodyListElement of element.value.tableBodyList) {\n for (let tableBodyListElementElement of tableBodyListElement) {\n if (tableBodyListElementElement == null) {\n continue;\n }\n setElementHeightPx(unit2px(val), tableBodyListElementElement);\n }\n }\n}\n\nfunction changeOptionFixed() {\n mitt.emit('changeElement');\n}\n\nfunction changeLock() {\n if (element.value.lock) {\n removeCanSelectElement(element.value);\n } else {\n addCanSelectElement(element.value);\n }\n freshMoveableOption(element.value);\n}\n\nfunction rotatedPoint(_rotate: any) {\n // console.log(rotate);\n moveableRotate(element.value.option.rotate);\n // freshMoveableOption(appStore.currentElement)\n}\n\nfunction changeLocationX(_val: any) {\n moveableMoveX(unit2px(getPositionX(element.value)));\n}\n\nfunction changeLocationY(_val: any) {\n moveableMoveY(unit2px(getPositionY(element.value)));\n}\n\nfunction changeElementWidth(_val) {\n // console.log(_val);\n moveableResize(unit2px(element.value.width), unit2px(element.value.height), element.value.option.keepRatio);\n}\n\nfunction changeElementKeepRatio() {\n // console.log(val)\n freshMoveableOption(element.value);\n}\n\nfunction clearDrawPanel() {\n element.value.data = JSON.stringify([]);\n}\n\nfunction changeBarCodeType(val: any) {\n // record()\n // console.log('change', val)\n return barcodeTypes.find(v => v.value == val)!.eg;\n}\n</script>\n"],"names":[],"mappings":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}