@kp-ui/lowcode 2.15.0-beta.7 → 2.16.0-alpha.10

package/src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue.js

@@ -1,8 +1,8 @@
 import t from "./gutter-editor.vue2.js";
 /* empty css                   */
 import o from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ o(t, [["__scopeId", "data-v-d175c295"]]);
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-53af80d2"]]);
 export {
-  _ as default
+  m as default
 };
 //# sourceMappingURL=gutter-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue2.js

@@ -3,7 +3,7 @@ import { useI18n as W } from "../../../../../utils/i18n.js";
 import { SvgIcon as G } from "tmgc2-share";
 import O from "../../../../../lib/vuedraggable/src/vuedraggable.js";
 import { EditorTypeEnum as H } from "../../../../../constants/EditorTypeEnum.js";
-import { useDesigner as T } from "../../../../../hooks/useDesigner.js";
+import { useDesigner as T } from "../../../form-widget/useFormDesigner.js";
 const U = { class: "col-item" }, z = { class: "col-span-title" }, A = /* @__PURE__ */ w({
   name: H.gutterEditor,
   __name: "gutter-editor",

package/src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"gutter-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue"],"sourcesContent":["<template>\n    <div>\n        <a-form-item label-width=\"0\">\n            <a-divider class=\"custom-divider\">{{\n                i18nt('designer.setting.columnSetting')\n            }}</a-divider>\n        </a-form-item>\n        <a-form-item :label=\"i18nt('designer.setting.gutter')\">\n            <a-input-number v-model:value=\"optionModel.gutter\" style=\"width: 100%\" />\n        </a-form-item>\n        <a-form-item :label=\"i18nt('designer.setting.colsOfGrid')\" />\n        <a-form-item label-width=\"0\">\n            <draggable\n                :list=\"selectedWidget.cols\"\n                item-key=\"id\"\n                v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 300 }\"\n                tag=\"transition-group\"\n                :component-data=\"{ name: 'fade' }\"\n                handle=\".drag-handler\"\n            >\n                <template #item=\"{ element: colItem, index: colIdx }\">\n                    <li class=\"col-item\">\n                        <span class=\"col-span-title\">\n                            {{ i18nt('designer.setting.colSpanTitle') }}{{ colIdx + 1 }}\n                        </span>\n                        <a-input-number\n                            v-model:value=\"colItem.options.span\"\n                            :min=\"1\"\n                            :max=\"24\"\n                            @change=\"(newValue, oldValue) => spanChanged(selectedWidget)\"\n                            class=\"cell-span-input\"\n                        />\n                        <a-button\n                            circle\n                            shape=\"plain\"\n                            size=\"small\"\n                            type=\"danger\"\n                            @click=\"deleteCol(selectedWidget, colIdx)\"\n                            class=\"col-delete-button\"\n                        >\n                            删除\n                        </a-button>\n\n                        <a-button\n                            circle\n                            shape=\"plain\"\n                            size=\"small\"\n                            class=\"col-delete-button drag-handler\"\n                        >\n                            <svg-icon icon-class=\"icon-move1\" />\n                        </a-button>\n                    </li>\n                </template>\n            </draggable>\n            <div>\n                <a-button type=\"primary\" @click=\"addNewCol(selectedWidget)\">\n                    {{ i18nt('designer.setting.addColumn') }}\n                </a-button>\n            </div>\n        </a-form-item>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { SvgIcon } from 'tmgc2-share';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n    import { unref } from 'vue';\n    import { EditorPros } from '../useEditor';\n    import { useDesigner } from '@/hooks/useDesigner';\n\n    defineOptions({\n        name: EditorTypeEnum.gutterEditor\n    });\n\n    const { i18nt } = useI18n();\n    const { designer } = useDesigner();\n    const { selectedWidget } = defineProps<EditorPros>();\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ gutter: '' })\n    });\n\n    const spanChanged = function (curGrid) {\n        let spanSum = 0;\n        curGrid.cols.forEach(colItem => {\n            spanSum += colItem.options.span;\n        });\n        if (spanSum > 24) {\n            //this.$message.info('列栅格之和超出24')\n            console.log('列栅格之和超出24');\n            //TODO: 语言字符串资源化\n        }\n        unref(designer).saveCurrentHistoryStep();\n    };\n\n    const deleteCol = function (curGrid, colIdx) {\n        unref(designer).deleteColOfGrid(curGrid, colIdx);\n        unref(designer).emitHistoryChange();\n    };\n\n    const addNewCol = function (curGrid) {\n        unref(designer).addNewColOfGrid(curGrid);\n        unref(designer).emitHistoryChange();\n    };\n    // export default {\n    //     name: 'gutter-editor',\n    //     components: { SvgIcon, Draggable },\n    //     mixins: [i18n],\n    //     props: {\n    //         designer: Object,\n    //         selectedWidget: Object,\n    //         optionModel: Object\n    //     },\n    //     methods: {\n    //         spanChanged(curGrid) {\n    //             let spanSum = 0;\n    //             curGrid.cols.forEach(colItem => {\n    //                 spanSum += colItem.options.span;\n    //             });\n    //             if (spanSum > 24) {\n    //                 //this.$message.info('列栅格之和超出24')\n    //                 console.log('列栅格之和超出24', this.$message1);\n    //                 //TODO: 语言字符串资源化\n    //             }\n\n    //             this.designer.saveCurrentHistoryStep();\n    //         },\n\n    //         deleteCol(curGrid, colIdx) {\n    //             this.designer.deleteColOfGrid(curGrid, colIdx);\n    //             this.designer.emitHistoryChange();\n    //         },\n\n    //         addNewCol(curGrid) {\n    //             this.designer.addNewColOfGrid(curGrid);\n    //             this.designer.emitHistoryChange();\n    //         }\n    //     }\n    // };\n</script>\n\n<style lang=\"scss\" scoped>\n    li.col-item {\n        list-style: none;\n        margin-bottom: 5px;\n        display: flex;\n        span.col-span-title {\n            display: inline-block;\n            font-size: 13px;\n            width: 80px;\n        }\n\n        .col-delete-button {\n            margin-left: 6px;\n        }\n    }\n</style>\n"],"names":["i18nt","useI18n","designer","useDesigner","optionModel","_useModel","__props","spanChanged","curGrid","spanSum","colItem","unref","deleteCol","colIdx","addNewCol","_createElementBlock","_createVNode","_component_a_form_item","_component_a_divider","_unref","_component_a_input_number","_cache","$event","_mergeProps","selectedWidget","_withCtx","_createElementVNode","_hoisted_1","_hoisted_2","_toDisplayString","newValue","oldValue","_component_a_button","SvgIcon"],"mappings":"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"}
+{"version":3,"file":"gutter-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue"],"sourcesContent":["<template>\n    <div>\n        <a-form-item label-width=\"0\">\n            <a-divider class=\"custom-divider\">{{\n                i18nt('designer.setting.columnSetting')\n            }}</a-divider>\n        </a-form-item>\n        <a-form-item :label=\"i18nt('designer.setting.gutter')\">\n            <a-input-number v-model:value=\"optionModel.gutter\" style=\"width: 100%\" />\n        </a-form-item>\n        <a-form-item :label=\"i18nt('designer.setting.colsOfGrid')\" />\n        <a-form-item label-width=\"0\">\n            <draggable\n                :list=\"selectedWidget.cols\"\n                item-key=\"id\"\n                v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 300 }\"\n                tag=\"transition-group\"\n                :component-data=\"{ name: 'fade' }\"\n                handle=\".drag-handler\"\n            >\n                <template #item=\"{ element: colItem, index: colIdx }\">\n                    <li class=\"col-item\">\n                        <span class=\"col-span-title\">\n                            {{ i18nt('designer.setting.colSpanTitle') }}{{ colIdx + 1 }}\n                        </span>\n                        <a-input-number\n                            v-model:value=\"colItem.options.span\"\n                            :min=\"1\"\n                            :max=\"24\"\n                            @change=\"(newValue, oldValue) => spanChanged(selectedWidget)\"\n                            class=\"cell-span-input\"\n                        />\n                        <a-button\n                            circle\n                            shape=\"plain\"\n                            size=\"small\"\n                            type=\"danger\"\n                            @click=\"deleteCol(selectedWidget, colIdx)\"\n                            class=\"col-delete-button\"\n                        >\n                            删除\n                        </a-button>\n\n                        <a-button\n                            circle\n                            shape=\"plain\"\n                            size=\"small\"\n                            class=\"col-delete-button drag-handler\"\n                        >\n                            <svg-icon icon-class=\"icon-move1\" />\n                        </a-button>\n                    </li>\n                </template>\n            </draggable>\n            <div>\n                <a-button type=\"primary\" @click=\"addNewCol(selectedWidget)\">\n                    {{ i18nt('designer.setting.addColumn') }}\n                </a-button>\n            </div>\n        </a-form-item>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { SvgIcon } from 'tmgc2-share';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n    import { unref } from 'vue';\n    import { EditorPros } from '../useEditor';\n    import { useDesigner } from '@/components/form-designer/form-widget/useFormDesigner';\n\n    defineOptions({\n        name: EditorTypeEnum.gutterEditor\n    });\n\n    const { i18nt } = useI18n();\n    const { designer } = useDesigner();\n    const { selectedWidget } = defineProps<EditorPros>();\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ gutter: '' })\n    });\n\n    const spanChanged = function (curGrid) {\n        let spanSum = 0;\n        curGrid.cols.forEach(colItem => {\n            spanSum += colItem.options.span;\n        });\n        if (spanSum > 24) {\n            //this.$message.info('列栅格之和超出24')\n            console.log('列栅格之和超出24');\n            //TODO: 语言字符串资源化\n        }\n        unref(designer).saveCurrentHistoryStep();\n    };\n\n    const deleteCol = function (curGrid, colIdx) {\n        unref(designer).deleteColOfGrid(curGrid, colIdx);\n        unref(designer).emitHistoryChange();\n    };\n\n    const addNewCol = function (curGrid) {\n        unref(designer).addNewColOfGrid(curGrid);\n        unref(designer).emitHistoryChange();\n    };\n    // export default {\n    //     name: 'gutter-editor',\n    //     components: { SvgIcon, Draggable },\n    //     mixins: [i18n],\n    //     props: {\n    //         designer: Object,\n    //         selectedWidget: Object,\n    //         optionModel: Object\n    //     },\n    //     methods: {\n    //         spanChanged(curGrid) {\n    //             let spanSum = 0;\n    //             curGrid.cols.forEach(colItem => {\n    //                 spanSum += colItem.options.span;\n    //             });\n    //             if (spanSum > 24) {\n    //                 //this.$message.info('列栅格之和超出24')\n    //                 console.log('列栅格之和超出24', this.$message1);\n    //                 //TODO: 语言字符串资源化\n    //             }\n\n    //             this.designer.saveCurrentHistoryStep();\n    //         },\n\n    //         deleteCol(curGrid, colIdx) {\n    //             this.designer.deleteColOfGrid(curGrid, colIdx);\n    //             this.designer.emitHistoryChange();\n    //         },\n\n    //         addNewCol(curGrid) {\n    //             this.designer.addNewColOfGrid(curGrid);\n    //             this.designer.emitHistoryChange();\n    //         }\n    //     }\n    // };\n</script>\n\n<style lang=\"scss\" scoped>\n    li.col-item {\n        list-style: none;\n        margin-bottom: 5px;\n        display: flex;\n        span.col-span-title {\n            display: inline-block;\n            font-size: 13px;\n            width: 80px;\n        }\n\n        .col-delete-button {\n            margin-left: 6px;\n        }\n    }\n</style>\n"],"names":["i18nt","useI18n","designer","useDesigner","optionModel","_useModel","__props","spanChanged","curGrid","spanSum","colItem","unref","deleteCol","colIdx","addNewCol","_createElementBlock","_createVNode","_component_a_form_item","_component_a_divider","_unref","_component_a_input_number","_cache","$event","_mergeProps","selectedWidget","_withCtx","_createElementVNode","_hoisted_1","_hoisted_2","_toDisplayString","newValue","oldValue","_component_a_button","SvgIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA4EI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GACZ,EAAE,UAAAC,EAAA,IAAaC,EAAA,GAGfC,IAAcC,EAAWC,GAAC,aAI/B,GAEKC,IAAc,SAAUC,GAAS;AACnC,UAAIC,IAAU;AACd,MAAAD,EAAQ,KAAK,QAAQ,CAAAE,MAAW;AAC5B,QAAAD,KAAWC,EAAQ,QAAQ;AAAA,MAC/B,CAAC,GACGD,IAAU,MAEV,QAAQ,IAAI,WAAW,GAG3BE,EAAMT,CAAQ,EAAE,uBAAA;AAAA,IACpB,GAEMU,IAAY,SAAUJ,GAASK,GAAQ;AACzC,MAAAF,EAAMT,CAAQ,EAAE,gBAAgBM,GAASK,CAAM,GAC/CF,EAAMT,CAAQ,EAAE,kBAAA;AAAA,IACpB,GAEMY,IAAY,SAAUN,GAAS;AACjC,MAAAG,EAAMT,CAAQ,EAAE,gBAAgBM,CAAO,GACvCG,EAAMT,CAAQ,EAAE,kBAAA;AAAA,IACpB;;;kBA1GAa,EA2DM,OAAA,MAAA;AAAA,QA1DFC,EAIcC,GAAA,EAJD,eAAY,OAAG;AAAA,qBACxB,MAEc;AAAA,YAFdD,EAEcE,GAAA,EAFH,OAAM,oBAAgB;AAAA,yBAAC,MAEhC;AAAA,oBADEC,EAAAnB,CAAA,EAAK,gCAAA,CAAA,GAAA,CAAA;AAAA,cAAA;;;;;;QAGbgB,EAEcC,GAAA;AAAA,UAFA,OAAOE,EAAAnB,CAAA,EAAK,yBAAA;AAAA,QAAA;qBACtB,MAAyE;AAAA,YAAzEgB,EAAyEI,GAAA;AAAA,cAAjD,OAAOhB,EAAA,MAAY;AAAA,cAAZ,kBAAAiB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAlB,EAAA,MAAY,SAAMkB;AAAA,cAAE,OAAA,EAAA,OAAA,OAAA;AAAA,YAAA;;;;QAEvDN,EAA6DC,GAAA;AAAA,UAA/C,OAAOE,EAAAnB,CAAA,EAAK,6BAAA;AAAA,QAAA;QAC1BgB,EAgDcC,GAAA,EAhDD,eAAY,OAAG;AAAA,qBACxB,MAyCY;AAAA,YAzCZD,EAyCYG,MAzCZI,EAyCY;AAAA,cAxCP,MAAMC,EAAAA,eAAe;AAAA,cACtB,YAAS;AAAA,YAAA,GACD,EAAA,OAAA,aAAA,YAAA,SAAA,WAAA,OAA2D;AAAA,cACnE,KAAI;AAAA,cACH,kBAAgB,EAAA,MAAA,OAAA;AAAA,cACjB,QAAO;AAAA,YAAA;cAEI,MAAIC,EACX,CA8BK,EAAA,SA/BmBf,UAAgBG,QAAM;AAAA,gBAC9Ca,EA8BK,MA9BLC,GA8BK;AAAA,kBA7BDD,EAEO,QAFPE,GAEOC,EADAV,EAAAnB,CAAA,wCAA4Ca,IAAM,CAAA,GAAA,CAAA;AAAA,kBAEzDG,EAMEI,GAAA;AAAA,oBALU,OAAOV,EAAQ,QAAQ;AAAA,6CAAhBA,EAAQ,QAAQ,OAAIY;AAAA,oBAClC,KAAK;AAAA,oBACL,KAAK;AAAA,oBACL,2BAASQ,GAAUC,MAAaxB,EAAYiB,EAAAA,cAAc;AAAA,oBAC3D,OAAM;AAAA,kBAAA;kBAEVR,EASWgB,GAAA;AAAA,oBARP,QAAA;AAAA,oBACA,OAAM;AAAA,oBACN,MAAK;AAAA,oBACL,MAAK;AAAA,oBACJ,SAAK,CAAAV,MAAEV,EAAUY,EAAAA,gBAAgBX,CAAM;AAAA,oBACxC,OAAM;AAAA,kBAAA;+BACT,MAEDQ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,wBAFC,MAED;AAAA,oBAAA;;;;kBAEAL,EAOWgB,GAAA;AAAA,oBANP,QAAA;AAAA,oBACA,OAAM;AAAA,oBACN,MAAK;AAAA,oBACL,OAAM;AAAA,kBAAA;+BAEN,MAAoC;AAAA,sBAApChB,EAAoCG,EAAAc,CAAA,GAAA,EAA1B,cAAW,cAAY;AAAA,oBAAA;;;;;;;YAKjDP,EAIM,OAAA,MAAA;AAAA,cAHFV,EAEWgB,GAAA;AAAA,gBAFD,MAAK;AAAA,gBAAW,SAAKX,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAER,EAAUU,EAAAA,cAAc;AAAA,cAAA;2BACrD,MAAyC;AAAA,sBAAtCL,EAAAnB,CAAA,EAAK,4BAAA,CAAA,GAAA,CAAA;AAAA,gBAAA;;;;;;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-span-editor.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent as g, useModel as b, computed as c, unref as o, resolveComponent as v, createElementBlock as x, openBlock as n, createBlock as r, createCommentVNode as s, withCtx as p, createVNode as d } from "vue";
 import { useI18n as _ } from "../../../../../utils/i18n.js";
 import { EditorTypeEnum as C } from "../../../../../constants/EditorTypeEnum.js";
-import { useDesigner as T } from "../../../../../hooks/useDesigner.js";
+import { useDesigner as T } from "../../../form-widget/useFormDesigner.js";
 const P = /* @__PURE__ */ g({
   name: C.gridColSpanEditor,
   __name: "grid-col-span-editor",

package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-span-editor.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid-col-span-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-span-editor.vue"],"sourcesContent":["<template>\n    <div>\n        <a-form-item :label=\"i18nt('designer.setting.colSpanTitle')\" v-if=\"!optionModel.responsive\">\n            <a-input-number\n                v-model:value=\"optionModel.span\"\n                :min=\"1\"\n                :max=\"24\"\n                style=\"width: 100%\"\n            />\n        </a-form-item>\n        <a-form-item\n            :label=\"i18nt('designer.setting.colSpanTitle') + '(PC)'\"\n            v-if=\"!!optionModel.responsive && formConfig.layoutType === 'PC'\"\n        >\n            <a-input-number v-model:value=\"optionModel.md\" :min=\"1\" :max=\"24\" style=\"width: 100%\" />\n        </a-form-item>\n        <a-form-item\n            :label=\"i18nt('designer.setting.colSpanTitle') + '(Pad)'\"\n            v-if=\"!!optionModel.responsive && formConfig.layoutType === 'Pad'\"\n        >\n            <a-input-number v-model:value=\"optionModel.sm\" :min=\"1\" :max=\"24\" style=\"width: 100%\" />\n        </a-form-item>\n        <a-form-item\n            :label=\"i18nt('designer.setting.colSpanTitle') + '(H5)'\"\n            v-if=\"!!optionModel.responsive && formConfig.layoutType === 'H5'\"\n        >\n            <a-input-number v-model:value=\"optionModel.xs\" :min=\"1\" :max=\"24\" style=\"width: 100%\" />\n        </a-form-item>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n    import { computed, unref } from 'vue';\n    import { useDesigner } from '@/hooks/useDesigner';\n\n    defineOptions({\n        name: EditorTypeEnum.gridColSpanEditor\n    });\n\n    const { i18nt } = useI18n();\n\n    const { designer } = useDesigner();\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ responsive: false, span: '', md: '', sm: '', xs: '' })\n    });\n\n    const formConfig = computed(() => {\n        return unref(designer).formConfig;\n    });\n\n    // export default {\n    //     name: 'grid-col-span-editor',\n    //     mixins: [i18n],\n    //     props: {\n    //         designer: Object,\n    //         selectedWidget: Object,\n    //         optionModel: Object\n    //     },\n    //     computed: {\n    //         formConfig() {\n    //             return this.designer.formConfig;\n    //         }\n    //     }\n    // };\n</script>\n\n<style scoped></style>\n"],"names":["i18nt","useI18n","designer","useDesigner","optionModel","_useModel","__props","formConfig","computed","unref","_createElementBlock","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_input_number","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;;AAyCI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GAEZ,EAAE,UAAAC,EAAA,IAAaC,EAAA,GACfC,IAAcC,EAAWC,GAAC,aAI/B,GAEKC,IAAaC,EAAS,MACjBC,EAAMP,CAAQ,EAAE,UAC1B;;;kBAnDDQ,EA2BM,OAAA,MAAA;AAAA,QA1BkEN,EAAA,MAAY,+BAAhFO,EAOcC,GAAA;AAAA;UAPA,OAAOC,EAAAb,CAAA,EAAK,+BAAA;AAAA,QAAA;qBACtB,MAKE;AAAA,YALFc,EAKEC,GAAA;AAAA,cAJU,OAAOX,EAAA,MAAY;AAAA,cAAZ,kBAAAY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAb,EAAA,MAAY,OAAIa;AAAA,cAC9B,KAAK;AAAA,cACL,KAAK;AAAA,cACN,OAAA,EAAA,OAAA,OAAA;AAAA,YAAA;;;;QAKIb,EAAA,MAAY,cAAcG,EAAA,MAAW,eAAU,aAF3DI,EAKcC,GAAA;AAAA;UAJT,OAAOC,EAAAb,CAAA,EAAK,+BAAA,IAAA;AAAA,QAAA;qBAGb,MAAwF;AAAA,YAAxFc,EAAwFC,GAAA;AAAA,cAAhE,OAAOX,EAAA,MAAY;AAAA,cAAZ,kBAAAY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAb,EAAA,MAAY,KAAEa;AAAA,cAAG,KAAK;AAAA,cAAI,KAAK;AAAA,cAAI,OAAA,EAAA,OAAA,OAAA;AAAA,YAAA;;;;QAI1Db,EAAA,MAAY,cAAcG,EAAA,MAAW,eAAU,cAF3DI,EAKcC,GAAA;AAAA;UAJT,OAAOC,EAAAb,CAAA,EAAK,+BAAA,IAAA;AAAA,QAAA;qBAGb,MAAwF;AAAA,YAAxFc,EAAwFC,GAAA;AAAA,cAAhE,OAAOX,EAAA,MAAY;AAAA,cAAZ,kBAAAY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAb,EAAA,MAAY,KAAEa;AAAA,cAAG,KAAK;AAAA,cAAI,KAAK;AAAA,cAAI,OAAA,EAAA,OAAA,OAAA;AAAA,YAAA;;;;QAI1Db,EAAA,MAAY,cAAcG,EAAA,MAAW,eAAU,aAF3DI,EAKcC,GAAA;AAAA;UAJT,OAAOC,EAAAb,CAAA,EAAK,+BAAA,IAAA;AAAA,QAAA;qBAGb,MAAwF;AAAA,YAAxFc,EAAwFC,GAAA;AAAA,cAAhE,OAAOX,EAAA,MAAY;AAAA,cAAZ,kBAAAY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAb,EAAA,MAAY,KAAEa;AAAA,cAAG,KAAK;AAAA,cAAI,KAAK;AAAA,cAAI,OAAA,EAAA,OAAA,OAAA;AAAA,YAAA;;;;;;;;"}
+{"version":3,"file":"grid-col-span-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-span-editor.vue"],"sourcesContent":["<template>\n    <div>\n        <a-form-item :label=\"i18nt('designer.setting.colSpanTitle')\" v-if=\"!optionModel.responsive\">\n            <a-input-number\n                v-model:value=\"optionModel.span\"\n                :min=\"1\"\n                :max=\"24\"\n                style=\"width: 100%\"\n            />\n        </a-form-item>\n        <a-form-item\n            :label=\"i18nt('designer.setting.colSpanTitle') + '(PC)'\"\n            v-if=\"!!optionModel.responsive && formConfig.layoutType === 'PC'\"\n        >\n            <a-input-number v-model:value=\"optionModel.md\" :min=\"1\" :max=\"24\" style=\"width: 100%\" />\n        </a-form-item>\n        <a-form-item\n            :label=\"i18nt('designer.setting.colSpanTitle') + '(Pad)'\"\n            v-if=\"!!optionModel.responsive && formConfig.layoutType === 'Pad'\"\n        >\n            <a-input-number v-model:value=\"optionModel.sm\" :min=\"1\" :max=\"24\" style=\"width: 100%\" />\n        </a-form-item>\n        <a-form-item\n            :label=\"i18nt('designer.setting.colSpanTitle') + '(H5)'\"\n            v-if=\"!!optionModel.responsive && formConfig.layoutType === 'H5'\"\n        >\n            <a-input-number v-model:value=\"optionModel.xs\" :min=\"1\" :max=\"24\" style=\"width: 100%\" />\n        </a-form-item>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n    import { computed, unref } from 'vue';\n    import { useDesigner } from '@/components/form-designer/form-widget/useFormDesigner';\n\n    defineOptions({\n        name: EditorTypeEnum.gridColSpanEditor\n    });\n\n    const { i18nt } = useI18n();\n\n    const { designer } = useDesigner();\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ responsive: false, span: '', md: '', sm: '', xs: '' })\n    });\n\n    const formConfig = computed(() => {\n        return unref(designer).formConfig;\n    });\n\n    // export default {\n    //     name: 'grid-col-span-editor',\n    //     mixins: [i18n],\n    //     props: {\n    //         designer: Object,\n    //         selectedWidget: Object,\n    //         optionModel: Object\n    //     },\n    //     computed: {\n    //         formConfig() {\n    //             return this.designer.formConfig;\n    //         }\n    //     }\n    // };\n</script>\n\n<style scoped></style>\n"],"names":["i18nt","useI18n","designer","useDesigner","optionModel","_useModel","__props","formConfig","computed","unref","_createElementBlock","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_input_number","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;;AAyCI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GAEZ,EAAE,UAAAC,EAAA,IAAaC,EAAA,GACfC,IAAcC,EAAWC,GAAC,aAI/B,GAEKC,IAAaC,EAAS,MACjBC,EAAMP,CAAQ,EAAE,UAC1B;;;kBAnDDQ,EA2BM,OAAA,MAAA;AAAA,QA1BkEN,EAAA,MAAY,+BAAhFO,EAOcC,GAAA;AAAA;UAPA,OAAOC,EAAAb,CAAA,EAAK,+BAAA;AAAA,QAAA;qBACtB,MAKE;AAAA,YALFc,EAKEC,GAAA;AAAA,cAJU,OAAOX,EAAA,MAAY;AAAA,cAAZ,kBAAAY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAb,EAAA,MAAY,OAAIa;AAAA,cAC9B,KAAK;AAAA,cACL,KAAK;AAAA,cACN,OAAA,EAAA,OAAA,OAAA;AAAA,YAAA;;;;QAKIb,EAAA,MAAY,cAAcG,EAAA,MAAW,eAAU,aAF3DI,EAKcC,GAAA;AAAA;UAJT,OAAOC,EAAAb,CAAA,EAAK,+BAAA,IAAA;AAAA,QAAA;qBAGb,MAAwF;AAAA,YAAxFc,EAAwFC,GAAA;AAAA,cAAhE,OAAOX,EAAA,MAAY;AAAA,cAAZ,kBAAAY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAb,EAAA,MAAY,KAAEa;AAAA,cAAG,KAAK;AAAA,cAAI,KAAK;AAAA,cAAI,OAAA,EAAA,OAAA,OAAA;AAAA,YAAA;;;;QAI1Db,EAAA,MAAY,cAAcG,EAAA,MAAW,eAAU,cAF3DI,EAKcC,GAAA;AAAA;UAJT,OAAOC,EAAAb,CAAA,EAAK,+BAAA,IAAA;AAAA,QAAA;qBAGb,MAAwF;AAAA,YAAxFc,EAAwFC,GAAA;AAAA,cAAhE,OAAOX,EAAA,MAAY;AAAA,cAAZ,kBAAAY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAb,EAAA,MAAY,KAAEa;AAAA,cAAG,KAAK;AAAA,cAAI,KAAK;AAAA,cAAI,OAAA,EAAA,OAAA,OAAA;AAAA,YAAA;;;;QAI1Db,EAAA,MAAY,cAAcG,EAAA,MAAW,eAAU,aAF3DI,EAKcC,GAAA;AAAA;UAJT,OAAOC,EAAAb,CAAA,EAAK,+BAAA,IAAA;AAAA,QAAA;qBAGb,MAAwF;AAAA,YAAxFc,EAAwFC,GAAA;AAAA,cAAhE,OAAOX,EAAA,MAAY;AAAA,cAAZ,kBAAAY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAb,EAAA,MAAY,KAAEa;AAAA,cAAG,KAAK;AAAA,cAAI,KAAK;AAAA,cAAI,OAAA,EAAA,OAAA,OAAA;AAAA,YAAA;;;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-customClass-editor.vue.js

@@ -1,7 +1,7 @@
 import o from "./tab-customClass-editor.vue2.js";
 /* empty css                            */
 import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c467194f"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5504e8c5"]]);
 export {
   m as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-customClass-editor.vue2.js

@@ -5,7 +5,7 @@ import { EditorTypeEnum as V } from "../../../../../constants/EditorTypeEnum.js"
 import { ComponentNameEnum as H } from "../../../../../constants/WidgetTypeEnum.js";
 import L from "../../../../../lib/vuedraggable/src/vuedraggable.js";
 import { message as S } from "ant-design-vue";
-import { useDesigner as $ } from "../../../../../hooks/useDesigner.js";
+import { useDesigner as $ } from "../../../form-widget/useFormDesigner.js";
 const j = { class: "col-item" }, R = /* @__PURE__ */ h({
   name: V.tabCustomClassEditor,
   componentName: H.PropertyEditor,

package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-customClass-editor.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-customClass-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-tab/tab-customClass-editor.vue"],"sourcesContent":["<!--\n  因tabs属性并不包含于options属性之中，故只能跟其他options属性之内的属性值合并设置，此处选择与customClass合并！！\n-->\n\n<template>\n    <div>\n        <a-form-item :label=\"i18nt('designer.setting.customClass')\">\n            <a-select\n                v-model:value=\"optionModel.customClass\"\n                allowClear\n                mode=\"tags\"\n                :options=\"cssClassList\"\n            />\n        </a-form-item>\n        <a-form-item :label=\"i18nt('designer.setting.tabPaneSetting')\" />\n        <a-form-item label-width=\"0\" class=\"panes-setting\">\n            <a-radio-group v-model:value=\"optionModel.activeTab\">\n                <draggable\n                    tag=\"ul\"\n                    :list=\"selectedWidget.tabs\"\n                    item-key=\"id\"\n                    v-bind=\"{ group: 'panesGroup', ghostClass: 'ghost', handle: '.drag-option' }\"\n                >\n                    <template #item=\"{ element: tpItem, index: tpIdx }\">\n                        <li class=\"col-item\">\n                            <a-radio :value=\"tpItem.options.label\" style=\"margin-right: 8px\">\n                                {{ i18nt('designer.setting.paneActive') }}\n                            </a-radio>\n                            <a-input\n                                type=\"text\"\n                                v-model:value=\"tpItem.options.label\"\n                                style=\"width: 120px\"\n                            />\n                            <i class=\"iconfont icon-drag drag-option\"></i>\n                            <a-button\n                                size=\"small\"\n                                type=\"danger\"\n                                @click=\"deleteTabPane(selectedWidget, tpIdx, tpItem)\"\n                                class=\"col-delete-button\"\n                            >\n                                {{ i18nt('designer.setting.delete') }}\n                            </a-button>\n                        </li>\n                    </template>\n                </draggable>\n            </a-radio-group>\n            <div>\n                <a-button type=\"text\" @click=\"addTabPane(selectedWidget)\">\n                    {{ i18nt('designer.setting.addTabPane') }}\n                </a-button>\n            </div>\n        </a-form-item>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { deepClone } from '@/utils/util';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n    import { ComponentNameEnum } from '@/constants/WidgetTypeEnum';\n    import { ref, onMounted, unref, watchEffect } from 'vue';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n    import { EditorPros } from '@/components/form-designer/setting-panel/property-editor/useEditor';\n    import { message } from 'ant-design-vue';\n    import { useDesigner } from '@/hooks/useDesigner';\n\n    defineOptions({\n        name: EditorTypeEnum.tabCustomClassEditor,\n        componentName: ComponentNameEnum.PropertyEditor\n    });\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ customClass: '', activeTab: '' })\n    });\n\n    const { selectedWidget } = defineProps<EditorPros>();\n    const { designer } = useDesigner();\n\n    const { i18nt } = useI18n();\n\n    const cssClassList = ref([]);\n\n    const addTabPane = function (curTabs) {\n        unref(designer).addTabPaneOfTabs(curTabs);\n        unref(designer).emitHistoryChange();\n    };\n\n    const deleteTabPane = function (curTabs, tpIdx, tpItem) {\n        console.log('curTabs, tpIdx: ', curTabs, tpIdx, tpItem);\n        if (curTabs.tabs.length === 1) {\n            message.info(i18nt('designer.hint.lastPaneCannotBeDeleted'));\n            return;\n        }\n        if (optionModel.value.activeTab === tpItem.options.label) {\n            optionModel.value.activeTab = '';\n        }\n        unref(designer).deleteTabPaneOfTabs(curTabs, tpIdx);\n        unref(designer).emitHistoryChange();\n    };\n\n    watchEffect(() => {\n        cssClassList.value = deepClone(unref(designer).getCssClassList());\n        //监听表单css代码改动事件并重新加载！\n        unref(designer).handleEvent('form-css-updated', classList => {\n            cssClassList.value = classList;\n        });\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    li.col-item {\n        list-style: none;\n\n        span.col-span-title {\n            display: inline-block;\n            font-size: 13px;\n            width: 120px;\n        }\n\n        .col-delete-button {\n            margin-left: 6px;\n        }\n    }\n\n    .panes-setting {\n        ul {\n            padding-inline-start: 0;\n            padding-left: 0; /* 重置IE11默认样式 */\n            margin: 0;\n        }\n\n        .drag-option {\n            cursor: move;\n        }\n\n        li.ghost {\n            background: #fff;\n            border: 2px dotted var(--ant-primary-4);\n        }\n    }\n</style>\n"],"names":["optionModel","_useModel","__props","designer","useDesigner","i18nt","useI18n","cssClassList","ref","addTabPane","curTabs","unref","deleteTabPane","tpIdx","tpItem","message","watchEffect","deepClone","classList","_createElementBlock","_createVNode","_component_a_form_item","_unref","_component_a_select","_cache","$event","_component_a_radio_group","_mergeProps","selectedWidget","_withCtx","_createElementVNode","_hoisted_1","_component_a_radio","_component_a_input","_component_a_button"],"mappings":"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"}
+{"version":3,"file":"tab-customClass-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-tab/tab-customClass-editor.vue"],"sourcesContent":["<!--\n  因tabs属性并不包含于options属性之中，故只能跟其他options属性之内的属性值合并设置，此处选择与customClass合并！！\n-->\n\n<template>\n    <div>\n        <a-form-item :label=\"i18nt('designer.setting.customClass')\">\n            <a-select\n                v-model:value=\"optionModel.customClass\"\n                allowClear\n                mode=\"tags\"\n                :options=\"cssClassList\"\n            />\n        </a-form-item>\n        <a-form-item :label=\"i18nt('designer.setting.tabPaneSetting')\" />\n        <a-form-item label-width=\"0\" class=\"panes-setting\">\n            <a-radio-group v-model:value=\"optionModel.activeTab\">\n                <draggable\n                    tag=\"ul\"\n                    :list=\"selectedWidget.tabs\"\n                    item-key=\"id\"\n                    v-bind=\"{ group: 'panesGroup', ghostClass: 'ghost', handle: '.drag-option' }\"\n                >\n                    <template #item=\"{ element: tpItem, index: tpIdx }\">\n                        <li class=\"col-item\">\n                            <a-radio :value=\"tpItem.options.label\" style=\"margin-right: 8px\">\n                                {{ i18nt('designer.setting.paneActive') }}\n                            </a-radio>\n                            <a-input\n                                type=\"text\"\n                                v-model:value=\"tpItem.options.label\"\n                                style=\"width: 120px\"\n                            />\n                            <i class=\"iconfont icon-drag drag-option\"></i>\n                            <a-button\n                                size=\"small\"\n                                type=\"danger\"\n                                @click=\"deleteTabPane(selectedWidget, tpIdx, tpItem)\"\n                                class=\"col-delete-button\"\n                            >\n                                {{ i18nt('designer.setting.delete') }}\n                            </a-button>\n                        </li>\n                    </template>\n                </draggable>\n            </a-radio-group>\n            <div>\n                <a-button type=\"text\" @click=\"addTabPane(selectedWidget)\">\n                    {{ i18nt('designer.setting.addTabPane') }}\n                </a-button>\n            </div>\n        </a-form-item>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { deepClone } from '@/utils/util';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n    import { ComponentNameEnum } from '@/constants/WidgetTypeEnum';\n    import { ref, onMounted, unref, watchEffect } from 'vue';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n    import { EditorPros } from '@/components/form-designer/setting-panel/property-editor/useEditor';\n    import { message } from 'ant-design-vue';\n    import { useDesigner } from '@/components/form-designer/form-widget/useFormDesigner';\n\n    defineOptions({\n        name: EditorTypeEnum.tabCustomClassEditor,\n        componentName: ComponentNameEnum.PropertyEditor\n    });\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ customClass: '', activeTab: '' })\n    });\n\n    const { selectedWidget } = defineProps<EditorPros>();\n    const { designer } = useDesigner();\n\n    const { i18nt } = useI18n();\n\n    const cssClassList = ref([]);\n\n    const addTabPane = function (curTabs) {\n        unref(designer).addTabPaneOfTabs(curTabs);\n        unref(designer).emitHistoryChange();\n    };\n\n    const deleteTabPane = function (curTabs, tpIdx, tpItem) {\n        console.log('curTabs, tpIdx: ', curTabs, tpIdx, tpItem);\n        if (curTabs.tabs.length === 1) {\n            message.info(i18nt('designer.hint.lastPaneCannotBeDeleted'));\n            return;\n        }\n        if (optionModel.value.activeTab === tpItem.options.label) {\n            optionModel.value.activeTab = '';\n        }\n        unref(designer).deleteTabPaneOfTabs(curTabs, tpIdx);\n        unref(designer).emitHistoryChange();\n    };\n\n    watchEffect(() => {\n        cssClassList.value = deepClone(unref(designer).getCssClassList());\n        //监听表单css代码改动事件并重新加载！\n        unref(designer).handleEvent('form-css-updated', classList => {\n            cssClassList.value = classList;\n        });\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    li.col-item {\n        list-style: none;\n\n        span.col-span-title {\n            display: inline-block;\n            font-size: 13px;\n            width: 120px;\n        }\n\n        .col-delete-button {\n            margin-left: 6px;\n        }\n    }\n\n    .panes-setting {\n        ul {\n            padding-inline-start: 0;\n            padding-left: 0; /* 重置IE11默认样式 */\n            margin: 0;\n        }\n\n        .drag-option {\n            cursor: move;\n        }\n\n        li.ghost {\n            background: #fff;\n            border: 2px dotted var(--ant-primary-4);\n        }\n    }\n</style>\n"],"names":["optionModel","_useModel","__props","designer","useDesigner","i18nt","useI18n","cssClassList","ref","addTabPane","curTabs","unref","deleteTabPane","tpIdx","tpItem","message","watchEffect","deepClone","classList","_createElementBlock","_createVNode","_component_a_form_item","_unref","_component_a_select","_cache","$event","_component_a_radio_group","_mergeProps","selectedWidget","_withCtx","_createElementVNode","_hoisted_1","_component_a_radio","_component_a_input","_component_a_button"],"mappings":"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"}

