@kp-ui/lowcode 1.0.68 → 1.0.70

package/_virtual/virtual_svg-icons-register.js

@@ -1,13 +1,13 @@
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
-    var svgDom = document.getElementById("__svg__icons__dom__1749094506347__");
+    var svgDom = document.getElementById("__svg__icons__dom__1749547509077__");
     if (!svgDom) {
       svgDom = document.createElementNS("http://www.w3.org/2000/svg", "svg");
       svgDom.style.position = "absolute";
       svgDom.style.width = "0";
       svgDom.style.height = "0";
-      svgDom.id = "__svg__icons__dom__1749094506347__";
+      svgDom.id = "__svg__icons__dom__1749547509077__";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kp-ui/lowcode",
-  "version": "1.0.68",
+  "version": "1.0.70",
   "publishConfig": {
     "access": "public"
   },
@@ -9,7 +9,7 @@
   "types": "main.d.ts",
   "dependencies": {
     "@element-plus/icons-vue": "^0.2.4",
-    "@kp-ui/tool": "1.0.24",
+    "@kp-ui/tool": "1.0.27",
     "@surely-vue/table": "^5.0.3",
     "animate.css": "^4.1.1",
     "ant-design-vue": "3.2.20",

package/render.js

@@ -1,4 +1,4 @@
-import { resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, normalizeStyle, withModifiers, normalizeClass, createElementBlock, Fragment, renderList, resolveDynamicComponent, createSlots, renderSlot, mergeProps, render, h } from "vue";
+import { defineAsyncComponent, resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, normalizeStyle, withModifiers, normalizeClass, createElementBlock, Fragment, renderList, resolveDynamicComponent, createSlots, renderSlot, mergeProps, render, h } from "vue";
 import emitter from "./src/utils/emitter.js";
 import comps from "./src/components/form-designer/form-widget/field-widget/index.js";
 import { buildDefaultFormJson, getContainerWidgetByName, cloneFormConfigWithoutEventHandler, deepClone, getDSByName, overwriteObj, runDataSourceRequest, getAllContainerWidgets, getAllFieldWidgets, getDefaultFormConfig, traverseFieldWidgets, getFieldWidgetByName, traverseFieldWidgetsOfContainer, insertCustomCssToHead, insertGlobalFunctionsToHtml, generateId } from "./src/utils/util.js";
@@ -13,6 +13,10 @@ const _sfc_main = {
   componentName: "VFormRender",
   mixins: [emitter, i18n],
   components: {
+    TpfConfigProvider: defineAsyncComponent(async () => {
+      const { TpfConfigProvider } = await import("tmgc2-share");
+      return TpfConfigProvider;
+    }),
     ...comps
   },
   props: {
@@ -1008,11 +1012,8 @@ const _sfc_main = {
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_form = resolveComponent("a-form");
   const _component_a_spin = resolveComponent("a-spin");
-  const _component_a_config_provider = resolveComponent("a-config-provider");
-  return openBlock(), createBlock(_component_a_config_provider, {
-    "component-size": $options.size,
-    input: { autocomplete: "off" }
-  }, {
+  const _component_TpfConfigProvider = resolveComponent("TpfConfigProvider");
+  return openBlock(), createBlock(_component_TpfConfigProvider, null, {
     default: withCtx(() => [
       createVNode(_component_a_spin, { spinning: $data.isLoading }, {
         default: withCtx(() => [
@@ -1078,9 +1079,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, 8, ["spinning"])
     ]),
     _: 3
-  }, 8, ["component-size"]);
+  });
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4e50e948"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-0f77057b"]]);
 export {
   index as default
 };

package/src/components/code-editor/code-modal-editor.vue.js

@@ -1,70 +1,57 @@
-import _sfc_main from "./code-modal-editor.vue2.js";
-import { resolveComponent, createBlock, openBlock, withCtx, createCommentVNode, createVNode, createElementVNode, createTextVNode, toDisplayString } from "vue";
-import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-const _hoisted_1 = { class: "dialog-footer" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_a_alert = resolveComponent("a-alert");
-  const _component_CodeEditor = resolveComponent("CodeEditor");
-  const _component_a_button = resolveComponent("a-button");
-  const _component_a_modal = resolveComponent("a-modal");
-  return openBlock(), createBlock(_component_a_modal, {
-    title: $props.title,
-    visible: $data.showWidgetEventDialogFlag,
-    "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => $data.showWidgetEventDialogFlag = $event),
-    "show-close": true,
-    centered: true,
-    "append-to-body": "",
-    "close-on-click-modal": false,
-    "close-on-press-escape": false,
-    "destroy-on-close": true,
-    width: 800
+import { defineComponent, mergeModels, ref, useModel, createBlock, openBlock, unref } from "vue";
+import { useOpenAntdModal, TpfCodeEditor } from "tmgc2-share";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "code-modal-editor"
+  },
+  __name: "code-modal-editor",
+  props: /* @__PURE__ */ mergeModels({
+    isShowEventHeader: { type: Boolean, default: true },
+    fnParams: {},
+    eventHeader: {},
+    title: { default: "事件处理函数" },
+    readonly: { type: Boolean, default: false },
+    mode: { default: "javascript" }
   }, {
-    footer: withCtx(() => [
-      createElementVNode("div", _hoisted_1, [
-        createVNode(_component_a_button, {
-          onClick: _cache[1] || (_cache[1] = ($event) => $data.showWidgetEventDialogFlag = false)
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
-          ]),
-          _: 1
-        }),
-        createVNode(_component_a_button, {
-          type: "primary",
-          onClick: $options.saveEventHandler
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.confirm")), 1)
-          ]),
-          _: 1
-        }, 8, ["onClick"])
-      ])
-    ]),
-    default: withCtx(() => [
-      $props.eventHeader ? (openBlock(), createBlock(_component_a_alert, {
-        key: 0,
-        type: "info",
-        closable: false,
-        message: $props.eventHeader
-      }, null, 8, ["message"])) : createCommentVNode("", true),
-      createVNode(_component_CodeEditor, {
-        mode: $props.mode,
-        readonly: $props.readonly,
-        modelValue: $data.eventHandlerCode,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.eventHandlerCode = $event),
-        ref: "ecEditor"
-      }, null, 8, ["mode", "readonly", "modelValue"]),
-      $props.eventHeader ? (openBlock(), createBlock(_component_a_alert, {
-        key: 1,
-        type: "info",
-        closable: false,
-        message: "}"
-      })) : createCommentVNode("", true)
-    ]),
-    _: 1
-  }, 8, ["title", "visible"]);
-}
-const CodeModalEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+    "modelValue": { type: String, default: "" },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["save"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const currentCode = ref("");
+    const code = useModel(__props, "modelValue");
+    const emit = __emit;
+    const [codeEditorRef, openCodeEditor] = useOpenAntdModal();
+    const open = (value) => {
+      currentCode.value = value;
+      code.value = value;
+      openCodeEditor();
+    };
+    const hanldeSave = (value) => {
+      emit("save", value);
+      code.value = value;
+    };
+    __expose({
+      codeEditorRef,
+      open
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(TpfCodeEditor), {
+        isShowEventHeader: _ctx.isShowEventHeader,
+        ref_key: "codeEditorRef",
+        ref: codeEditorRef,
+        "fn-params": _ctx.fnParams,
+        eventHeader: _ctx.eventHeader,
+        modelValue: currentCode.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentCode.value = $event),
+        mode: _ctx.mode,
+        readonly: _ctx.readonly,
+        title: _ctx.title,
+        onSetCode: hanldeSave
+      }, null, 8, ["isShowEventHeader", "fn-params", "eventHeader", "modelValue", "mode", "readonly", "title"]);
+    };
+  }
+});
 export {
-  CodeModalEditor as default
+  _sfc_main as default
 };

