@kp-ui/lowcode 1.0.91 → 1.0.94

package/src/components/form-designer/form-widget/index.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../../src/components/form-designer/form-widget/index.vue"],"sourcesContent":["<template>\n    <a-config-provider :component-size=\"size\" :input=\"{ autocomplete: 'off' }\">\n        <div class=\"form-widget-container\">\n            <a-form\n                class=\"full-height-width widget-form tpf-form\"\n                :layout=\"\n                    ['horizontal', 'vertical', 'inline'].includes(labelPosition)\n                        ? labelPosition\n                        : 'horizontal'\n                \"\n                :class=\"[customClass, layoutType + '-layout']\"\n                :size=\"size\"\n                :validate-on-rule-change=\"false\"\n            >\n                <template v-if=\"designer.widgetList.length === 0\">\n                    <div class=\"no-widget-hint\">{{ i18nt('designer.noWidgetHint') }}</div>\n                </template>\n\n                <div class=\"form-widget-canvas\" :style=\"{ minHeight: canvasMinHeight }\">\n                    <draggable\n                        :list=\"designer.widgetList\"\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                        @end=\"onDragEnd\"\n                        @add=\"onDragAdd\"\n                        @update=\"onDragUpdate\"\n                        :move=\"checkMove\"\n                    >\n                        <template #item=\"{ element: widget, index }\">\n                            <div class=\"transition-group-el\">\n                                <template v-if=\"'container' === widget.category\">\n                                    <component\n                                        :is=\"getWidgetName(widget)\"\n                                        :widget=\"widget\"\n                                        :designer=\"designer\"\n                                        :key=\"widget.id\"\n                                        :parent-list=\"designer.widgetList\"\n                                        :index-of-parent-list=\"index\"\n                                        :parent-widget=\"null\"\n                                        :design-state=\"true\"\n                                    />\n                                </template>\n                                <template v-else>\n                                    <component\n                                        :is=\"getWidgetName(widget)\"\n                                        :field=\"widget\"\n                                        :designer=\"designer\"\n                                        :key=\"widget.id\"\n                                        :parent-list=\"designer.widgetList\"\n                                        :index-of-parent-list=\"index\"\n                                        :parent-widget=\"null\"\n                                        :design-state=\"true\"\n                                    />\n                                </template>\n                            </div>\n                        </template>\n                    </draggable>\n                </div>\n            </a-form>\n        </div>\n    </a-config-provider>\n</template>\n\n<script>\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget';\n    import i18n from '@/utils/i18n';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n    import SubmitButtonRender from '@/components/form-render/SubmitButtonRender.vue';\n\n    export default {\n        name: 'VFormWidget',\n        componentName: 'VFormWidget',\n        mixins: [i18n],\n        components: {\n            Draggable,\n            SubmitButtonRender,\n            ...FieldComponents\n        },\n        props: {\n            designer: Object,\n            formConfig: Object,\n            optionData: {\n                //prop传入的选项数据\n                type: Object,\n                default: () => ({})\n            },\n            globalDsv: {\n                type: Object,\n                default: () => ({})\n            }\n        },\n        provide() {\n            return {\n                refList: this.widgetRefList,\n                getFormConfig: () =>\n                    this.formConfig /* 解决provide传递formConfig属性的响应式更新问题！！ */,\n                getGlobalDsv: () => this.globalDsv, // 全局数据源变量\n                globalOptionData: this.optionData,\n                getOptionData: () => this.optionData,\n                getReadMode: () => false,\n                globalModel: {\n                    formModel: this.formModel\n                },\n                getSubFormFieldFlag: () => false,\n                getSubFormName: () => '',\n                getDSResultCache: () => this.dsResultCache\n            };\n        },\n        inject: ['getDesignerConfig'],\n        data() {\n            return {\n                formModel: {},\n                widgetRefList: {},\n                dsResultCache: {}\n            };\n        },\n        computed: {\n            labelPosition() {\n                if (!!this.designer.formConfig && !!this.designer.formConfig.labelPosition) {\n                    return this.designer.formConfig.labelPosition;\n                }\n\n                return 'horizontal';\n            },\n\n            size() {\n                if (!!this.designer.formConfig && !!this.designer.formConfig.size) {\n                    return this.designer.formConfig.size;\n                }\n\n                return 'default';\n            },\n\n            customClass() {\n                return this.designer.formConfig.customClass || '';\n            },\n\n            layoutType() {\n                return this.designer.getLayoutType();\n            },\n\n            canvasMinHeight() {\n                return this.getDesignerConfig().logoHeader !== false\n                    ? 'calc(100vh - 56px - 68px)'\n                    : 'calc(100vh - 56px - 68px + 48px)';\n            }\n        },\n        watch: {\n            'designer.widgetList': {\n                deep: true,\n                handler(val) {\n                    //\n                }\n            },\n\n            'designer.formConfig': {\n                deep: true,\n                handler(val) {\n                    //\n                }\n            }\n        },\n        created() {\n            this.designer.initDesigner(!!this.getDesignerConfig().resetFormJson); //此行代码已移动到form-designer，以便提前赋值formConfig！！\n            this.designer.loadPresetCssCode(this.getDesignerConfig().presetCssCode);\n        },\n        mounted() {\n            this.disableFirefoxDefaultDrop(); /* 禁用Firefox默认拖拽搜索功能!! */\n            this.designer.registerFormWidget(this);\n        },\n        methods: {\n            getWidgetName(widget) {\n                return widget.type + '-widget';\n            },\n\n            disableFirefoxDefaultDrop() {\n                const isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') !== -1;\n                if (isFirefox) {\n                    document.body.ondrop = function (event) {\n                        event.stopPropagation();\n                        event.preventDefault();\n                    };\n                }\n            },\n\n            onDragEnd(evt) {\n                //console.log('drag end000', evt)\n            },\n\n            onDragAdd(evt) {\n                const newIndex = evt.newIndex;\n                if (!!this.designer.widgetList[newIndex]) {\n                    this.designer.setSelected(this.designer.widgetList[newIndex]);\n                }\n\n                this.designer.emitHistoryChange();\n                this.designer.emitEvent('field-selected', null);\n            },\n\n            onDragUpdate() {\n                /* 在VueDraggable内拖拽组件发生位置变化时会触发update，未发生组件位置变化不会触发！！ */\n                this.designer.emitHistoryChange();\n            },\n\n            checkMove(evt) {\n                return this.designer.checkWidgetMove(evt);\n            },\n\n            getFormData() {\n                return this.formModel;\n            },\n\n            getWidgetRef(widgetName, showError = false) {\n                const foundRef = this.widgetRefList[widgetName];\n                if (!foundRef && !!showError) {\n                    this.$message.error(this.i18nt('designer.hint.refNotFound') + widgetName);\n                }\n                return foundRef;\n            },\n\n            getSelectedWidgetRef() {\n                const wName = this.designer.selectedWidgetName;\n                return this.getWidgetRef(wName);\n            },\n\n            clearWidgetRefList() {\n                Object.keys(this.widgetRefList).forEach(key => {\n                    delete this.widgetRefList[key];\n                });\n            }\n        }\n    };\n</script>\n\n<style lang=\"less\" scoped>\n    .form-widget-container {\n        padding: 5px;\n        background: #f1f2f3;\n\n        overflow-x: hidden;\n        overflow-y: auto;\n        // padding-bottom: 70px;\n        .submit {\n            flex: 1;\n            display: flex;\n            justify-content: end;\n            position: absolute;\n            height: 60px;\n            padding: 0 10px;\n            background: #fff;\n            z-index: 99;\n            bottom: 0;\n            left: 5px;\n            right: 5px;\n        }\n\n        .ant-form.full-height-width {\n            overflow-y: auto;\n            height: 100%;\n            padding: 3px;\n            background: #ffffff;\n\n            .no-widget-hint {\n                position: absolute;\n                left: 0;\n                right: 0;\n                top: 0;\n                bottom: 0;\n                height: 100%;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                text-align: center;\n                font-size: 18px;\n                color: #999999;\n            }\n\n            .form-widget-canvas {\n                //min-height: calc(100vh - 56px - 68px + 48px);\n                display: flex;\n                flex-direction: column;\n                padding: 3px;\n                position: relative;\n                :deep(.container-wrapper) {\n                    margin: 10px 0;\n                    min-width: 0;\n                }\n                :deep(.field-widget-item),\n                :deep(.container-widget-item) {\n                    margin: 0 0 10px 0;\n                    border: 1px dashed #333;\n                    border-radius: 3px;\n                    background: #eee;\n                    height: 30px;\n                    align-items: center;\n                    display: flex;\n                    justify-content: center;\n                    color: #999999;\n                }\n            }\n        }\n\n        /* 隐藏组件拖拽状态中显示的黑点 */\n        :deep(li.container-widget-item),\n        :deep(li.field-widget-item) {\n            list-style: none;\n        }\n        // .ant-form.PC-layout,\n        // .el-form.PC-layout {\n        //   //\n        // }\n        .ant-form.Pad-layout {\n            margin: 0 auto;\n            max-width: 960px;\n            border-radius: 15px;\n            box-shadow: 0 0 1px 10px #495060;\n        }\n        .ant-form.H5-layout {\n            margin: 0 auto;\n            width: 420px;\n            border-radius: 15px;\n            //border-width: 10px;\n            box-shadow: 0 0 1px 10px #495060;\n        }\n        .ant-form.widget-form :deep(.ant-row) {\n            padding: 2px;\n            border: 1px dashed rgba(170, 170, 170, 0.75);\n        }\n    }\n\n    .grid-cell {\n        min-height: 30px;\n        border-right: 1px dotted #cccccc;\n    }\n\n    .fade-enter-active,\n    .fade-leave-active {\n        transition: opacity 0.5s;\n    }\n\n    .fade-enter,\n    .fade-leave-to {\n        opacity: 0;\n    }\n</style>\n"],"names":["Draggable","SubmitButtonRender","FieldComponents","_createBlock","_createElementVNode","_createVNode","_normalizeClass","_createElementBlock","_toDisplayString","_mergeProps","_withCtx","_resolveDynamicComponent"],"mappings":"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"}
+{"version":3,"file":"index.vue.js","sources":["../../../../../src/components/form-designer/form-widget/index.vue"],"sourcesContent":["<template>\n    <a-config-provider :component-size=\"size\" :input=\"{ autocomplete: 'off' }\">\n        <div class=\"form-widget-container\">\n            <a-form\n                class=\"full-height-width widget-form tpf-form\"\n                :layout=\"\n                    ['horizontal', 'vertical', 'inline'].includes(labelPosition)\n                        ? labelPosition\n                        : 'horizontal'\n                \"\n                :class=\"[customClass, layoutType + '-layout']\"\n                :size=\"size\"\n                :validate-on-rule-change=\"false\"\n            >\n                <template v-if=\"designer.widgetList.length === 0\">\n                    <div class=\"no-widget-hint\">{{ i18nt('designer.noWidgetHint') }}</div>\n                </template>\n\n                <div class=\"form-widget-canvas\" :style=\"{ minHeight: canvasMinHeight }\">\n                    <draggable\n                        :list=\"designer.widgetList\"\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                        @end=\"onDragEnd\"\n                        @add=\"onDragAdd\"\n                        @update=\"onDragUpdate\"\n                        :move=\"checkMove\"\n                    >\n                        <template #item=\"{ element: widget, index }\">\n                            <div class=\"transition-group-el\">\n                                <template v-if=\"'container' === widget.category\">\n                                    <component\n                                        :is=\"getWidgetName(widget)\"\n                                        :widget=\"widget\"\n                                        :designer=\"designer\"\n                                        :key=\"widget.id\"\n                                        :parent-list=\"designer.widgetList\"\n                                        :index-of-parent-list=\"index\"\n                                        :parent-widget=\"null\"\n                                        :design-state=\"true\"\n                                    />\n                                </template>\n                                <template v-else>\n                                    <component\n                                        :is=\"getWidgetName(widget)\"\n                                        :field=\"widget\"\n                                        :designer=\"designer\"\n                                        :key=\"widget.id\"\n                                        :parent-list=\"designer.widgetList\"\n                                        :index-of-parent-list=\"index\"\n                                        :parent-widget=\"null\"\n                                        :design-state=\"true\"\n                                    />\n                                </template>\n                            </div>\n                        </template>\n                    </draggable>\n                </div>\n            </a-form>\n        </div>\n    </a-config-provider>\n</template>\n\n<script>\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget';\n    import i18n from '@/utils/i18n';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n    import SubmitButtonRender from '@/components/form-render/SubmitButtonRender.vue';\n\n    export default {\n        name: 'VFormWidget',\n        componentName: 'VFormWidget',\n        mixins: [i18n],\n        components: {\n            Draggable,\n            SubmitButtonRender,\n            ...FieldComponents\n        },\n        props: {\n            designer: Object,\n            formConfig: Object,\n            optionData: {\n                //prop传入的选项数据\n                type: Object,\n                default: () => ({})\n            },\n            globalDsv: {\n                type: Object,\n                default: () => ({})\n            }\n        },\n        provide() {\n            return {\n                refList: this.widgetRefList,\n                getFormConfig: () =>\n                    this.formConfig /* 解决provide传递formConfig属性的响应式更新问题！！ */,\n                getGlobalDsv: () => this.globalDsv, // 全局数据源变量\n                globalOptionData: this.optionData,\n                getOptionData: () => this.optionData,\n                getReadMode: () => false,\n                globalModel: {\n                    formModel: this.formModel\n                },\n                getSubFormFieldFlag: () => false,\n                getSubFormName: () => '',\n                getDSResultCache: () => this.dsResultCache\n            };\n        },\n        inject: ['getDesignerConfig'],\n        data() {\n            return {\n                formModel: {},\n                widgetRefList: {},\n                dsResultCache: {}\n            };\n        },\n        computed: {\n            labelPosition() {\n                if (!!this.designer.formConfig && !!this.designer.formConfig.labelPosition) {\n                    return this.designer.formConfig.labelPosition;\n                }\n\n                return 'horizontal';\n            },\n\n            size() {\n                if (!!this.designer.formConfig && !!this.designer.formConfig.size) {\n                    return this.designer.formConfig.size;\n                }\n\n                return 'default';\n            },\n\n            customClass() {\n                return this.designer.formConfig.customClass || '';\n            },\n\n            layoutType() {\n                return this.designer.getLayoutType();\n            },\n\n            canvasMinHeight() {\n                return this.getDesignerConfig().logoHeader !== false\n                    ? 'calc(100vh - 56px - 68px)'\n                    : 'calc(100vh - 56px - 68px + 48px)';\n            }\n        },\n        watch: {\n            'designer.widgetList': {\n                deep: true,\n                handler(val) {\n                    //\n                }\n            },\n\n            'designer.formConfig': {\n                deep: true,\n                handler(val) {\n                    //\n                }\n            }\n        },\n        created() {\n            this.designer.initDesigner(!!this.getDesignerConfig().resetFormJson); //此行代码已移动到form-designer，以便提前赋值formConfig！！\n            this.designer.loadPresetCssCode(this.getDesignerConfig().presetCssCode);\n        },\n        mounted() {\n            this.disableFirefoxDefaultDrop(); /* 禁用Firefox默认拖拽搜索功能!! */\n            this.designer.registerFormWidget(this);\n        },\n        methods: {\n            getWidgetName(widget) {\n                return widget.type + '-widget';\n            },\n\n            disableFirefoxDefaultDrop() {\n                const isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') !== -1;\n                if (isFirefox) {\n                    document.body.ondrop = function (event) {\n                        event.stopPropagation();\n                        event.preventDefault();\n                    };\n                }\n            },\n\n            onDragEnd(evt) {\n                //console.log('drag end000', evt)\n            },\n\n            onDragAdd(evt) {\n                const newIndex = evt.newIndex;\n                if (!!this.designer.widgetList[newIndex]) {\n                    this.designer.setSelected(this.designer.widgetList[newIndex]);\n                }\n\n                this.designer.emitHistoryChange();\n                this.designer.emitEvent('field-selected', null);\n            },\n\n            onDragUpdate() {\n                /* 在VueDraggable内拖拽组件发生位置变化时会触发update，未发生组件位置变化不会触发！！ */\n                this.designer.emitHistoryChange();\n            },\n\n            checkMove(evt) {\n                return this.designer.checkWidgetMove(evt);\n            },\n\n            getFormData() {\n                return this.formModel;\n            },\n\n            getWidgetRef(widgetName, showError = false) {\n                const foundRef = this.widgetRefList[widgetName];\n                if (!foundRef && !!showError) {\n                    this.$message.error(this.i18nt('designer.hint.refNotFound') + widgetName);\n                }\n                return foundRef;\n            },\n\n            getSelectedWidgetRef() {\n                const wName = this.designer.selectedWidgetName;\n                return this.getWidgetRef(wName);\n            },\n\n            clearWidgetRefList() {\n                Object.keys(this.widgetRefList).forEach(key => {\n                    delete this.widgetRefList[key];\n                });\n            }\n        }\n    };\n</script>\n\n<style lang=\"less\" scoped>\n    .form-widget-container {\n        padding: 5px;\n        background: #f1f2f3;\n\n        overflow-x: hidden;\n        overflow-y: auto;\n        // padding-bottom: 70px;\n        .submit {\n            flex: 1;\n            display: flex;\n            justify-content: end;\n            position: absolute;\n            height: 60px;\n            padding: 0 10px;\n            background: #fff;\n            z-index: 99;\n            bottom: 0;\n            left: 5px;\n            right: 5px;\n        }\n\n        .ant-form.full-height-width {\n            overflow-y: auto;\n            height: 100%;\n            padding: 3px;\n            background: #ffffff;\n\n            .no-widget-hint {\n                position: absolute;\n                left: 0;\n                right: 0;\n                top: 0;\n                bottom: 0;\n                height: 100%;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                text-align: center;\n                font-size: 18px;\n                color: #999999;\n            }\n\n            .form-widget-canvas {\n                //min-height: calc(100vh - 56px - 68px + 48px);\n                display: flex;\n                flex-direction: column;\n                padding: 3px;\n                position: relative;\n                :deep(.container-wrapper) {\n                    margin: 10px 0;\n                    min-width: 0;\n                }\n                :deep(.field-widget-item),\n                :deep(.container-widget-item) {\n                    margin: 0 0 10px 0;\n                    border: 1px dashed #333;\n                    border-radius: 3px;\n                    background: #eee;\n                    height: 30px;\n                    align-items: center;\n                    display: flex;\n                    justify-content: center;\n                    color: #999999;\n                }\n            }\n        }\n\n        /* 隐藏组件拖拽状态中显示的黑点 */\n        :deep(li.container-widget-item),\n        :deep(li.field-widget-item) {\n            list-style: none;\n        }\n        // .ant-form.PC-layout,\n        // .el-form.PC-layout {\n        //   //\n        // }\n        .ant-form.Pad-layout {\n            margin: 0 auto;\n            max-width: 960px;\n            border-radius: 15px;\n            box-shadow: 0 0 1px 10px #495060;\n        }\n        .ant-form.H5-layout {\n            margin: 0 auto;\n            width: 420px;\n            border-radius: 15px;\n            //border-width: 10px;\n            box-shadow: 0 0 1px 10px #495060;\n        }\n        .ant-form.widget-form :deep(.ant-row) {\n            padding: 2px;\n            border: 1px dashed rgba(170, 170, 170, 0.75);\n        }\n    }\n\n    .grid-cell {\n        min-height: 30px;\n        border-right: 1px dotted #cccccc;\n    }\n\n    .fade-enter-active,\n    .fade-leave-active {\n        transition: opacity 0.5s;\n    }\n\n    .fade-enter,\n    .fade-leave-to {\n        opacity: 0;\n    }\n</style>\n"],"names":["_sfc_main","i18n","Draggable","SubmitButtonRender","FieldComponents","val","widget","event","evt","newIndex","widgetName","showError","foundRef","wName","key","_hoisted_1","_hoisted_3","_createBlock","_component_a_config_provider","$options","_createElementVNode","_createVNode","_component_a_form","_normalizeClass","$props","_createElementBlock","_hoisted_2","_toDisplayString","_ctx","_component_draggable","_mergeProps","_withCtx","index","_resolveDynamicComponent"],"mappings":"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"}