package/src/components/form-designer/setting-panel/property-editor/container-table-cell/cellHeight-editor.vue.js

@@ -0,0 +1,32 @@
+import c from "../../../../../utils/i18n.js";
+import { resolveComponent as o, createBlock as a, openBlock as p, withCtx as d, createVNode as m } from "vue";
+import s from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  name: "cellHeight-editor",
+  mixins: [c],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function f(n, e, t, u, g, b) {
+  const i = o("a-input"), l = o("a-form-item");
+  return p(), a(l, {
+    label: n.i18nt("designer.setting.cellHeight")
+  }, {
+    default: d(() => [
+      m(i, {
+        type: "text",
+        value: t.optionModel.cellHeight,
+        "onUpdate:value": e[0] || (e[0] = (r) => t.optionModel.cellHeight = r)
+      }, null, 8, ["value"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const v = /* @__PURE__ */ s(_, [["render", f]]);
+export {
+  v as default
+};
+//# sourceMappingURL=cellHeight-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/container-table-cell/cellHeight-editor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cellHeight-editor.vue.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-table-cell/cellHeight-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"i18nt('designer.setting.cellHeight')\">\n    <a-input type=\"text\" v-model:value=\"optionModel.cellHeight\" />\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'cellHeight-editor',\n    mixins: [i18n],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    }\n  };\n</script>\n\n<style scoped></style>\n"],"names":["_sfc_main","i18n","_createBlock","_component_a_form_item","_ctx","_createVNode","_component_a_input","$props","_cache","$event"],"mappings":";;;AASE,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAACC,CAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;;;;cAfFC,EAEcC,GAAA;AAAA,IAFA,OAAOC,EAAA,MAAK,6BAAA;AAAA;eACxB,MAA8D;AAAA,MAA9DC,EAA8DC,GAAA;AAAA,QAArD,MAAK;AAAA,QAAe,OAAOC,EAAA,YAAY;AAAA,QAAZ,kBAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAF,EAAA,YAAY,aAAUE;AAAA;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/container-table-cell/cellWidth-editor.vue.js

@@ -0,0 +1,32 @@
+import c from "../../../../../utils/i18n.js";
+import { resolveComponent as o, createBlock as d, openBlock as a, withCtx as p, createVNode as m } from "vue";
+import s from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  name: "cellWidth-editor",
+  mixins: [c],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function f(n, e, t, u, W, b) {
+  const i = o("a-input"), l = o("a-form-item");
+  return a(), d(l, {
+    label: n.i18nt("designer.setting.cellWidth")
+  }, {
+    default: p(() => [
+      m(i, {
+        type: "text",
+        value: t.optionModel.cellWidth,
+        "onUpdate:value": e[0] || (e[0] = (r) => t.optionModel.cellWidth = r)
+      }, null, 8, ["value"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const v = /* @__PURE__ */ s(_, [["render", f]]);
+export {
+  v as default
+};
+//# sourceMappingURL=cellWidth-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/container-table-cell/cellWidth-editor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cellWidth-editor.vue.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-table-cell/cellWidth-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"i18nt('designer.setting.cellWidth')\">\n    <a-input type=\"text\" v-model:value=\"optionModel.cellWidth\" />\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'cellWidth-editor',\n    mixins: [i18n],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    }\n  };\n</script>\n\n<style scoped></style>\n"],"names":["_sfc_main","i18n","_createBlock","_component_a_form_item","_ctx","_createVNode","_component_a_input","$props","_cache","$event"],"mappings":";;;AASE,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAACC,CAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;;;;cAfFC,EAEcC,GAAA;AAAA,IAFA,OAAOC,EAAA,MAAK,4BAAA;AAAA;eACxB,MAA6D;AAAA,MAA7DC,EAA6DC,GAAA;AAAA,QAApD,MAAK;AAAA,QAAe,OAAOC,EAAA,YAAY;AAAA,QAAZ,kBAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAF,EAAA,YAAY,YAASE;AAAA;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/cancelButtonLabel-editor.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"cancelButtonLabel-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-vf-dialog/cancelButtonLabel-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.cancelButtonLabel')\">\n        <a-input type=\"text\" v-model:value=\"optionModel.cancelButtonLabel\" />\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n\n    defineOptions({\n        name: EditorTypeEnum.cancelButtonLabelEditor\n    });\n    const { i18nt } = useI18n();\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        default: () => ({ cancelButtonLabel: false })\n    });\n    // export default {\n    //     name: 'cancelButtonLabel-editor',\n    //     mixins: [i18n, propertyMixin],\n    //     props: {\n    //         designer: Object,\n    //         selectedWidget: Object,\n    //         optionModel: Object\n    //     }\n    // };\n</script>\n\n<style scoped></style>\n"],"names":["i18nt","useI18n","optionModel","_useModel","__props","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_input","_cache","$event"],"mappings":";;;;;;;;;;;;;;;AAaI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GAEZC,IAAcC,EAAWC,GAAC,aAG/B;;;kBAjBDC,EAEcC,GAAA;AAAA,QAFA,OAAOC,EAAAP,CAAA,EAAK,oCAAA;AAAA,MAAA;mBACtB,MAAqE;AAAA,UAArEQ,EAAqEC,GAAA;AAAA,YAA5D,MAAK;AAAA,YAAe,OAAOP,EAAA,MAAY;AAAA,YAAZ,kBAAAQ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAT,EAAA,MAAY,oBAAiBS;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"cancelButtonLabel-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-vf-dialog/cancelButtonLabel-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.cancelButtonLabel')\">\n        <a-input type=\"text\" v-model:value=\"optionModel.cancelButtonLabel\" />\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n\n    defineOptions({\n        name: EditorTypeEnum.cancelButtonLabelEditor\n    });\n    const { i18nt } = useI18n();\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        default: () => ({ cancelButtonLabel: false })\n    });\n</script>\n\n<style scoped></style>\n"],"names":["i18nt","useI18n","optionModel","_useModel","__props","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_input","_cache","$event"],"mappings":";;;;;;;;;;;;;;;AAaI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GAEZC,IAAcC,EAAWC,GAAC,aAG/B;;;kBAjBDC,EAEcC,GAAA;AAAA,QAFA,OAAOC,EAAAP,CAAA,EAAK,oCAAA;AAAA,MAAA;mBACtB,MAAqE;AAAA,UAArEQ,EAAqEC,GAAA;AAAA,YAA5D,MAAK;AAAA,YAAe,OAAOP,EAAA,MAAY;AAAA,YAAZ,kBAAAQ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAT,EAAA,MAAY,oBAAiBS;AAAA,UAAA;;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/height-editor.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"height-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-vf-dialog/height-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('height') + '(px)'\">\n        <a-input-number\n            type=\"text\"\n            v-model:value=\"optionModel.height\"\n            @input=\"inputNumberHandler\"\n        />\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n    import { useEditor } from '../useEditor';\n\n    defineOptions({\n        name: EditorTypeEnum.heightEditor\n    });\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ customClass: '' })\n    });\n\n    const { i18nt } = useI18n();\n    const { inputNumberHandler } = useEditor();\n</script>\n\n<style scoped></style>\n"],"names":["optionModel","_useModel","__props","i18nt","useI18n","inputNumberHandler","useEditor","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_input_number","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;;AAmBI,UAAMA,IAAcC,EAAWC,GAAC,aAI/B,GAEK,EAAE,OAAAC,EAAA,IAAUC,EAAA,GACZ,EAAE,oBAAAC,EAAA,IAAuBC,EAAA;;;kBAzB/BC,EAMcC,GAAA;AAAA,QANA,OAAOC,EAAAN,CAAA,EAAK,QAAA,IAAA;AAAA,MAAA;mBACtB,MAIE;AAAA,UAJFO,EAIEC,GAAA;AAAA,YAHE,MAAK;AAAA,YACG,OAAOX,EAAA,MAAY;AAAA,YAAZ,kBAAAY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAb,EAAA,MAAY,SAAMa;AAAA,YAChC,SAAOJ,EAAAJ,CAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"height-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-vf-dialog/height-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('height') + '(px)'\">\n        <a-input-number\n            type=\"text\"\n            v-model:value=\"optionModel.height\"\n            @input=\"inputNumberHandler\"\n        />\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n    import { useEditor } from '../useEditor';\n\n    defineOptions({\n        name: EditorTypeEnum.heightEditor\n    });\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ customClass: '' })\n    });\n\n    const { i18nt } = useI18n();\n    const { inputNumberHandler } = useEditor();\n    // export default {\n    //     name: 'height-editor',\n    //     mixins: [i18n, propertyMixin],\n    //     props: {\n    //         designer: Object,\n    //         selectedWidget: Object,\n    //         optionModel: Object\n    //     }\n    // };\n</script>\n\n<style scoped></style>\n"],"names":["optionModel","_useModel","__props","i18nt","useI18n","inputNumberHandler","useEditor","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_input_number","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;;AAmBI,UAAMA,IAAcC,EAAWC,GAAC,aAI/B,GAEK,EAAE,OAAAC,EAAA,IAAUC,EAAA,GACZ,EAAE,oBAAAC,EAAA,IAAuBC,EAAA;;;kBAzB/BC,EAMcC,GAAA;AAAA,QANA,OAAOC,EAAAN,CAAA,EAAK,QAAA,IAAA;AAAA,MAAA;mBACtB,MAIE;AAAA,UAJFO,EAIEC,GAAA;AAAA,YAHE,MAAK;AAAA,YACG,OAAOX,EAAA,MAAY;AAAA,YAAZ,kBAAAY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAb,EAAA,MAAY,SAAMa;AAAA,YAChC,SAAOJ,EAAAJ,CAAA;AAAA,UAAA;;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/left-editor.vue.js

@@ -0,0 +1,5 @@
+import f from "./left-editor.vue2.js";
+export {
+  f as default
+};
+//# sourceMappingURL=left-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/left-editor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"left-editor.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/left-editor.vue2.js

@@ -0,0 +1,38 @@
+import { defineComponent as p, useModel as a, resolveComponent as o, createBlock as u, openBlock as m, unref as s, withCtx as f, createVNode as c } from "vue";
+import { useI18n as _ } from "../../../../../utils/i18n.js";
+import { EditorTypeEnum as M } from "../../../../../constants/EditorTypeEnum.js";
+const b = /* @__PURE__ */ p({
+  name: M.leftEditor,
+  __name: "left-editor",
+  props: {
+    optionModel: {
+      type: Object,
+      required: !0,
+      default: () => ({ width: "" })
+    },
+    optionModelModifiers: {}
+  },
+  emits: ["update:optionModel"],
+  setup(n) {
+    const { i18nt: i } = _(), e = a(n, "optionModel");
+    return (v, t) => {
+      const l = o("a-input"), r = o("a-form-item");
+      return m(), u(r, {
+        label: s(i)("designer.setting.dialogWidth")
+      }, {
+        default: f(() => [
+          c(l, {
+            type: "text",
+            value: e.value.width,
+            "onUpdate:value": t[0] || (t[0] = (d) => e.value.width = d)
+          }, null, 8, ["value"])
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
+  }
+});
+export {
+  b as default
+};
+//# sourceMappingURL=left-editor.vue2.js.map

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/left-editor.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"left-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-vf-dialog/left-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.dialogWidth')\">\n        <a-input type=\"text\" v-model:value=\"optionModel.width\" />\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n\n    defineOptions({\n        name: EditorTypeEnum.leftEditor\n    });\n\n    const { i18nt } = useI18n();\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ width: '' })\n    });\n</script>\n\n<style scoped></style>\n"],"names":["i18nt","useI18n","optionModel","_useModel","__props","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_input","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;AAcI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GAEZC,IAAcC,EAAWC,GAAC,aAI/B;;;kBAnBDC,EAEcC,GAAA;AAAA,QAFA,OAAOC,EAAAP,CAAA,EAAK,8BAAA;AAAA,MAAA;mBACtB,MAAyD;AAAA,UAAzDQ,EAAyDC,GAAA;AAAA,YAAhD,MAAK;AAAA,YAAe,OAAOP,EAAA,MAAY;AAAA,YAAZ,kBAAAQ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAT,EAAA,MAAY,QAAKS;AAAA,UAAA;;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/top-editor.vue.js

@@ -0,0 +1,5 @@
+import f from "./top-editor.vue2.js";
+export {
+  f as default
+};
+//# sourceMappingURL=top-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/top-editor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-editor.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/top-editor.vue2.js

@@ -0,0 +1,38 @@
+import { defineComponent as l, useModel as a, resolveComponent as o, createBlock as u, openBlock as m, unref as s, withCtx as c, createVNode as f } from "vue";
+import { useI18n as _ } from "../../../../../utils/i18n.js";
+import { EditorTypeEnum as M } from "../../../../../constants/EditorTypeEnum.js";
+const b = /* @__PURE__ */ l({
+  name: M.topEditor,
+  __name: "top-editor",
+  props: {
+    optionModel: {
+      type: Object,
+      required: !0,
+      default: () => ({ width: "" })
+    },
+    optionModelModifiers: {}
+  },
+  emits: ["update:optionModel"],
+  setup(n) {
+    const { i18nt: i } = _(), e = a(n, "optionModel");
+    return (v, t) => {
+      const p = o("a-input"), r = o("a-form-item");
+      return m(), u(r, {
+        label: s(i)("designer.setting.dialogWidth")
+      }, {
+        default: c(() => [
+          f(p, {
+            type: "text",
+            value: e.value.width,
+            "onUpdate:value": t[0] || (t[0] = (d) => e.value.width = d)
+          }, null, 8, ["value"])
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
+  }
+});
+export {
+  b as default
+};
+//# sourceMappingURL=top-editor.vue2.js.map

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/top-editor.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-vf-dialog/top-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.dialogWidth')\">\n        <a-input type=\"text\" v-model:value=\"optionModel.width\" />\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n\n    defineOptions({\n        name: EditorTypeEnum.topEditor\n    });\n\n    const { i18nt } = useI18n();\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ width: '' })\n    });\n</script>\n\n<style scoped></style>\n"],"names":["i18nt","useI18n","optionModel","_useModel","__props","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_input","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;AAcI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GAEZC,IAAcC,EAAWC,GAAC,aAI/B;;;kBAnBDC,EAEcC,GAAA;AAAA,QAFA,OAAOC,EAAAP,CAAA,EAAK,8BAAA;AAAA,MAAA;mBACtB,MAAyD;AAAA,UAAzDQ,EAAyDC,GAAA;AAAA,YAAhD,MAAK;AAAA,YAAe,OAAOP,EAAA,MAAY;AAAA,YAAZ,kBAAAQ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAT,EAAA,MAAY,QAAKS;AAAA,UAAA;;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/width-editor.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as l, useModel as a, resolveComponent as o, createBlock as u, openBlock as m, unref as s, withCtx as c, createVNode as f } from "vue";
+import { defineComponent as p, useModel as a, resolveComponent as o, createBlock as u, openBlock as m, unref as s, withCtx as c, createVNode as f } from "vue";
 import { useI18n as _ } from "../../../../../utils/i18n.js";
-import { EditorTypeEnum as w } from "../../../../../constants/EditorTypeEnum.js";
-const b = /* @__PURE__ */ l({
-  name: w.widthEditor,
+import { EditorTypeEnum as M } from "../../../../../constants/EditorTypeEnum.js";
+const b = /* @__PURE__ */ p({
+  name: M.widthEditor,
   __name: "width-editor",
   props: {
     optionModel: {
@@ -15,16 +15,16 @@ const b = /* @__PURE__ */ l({
   emits: ["update:optionModel"],
   setup(n) {
     const { i18nt: i } = _(), e = a(n, "optionModel");
-    return (M, t) => {
-      const r = o("a-input"), d = o("a-form-item");
-      return m(), u(d, {
-        label: s(i)("designer.setting.width")
+    return (h, t) => {
+      const d = o("a-input"), r = o("a-form-item");
+      return m(), u(r, {
+        label: s(i)("designer.setting.dialogWidth")
       }, {
         default: c(() => [
-          f(r, {
+          f(d, {
             type: "text",
             value: e.value.width,
-            "onUpdate:value": t[0] || (t[0] = (p) => e.value.width = p)
+            "onUpdate:value": t[0] || (t[0] = (l) => e.value.width = l)
           }, null, 8, ["value"])
         ]),
         _: 1

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/width-editor.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"width-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-vf-dialog/width-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.width')\">\n        <a-input type=\"text\" v-model:value=\"optionModel.width\" />\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n\n    defineOptions({\n        name: EditorTypeEnum.widthEditor\n    });\n\n    const { i18nt } = useI18n();\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ width: '' })\n    });\n\n    // export default {\n    //     name: 'width-editor',\n    //     mixins: [i18n, propertyMixin],\n    //     props: {\n    //         designer: Object,\n    //         selectedWidget: Object,\n    //         optionModel: Object\n    //     }\n    // };\n</script>\n\n<style scoped></style>\n"],"names":["i18nt","useI18n","optionModel","_useModel","__props","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_input","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;AAcI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GAEZC,IAAcC,EAAWC,GAAC,aAI/B;;;kBAnBDC,EAEcC,GAAA;AAAA,QAFA,OAAOC,EAAAP,CAAA,EAAK,wBAAA;AAAA,MAAA;mBACtB,MAAyD;AAAA,UAAzDQ,EAAyDC,GAAA;AAAA,YAAhD,MAAK;AAAA,YAAe,OAAOP,EAAA,MAAY;AAAA,YAAZ,kBAAAQ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAT,EAAA,MAAY,QAAKS;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"width-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-vf-dialog/width-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.dialogWidth')\">\n        <a-input type=\"text\" v-model:value=\"optionModel.width\" />\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n\n    defineOptions({\n        name: EditorTypeEnum.widthEditor\n    });\n\n    const { i18nt } = useI18n();\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ width: '' })\n    });\n</script>\n\n<style scoped></style>\n"],"names":["i18nt","useI18n","optionModel","_useModel","__props","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_input","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;AAcI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GAEZC,IAAcC,EAAWC,GAAC,aAI/B;;;kBAnBDC,EAEcC,GAAA;AAAA,QAFA,OAAOC,EAAAP,CAAA,EAAK,8BAAA;AAAA,MAAA;mBACtB,MAAyD;AAAA,UAAzDQ,EAAyDC,GAAA;AAAA,YAAhD,MAAK;AAAA,YAAe,OAAOP,EAAA,MAAY;AAAA,YAAZ,kBAAAQ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAT,EAAA,MAAY,QAAKS;AAAA,UAAA;;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/customClass-editor.vue2.js

@@ -3,7 +3,7 @@ import { useI18n as g } from "../../../../utils/i18n.js";
 import { deepClone as b } from "../../../../utils/util.js";
 import { EditorTypeEnum as w } from "../../../../constants/EditorTypeEnum.js";
 import { ComponentNameEnum as x } from "../../../../constants/WidgetTypeEnum.js";
-import { useDesigner as y } from "../../../../hooks/useDesigner.js";
+import { useDesigner as y } from "../../form-widget/useFormDesigner.js";
 const q = /* @__PURE__ */ c({
   name: w.customClassEditor,
   componentName: x.PropertyEditor,

package/src/components/form-designer/setting-panel/property-editor/customClass-editor.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"customClass-editor.vue2.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/customClass-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.customClass')\">\n        <a-select\n            v-model:value=\"optionModel.customClass\"\n            allowClear\n            mode=\"tags\"\n            :options=\"cssClassList\"\n        />\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { deepClone } from '@/utils/util';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n    import { ComponentNameEnum } from '@/constants/WidgetTypeEnum';\n    import { ref, onMounted, watchEffect, unref } from 'vue';\n    import { useDesigner } from '../../../../hooks/useDesigner';\n\n    defineOptions({\n        name: EditorTypeEnum.customClassEditor,\n        componentName: ComponentNameEnum.PropertyEditor\n    });\n\n    const { designer } = useDesigner();\n    const { i18nt } = useI18n();\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ customClass: '' })\n    });\n\n    const cssClassList = ref([]);\n\n    watchEffect(() => {\n        cssClassList.value = deepClone(unref(designer).getCssClassList());\n        //监听表单css代码改动事件并重新加载！\n        unref(designer).handleEvent('form-css-updated', classList => {\n            cssClassList.value = classList;\n        });\n    });\n</script>\n\n<style scoped></style>\n"],"names":["designer","useDesigner","i18nt","useI18n","optionModel","_useModel","__props","cssClassList","ref","watchEffect","deepClone","unref","classList","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_select","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwBI,UAAM,EAAE,UAAAA,EAAA,IAAaC,EAAA,GACf,EAAE,OAAAC,EAAA,IAAUC,EAAA,GAEZC,IAAcC,EAAWC,GAAC,aAI/B,GAEKC,IAAeC,EAAI,EAAE;AAE3B,WAAAC,EAAY,MAAM;AACd,MAAAF,EAAa,QAAQG,EAAUC,EAAMX,CAAQ,EAAE,iBAAiB,GAEhEW,EAAMX,CAAQ,EAAE,YAAY,oBAAoB,CAAAY,MAAa;AACzD,QAAAL,EAAa,QAAQK;AAAA,MACzB,CAAC;AAAA,IACL,CAAC;;kBAxCDC,EAOcC,GAAA;AAAA,QAPA,OAAOC,EAAAb,CAAA,EAAK,8BAAA;AAAA,MAAA;mBACtB,MAKE;AAAA,UALFc,EAKEC,GAAA;AAAA,YAJU,OAAOb,EAAA,MAAY;AAAA,YAAZ,kBAAAc,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAf,EAAA,MAAY,cAAWe;AAAA,YACtC,YAAA;AAAA,YACA,MAAK;AAAA,YACJ,SAASZ,EAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"customClass-editor.vue2.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/customClass-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.customClass')\">\n        <a-select\n            v-model:value=\"optionModel.customClass\"\n            allowClear\n            mode=\"tags\"\n            :options=\"cssClassList\"\n        />\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { deepClone } from '@/utils/util';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n    import { ComponentNameEnum } from '@/constants/WidgetTypeEnum';\n    import { ref, onMounted, watchEffect, unref } from 'vue';\n    import { useDesigner } from '../../form-widget/useFormDesigner';\n\n    defineOptions({\n        name: EditorTypeEnum.customClassEditor,\n        componentName: ComponentNameEnum.PropertyEditor\n    });\n\n    const { designer } = useDesigner();\n    const { i18nt } = useI18n();\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ customClass: '' })\n    });\n\n    const cssClassList = ref([]);\n\n    watchEffect(() => {\n        cssClassList.value = deepClone(unref(designer).getCssClassList());\n        //监听表单css代码改动事件并重新加载！\n        unref(designer).handleEvent('form-css-updated', classList => {\n            cssClassList.value = classList;\n        });\n    });\n</script>\n\n<style scoped></style>\n"],"names":["designer","useDesigner","i18nt","useI18n","optionModel","_useModel","__props","cssClassList","ref","watchEffect","deepClone","unref","classList","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_select","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwBI,UAAM,EAAE,UAAAA,EAAA,IAAaC,EAAA,GACf,EAAE,OAAAC,EAAA,IAAUC,EAAA,GAEZC,IAAcC,EAAWC,GAAC,aAI/B,GAEKC,IAAeC,EAAI,EAAE;AAE3B,WAAAC,EAAY,MAAM;AACd,MAAAF,EAAa,QAAQG,EAAUC,EAAMX,CAAQ,EAAE,iBAAiB,GAEhEW,EAAMX,CAAQ,EAAE,YAAY,oBAAoB,CAAAY,MAAa;AACzD,QAAAL,EAAa,QAAQK;AAAA,MACzB,CAAC;AAAA,IACL,CAAC;;kBAxCDC,EAOcC,GAAA;AAAA,QAPA,OAAOC,EAAAb,CAAA,EAAK,8BAAA;AAAA,MAAA;mBACtB,MAKE;AAAA,UALFc,EAKEC,GAAA;AAAA,YAJU,OAAOb,EAAA,MAAY;AAAA,YAAZ,kBAAAc,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAf,EAAA,MAAY,cAAWe;AAAA,YACtC,YAAA;AAAA,YACA,MAAK;AAAA,YACJ,SAASZ,EAAA;AAAA,UAAA;;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/event-handler/onTableChange-editor.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, resolveComponent as t, createBlock as d, openBlock as c, withCtx as n, createVNode as u, unref as o, normalizeClass as f, createTextVNode as _, toDisplayString as g } from "vue";
+import { defineComponent as p, resolveComponent as t, createBlock as d, openBlock as c, withCtx as n, createVNode as u, unref as o, normalizeClass as _, createTextVNode as f, toDisplayString as g } from "vue";
 import { useI18n as b } from "../../../../../utils/i18n.js";
 import { EditorTypeEnum as h } from "../../../../../constants/EditorTypeEnum.js";
 import { useEmitter as C } from "../../../../../utils/useEmitter.js";
@@ -9,7 +9,7 @@ const y = /* @__PURE__ */ p({
     eventHandled: { type: Boolean }
   },
   setup(v) {
-    const { i18nt: a } = b(), { dispatch: r } = C(), l = ["pagination", "filters", "sorter", "currentDataSource"];
+    const { i18nt: a } = b(), { dispatch: r } = C(), l = ["pagination", "sorter", "currentDataSource"];
     return (i, e) => {
       const s = t("a-button"), m = t("a-form-item");
       return c(), d(m, {
@@ -21,11 +21,11 @@ const y = /* @__PURE__ */ p({
           u(s, {
             plain: "",
             shape: "round",
-            class: f([i.eventHandled ? "button-text-highlight" : ""]),
+            class: _([i.eventHandled ? "button-text-highlight" : ""]),
             onClick: e[0] || (e[0] = (E) => o(r)("SettingPanel", "editEventHandler", ["onTableChange", [...l]]))
           }, {
             default: n(() => [
-              _(g(o(a)("designer.setting.addEventHandler")), 1)
+              f(g(o(a)("designer.setting.addEventHandler")), 1)
             ]),
             _: 1
           }, 8, ["class"])

package/src/components/form-designer/setting-panel/property-editor/event-handler/onTableChange-editor.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"onTableChange-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/event-handler/onTableChange-editor.vue"],"sourcesContent":["<template>\n    <a-form-item label=\"onTableChange\" labelAlign=\"left\" label-width=\"150px\">\n        <a-button\n            plain\n            shape=\"round\"\n            :class=\"[eventHandled ? 'button-text-highlight' : '']\"\n            @click=\"\n                dispatch('SettingPanel', 'editEventHandler', ['onTableChange', [...eventParams]])\n            \"\n        >\n            {{ i18nt('designer.setting.addEventHandler') }}</a-button\n        >\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n    import { useEmitter } from '@/utils/useEmitter';\n\n    defineOptions({\n        name: EditorTypeEnum.onTableChangeEditor\n    });\n\n    const { eventHandled } = defineProps<{\n        eventHandled: boolean;\n    }>();\n\n    const { i18nt } = useI18n();\n    const { dispatch } = useEmitter();\n\n    const eventParams = ['pagination', 'filters', 'sorter', 'currentDataSource'];\n</script>\n"],"names":["i18nt","useI18n","dispatch","useEmitter","eventParams","_createBlock","_component_a_form_item","_createVNode","_component_a_button","eventHandled","_cache","$event","_unref"],"mappings":";;;;;;;;;;;AA4BI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GACZ,EAAE,UAAAC,EAAA,IAAaC,EAAA,GAEfC,IAAc,CAAC,cAAc,WAAW,UAAU,mBAAmB;;;kBA9B3EC,EAWcC,GAAA;AAAA,QAXD,OAAM;AAAA,QAAgB,YAAW;AAAA,QAAO,eAAY;AAAA,MAAA;mBAC7D,MASC;AAAA,UATDC,EASCC,GAAA;AAAA,YARG,OAAA;AAAA,YACA,OAAM;AAAA,YACL,UAAQC,EAAAA,eAAY,0BAAA,EAAA,CAAA;AAAA,YACpB,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAmBC,EAAAV,CAAA,4DAAmEE,CAAW,CAAA,CAAA;AAAA,UAAA;uBAIvG,MAA+C;AAAA,kBAA5CQ,EAAAZ,CAAA,EAAK,kCAAA,CAAA,GAAA,CAAA;AAAA,YAAA;;;;;;;;;"}
+{"version":3,"file":"onTableChange-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/event-handler/onTableChange-editor.vue"],"sourcesContent":["<template>\n    <a-form-item label=\"onTableChange\" labelAlign=\"left\" label-width=\"150px\">\n        <a-button\n            plain\n            shape=\"round\"\n            :class=\"[eventHandled ? 'button-text-highlight' : '']\"\n            @click=\"\n                dispatch('SettingPanel', 'editEventHandler', ['onTableChange', [...eventParams]])\n            \"\n        >\n            {{ i18nt('designer.setting.addEventHandler') }}</a-button\n        >\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n    import { useEmitter } from '@/utils/useEmitter';\n\n    defineOptions({\n        name: EditorTypeEnum.onTableChangeEditor\n    });\n\n    const { eventHandled } = defineProps<{\n        eventHandled: boolean;\n    }>();\n\n    const { i18nt } = useI18n();\n    const { dispatch } = useEmitter();\n\n    const eventParams = ['pagination', 'sorter', 'currentDataSource'];\n</script>\n"],"names":["i18nt","useI18n","dispatch","useEmitter","eventParams","_createBlock","_component_a_form_item","_createVNode","_component_a_button","eventHandled","_cache","$event","_unref"],"mappings":";;;;;;;;;;;AA4BI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GACZ,EAAE,UAAAC,EAAA,IAAaC,EAAA,GAEfC,IAAc,CAAC,cAAc,UAAU,mBAAmB;;;kBA9BhEC,EAWcC,GAAA;AAAA,QAXD,OAAM;AAAA,QAAgB,YAAW;AAAA,QAAO,eAAY;AAAA,MAAA;mBAC7D,MASC;AAAA,UATDC,EASCC,GAAA;AAAA,YARG,OAAA;AAAA,YACA,OAAM;AAAA,YACL,UAAQC,EAAAA,eAAY,0BAAA,EAAA,CAAA;AAAA,YACpB,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAmBC,EAAAV,CAAA,4DAAmEE,CAAW,CAAA,CAAA;AAAA,UAAA;uBAIvG,MAA+C;AAAA,kBAA5CQ,EAAAZ,CAAA,EAAK,kCAAA,CAAA,GAAA,CAAA;AAAA,YAAA;;;;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/field-rate/rate-defaultValue-editor.vue2.js

@@ -2,7 +2,7 @@ import { defineComponent as d, mergeModels as p, useModel as s, resolveComponent
 import { useI18n as M } from "../../../../../utils/i18n.js";
 import { EditorTypeEnum as V } from "../../../../../constants/EditorTypeEnum.js";
 import { useEditor as v } from "../useEditor.js";
-import { useDesigner as x } from "../../../../../hooks/useDesigner.js";
+import { useDesigner as x } from "../../../form-widget/useFormDesigner.js";
 const k = /* @__PURE__ */ d({
   name: V.rateDefaultValueEditor,
   __name: "rate-defaultValue-editor",

package/src/components/form-designer/setting-panel/property-editor/field-rate/rate-defaultValue-editor.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"rate-defaultValue-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/field-rate/rate-defaultValue-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.defaultValue')\">\n        <a-input-number\n            v-model:value=\"optionModel.defaultValue\"\n            :min=\"0\"\n            :max=\"optionModel.max\"\n            style=\"width: 100%\"\n            @change=\"emitDefaultValueChange\"\n        >\n        </a-input-number>\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n    import {\n        useEditor,\n        type EditorPros\n    } from '@/components/form-designer/setting-panel/property-editor/useEditor.ts';\n    import { useDesigner } from '@/hooks/useDesigner';\n\n    defineOptions({\n        name: EditorTypeEnum.rateDefaultValueEditor\n    });\n\n    const { designer } = useDesigner();\n    const { selectedWidget } = defineProps<EditorPros>();\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ defaultValue: '' })\n    });\n\n    const { i18nt } = useI18n();\n    const { emitDefaultValueChange } = useEditor({\n        optionModel\n    });\n    // export default {\n    //     name: 'rate-defaultValue-editor',\n    //     mixins: [i18n, propertyMixin],\n    //     props: {\n    //         designer: Object,\n    //         selectedWidget: Object,\n    //         optionModel: Object\n    //     }\n    // };\n</script>\n\n<style scoped></style>\n"],"names":["useDesigner","optionModel","_useModel","__props","i18nt","useI18n","emitDefaultValueChange","useEditor","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_input_number","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0ByB,IAAAA,EAAA;AAErB,UAAMC,IAAcC,EAAWC,GAAC,aAI/B,GAEK,EAAE,OAAAC,EAAA,IAAUC,EAAA,GACZ,EAAE,wBAAAC,EAAA,IAA2BC,EAAU;AAAA,MACzC,aAAAN;AAAA,IAAA,CACH;;;kBApCDO,EAScC,GAAA;AAAA,QATA,OAAOC,EAAAN,CAAA,EAAK,+BAAA;AAAA,MAAA;mBACtB,MAOiB;AAAA,UAPjBO,EAOiBC,GAAA;AAAA,YANL,OAAOX,EAAA,MAAY;AAAA,YAAZ,kBAAAY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAb,EAAA,MAAY,eAAYa;AAAA,YACtC,KAAK;AAAA,YACL,KAAKb,EAAA,MAAY;AAAA,YAClB,OAAA,EAAA,OAAA,OAAA;AAAA,YACC,UAAQS,EAAAJ,CAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"rate-defaultValue-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/field-rate/rate-defaultValue-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.defaultValue')\">\n        <a-input-number\n            v-model:value=\"optionModel.defaultValue\"\n            :min=\"0\"\n            :max=\"optionModel.max\"\n            style=\"width: 100%\"\n            @change=\"emitDefaultValueChange\"\n        >\n        </a-input-number>\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n    import {\n        useEditor,\n        type EditorPros\n    } from '@/components/form-designer/setting-panel/property-editor/useEditor.ts';\n    import { useDesigner } from '@/components/form-designer/form-widget/useFormDesigner';\n\n    defineOptions({\n        name: EditorTypeEnum.rateDefaultValueEditor\n    });\n\n    const { designer } = useDesigner();\n    const { selectedWidget } = defineProps<EditorPros>();\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ defaultValue: '' })\n    });\n\n    const { i18nt } = useI18n();\n    const { emitDefaultValueChange } = useEditor({\n        optionModel\n    });\n    // export default {\n    //     name: 'rate-defaultValue-editor',\n    //     mixins: [i18n, propertyMixin],\n    //     props: {\n    //         designer: Object,\n    //         selectedWidget: Object,\n    //         optionModel: Object\n    //     }\n    // };\n</script>\n\n<style scoped></style>\n"],"names":["useDesigner","optionModel","_useModel","__props","i18nt","useI18n","emitDefaultValueChange","useEditor","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_input_number","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0ByB,IAAAA,EAAA;AAErB,UAAMC,IAAcC,EAAWC,GAAC,aAI/B,GAEK,EAAE,OAAAC,EAAA,IAAUC,EAAA,GACZ,EAAE,wBAAAC,EAAA,IAA2BC,EAAU;AAAA,MACzC,aAAAN;AAAA,IAAA,CACH;;;kBApCDO,EAScC,GAAA;AAAA,QATA,OAAOC,EAAAN,CAAA,EAAK,+BAAA;AAAA,MAAA;mBACtB,MAOiB;AAAA,UAPjBO,EAOiBC,GAAA;AAAA,YANL,OAAOX,EAAA,MAAY;AAAA,YAAZ,kBAAAY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAb,EAAA,MAAY,eAAYa;AAAA,YACtC,KAAK;AAAA,YACL,KAAKb,EAAA,MAAY;AAAA,YAClB,OAAA,EAAA,OAAA,OAAA;AAAA,YACC,UAAQS,EAAAJ,CAAA;AAAA,UAAA;;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/field-slider/range-editor.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent as c, useModel as m, resolveComponent as a, createBlock as p, openBlock as g, unref as o, withCtx as _, createVNode as h } from "vue";
 import { useI18n as M } from "../../../../../utils/i18n.js";
 import { EditorTypeEnum as k } from "../../../../../constants/EditorTypeEnum.js";
-import { useDesigner as v } from "../../../../../hooks/useDesigner.js";
+import { useDesigner as v } from "../../../form-widget/useFormDesigner.js";
 const w = /* @__PURE__ */ c({
   name: k.rangeEditor,
   __name: "range-editor",

package/src/components/form-designer/setting-panel/property-editor/field-slider/range-editor.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"range-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/field-slider/range-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.range')\">\n        <a-switch v-model:checked=\"optionModel.range\" @change=\"changeRange\" />\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n    import { type EditorPros } from '@/components/form-designer/setting-panel/property-editor/useEditor.ts';\n    import { unref } from 'vue';\n    import { useDesigner } from '@/hooks/useDesigner';\n\n    defineOptions({\n        name: EditorTypeEnum.rangeEditor\n    });\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ range: false })\n    });\n\n    const { designer } = useDesigner();\n\n    const { i18nt } = useI18n();\n\n    const changeRange = function (val) {\n        if (!!unref(designer) && !!unref(designer).formWidget) {\n            const fieldWidget = unref(designer).formWidget.getWidgetRef(unref(optionModel).name);\n            if (!!fieldWidget && !!fieldWidget.refreshDefaultValue) {\n                if (val) {\n                    optionModel.value.defaultValue = [];\n                } else {\n                    optionModel.value.defaultValue = null;\n                }\n                fieldWidget.refreshDefaultValue();\n            }\n        }\n    };\n</script>\n\n<style scoped></style>\n"],"names":["optionModel","_useModel","__props","designer","useDesigner","i18nt","useI18n","changeRange","val","unref","fieldWidget","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_switch","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;;AAiBI,UAAMA,IAAcC,EAAWC,GAAC,aAI/B,GAEK,EAAE,UAAAC,EAAA,IAAaC,EAAA,GAEf,EAAE,OAAAC,EAAA,IAAUC,EAAA,GAEZC,IAAc,SAAUC,GAAK;AAC/B,UAAMC,EAAMN,CAAQ,KAAOM,EAAMN,CAAQ,EAAE,YAAY;AACnD,cAAMO,IAAcD,EAAMN,CAAQ,EAAE,WAAW,aAAaM,EAAMT,CAAW,EAAE,IAAI;AACnF,QAAMU,KAAiBA,EAAY,wBAC3BF,IACAR,EAAY,MAAM,eAAe,CAAA,IAEjCA,EAAY,MAAM,eAAe,MAErCU,EAAY,oBAAA;AAAA,MAEpB;AAAA,IACJ;;;kBAtCAC,EAEcC,GAAA;AAAA,QAFA,OAAOC,EAAAR,CAAA,EAAK,wBAAA;AAAA,MAAA;mBACtB,MAAsE;AAAA,UAAtES,EAAsEC,GAAA;AAAA,YAApD,SAASf,EAAA,MAAY;AAAA,YAAZ,oBAAAgB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAjB,EAAA,MAAY,QAAKiB;AAAA,YAAG,UAAQV;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"range-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/field-slider/range-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.range')\">\n        <a-switch v-model:checked=\"optionModel.range\" @change=\"changeRange\" />\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n    import { type EditorPros } from '@/components/form-designer/setting-panel/property-editor/useEditor.ts';\n    import { unref } from 'vue';\n    import { useDesigner } from '@/components/form-designer/form-widget/useFormDesigner';\n\n    defineOptions({\n        name: EditorTypeEnum.rangeEditor\n    });\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ range: false })\n    });\n\n    const { designer } = useDesigner();\n\n    const { i18nt } = useI18n();\n\n    const changeRange = function (val) {\n        if (!!unref(designer) && !!unref(designer).formWidget) {\n            const fieldWidget = unref(designer).formWidget.getWidgetRef(unref(optionModel).name);\n            if (!!fieldWidget && !!fieldWidget.refreshDefaultValue) {\n                if (val) {\n                    optionModel.value.defaultValue = [];\n                } else {\n                    optionModel.value.defaultValue = null;\n                }\n                fieldWidget.refreshDefaultValue();\n            }\n        }\n    };\n</script>\n\n<style scoped></style>\n"],"names":["optionModel","_useModel","__props","designer","useDesigner","i18nt","useI18n","changeRange","val","unref","fieldWidget","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_switch","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;;AAiBI,UAAMA,IAAcC,EAAWC,GAAC,aAI/B,GAEK,EAAE,UAAAC,EAAA,IAAaC,EAAA,GAEf,EAAE,OAAAC,EAAA,IAAUC,EAAA,GAEZC,IAAc,SAAUC,GAAK;AAC/B,UAAMC,EAAMN,CAAQ,KAAOM,EAAMN,CAAQ,EAAE,YAAY;AACnD,cAAMO,IAAcD,EAAMN,CAAQ,EAAE,WAAW,aAAaM,EAAMT,CAAW,EAAE,IAAI;AACnF,QAAMU,KAAiBA,EAAY,wBAC3BF,IACAR,EAAY,MAAM,eAAe,CAAA,IAEjCA,EAAY,MAAM,eAAe,MAErCU,EAAY,oBAAA;AAAA,MAEpB;AAAA,IACJ;;;kBAtCAC,EAEcC,GAAA;AAAA,QAFA,OAAOC,EAAAR,CAAA,EAAK,wBAAA;AAAA,MAAA;mBACtB,MAAsE;AAAA,UAAtES,EAAsEC,GAAA;AAAA,YAApD,SAASf,EAAA,MAAY;AAAA,YAAZ,oBAAAgB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAjB,EAAA,MAAY,QAAKiB;AAAA,YAAG,UAAQV;AAAA,UAAA;;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/field-switch/switch-defaultValue-editor.vue2.js

@@ -2,7 +2,7 @@ import { defineComponent as r, mergeModels as s, useModel as m, resolveComponent
 import { useI18n as k } from "../../../../../utils/i18n.js";
 import { EditorTypeEnum as _ } from "../../../../../constants/EditorTypeEnum.js";
 import { useEditor as C } from "../useEditor.js";
-import { useDesigner as g } from "../../../../../hooks/useDesigner.js";
+import { useDesigner as g } from "../../../form-widget/useFormDesigner.js";
 const D = /* @__PURE__ */ r({
   name: _.switchDefaultValueEditor,
   __name: "switch-defaultValue-editor",