@kp-ui/lowcode 1.0.68 → 1.0.70

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

@@ -1,12 +1,19 @@
 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(async () => {
+      const { TpfModal } = await import("tmgc2-share");
+      return TpfModal;
+    })
+  },
   props: {
     designer: Object,
     selectedWidget: Object,
@@ -14,6 +21,7 @@ const _sfc_main = {
   },
   data() {
     return {
+      tableColumns: [],
       columns: [
         {
           title: "序号",
@@ -107,7 +115,7 @@ 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 = {
@@ -124,24 +132,26 @@ 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);
     }
   }
 };
@@ -151,7 +161,6 @@ const _hoisted_2 = {
   style: { "text-align": "center" }
 };
 const _hoisted_3 = { class: "add-btn" };
-const _hoisted_4 = { class: "dialog-footer" };
 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 +170,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 +190,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_4, [
-          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%" },
             deepWatchDataSource: "",
             "cell-style": { padding: "0" },
             height: "600",
             id: "singleTable",
+            size: "medium",
             scroll: { y: 300, x: 300 },
             pagination: false,
             resizable: "",
@@ -236,50 +238,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
+                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: $props.optionModel.tableColumns[recordIndexs[0]].isAutoWidth,
-                  "onUpdate:checked": ($event) => $props.optionModel.tableColumns[recordIndexs[0]].isAutoWidth = $event
+                  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: $props.optionModel.tableColumns[recordIndexs[0]].width,
-                  "onUpdate:value": ($event) => $props.optionModel.tableColumns[recordIndexs[0]].width = $event
+                  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: 3,
-                checked: $props.optionModel.tableColumns[recordIndexs[0]].show,
-                "onUpdate:checked": ($event) => $props.optionModel.tableColumns[recordIndexs[0]].show = $event
+                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: 4,
-                checked: $props.optionModel.tableColumns[recordIndexs[0]].sorter,
-                "onUpdate:checked": ($event) => $props.optionModel.tableColumns[recordIndexs[0]].sorter = $event
+                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: 5,
-                checked: $props.optionModel.tableColumns[recordIndexs[0]].resizable,
-                "onUpdate:checked": ($event) => $props.optionModel.tableColumns[recordIndexs[0]].resizable = $event
+                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: 6,
-                checked: $props.optionModel.tableColumns[recordIndexs[0]].ellipsis,
-                "onUpdate:checked": ($event) => $props.optionModel.tableColumns[recordIndexs[0]].ellipsis = $event
+                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: 7,
-                value: $props.optionModel.tableColumns[recordIndexs[0]].fixed,
-                "onUpdate:value": ($event) => $props.optionModel.tableColumns[recordIndexs[0]].fixed = $event,
+                value: $data.tableColumns[recordIndexs[0]].fixed,
+                "onUpdate:value": ($event) => $data.tableColumns[recordIndexs[0]].fixed = $event,
                 allowClear: "",
                 style: {}
               }, {
@@ -302,8 +304,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               column.dataIndex === "align" ? (openBlock(), createBlock(_component_a_select, {
                 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, {
@@ -358,11 +360,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-00f5fe22"]]);
+const dataTableTableColumnsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-af4cd3cd"]]);
 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,14 @@ const _sfc_main = {
   mixins: [i18n],
   components: {
     VFormRender: defineAsyncComponent(() => import("../../../../render.js")),
-    CodeEditor: defineAsyncComponent(() => import("../../code-editor/index.vue.js")),
-    // Clipboard,
+    CodeEditor: defineAsyncComponent(async () => {
+      const { TpfCodeEditor } = await import("tmgc2-share");
+      return TpfCodeEditor;
+    }),
+    TpfModal: defineAsyncComponent(async () => {
+      const { TpfModal } = await import("tmgc2-share");
+      return TpfModal;
+    }),
     SvgIcon
   },
   props: {
@@ -513,9 +519,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 +527,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 +702,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 +716,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 +807,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 +857,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 +895,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 +953,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 +1044,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-c255c476"]]);
 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
 };

package/src/components/form-render/dynamic-dialog.vue.js

@@ -47,6 +47,10 @@ const _sfc_main = {
     }
   },
   components: {
+    TpfConfigProvider: defineAsyncComponent(async () => {
+      const { TpfConfigProvider } = await import("tmgc2-share");
+      return TpfConfigProvider;
+    }),
     SubmitButtonRender: _sfc_main$1,
     VFormRender: defineAsyncComponent(() => import("../../../render.js"))
   },
@@ -206,12 +210,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VFormRender = resolveComponent("VFormRender");
   const _component_SubmitButtonRender = resolveComponent("SubmitButtonRender");
   const _component_a_modal = resolveComponent("a-modal");
-  const _component_a_config_provider = resolveComponent("a-config-provider");
+  const _component_TpfConfigProvider = resolveComponent("TpfConfigProvider");
   const _directive_loading = resolveDirective("loading");
-  return openBlock(), createBlock(_component_a_config_provider, {
-    locale: $options.elLocale,
-    input: { autocomplete: "off" }
-  }, {
+  return openBlock(), createBlock(_component_TpfConfigProvider, null, {
     default: withCtx(() => [
       createVNode(_component_a_modal, mergeProps({
         class: "tpf-model design-model",
@@ -268,7 +269,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, 16, ["transitionName", "maskTransitionName", "title", "bodyStyle", "visible", "width", "mask", "maskClosable", "keyboard", "onCancel"])
     ]),
     _: 1
-  }, 8, ["locale"]);
+  });
 }
 const DynamicDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/src/components/http-editor/index.vue.js

@@ -43,6 +43,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       visible: $data.showDataSourceDialogFlag,
       "onUpdate:visible": _cache[3] || (_cache[3] = ($event) => $data.showDataSourceDialogFlag = $event),
       width: 520,
+      "z-index": "800",
       "destroy-on-close": true,
       "append-to-body": true,
       "close-on-click-modal": false,
@@ -435,20 +436,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       _: 1
     }, 8, ["title", "visible"]),
     createVNode(_component_CodeModalEditor, {
-      modelValue: $props.optionModel.dataReqHandlerCode,
-      "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => $props.optionModel.dataReqHandlerCode = $event),
       ref: "CodeReqModalEditorRef",
-      "event-header": `function(data){`
+      "event-header": "data",
+      modelValue: $props.optionModel.dataReqHandlerCode,
+      "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => $props.optionModel.dataReqHandlerCode = $event)
     }, null, 8, ["modelValue"]),
     createVNode(_component_CodeModalEditor, {
       modelValue: $props.optionModel.dataHandlerCode,
       "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => $props.optionModel.dataHandlerCode = $event),
       ref: "CodeModalEditorRef",
-      "event-header": `function(data){`
+      "fn-params": "data"
     }, null, 8, ["modelValue"])
   ], 64);
 }
-const HttpEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-f0ab404c"]]);
+const HttpEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9bdddc38"]]);
 export {
   HttpEditor as default
 };