package/src/components/form-designer/index.vue.js

@@ -1,23 +1,23 @@
-import WidgetPanel from "./widget-panel/index.vue.js";
-import ToolbarPanel from "./toolbar-panel/index.vue.js";
-import SettingPanel from "./setting-panel/index.vue.js";
-import VFormWidget from "./form-widget/index.vue.js";
-import { createDesigner } from "./designer.js";
-import { traverseAllWidgets, getAllContainerWidgets, getAllFieldWidgets, deepClone, addWindowResizeHandler } from "../../utils/util.js";
-import i18n, { changeLocale } from "../../utils/i18n.js";
-import { isEmpty } from "lodash-es";
-import { resolveComponent, createBlock, openBlock, withCtx, createVNode, createSlots, renderList, renderSlot, createElementVNode } from "vue";
+import C from "./widget-panel/index.vue.js";
+import L from "./toolbar-panel/index.vue.js";
+import w from "./setting-panel/index.vue.js";
+import F from "./form-widget/index.vue.js";
+import { createDesigner as b } from "./designer.js";
+import { traverseAllWidgets as y, getAllContainerWidgets as c, getAllFieldWidgets as f, deepClone as m, addWindowResizeHandler as R } from "../../utils/util.js";
+import x, { changeLocale as E } from "../../utils/i18n.js";
+import { isEmpty as J } from "lodash-es";
+import { resolveComponent as s, createBlock as S, openBlock as D, withCtx as n, createVNode as r, createSlots as H, renderList as A, renderSlot as B, createElementVNode as N } from "vue";
 /* empty css           */