package/src/components/code-editor/code-modal-editor.vue2.js

@@ -1,45 +1,4 @@
-import CodeEditor from "./index.vue.js";
-import i18n from "../../utils/i18n.js";
-const _sfc_main = {
-  name: "code-modal-editor",
-  mixins: [i18n],
-  components: {
-    CodeEditor
-  },
-  props: {
-    eventHeader: String,
-    title: {
-      type: String,
-      default: "事件处理函数"
-    },
-    readonly: {
-      type: Boolean,
-      default: false
-    },
-    mode: {
-      type: String,
-      default: "javascript"
-    }
-  },
-  data() {
-    return {
-      showWidgetEventDialogFlag: false,
-      eventHandlerCode: ""
-    };
-  },
-  methods: {
-    open(val) {
-      const value = val;
-      this.showWidgetEventDialogFlag = true;
-      this.eventHandlerCode = value.trim();
-    },
-    saveEventHandler() {
-      const val = this.eventHandlerCode.trim();
-      this.showWidgetEventDialogFlag = false;
-      this.$emit("save", val);
-    }
-  }
-};
+import _sfc_main from "./code-modal-editor.vue.js";
 export {
   _sfc_main as default
 };

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

@@ -2,7 +2,7 @@ import comps from "./field-widget/index.js";
 import i18n from "../../../utils/i18n.js";
 import draggableComponent from "../../../lib/vuedraggable/src/vuedraggable.js";
 import _sfc_main$1 from "../../form-render/SubmitButtonRender.vue.js";
