@kp-ui/lowcode 1.0.67 → 1.0.69

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

@@ -1,12 +1,18 @@
 import i18n from "../../../../../utils/i18n.js";
-import CodeModalEditor from "../../../../code-editor/code-modal-editor.vue.js";
-import { resolveComponent, createElementBlock, openBlock, Fragment, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, createBlock, createCommentVNode, normalizeClass } from "vue";
+import _sfc_main$1 from "../../../../code-editor/code-modal-editor.vue.js";
+import { cloneDeep } from "lodash-es";
+import { defineAsyncComponent, resolveComponent, createElementBlock, openBlock, Fragment, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, createBlock, createCommentVNode, normalizeClass } from "vue";
 /* empty css                                    */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "tableColumns-editor",
   mixins: [i18n],
-  components: { CodeModalEditor },
+  components: {
+    CodeModalEditor: _sfc_main$1,
+    TpfModal: defineAsyncComponent(
+      () => import("../../../../../../packages/tmgc2-share/src/components/TpfModal/index.vue.js")
+    )
+  },
   props: {
     designer: Object,
     selectedWidget: Object,
@@ -14,6 +20,7 @@ const _sfc_main = {
   },
   data() {
     return {
+      tableColumns: [],
       columns: [
         {
           title: "序号",
@@ -33,6 +40,7 @@ const _sfc_main = {
         {
           title: this.i18nt("designer.setting.columnLabel"),
           dataIndex: "title",
+          align: "center",
           resizable: true,
           width: 100
         },
@@ -40,13 +48,7 @@ const _sfc_main = {
           title: this.i18nt("designer.setting.columnWidth"),
           dataIndex: "width",
           resizable: true,
-          width: 100
-        },
-        {
-          title: "最小宽度",
-          dataIndex: "minWidth",
-          resizable: true,
-          width: 100
+          width: 120
         },
         {
           title: this.i18nt("designer.setting.visibleColumn"),
@@ -112,10 +114,11 @@ const _sfc_main = {
       this.$refs.CodeModalEditorRef.open(record.customRender);
     },
     saveColumnRender(value) {
-      this.optionModel.tableColumns[this.currentRecordIndexs].customRender = value;
+      this.tableColumns[this.currentRecordIndexs].customRender = value;
     },
     addCol() {
       const newRow = {
+        isAutoWidth: false,
         columnId: (/* @__PURE__ */ new Date()).getTime(),
         show: true,
         width: 150,
@@ -128,30 +131,35 @@ const _sfc_main = {
         resizable: true,
         showSorterTooltip: false
       };
-      this.optionModel.tableColumns.push(newRow);
+      this.tableColumns.push(newRow);
       this.designer.emitHistoryChange();
     },
     handleDelete(index) {
-      if (this.optionModel.tableColumns.length === 1) {
+      if (this.tableColumns.length === 1) {
         this.$message.warning(
           this.i18nt("designer.setting.onlyOneColumnCannotBeDeleted")
         );
         return false;
       }
-      this.optionModel.tableColumns.splice(index, 1);
+      this.tableColumns.splice(index, 1);
     },
     // 确认表格列更改
     colSubmit() {
+      this.optionModel.tableColumns = cloneDeep(this.tableColumns);
       this.dialogVisible = false;
     },
     openSetting() {
       this.dialogVisible = true;
+      this.tableColumns = cloneDeep(this.optionModel.tableColumns);
     }
   }
 };
 const _hoisted_1 = { class: "table-wrap" };
-const _hoisted_2 = { class: "add-btn" };
-const _hoisted_3 = { class: "dialog-footer" };
+const _hoisted_2 = {
+  key: 2,
+  style: { "text-align": "center" }
+};
+const _hoisted_3 = { class: "add-btn" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_button = resolveComponent("a-button");
   const _component_a_form_item = resolveComponent("a-form-item");
@@ -161,7 +169,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_select = resolveComponent("a-select");
   const _component_a_space = resolveComponent("a-space");
   const _component_s_table = resolveComponent("s-table");
-  const _component_a_modal = resolveComponent("a-modal");
+  const _component_TpfModal = resolveComponent("TpfModal");
   const _component_CodeModalEditor = resolveComponent("CodeModalEditor");
   return openBlock(), createElementBlock(Fragment, null, [
     createVNode(_component_a_form_item, {
@@ -181,52 +189,45 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 1
     }, 8, ["label"]),
-    createVNode(_component_a_modal, {
+    createVNode(_component_TpfModal, {
       title: _ctx.i18nt("designer.setting.tableColEdit"),
       visible: $data.dialogVisible,
       "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => $data.dialogVisible = $event),
-      "show-close": true,
-      "close-on-click-modal": false,
-      "close-on-press-escape": false,
-      "destroy-on-close": true,
-      width: "1200px",
-      "aria-hidden": "false",
-      wrapClassName: "table-columns-modal"
+      width: "1200px"
     }, {
-      footer: withCtx(() => [
-        createElementVNode("div", _hoisted_3, [
-          createVNode(_component_a_button, {
-            size: "default",
-            onClick: _cache[1] || (_cache[1] = ($event) => $data.dialogVisible = false)
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
-            ]),
-            _: 1
-          }),
-          createVNode(_component_a_button, {
-            size: "default",
-            type: "primary",
-            onClick: $options.colSubmit
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.confirm")), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"])
-        ])
+      footerRight: withCtx(() => [
+        createVNode(_component_a_button, {
+          size: "default",
+          onClick: _cache[1] || (_cache[1] = ($event) => $data.dialogVisible = false)
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
+          ]),
+          _: 1
+        }),
+        createVNode(_component_a_button, {
+          size: "default",
+          type: "primary",
+          onClick: $options.colSubmit
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.confirm")), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"])
       ]),
       default: withCtx(() => [
         createElementVNode("div", _hoisted_1, [
           createVNode(_component_s_table, {
+            class: "tpf-surely-table",
             "aria-hidden": "false",
-            dataSource: $props.optionModel.tableColumns,
+            dataSource: $data.tableColumns,
             style: { "width": "100%" },
-            class: "tpf-surely-table",
             deepWatchDataSource: "",
             "cell-style": { padding: "0" },
             height: "600",
             id: "singleTable",
+            size: "medium",
             scroll: { y: 300, x: 300 },
             pagination: false,
             resizable: "",
@@ -236,53 +237,50 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             bodyCell: withCtx(({ column, record, index, recordIndexs }) => [
               column.dataIndex === "dataIndex" ? (openBlock(), createBlock(_component_a_input, {
                 key: 0,
-                value: $props.optionModel.tableColumns[recordIndexs[0]].dataIndex,
-                "onUpdate:value": ($event) => $props.optionModel.tableColumns[recordIndexs[0]].dataIndex = $event
+                value: $data.tableColumns[recordIndexs[0]].dataIndex,
+                "onUpdate:value": ($event) => $data.tableColumns[recordIndexs[0]].dataIndex = $event
               }, null, 8, ["value", "onUpdate:value"])) : createCommentVNode("", true),
               column.dataIndex === "title" ? (openBlock(), createBlock(_component_a_input, {
                 key: 1,
-                value: $props.optionModel.tableColumns[recordIndexs[0]].title,
-                "onUpdate:value": ($event) => $props.optionModel.tableColumns[recordIndexs[0]].title = $event
-              }, null, 8, ["value", "onUpdate:value"])) : createCommentVNode("", true),
-              column.dataIndex === "width" ? (openBlock(), createBlock(_component_a_input, {
-                key: 2,
-                value: $props.optionModel.tableColumns[recordIndexs[0]].width,
-                "onUpdate:value": ($event) => $props.optionModel.tableColumns[recordIndexs[0]].width = $event
-              }, null, 8, ["value", "onUpdate:value"])) : createCommentVNode("", true),
-              column.dataIndex === "maxWidth" ? (openBlock(), createBlock(_component_a_input, {
-                key: 3,
-                value: $props.optionModel.tableColumns[recordIndexs[0]].maxWidth,
-                "onUpdate:value": ($event) => $props.optionModel.tableColumns[recordIndexs[0]].maxWidth = $event
-              }, null, 8, ["value", "onUpdate:value"])) : createCommentVNode("", true),
-              column.dataIndex === "minWidth" ? (openBlock(), createBlock(_component_a_input, {
-                key: 4,
-                value: $props.optionModel.tableColumns[recordIndexs[0]].minWidth,
-                "onUpdate:value": ($event) => $props.optionModel.tableColumns[recordIndexs[0]].minWidth = $event
+                value: $data.tableColumns[recordIndexs[0]].title,
+                "onUpdate:value": ($event) => $data.tableColumns[recordIndexs[0]].title = $event
               }, null, 8, ["value", "onUpdate:value"])) : createCommentVNode("", true),
+              column.dataIndex === "width" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                createVNode(_component_a_switch, {
+                  "checked-children": "自动宽度",
+                  checked: $data.tableColumns[recordIndexs[0]].isAutoWidth,
+                  "onUpdate:checked": ($event) => $data.tableColumns[recordIndexs[0]].isAutoWidth = $event
+                }, null, 8, ["checked", "onUpdate:checked"]),
+                !record.isAutoWidth ? (openBlock(), createBlock(_component_a_input, {
+                  key: 0,
+                  value: $data.tableColumns[recordIndexs[0]].width,
+                  "onUpdate:value": ($event) => $data.tableColumns[recordIndexs[0]].width = $event
+                }, null, 8, ["value", "onUpdate:value"])) : createCommentVNode("", true)
+              ])) : createCommentVNode("", true),
               column.dataIndex === "show" ? (openBlock(), createBlock(_component_a_switch, {
-                key: 5,
-                checked: $props.optionModel.tableColumns[recordIndexs[0]].show,
-                "onUpdate:checked": ($event) => $props.optionModel.tableColumns[recordIndexs[0]].show = $event
+                key: 3,
+                checked: $data.tableColumns[recordIndexs[0]].show,
+                "onUpdate:checked": ($event) => $data.tableColumns[recordIndexs[0]].show = $event
               }, null, 8, ["checked", "onUpdate:checked"])) : createCommentVNode("", true),
               column.dataIndex === "sorter" ? (openBlock(), createBlock(_component_a_switch, {
-                key: 6,
-                checked: $props.optionModel.tableColumns[recordIndexs[0]].sorter,
-                "onUpdate:checked": ($event) => $props.optionModel.tableColumns[recordIndexs[0]].sorter = $event
+                key: 4,
+                checked: $data.tableColumns[recordIndexs[0]].sorter,
+                "onUpdate:checked": ($event) => $data.tableColumns[recordIndexs[0]].sorter = $event
               }, null, 8, ["checked", "onUpdate:checked"])) : createCommentVNode("", true),
               column.dataIndex === "resizable" ? (openBlock(), createBlock(_component_a_switch, {
-                key: 7,
-                checked: $props.optionModel.tableColumns[recordIndexs[0]].resizable,
-                "onUpdate:checked": ($event) => $props.optionModel.tableColumns[recordIndexs[0]].resizable = $event
+                key: 5,
+                checked: $data.tableColumns[recordIndexs[0]].resizable,
+                "onUpdate:checked": ($event) => $data.tableColumns[recordIndexs[0]].resizable = $event
               }, null, 8, ["checked", "onUpdate:checked"])) : createCommentVNode("", true),
               column.dataIndex === "ellipsis" ? (openBlock(), createBlock(_component_a_switch, {
-                key: 8,
-                checked: $props.optionModel.tableColumns[recordIndexs[0]].ellipsis,
-                "onUpdate:checked": ($event) => $props.optionModel.tableColumns[recordIndexs[0]].ellipsis = $event
+                key: 6,
+                checked: $data.tableColumns[recordIndexs[0]].ellipsis,
+                "onUpdate:checked": ($event) => $data.tableColumns[recordIndexs[0]].ellipsis = $event
               }, null, 8, ["checked", "onUpdate:checked"])) : createCommentVNode("", true),
               column.dataIndex === "fixed" ? (openBlock(), createBlock(_component_a_select, {
-                key: 9,
-                value: $props.optionModel.tableColumns[recordIndexs[0]].fixed,
-                "onUpdate:value": ($event) => $props.optionModel.tableColumns[recordIndexs[0]].fixed = $event,
+                key: 7,
+                value: $data.tableColumns[recordIndexs[0]].fixed,
+                "onUpdate:value": ($event) => $data.tableColumns[recordIndexs[0]].fixed = $event,
                 allowClear: "",
                 style: {}
               }, {
@@ -303,14 +301,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 _: 2
               }, 1032, ["value", "onUpdate:value"])) : createCommentVNode("", true),
               column.dataIndex === "align" ? (openBlock(), createBlock(_component_a_select, {
-                key: 10,
+                key: 8,
                 style: {},
-                value: $props.optionModel.tableColumns[recordIndexs[0]].align,
-                "onUpdate:value": ($event) => $props.optionModel.tableColumns[recordIndexs[0]].align = $event,
+                value: $data.tableColumns[recordIndexs[0]].align,
+                "onUpdate:value": ($event) => $data.tableColumns[recordIndexs[0]].align = $event,
                 options: $data.alignOptions
               }, null, 8, ["value", "onUpdate:value", "options"])) : createCommentVNode("", true),
               column.dataIndex === "customRender" ? (openBlock(), createBlock(_component_a_button, {
-                key: 11,
+                key: 9,
                 onClick: ($event) => $options.showRenderDialog(recordIndexs[0], record, _ctx.dataIndex),
                 class: normalizeClass([{ "button-text-highlight": !!record.customRender }]),
                 size: "small",
@@ -321,7 +319,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 ])),
                 _: 2
               }, 1032, ["onClick", "class"])) : createCommentVNode("", true),
-              column.dataIndex === "action" ? (openBlock(), createBlock(_component_a_space, { key: 12 }, {
+              column.dataIndex === "action" ? (openBlock(), createBlock(_component_a_space, { key: 10 }, {
                 default: withCtx(() => [
                   createVNode(_component_a_button, {
                     title: _ctx.i18nt("designer.setting.deleteTableColumn"),
@@ -340,7 +338,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
           }, 8, ["dataSource", "row-key", "columns"]),
-          createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
             createVNode(_component_a_button, {
               title: _ctx.i18nt("designer.setting.addTableColumn"),
               type: "primary",
@@ -361,11 +359,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onSave: $options.saveColumnRender,
       ref: "CodeModalEditorRef",
       title: _ctx.i18nt("designer.setting.renderFunction"),
-      "event-header": `function customRender(scope) {`
+      "fn-params": "scope"
     }, null, 8, ["onSave", "title"])
   ], 64);
 }
-const dataTableTableColumnsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-790d0d62"]]);
+const dataTableTableColumnsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-11e67ce4"]]);
 export {
   dataTableTableColumnsEditor as default
 };

package/src/components/form-designer/setting-panel/property-editor/field-dropdown/dropdown-menuList-editor.vue.js

@@ -1,11 +1,11 @@
 import i18n from "../../../../../utils/i18n.js";
-import CodeModalEditor from "../../../../code-editor/code-modal-editor.vue.js";
+import _sfc_main$1 from "../../../../code-editor/code-modal-editor.vue.js";
 import { resolveComponent, createElementBlock, openBlock, Fragment, createVNode, withCtx, createTextVNode, toDisplayString } from "vue";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "menuList-editor",
   mixins: [i18n],
-  components: { CodeModalEditor },
+  components: { CodeModalEditor: _sfc_main$1 },
   props: {
     designer: Object,
     selectedWidget: Object,

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

@@ -15,8 +15,12 @@ const _sfc_main = {
   mixins: [i18n],
   components: {
     VFormRender: defineAsyncComponent(() => import("../../../../render.js")),
-    CodeEditor: defineAsyncComponent(() => import("../../code-editor/index.vue.js")),
-    // Clipboard,
+    CodeEditor: defineAsyncComponent(
+      () => import("../../../../packages/tmgc2-share/src/components/TpfCodeEditor/code-editor.vue.js")
+    ),
+    TpfModal: defineAsyncComponent(
+      () => import("../../../../packages/tmgc2-share/src/components/TpfModal/index.vue.js")
+    ),
     SvgIcon
   },
   props: {
@@ -513,9 +517,6 @@ const _hoisted_4 = { class: "right-toolbar-con" };
 const _hoisted_5 = { class: "dialog-footer" };
 const _hoisted_6 = { class: "dialog-footer" };
 const _hoisted_7 = { class: "dialog-footer" };
-const _hoisted_8 = { style: { "border": "1px solid #dcdfe6" } };
-const _hoisted_9 = { class: "dialog-footer" };
-const _hoisted_10 = { class: "dialog-footer" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_svg_icon = resolveComponent("svg-icon");
   const _component_a_button = resolveComponent("a-button");
@@ -524,9 +525,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_tree = resolveComponent("a-tree");
   const _component_a_drawer = resolveComponent("a-drawer");
   const _component_VFormRender = resolveComponent("VFormRender");
-  const _component_a_modal = resolveComponent("a-modal");
+  const _component_TpfModal = resolveComponent("TpfModal");
   const _component_a_alert = resolveComponent("a-alert");
   const _component_code_editor = resolveComponent("code-editor");
+  const _component_a_modal = resolveComponent("a-modal");
+  const _component_CodeEditor = resolveComponent("CodeEditor");
   const _component_a_tab_pane = resolveComponent("a-tab-pane");
   const _component_a_tabs = resolveComponent("a-tabs");
   return openBlock(), createElementBlock("div", _hoisted_1, [
@@ -697,7 +700,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }), 256))
       ])
     ]),
-    createVNode(_component_a_modal, {
+    createVNode(_component_TpfModal, {
       title: _ctx.i18nt("designer.toolbar.preview"),
       visible: $data.showPreviewDialogFlag,
       "onUpdate:visible": _cache[8] || (_cache[8] = ($event) => $data.showPreviewDialogFlag = $event),
@@ -711,59 +714,57 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       width: "75%",
       fullscreen: $options.layoutType === "H5" || $options.layoutType === "Pad"
     }, {
-      footer: withCtx(() => [
-        createElementVNode("div", _hoisted_5, [
-          createVNode(_component_a_button, { onClick: $options.showData }, {
-            default: withCtx(() => _cache[24] || (_cache[24] = [
-              createTextVNode("数据回显")
-            ])),
-            _: 1
-          }, 8, ["onClick"]),
-          createVNode(_component_a_button, {
-            type: "primary",
-            onClick: $options.getFormData
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.getFormData")), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"]),
-          createVNode(_component_a_button, {
-            type: "primary",
-            onClick: $options.resetForm
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.resetForm")), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"]),
-          createVNode(_component_a_button, {
-            type: "primary",
-            onClick: $options.setFormDisabled
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.disableForm")), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"]),
-          createVNode(_component_a_button, {
-            type: "primary",
-            onClick: $options.setFormEnabled
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.enableForm")), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"]),
-          createVNode(_component_a_button, {
-            onClick: _cache[7] || (_cache[7] = ($event) => $data.showPreviewDialogFlag = false)
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.closePreview")), 1)
-            ]),
-            _: 1
-          })
-        ])
+      footerRight: withCtx(() => [
+        createVNode(_component_a_button, { onClick: $options.showData }, {
+          default: withCtx(() => _cache[24] || (_cache[24] = [
+            createTextVNode("数据回显")
+          ])),
+          _: 1
+        }, 8, ["onClick"]),
+        createVNode(_component_a_button, {
+          type: "primary",
+          onClick: $options.getFormData
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.getFormData")), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"]),
+        createVNode(_component_a_button, {
+          type: "primary",
+          onClick: $options.resetForm
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.resetForm")), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"]),
+        createVNode(_component_a_button, {
+          type: "primary",
+          onClick: $options.setFormDisabled
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.disableForm")), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"]),
+        createVNode(_component_a_button, {
+          type: "primary",
+          onClick: $options.setFormEnabled
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.enableForm")), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"]),
+        createVNode(_component_a_button, {
+          onClick: _cache[7] || (_cache[7] = ($event) => $data.showPreviewDialogFlag = false)
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.closePreview")), 1)
+          ]),
+          _: 1
+        })
       ]),
       default: withCtx(() => [
         createElementVNode("div", null, [
@@ -804,7 +805,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       "destroy-on-close": true
     }, {
       footer: withCtx(() => [
-        createElementVNode("div", _hoisted_6, [
+        createElementVNode("div", _hoisted_5, [
           createVNode(_component_a_button, {
             type: "primary",
             onClick: $options.doJsonImport
@@ -854,7 +855,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       "destroy-on-close": true
     }, {
       footer: withCtx(() => [
-        createElementVNode("div", _hoisted_7, [
+        createElementVNode("div", _hoisted_6, [
           createVNode(_component_a_button, {
             type: "primary",
             class: "copy-json-btn",
@@ -892,56 +893,46 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 1
     }, 8, ["title", "visible"]),
-    createVNode(_component_a_modal, {
+    createVNode(_component_TpfModal, {
       title: _ctx.i18nt("designer.hint.exportFormData"),
       visible: $data.showFormDataDialogFlag,
       "onUpdate:visible": _cache[17] || (_cache[17] = ($event) => $data.showFormDataDialogFlag = $event),
-      "show-close": true,
-      class: "nested-drag-dialog dialog-title-light-bg",
-      center: "",
-      "close-on-click-modal": false,
-      "close-on-press-escape": false,
-      "destroy-on-close": true,
-      "append-to-body": true
+      width: "1200px"
     }, {
-      footer: withCtx(() => [
-        createElementVNode("div", _hoisted_9, [
-          createVNode(_component_a_button, {
-            type: "primary",
-            class: "copy-form-data-json-btn",
-            "data-clipboard-text": $data.formDataRawJson,
-            onClick: $options.copyFormDataJson
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.copyFormData")), 1)
-            ]),
-            _: 1
-          }, 8, ["data-clipboard-text", "onClick"]),
-          createVNode(_component_a_button, { onClick: $options.saveFormData }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.saveFormData")), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"]),
-          createVNode(_component_a_button, {
-            onClick: _cache[16] || (_cache[16] = ($event) => $data.showFormDataDialogFlag = false)
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.closePreview")), 1)
-            ]),
-            _: 1
-          })
-        ])
+      footerRight: withCtx(() => [
+        createVNode(_component_a_button, {
+          type: "primary",
+          class: "copy-form-data-json-btn",
+          "data-clipboard-text": $data.formDataRawJson,
+          onClick: $options.copyFormDataJson
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.copyFormData")), 1)
+          ]),
+          _: 1
+        }, 8, ["data-clipboard-text", "onClick"]),
+        createVNode(_component_a_button, { onClick: $options.saveFormData }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.saveFormData")), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"]),
+        createVNode(_component_a_button, {
+          onClick: _cache[16] || (_cache[16] = ($event) => $data.showFormDataDialogFlag = false)
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.closePreview")), 1)
+          ]),
+          _: 1
+        })
       ]),
       default: withCtx(() => [
-        createElementVNode("div", _hoisted_8, [
-          createVNode(_component_code_editor, {
-            mode: "json",
-            readonly: true,
-            modelValue: $data.formDataJson,
-            "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => $data.formDataJson = $event)
-          }, null, 8, ["modelValue"])
-        ])
+        createVNode(_component_CodeEditor, {
+          mode: "json",
+          readonly: true,
+          modelValue: $data.formDataJson,
+          "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => $data.formDataJson = $event)
+        }, null, 8, ["modelValue"])
       ]),
       _: 1
     }, 8, ["title", "visible"]),
@@ -960,7 +951,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       "destroy-on-close": true
     }, {
       footer: withCtx(() => [
-        createElementVNode("div", _hoisted_10, [
+        createElementVNode("div", _hoisted_7, [
           createVNode(_component_a_button, {
             type: "primary",
             class: "copy-vue2-sfc-btn",
@@ -1051,7 +1042,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["title", "visible"])) : createCommentVNode("", true)
   ]);
 }
-const ToolbarPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-b7e52af5"]]);
+const ToolbarPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4241259f"]]);
 export {
   ToolbarPanel as default
 };

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

@@ -164,7 +164,9 @@ const _sfc_main = {
           if (modifiedFlag) {
             this.designer.emitHistoryChange();
           }
-          this.$message.success(this.i18nt("designer.hint.loadFormTemplateSuccess"));
+          this.$message.success(
+            this.i18nt("designer.hint.loadFormTemplateSuccess")
+          );
         }).catch((error) => {
           this.$message.error(
             this.i18nt("designer.hint.loadFormTemplateFailed") + ":" + error
@@ -381,7 +383,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const WidgetPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ebed247a"]]);
+const WidgetPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-75f46b0a"]]);
 export {
   WidgetPanel as default
 };