-import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
+import U from "../../../_virtual/_plugin-vue_export-helper.js";
+const V = {
   name: "VFormDesigner",
   componentName: "VFormDesigner",
-  mixins: [i18n],
+  mixins: [x],
   components: {
-    WidgetPanel,
-    ToolbarPanel,
-    SettingPanel,
-    VFormWidget
+    WidgetPanel: C,
+    ToolbarPanel: L,
+    SettingPanel: w,
+    VFormWidget: F
   },
   props: {
     /* 保存jsonApi */
@@ -38,37 +38,35 @@ const _sfc_main = {
     /* 设计器配置参数 */
     designerConfig: {
       type: Object,
-      default: () => {
-        return {
-          languageMenu: true,
-          //是否显示语言切换菜单
-          // externalLink: true, //是否显示GitHub、文档等外部链接
-          // formTemplates: true, //是否显示表单模板
-          eventCollapse: true,
-          //是否显示组件事件属性折叠面板
-          widgetNameReadonly: false,
-          //禁止修改组件名称
-          clearDesignerButton: true,
-          //是否显示清空设计器按钮
-          previewFormButton: true,
-          //是否显示预览表单按钮
-          importJsonButton: true,
-          //是否显示导入JSON按钮
-          exportJsonButton: true,
-          //是否显示导出JSON器按钮
-          exportCodeButton: true,
-          //是否显示导出代码按钮
-          // generateSFCButton: true, //是否显示生成SFC按钮
-          toolbarMaxWidth: 450,
-          //设计器工具按钮栏最大宽度（单位像素）
-          toolbarMinWidth: 300,
-          //设计器工具按钮栏最小宽度（单位像素）
-          presetCssCode: "",
-          //设计器预设CSS样式代码
-          resetFormJson: false
-          //是否在设计器初始化时将表单内容重置为空
-        };
-      }
+      default: () => ({
+        languageMenu: !0,
+        //是否显示语言切换菜单
+        // externalLink: true, //是否显示GitHub、文档等外部链接
+        // formTemplates: true, //是否显示表单模板
+        eventCollapse: !0,
+        //是否显示组件事件属性折叠面板
+        widgetNameReadonly: !1,
+        //禁止修改组件名称
+        clearDesignerButton: !0,
+        //是否显示清空设计器按钮
+        previewFormButton: !0,
+        //是否显示预览表单按钮
+        importJsonButton: !0,
+        //是否显示导入JSON按钮
+        exportJsonButton: !0,
+        //是否显示导出JSON器按钮
+        exportCodeButton: !0,
+        //是否显示导出代码按钮
+        // generateSFCButton: true, //是否显示生成SFC按钮
+        toolbarMaxWidth: 450,
+        //设计器工具按钮栏最大宽度（单位像素）
+        toolbarMinWidth: 300,
+        //设计器工具按钮栏最小宽度（单位像素）
+        presetCssCode: "",
+        //设计器预设CSS样式代码
+        resetFormJson: !1
+        //是否在设计器初始化时将表单内容重置为空
+      })
     },
     /* 全局数据源变量 */
     globalDsv: {
@@ -82,16 +80,16 @@ const _sfc_main = {
       rightWidth: 300,
       curLangName: "",
       curLocale: "",
-      isLoading: false,
+      isLoading: !1,
       //是否正在加载中
-      vsCodeFlag: false,
+      vsCodeFlag: !1,
       caseName: "",
       docUrl: "https://www.vform666.com/document3.html",
       gitUrl: "https://github.com/vform666/variant-form3-vite",
       chatUrl: "https://www.vform666.com/pages/chat-group/",
       subScribeUrl: "https://www.vform666.com/pages/pro/",
       scrollerHeight: 0,
-      designer: createDesigner(this),
+      designer: b(this),
       fieldList: []
     };
   },
@@ -105,112 +103,74 @@ const _sfc_main = {
   created() {
   },
   mounted() {
-    this.initLocale();
-    this.scrollerHeight = window.innerHeight - 56 - 36 + "px";
-    addWindowResizeHandler(() => {
+    this.initLocale(), this.scrollerHeight = window.innerHeight - 56 - 36 + "px", R(() => {
       this.$nextTick(() => {
         this.scrollerHeight = window.innerHeight - 56 - 36 + "px";
       });
-    });
-    this.loadFieldListFromServer();
+    }), this.loadFieldListFromServer();
   },
   methods: {
-    setLoading(flag) {
-      this.isLoading = flag;
+    setLoading(e) {
+      this.isLoading = e;
     },
     changeLeftWidth() {
-      if (this.leftWidth === 270) {
-        this.leftWidth = 0;
-      } else {
-        this.leftWidth = 270;
-      }
+      this.leftWidth === 270 ? this.leftWidth = 0 : this.leftWidth = 270;
     },
     changeRightWidth() {
-      if (this.rightWidth === 300) {
-        this.rightWidth = 0;
-      } else {
-        this.rightWidth = 300;
-      }
+      this.rightWidth === 300 ? this.rightWidth = 0 : this.rightWidth = 300;
     },
     /**
      * json回填
      * @param {*} importObj
      */
-    setJsonImport(importObj = {}) {
-      if (isEmpty(importObj)) return;
-      try {
-        if (!importObj || !importObj.formConfig) {
-          throw new Error(this.i18nt("designer.hint.invalidJsonFormat"));
+    setJsonImport(e = {}) {
+      if (!J(e))
+        try {
+          if (!e || !e.formConfig)
+            throw new Error(this.i18nt("designer.hint.invalidJsonFormat"));
+          this.designer.loadFormJson(e), this.designer.emitHistoryChange(), this.designer.emitEvent("form-json-imported", []);
+        } catch (t) {
+          this.$message.error(t + "");
         }
-        this.designer.loadFormJson(importObj);
-        this.designer.emitHistoryChange();
-        this.designer.emitEvent("form-json-imported", []);
-      } catch (ex) {
-        this.$message.error(ex + "");
-      }
     },
-    testEEH(eventName, eventParams) {
-      console.log("test", eventName);
-      console.log("test222222", eventParams);
+    testEEH(e, t) {
+      console.log("test", e), console.log("test222222", t);
     },
-    showLink(configName) {
-      if (this.designerConfig[configName] === void 0) {
-        return true;
-      }
-      return !!this.designerConfig[configName];
+    showLink(e) {
+      return this.designerConfig[e] === void 0 ? !0 : !!this.designerConfig[e];
     },
-    openUrl(event, url) {
-      if (!!this.vsCodeFlag) {
-        const msgObj = {
+    openUrl(e, t) {
+      if (this.vsCodeFlag) {
+        const o = {
           cmd: "openUrl",
           data: {
-            url
+            url: t
           }
         };
-        window.parent.postMessage(msgObj, "*");
+        window.parent.postMessage(o, "*");
       } else {
-        const aDom = event.currentTarget;
-        aDom.href = url;
+        const o = e.currentTarget;
+        o.href = t;
       }
     },
-    changeLanguage(langName) {
-      changeLocale(langName);
+    changeLanguage(e) {
+      E(e);
     },
     initLocale() {
-      this.curLocale = localStorage.getItem("lowcode_local");
-      if (!!this.vsCodeFlag) {
-        this.curLocale = this.curLocale || "en-US";
-      } else {
-        this.curLocale = this.curLocale || "zh-CN";
-      }
-      this.curLangName = this.i18nt("application." + this.curLocale);
-      this.changeLanguage(this.curLocale);
+      this.curLocale = localStorage.getItem("lowcode_local"), this.vsCodeFlag ? this.curLocale = this.curLocale || "en-US" : this.curLocale = this.curLocale || "zh-CN", this.curLangName = this.i18nt("application." + this.curLocale), this.changeLanguage(this.curLocale);
     },
     async loadFieldListFromServer() {
-      if (!this.fieldListApi) {
-        return;
-      }
-      this.fieldList = await this.fieldListApi();
-      console.log("this.fieldList: ", this.fieldList);
+      this.fieldListApi && (this.fieldList = await this.fieldListApi(), console.log("this.fieldList: ", this.fieldList));
     },
-    setFormJson(formJson) {
-      console.log("formJson: ", formJson);
-      let modifiedFlag = false;
-      if (!!formJson) {
-        if (typeof formJson === "string") {
-          modifiedFlag = this.designer.loadFormJson(JSON.parse(formJson));
-        } else if (formJson.constructor === Object) {
-          modifiedFlag = this.designer.loadFormJson(formJson);
-        }
-        if (modifiedFlag) {
-          this.designer.emitHistoryChange();
-        }
-      }
+    setFormJson(e) {
+      console.log("formJson: ", e);
+      let t = !1;
+      e && (typeof e == "string" ? t = this.designer.loadFormJson(JSON.parse(e)) : e.constructor === Object && (t = this.designer.loadFormJson(e)), t && this.designer.emitHistoryChange());
     },
     getFormJson() {
       return {
-        widgetList: deepClone(this.designer.widgetList),
-        formConfig: deepClone(this.designer.formConfig)
+        widgetList: m(this.designer.widgetList),
+        formConfig: m(this.designer.formConfig)
       };
     },
     clearDesigner() {
@@ -220,9 +180,8 @@ const _sfc_main = {
      * 刷新表单设计器
      */
     refreshDesigner() {
-      const fJson = this.getFormJson();
-      this.designer.clearDesigner(true);
-      this.designer.loadFormJson(fJson);
+      const e = this.getFormJson();
+      this.designer.clearDesigner(!0), this.designer.loadFormJson(e);
     },
     /**
      * 预览表单
@@ -258,127 +217,115 @@ const _sfc_main = {
      * 获取所有字段组件
      * @returns {*[]}
      */
-    getFieldWidgets(widgetList = null) {
-      return !!widgetList ? getAllFieldWidgets(widgetList) : getAllFieldWidgets(this.designer.widgetList);
+    getFieldWidgets(e = null) {
+      return e ? f(e) : f(this.designer.widgetList);
     },
     /**
      * 获取所有容器组件
      * @returns {*[]}
      */
-    getContainerWidgets(widgetList = null) {
-      return !!widgetList ? getAllContainerWidgets(widgetList) : getAllContainerWidgets(this.designer.widgetList);
+    getContainerWidgets(e = null) {
+      return e ? c(e) : c(this.designer.widgetList);
     },
     /**
      * 升级表单json，以补充最新的组件属性
      * @param formJson
      */
-    upgradeFormJson(formJson) {
-      if (!formJson.widgetList || !formJson.formConfig) {
+    upgradeFormJson(e) {
+      if (!e.widgetList || !e.formConfig) {
         this.$message.error("Invalid form json!");
         return;
       }
-      traverseAllWidgets(formJson.widgetList, (w) => {
-        this.designer.upgradeWidgetConfig(w);
-      });
-      this.designer.upgradeFormConfig(formJson.formConfig);
-      return formJson;
+      return y(e.widgetList, (t) => {
+        this.designer.upgradeWidgetConfig(t);
+      }), this.designer.upgradeFormConfig(e.formConfig), e;
     },
-    getWidgetRef(widgetName, showError = false) {
-      return this.$refs["formRef"].getWidgetRef(widgetName, showError);
+    getWidgetRef(e, t = !1) {
+      return this.$refs.formRef.getWidgetRef(e, t);
     },
     getSelectedWidgetRef() {
-      return this.$refs["formRef"].getSelectedWidgetRef();
+      return this.$refs.formRef.getSelectedWidgetRef();
     },
     /**
      * 添加数据源对象
      * @param dsObj
      */
-    addDataSource(dsObj) {
-      this.designer.formConfig.dataSources.push(dsObj);
+    addDataSource(e) {
+      this.designer.formConfig.dataSources.push(e);
     },
     /**
      * 增加外部组件引用，可通过getEC()方法获取外部组件，以便在VForm内部调用外部组件方法
      * @param componentName 外部组件名称
      * @param externalComponent 外部组件实例
      */
-    addEC(componentName, externalComponent) {
-      this.externalComponents[componentName] = externalComponent;
+    addEC(e, t) {
+      this.externalComponents[e] = t;
     },
     /**
      * 判断外部组件是否可获取
      * @param componentName 外部组件名称
      * @returns {boolean}
      */
-    hasEC(componentName) {
-      return this.externalComponents.hasOwnProperty(componentName);
+    hasEC(e) {
+      return this.externalComponents.hasOwnProperty(e);
     },
     /**
      * 获取外部组件实例
      * @param componentName
      * @returns {*}
      */
-    getEC(componentName) {
-      return this.externalComponents[componentName];
+    getEC(e) {
+      return this.externalComponents[e];
     }
     //TODO: 增加更多方法！！
   }
-};
-const _hoisted_1 = { class: "container-scroll-bar" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_WidgetPanel = resolveComponent("WidgetPanel");
-  const _component_a_layout_sider = resolveComponent("a-layout-sider");
-  const _component_toolbar_panel = resolveComponent("toolbar-panel");
-  const _component_a_layout_header = resolveComponent("a-layout-header");
-  const _component_VFormWidget = resolveComponent("VFormWidget");
-  const _component_a_layout_content = resolveComponent("a-layout-content");
-  const _component_setting_panel = resolveComponent("setting-panel");
-  const _component_a_layout = resolveComponent("a-layout");
-  return openBlock(), createBlock(_component_a_layout, { class: "main-container full-height" }, {
-    default: withCtx(() => [
-      createVNode(_component_a_layout, null, {
-        default: withCtx(() => [
-          createVNode(_component_a_layout_sider, {
-            width: $data.leftWidth,
+}, P = { class: "container-scroll-bar" };
+function k(e, t, o, I, i, l) {
+  const u = s("WidgetPanel"), d = s("a-layout-sider"), p = s("toolbar-panel"), W = s("a-layout-header"), _ = s("VFormWidget"), a = s("a-layout-content"), v = s("setting-panel"), g = s("a-layout");
+  return D(), S(g, { class: "main-container full-height" }, {
+    default: n(() => [
+      r(g, null, {
+        default: n(() => [
+          r(d, {
+            width: i.leftWidth,
             class: "side-panel"
           }, {
-            default: withCtx(() => [
-              createVNode(_component_WidgetPanel, { designer: $data.designer }, null, 8, ["designer"])
+            default: n(() => [
+              r(u, { designer: i.designer }, null, 8, ["designer"])
             ]),
             _: 1
           }, 8, ["width"]),
-          createVNode(_component_a_layout_content, { class: "center-layout-container" }, {
-            default: withCtx(() => [
-              createVNode(_component_a_layout_header, { class: "toolbar-header" }, {
-                default: withCtx(() => [
-                  createVNode(_component_toolbar_panel, {
-                    saveJsonApi: $props.saveJsonApi,
-                    designer: $data.designer,
-                    "global-dsv": $props.globalDsv,
-                    changeLeftWidth: $options.changeLeftWidth,
-                    changeRightWidth: $options.changeRightWidth,
-                    leftWidth: $data.leftWidth,
-                    rightWidth: $data.rightWidth,
+          r(a, { class: "center-layout-container" }, {
+            default: n(() => [
+              r(W, { class: "toolbar-header" }, {
+                default: n(() => [
+                  r(p, {
+                    saveJsonApi: o.saveJsonApi,
+                    designer: i.designer,
+                    "global-dsv": o.globalDsv,
+                    changeLeftWidth: l.changeLeftWidth,
+                    changeRightWidth: l.changeRightWidth,
+                    leftWidth: i.leftWidth,
+                    rightWidth: i.rightWidth,
                     ref: "toolbarRef"
-                  }, createSlots({ _: 2 }, [
-                    renderList(_ctx.$slots, (idx, slotName) => {
-                      return {
-                        name: slotName,
-                        fn: withCtx(() => [
-                          renderSlot(_ctx.$slots, slotName, {}, void 0, true)
-                        ])
-                      };
-                    })
+                  }, H({ _: 2 }, [
+                    A(e.$slots, (M, h) => ({
+                      name: h,
+                      fn: n(() => [
+                        B(e.$slots, h, {}, void 0, !0)
+                      ])
+                    }))
                   ]), 1032, ["saveJsonApi", "designer", "global-dsv", "changeLeftWidth", "changeRightWidth", "leftWidth", "rightWidth"])
                 ]),
                 _: 3
               }),
-              createVNode(_component_a_layout_content, { class: "form-widget-main" }, {
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_1, [
-                    createVNode(_component_VFormWidget, {
-                      designer: $data.designer,
-                      "form-config": $data.designer.formConfig,
-                      "global-dsv": $props.globalDsv,
+              r(a, { class: "form-widget-main" }, {
+                default: n(() => [
+                  N("div", P, [
+                    r(_, {
+                      designer: i.designer,
+                      "form-config": i.designer.formConfig,
+                      "global-dsv": o.globalDsv,
                       ref: "formRef"
                     }, null, 8, ["designer", "form-config", "global-dsv"])
                   ])
@@ -388,14 +335,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 3
           }),
-          createVNode(_component_a_layout_sider, { width: $data.rightWidth }, {
-            default: withCtx(() => [
-              createVNode(_component_setting_panel, {
-                designer: $data.designer,
-                "selected-widget": $data.designer.selectedWidget,
-                "global-dsv": $props.globalDsv,
-                "form-config": $data.designer.formConfig,
-                onEditEventHandler: $options.testEEH
+          r(d, { width: i.rightWidth }, {
+            default: n(() => [
+              r(v, {
+                designer: i.designer,
+                "selected-widget": i.designer.selectedWidget,
+                "global-dsv": o.globalDsv,
+                "form-config": i.designer.formConfig,
+                onEditEventHandler: l.testEEH
               }, null, 8, ["designer", "selected-widget", "global-dsv", "form-config", "onEditEventHandler"])
             ]),
             _: 1
@@ -407,8 +354,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-90c0a3ae"]]);
+const $ = /* @__PURE__ */ U(V, [["render", k], ["__scopeId", "data-v-90c0a3ae"]]);
 export {
-  index as default
+  $ as default
 };
 //# sourceMappingURL=index.vue.js.map