-import { resolveComponent, createBlock, openBlock, withCtx, createElementVNode, createVNode, normalizeClass, createElementBlock, createCommentVNode, toDisplayString, normalizeStyle, mergeProps, resolveDynamicComponent } from "vue";
+import { defineAsyncComponent, resolveComponent, createBlock, openBlock, withCtx, createElementVNode, createVNode, normalizeClass, createElementBlock, createCommentVNode, toDisplayString, normalizeStyle, mergeProps, resolveDynamicComponent } from "vue";
 /* empty css           */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
@@ -11,6 +11,10 @@ const _sfc_main = {
   mixins: [i18n],
   components: {
     Draggable: draggableComponent,
+    TpfConfigProvider: defineAsyncComponent(async () => {
+      const { TpfConfigProvider } = await import("tmgc2-share");
+      return TpfConfigProvider;
+    }),
     SubmitButtonRender: _sfc_main$1,
     ...comps
   },
@@ -154,8 +158,8 @@ const _hoisted_3 = { class: "transition-group-el" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_draggable = resolveComponent("draggable");
   const _component_a_form = resolveComponent("a-form");
-  const _component_a_config_provider = resolveComponent("a-config-provider");
-  return openBlock(), createBlock(_component_a_config_provider, {
+  const _component_TpfConfigProvider = resolveComponent("TpfConfigProvider");
+  return openBlock(), createBlock(_component_TpfConfigProvider, {
     "component-size": $options.size,
     input: { autocomplete: "off" }
   }, {
@@ -217,7 +221,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["component-size"]);
 }
-const VFormWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-59a5bfe0"]]);
+const VFormWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-26ffc996"]]);
 export {
   VFormWidget as default
 };

package/src/components/form-designer/setting-panel/form-setting.vue.js

@@ -523,7 +523,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ]);
 }
-const FormSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const FormSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-becbd35b"]]);
 export {
   FormSetting as default
 };

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

@@ -1,3 +1,4 @@
+import { defineAsyncComponent, resolveComponent, createBlock, openBlock, withCtx, createVNode, createCommentVNode, createElementVNode, normalizeStyle, withModifiers, createElementBlock, Fragment, renderList, resolveDynamicComponent } from "vue";
 import CodeEditor from "../../code-editor/index.vue.js";
 import comps from "./property-editor/index.js";
 import FormSetting from "./form-setting.vue.js";
@@ -6,7 +7,7 @@ import WidgetProperties, { propertyRegistered } from "./propertyRegister.js";
 import { addWindowResizeHandler } from "../../../utils/util.js";
 import i18n from "../../../utils/i18n.js";
 import emitter from "../../../utils/emitter.js";
-import { resolveComponent, createBlock, openBlock, withCtx, createVNode, createCommentVNode, createElementVNode, normalizeStyle, withModifiers, createElementBlock, Fragment, renderList, resolveDynamicComponent, createTextVNode, toDisplayString } from "vue";
+import _sfc_main$1 from "../../code-editor/code-modal-editor.vue.js";
 /* empty css           */
 /* empty css           */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
@@ -17,7 +18,12 @@ const _sfc_main = {
   mixins: [i18n, emitter],
   components: {
     CodeEditor,
+    TpfConfigProvider: defineAsyncComponent(async () => {
+      const { TpfConfigProvider } = await import("tmgc2-share");
+      return TpfConfigProvider;
+    }),
     FormSetting,
+    CodeModalEditor: _sfc_main$1,
     // DataSourceSetting,
     FormCrudSetting,
     ...comps
@@ -167,10 +173,11 @@ const _sfc_main = {
       if (eventName === "onValidate" && !this.optionModel["onValidate"]) {
         this.eventHandlerCode = "  /* sample code */\n  /*\n  if ((value > 100) || (value < 0)) {\n    return Promise.reject('error message')  //fail\n  } else {\n    return Promise.resolve();  //pass\n  }\n  */";
       }
-      this.showWidgetEventDialogFlag = true;
+      console.log(this.eventHandlerCode);
+      this.$refs.CodeModalEditorRef.open(this.eventHandlerCode);
     },
-    saveEventHandler() {
-      const codeHints = this.$refs.ecEditor.getEditorAnnotations();
+    saveEventHandler(value) {
+      const codeHints = this.$refs.CodeModalEditorRef.codeEditorRef.ecEditor.getEditorAnnotations();
       let syntaxErrorFlag = false;
       if (!!codeHints && codeHints.length > 0) {
         codeHints.forEach((chItem) => {
@@ -185,15 +192,13 @@ const _sfc_main = {
       }
       if (this.curEventName.includes(".")) {
         const [a, b] = this.curEventName.split(".");
-        this.selectedWidget.options[a][b] = this.eventHandlerCode;
+        this.selectedWidget.options[a][b] = value;
       } else {
-        this.selectedWidget.options[this.curEventName] = this.eventHandlerCode;
+        this.selectedWidget.options[this.curEventName] = value;
       }
-      this.showWidgetEventDialogFlag = false;
     }
   }
 };
-const _hoisted_1 = { class: "dialog-footer" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_collapse_panel = resolveComponent("a-collapse-panel");
   const _component_a_collapse = resolveComponent("a-collapse");
@@ -203,16 +208,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_form_setting = resolveComponent("form-setting");
   const _component_FormCrudSetting = resolveComponent("FormCrudSetting");
   const _component_a_tabs = resolveComponent("a-tabs");
-  const _component_a_alert = resolveComponent("a-alert");
-  const _component_code_editor = resolveComponent("code-editor");
-  const _component_a_button = resolveComponent("a-button");
-  const _component_a_modal = resolveComponent("a-modal");
+  const _component_CodeModalEditor = resolveComponent("CodeModalEditor");
   const _component_a_layout = resolveComponent("a-layout");
-  const _component_a_config_provider = resolveComponent("a-config-provider");
-  return openBlock(), createBlock(_component_a_config_provider, {
-    "component-size": "small",
-    input: { autocomplete: "off" }
-  }, {
+  const _component_TpfConfigProvider = resolveComponent("TpfConfigProvider");
+  return openBlock(), createBlock(_component_TpfConfigProvider, null, {
     default: withCtx(() => [
       createVNode(_component_a_layout, { class: "panel-container" }, {
         default: withCtx(() => [
@@ -286,6 +285,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                             }, 8, ["header"])) : createCommentVNode("", true),
                             $options.showEventCollapse() && $options.showCollapse($data.eventProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
                               key: "3",
+                              class: "eventPanel",
                               header: _ctx.i18nt("designer.setting.事件属性")
                             }, {
                               default: withCtx(() => [
@@ -364,6 +364,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                             }, 8, ["header"])) : createCommentVNode("", true),
                             $options.showEventCollapse() && $options.showCollapse($data.eventProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
                               key: "3",
+                              class: "eventPanel",
                               header: _ctx.i18nt("designer.setting.事件属性")
                             }, {
                               default: withCtx(() => [
@@ -432,60 +433,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
           }, 8, ["activeKey"]),
-          createVNode(_component_a_modal, {
+          createVNode(_component_CodeModalEditor, {
+            eventHeader: $data.eventHeader,
+            ref: "CodeModalEditorRef",
             title: _ctx.i18nt("designer.setting.editWidgetEventHandler"),
-            visible: $data.showWidgetEventDialogFlag,
-            "onUpdate:visible": _cache[9] || (_cache[9] = ($event) => $data.showWidgetEventDialogFlag = $event),
-            "show-close": true,
-            "custom-class": "drag-dialog small-padding-dialog",
-            "append-to-body": "",
-            "close-on-click-modal": false,
-            "close-on-press-escape": false,
-            "destroy-on-close": true,
-            width: 800
-          }, {
-            footer: withCtx(() => [
-              createElementVNode("div", _hoisted_1, [
-                createVNode(_component_a_button, {
-                  onClick: _cache[8] || (_cache[8] = ($event) => $data.showWidgetEventDialogFlag = false)
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
-                  ]),
-                  _: 1
-                }),
-                createVNode(_component_a_button, {
-                  type: "primary",
-                  onClick: $options.saveEventHandler
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.confirm")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["onClick"])
-              ])
-            ]),
-            default: withCtx(() => [
-              createVNode(_component_a_alert, {
-                type: "info",
-                closable: false,
-                message: $data.eventHeader
-              }, null, 8, ["message"]),
-              createVNode(_component_code_editor, {
-                mode: "javascript",
-                readonly: false,
-                modelValue: $data.eventHandlerCode,
-                "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => $data.eventHandlerCode = $event),
-                ref: "ecEditor"
-              }, null, 8, ["modelValue"]),
-              createVNode(_component_a_alert, {
-                type: "info",
-                closable: false,
-                message: "}"
-              })
-            ]),
-            _: 1
-          }, 8, ["title", "visible"])
+            mode: "json",
+            readonly: false,
+            onSave: $options.saveEventHandler
+          }, null, 8, ["eventHeader", "title", "onSave"])
         ]),
         _: 1
       })
@@ -493,7 +448,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   });
 }
-const SettingPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-29aceee5"]]);
+const SettingPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-82f86155"]]);
 export {
   SettingPanel as default
 };

package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue.js

@@ -1,5 +1,5 @@
 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 { generateId } from "../../../../utils/util.js";
 import { cloneDeep } from "lodash-es";
 import ActionButtonListDialog from "../../../public/ActionButtonListDialog.vue.js";
@@ -16,7 +16,7 @@ const _sfc_main = {
   },
   components: {
     ActionButtonListDialog,
-    CodeModalEditor
+    CodeModalEditor: _sfc_main$1
   },
   data() {
     return {

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

@@ -1,12 +1,12 @@
 import i18n from "../../../../../utils/i18n.js";
 import HttpEditor from "../../../../http-editor/index.vue.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, createBlock, createCommentVNode, withCtx, createTextVNode, toDisplayString } from "vue";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "data-table-dsEnabled-editor",
   mixins: [i18n],
-  components: { HttpEditor, CodeModalEditor },
+  components: { HttpEditor, CodeModalEditor: _sfc_main$1 },
   props: {
     designer: Object,
     selectedWidget: Object,
@@ -18,10 +18,9 @@ const _sfc_main = {
     };
   },
   methods: {
-    saveTableData(data) {
+    handleUpdate(value) {
       try {
-        console.log("saveTableData", data);
-        this.optionModel.dataSource = JSON.parse(data);
+        this.optionModel.dataSource = JSON.parse(value);
       } catch (ex) {
         this.$message.error(
           this.i18nt("designer.hint.invalidOptionsData") + ex.message
@@ -30,6 +29,7 @@ const _sfc_main = {
     },
     openTableDataEdit() {
       this.tableDataOptions = JSON.stringify(this.optionModel.dataSource, null, "  ");
+      console.log(this.tableDataOptions);
       this.$refs.CodeModalEditorRef.open(this.tableDataOptions);
     }
   }
@@ -74,8 +74,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "CodeModalEditorRef",
       mode: "json",
       readonly: false,
+      isShowEventHeader: false,
       title: _ctx.i18nt("designer.setting.tableDataEdit"),
-      onSave: $options.saveTableData
+      onSave: $options.handleUpdate
     }, null, 8, ["title", "onSave"]),
     !!$props.optionModel.dsEnabled ? (openBlock(), createBlock(_component_HttpEditor, {
       key: 1,

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

@@ -1,12 +1,12 @@
 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, createBlock, createCommentVNode, createTextVNode, normalizeClass, toDisplayString } from "vue";
 /* empty css                                  */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "rowSelection-editor",
   mixins: [i18n],
-  components: { CodeModalEditor },
+  components: { CodeModalEditor: _sfc_main$1 },
   props: {
     designer: Object,
     selectedWidget: Object,