@kp-ui/lowcode 1.0.68 → 1.0.69

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

@@ -6,7 +6,9 @@ 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";
+import { TpfConfigProvider } from "tmgc2-share";
+import { resolveComponent, createBlock, openBlock, withCtx, createVNode, createCommentVNode, createElementVNode, normalizeStyle, withModifiers, createElementBlock, Fragment, renderList, resolveDynamicComponent } from "vue";
 /* empty css           */
 /* empty css           */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
@@ -17,7 +19,9 @@ const _sfc_main = {
   mixins: [i18n, emitter],
   components: {
     CodeEditor,
+    TpfConfigProvider,
     FormSetting,
+    CodeModalEditor: _sfc_main$1,
     // DataSourceSetting,
     FormCrudSetting,
     ...comps
@@ -167,10 +171,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 +190,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 +206,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 +283,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 +362,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 +431,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 +446,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-63b257d3"]]);
 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,

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: "序号",
@@ -107,7 +114,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 +131,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 +160,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 +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_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 +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
+                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 +303,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 +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-00f5fe22"]]);
+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,