{"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            <!--    <my-button class=\"my-element-setting-choose-img\" v-if=\"multipleElementGetValue('type') == 'Image'\">-->\n            <!--      更换图片-->\n            <!--    </my-button>-->\n            \n            <!--    <el-form-item label=\"标题显示\" v-if=\"getElementSetting(multipleElementGetValue('type')).includes('label')\">-->\n            <!--      <el-switch-->\n            <!--          :model-value=\"multipleElementGetValue('option.hiddenLabel')\"-->\n            <!--          @update:model-value=\"(val:any)=>multipleElementSetValue('option.hiddenLabel', val)\"-->\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            <!--&lt;!&ndash;            <el-switch v-if=\"appStore.currentElement.option.hiddenLabel\"&ndash;&gt;-->\n            <!--&lt;!&ndash;                       v-model=\"appStore.currentElement.option.labelSplit\"&ndash;&gt;-->\n            <!--&lt;!&ndash;                       class=\"ml-2\"&ndash;&gt;-->\n            <!--&lt;!&ndash;                       inline-prompt&ndash;&gt;-->\n            <!--&lt;!&ndash;                       style=\"&#45;&#45;el-switch-on-color: var(&#45;&#45;drag-h-color); &#45;&#45;el-switch-off-color: gray; margin-left: 10px\"&ndash;&gt;-->\n            <!--&lt;!&ndash;                       active-text=\"拆分\"&ndash;&gt;-->\n            <!--&lt;!&ndash;                       inactive-text=\"合并\"/>&ndash;&gt;-->\n            <!--    </el-form-item>-->\n            \n            <!--    <el-form-item label=\"标题\" v-if=\"getElementSetting(multipleElementGetValue('type')).includes('label')\">-->\n            <!--      <my-history-input style=\"margin-right: 20px\"-->\n            <!--                        :model-value=\"multipleElementGetValue('label')\"-->\n            <!--                        @update:model-value=\"(val:any)=>multipleElementSetValue('label', val)\"-->\n            <!--                        historyLabel=\"标题\"/>-->\n            <!--    </el-form-item>-->\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                <!--popper-class=\"barcode-type-tooltip\"-->\n                <!--\n                                    :max-width=\"200\"\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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"}