@kp-ui/lowcode 1.0.34 → 1.0.36

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__1746762172972__");
+    var svgDom = document.getElementById("__svg__icons__dom__1747105292540__");
     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__1746762172972__";
+      svgDom.id = "__svg__icons__dom__1747105292540__";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }

package/package.json

@@ -1,29 +1,29 @@
 {
-    "name": "@kp-ui/lowcode",
-    "version": "1.0.34",
-    "publishConfig": {
-        "access": "public"
-    },
-    "main": "index.js",
-    "module": "index.js",
-    "types": "main.d.ts",
-    "dependencies": {
-        "@element-plus/icons-vue": "^0.2.4",
-        "@kp-ui/tool": "1.0.20",
-        "animate.css": "^4.1.1",
-        "ant-design-vue": "3.2.20",
-        "axios": "^1.3.5",
-        "bpmn-js": "13.2.0",
-        "clipboard": "^2.0.8",
-        "core-js": "^3.6.5",
-        "dayjs": "^1.11.10",
-        "file-saver": "^2.0.5",
-        "json-bigint": "^1.0.0",
-        "lodash-es": "^4.17.21",
-        "mitt": "^3.0.0",
-        "query-string": "^9.1.1",
-        "sortablejs": "1.14.0",
-        "vue": "3.3.11",
-        "vue3-quill": "^0.2.6"
-    }
+  "name": "@kp-ui/lowcode",
+  "version": "1.0.36",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "index.js",
+  "module": "index.js",
+  "types": "main.d.ts",
+  "dependencies": {
+    "@element-plus/icons-vue": "^0.2.4",
+    "@kp-ui/tool": "1.0.20",
+    "animate.css": "^4.1.1",
+    "ant-design-vue": "3.2.20",
+    "axios": "^1.3.5",
+    "bpmn-js": "13.2.0",
+    "clipboard": "^2.0.8",
+    "core-js": "^3.6.5",
+    "dayjs": "^1.11.10",
+    "file-saver": "^2.0.5",
+    "json-bigint": "^1.0.0",
+    "lodash-es": "^4.17.21",
+    "mitt": "^3.0.0",
+    "query-string": "^9.1.1",
+    "sortablejs": "1.14.0",
+    "vue": "3.3.11",
+    "vue3-quill": "^0.2.6"
+  }
 }

package/render.js

@@ -829,6 +829,9 @@ const _sfc_main = {
       }
       return topFormRef;
     },
+    exposed1() {
+      return this.vfCtx.factoryRender;
+    },
     setChildFormRef(childFormRef) {
       this.childFormRef = childFormRef;
     },
@@ -1001,7 +1004,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["component-size"]);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-fe3f93b2"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-a2ef0ffa"]]);
 export {
   index as default
 };

package/src/api/useFilesystemApi/filesystem/index.js

@@ -1,5 +1,6 @@
-import { getHttp } from "@kp-ui/tool";
+import "../../../utils/request/http.js";
 import { saveAs } from "file-saver";
+import { getHttp } from "@kp-ui/tool";
 const useFilesystemApi = () => {
   const http = getHttp();
   const tmgc2Filesystem = "/api/tmgc2-filesystem/";

package/src/components/CustomRender/components/AttachmentRender.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./AttachmentRender.vue2.js";
 /* empty css                      */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const AttachmentRender = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3adb70ed"]]);
+const AttachmentRender = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0f1e5918"]]);
 export {
   AttachmentRender as default
 };

package/src/components/CustomRender/components/AttachmentRender.vue2.js

@@ -8,8 +8,9 @@ const _hoisted_1 = {
   class: "attachment-render"
 };
 const _hoisted_2 = { class: "file-list" };
-const _hoisted_3 = { class: "file-name" };
-const _hoisted_4 = ["src"];
+const _hoisted_3 = { class: "file-item__icon" };
+const _hoisted_4 = { class: "file-name" };
+const _hoisted_5 = ["src"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AttachmentRender",
   props: {
@@ -44,8 +45,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               key: index,
               class: "file-item"
             }, [
-              createVNode(unref(FileIcon), { file }, null, 8, ["file"]),
-              createElementVNode("span", _hoisted_3, toDisplayString(file.fileName), 1),
+              createElementVNode("div", _hoisted_3, [
+                createVNode(unref(FileIcon), { file }, null, 8, ["file"])
+              ]),
+              createElementVNode("span", _hoisted_4, toDisplayString(file.fileName), 1),
               createVNode(unref(Button), {
                 type: "link",
                 onClick: () => unref(handleDownload)(file)
@@ -79,7 +82,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("img", {
               style: { "width": "100%" },
               src: unref(previewImage)
-            }, null, 8, _hoisted_4)
+            }, null, 8, _hoisted_5)
           ]),
           _: 1
         }, 8, ["visible", "title", "onCancel"])

package/src/components/CustomRender/useCustomRender.js

@@ -39,7 +39,11 @@ function useCustomRender() {
     try {
       const component = loadComponent(componentName);
       if (!component) {
-        return h("span", { class: "component-not-found" }, `组件 "${componentName}" 未找到`);
+        return h(
+          "span",
+          { class: "component-not-found" },
+          `组件 "${componentName}" 未找到`
+        );
       }
       const vnode = h(component, props);
       return vnode;
@@ -51,11 +55,15 @@ function useCustomRender() {
   const customRender = (code, params, ctx) => {
     try {
       const { text, record, index, column } = params;
-      const cusFunc = new Function("text", "record", "index", "column", "compontent", code);
-      return cusFunc.call(ctx, text, record, index, column, renderComponent);
+      const cusFunc = new Function("text", "record", "index", "column", code);
+      return cusFunc.call(ctx, text, record, index, column);
     } catch (error) {
       console.error("Custom render execution failed:", error);
-      return h("span", { class: "custom-render-error", style: { color: "red" } }, "自定义渲染失败");
+      return h(
+        "span",
+        { class: "custom-render-error", style: { color: "red" } },
+        "自定义渲染失败"
+      );
     }
   };
   return {

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

@@ -4,7 +4,7 @@ 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_code_editor = resolveComponent("code-editor");
+  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, {
@@ -47,7 +47,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         closable: false,
         message: $props.eventHeader
       }, null, 8, ["message"])) : createCommentVNode("", true),
-      createVNode(_component_code_editor, {
+      createVNode(_component_CodeEditor, {
         mode: $props.mode,
         readonly: $props.readonly,
         modelValue: $data.eventHandlerCode,

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue.js

@@ -1,13 +1,10 @@
 import _sfc_main from "./data-table-widget.vue2.js";
-import { resolveComponent, createBlock, openBlock, normalizeStyle, withCtx, createElementBlock, withModifiers, normalizeClass, createVNode, createCommentVNode, Fragment, renderList, mergeProps, withDirectives, createTextVNode, toDisplayString, vShow } from "vue";
+import { resolveComponent, createBlock, openBlock, normalizeStyle, withCtx, createElementBlock, withModifiers, normalizeClass, createVNode } from "vue";
 /* empty css                       */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_empty = resolveComponent("a-empty");
-  const _component_a_table_column = resolveComponent("a-table-column");
-  const _component_a_button = resolveComponent("a-button");
-  const _component_a_space = resolveComponent("a-space");
-  const _component_a_table = resolveComponent("a-table");
+  const _component_s_table = resolveComponent("s-table");
   const _component_container_wrapper = resolveComponent("container-wrapper");
   return openBlock(), createBlock(_component_container_wrapper, {
     designer: $props.designer,
@@ -21,85 +18,38 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       (openBlock(), createElementBlock("div", {
         key: $props.widget.id,
         class: normalizeClass(["collapse-container data-table-container", { selected: $options.selected }]),
-        onClick: _cache[1] || (_cache[1] = withModifiers(($event) => $options.selectWidget($props.widget), ["stop"]))
+        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => $options.selectWidget($props.widget), ["stop"]))
       }, [
-        createVNode(_component_a_table, {
-          ref: "dataTable1",
+        createVNode(_component_s_table, {
           class: normalizeClass(["tpf-table", [_ctx.customClass]]),
+          ref: "dataTable2",
+          columns: _ctx.columns,
+          size: _ctx.widgetSize,
           dataSource: $props.widget.options.dataSource,
           rowKey: (record) => record[$props.widget.options.rowKey],
           scroll: { y: parseFloat(_ctx.tableHeight || 0), x: 300 },
-          size: _ctx.widgetSize,
           bordered: $props.widget.options.border,
           style: normalizeStyle({ width: $props.widget.options.tableWidth }),
-          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => $options.selectWidget($props.widget), ["stop"])),
           "row-class-name": _ctx.rowClassName,
           rowSelection: _ctx.handleRowSelection(),
           pagination: _ctx.fmtPagination,
-          onChange: _ctx.handleTablePageChange,
           customRow: _ctx.handleCustomRow,
-          onResizeColumn: _ctx.handleResizeColumn
+          rowClassName: _ctx.rowClassName,
+          onChange: _ctx.handleTablePageChange,
+          onResizeColumn: _ctx.handleResizeColumn,
+          loading: _ctx.loading
         }, {
           emptyText: withCtx(() => [
             createVNode(_component_a_empty)
           ]),
-          default: withCtx(() => [
-            $props.widget.options.showIndex ? (openBlock(), createBlock(_component_a_table_column, {
-              key: 0,
-              title: "序号",
-              align: "left",
-              width: 80,
-              fixed: "left",
-              customRender: _ctx.customRenderIndex
-            }, null, 8, ["customRender"])) : createCommentVNode("", true),
-            (openBlock(true), createElementBlock(Fragment, null, renderList($props.widget.options.tableColumns, (item, index) => {
-              return openBlock(), createElementBlock(Fragment, null, [
-                item.show !== false ? (openBlock(), createBlock(_component_a_table_column, mergeProps({ key: index }, _ctx.handleColumnItem(item), { showSorterTooltip: false }), null, 16)) : createCommentVNode("", true)
-              ], 64);
-            }), 256)),
-            !!$props.widget.options.showButtonsColumn ? (openBlock(), createBlock(_component_a_table_column, {
-              key: 1,
-              fixed: "right",
-              align: "center",
-              title: $props.widget.options.buttonsColumnTitle,
-              width: $props.widget.options.buttonsColumnWidth
-            }, {
-              default: withCtx((scope) => [
-                createVNode(_component_a_space, null, {
-                  default: withCtx(() => [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList($props.widget.options.operationButtons, (ob, inx) => {
-                      return withDirectives((openBlock(), createBlock(_component_a_button, {
-                        key: inx,
-                        type: ob.type,
-                        size: ob.size,
-                        shape: ob.shape,
-                        disabled: _ctx.disableOperationButton(ob, scope.index, scope.record),
-                        onClick: ($event) => _ctx.handleOperationButtonClick(ob.name, scope.index, scope.record, scope, ob),
-                        class: normalizeClass(["data-table-" + ob.name + "-button"])
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(_ctx.getOperationButtonLabel(ob, scope.index, scope.record)), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["type", "size", "shape", "disabled", "onClick", "class"])), [
-                        [vShow, _ctx.showOperationButton(ob, scope.index, scope.record)]
-                      ]);
-                    }), 128))
-                  ]),
-                  _: 2
-                }, 1024)
-              ]),
-              _: 1
-            }, 8, ["title", "width"])) : createCommentVNode("", true)
-          ]),
           _: 1
-        }, 8, ["dataSource", "rowKey", "scroll", "class", "size", "bordered", "style", "row-class-name", "rowSelection", "pagination", "onChange", "customRow", "onResizeColumn"])
+        }, 8, ["columns", "class", "size", "dataSource", "rowKey", "scroll", "bordered", "style", "row-class-name", "rowSelection", "pagination", "customRow", "rowClassName", "onChange", "onResizeColumn", "loading"])
       ], 2))
     ]),
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list", "style"]);
 }
-const dataTableWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-a667e0af"]]);
+const dataTableWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-87c3ea48"]]);
 export {
   dataTableWidget as default
 };

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue2.js

@@ -5,12 +5,15 @@ import comps from "../field-widget/index.js";
 import containerMixin from "./containerMixin.js";
 import refMixinDesign from "../../refMixinDesign.js";
 import useDataTableMixin from "../../../../mixins/useDataTableMixin.js";
+import STable from "@surely-vue/table";
+/* empty css                                                                                                                                    */
 const _sfc_main = {
   name: "DataTableWidget",
   componentName: "DataTableWidget",
   mixins: [i18n, containerMixin, refMixinDesign, emitter, useDataTableMixin],
   inject: ["refList"],
   components: {
+    STable,
     ContainerWrapper,
     ...comps
   },
@@ -46,7 +49,6 @@ const _sfc_main = {
   },
   mounted() {
     this.loadDataTableDataSource();
-    log;
   },
   beforeUnmount() {
   },

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

@@ -2,6 +2,7 @@ import i18n from "../../../utils/i18n.js";
 import CodeEditor from "../../code-editor/index.vue.js";
 import { insertGlobalFunctionsToHtml, insertCustomCssToHead, deepClone } from "../../../utils/util.js";
 import { resolveComponent, createElementBlock, openBlock, createVNode, createCommentVNode, withModifiers, withCtx, createBlock, createTextVNode, toDisplayString, normalizeClass, createElementVNode } from "vue";
+/* empty css                  */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "form-setting",
@@ -88,13 +89,19 @@ const _sfc_main = {
                   cssNameArray.push(newClass.trim());
                 }
               } else if (caItem.indexOf(" ") !== -1) {
-                const newClass = caItem.substring(caItem.indexOf(".") + 1, caItem.indexOf(" "));
+                const newClass = caItem.substring(
+                  caItem.indexOf(".") + 1,
+                  caItem.indexOf(" ")
+                );
                 if (!!newClass) {
                   cssNameArray.push(newClass.trim());
                 }
               } else {
                 if (caItem.indexOf("{") !== -1) {
-                  const newClass = caItem.substring(caItem.indexOf(".") + 1, caItem.indexOf("{"));
+                  const newClass = caItem.substring(
+                    caItem.indexOf(".") + 1,
+                    caItem.indexOf("{")
+                  );
                   cssNameArray.push(newClass.trim());
                 } else {
                   const newClass = caItem.substring(caItem.indexOf(".") + 1);
@@ -347,6 +354,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             }, 8, ["header"]),
             $options.showEventCollapse() ? (openBlock(), createBlock(_component_a_collapse_panel, {
               key: "2",
+              class: "eventPanel",
               header: _ctx.i18nt("designer.setting.事件属性")
             }, {
               default: withCtx(() => [
@@ -359,7 +367,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                       type: "info",
                       plain: "",
                       shape: "round",
-                      class: normalizeClass([$options.getFormEventHandled("onFormCreated") ? "button-text-highlight" : ""]),
+                      class: normalizeClass([
+                        $options.getFormEventHandled("onFormCreated") ? "button-text-highlight" : ""
+                      ]),
                       onClick: _cache[5] || (_cache[5] = ($event) => $options.editFormEventHandler("onFormCreated"))
                     }, {
                       default: withCtx(() => [
@@ -378,7 +388,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     createVNode(_component_a_button, {
                       type: "info",
                       shape: "round",
-                      class: normalizeClass([$options.getFormEventHandled("onFormMounted") ? "button-text-highlight" : ""]),
+                      class: normalizeClass([
+                        $options.getFormEventHandled("onFormMounted") ? "button-text-highlight" : ""
+                      ]),
                       onClick: _cache[6] || (_cache[6] = ($event) => $options.editFormEventHandler("onFormMounted"))
                     }, {
                       default: withCtx(() => [
@@ -398,7 +410,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                       type: "info",
                       plain: "",
                       shape: "round",
-                      class: normalizeClass([$options.getFormEventHandled("onFormDataChange") ? "button-text-highlight" : ""]),
+                      class: normalizeClass([
+                        $options.getFormEventHandled("onFormDataChange") ? "button-text-highlight" : ""
+                      ]),
                       onClick: _cache[7] || (_cache[7] = ($event) => $options.editFormEventHandler("onFormDataChange"))
                     }, {
                       default: withCtx(() => [

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

@@ -159,7 +159,9 @@ const _sfc_main = {
     },
     editEventHandler(eventName, eventParams) {
       this.curEventName = eventName;
-      this.eventHeader = `${this.optionModel.name}.${eventName}(${eventParams.join(", ")}) {`;
+      this.eventHeader = `${this.optionModel.name}.${eventName}(${eventParams.join(
+        ", "
+      )}) {`;
       this.eventHandlerCode = this.selectedWidget.options[eventName] || "";
       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  */";
@@ -488,7 +490,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   });
 }
-const SettingPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-485f8d38"]]);
+const SettingPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-f3fbcce3"]]);
 export {
   SettingPanel as default
 };

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

@@ -1,7 +1,7 @@
 import i18n from "../../../../../utils/i18n.js";
 import Sortable from "sortablejs";
 import CodeModalEditor from "../../../../code-editor/code-modal-editor.vue.js";
-import { resolveComponent, createElementBlock, openBlock, Fragment, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, createBlock, createCommentVNode, pushScopeId, popScopeId } from "vue";
+import { resolveComponent, createElementBlock, openBlock, Fragment, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, createBlock, createCommentVNode } from "vue";
 /* empty css                                    */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
@@ -65,6 +65,7 @@ const _sfc_main = {
         width: 150,
         sorter: false,
         customRender: "",
+        autoHeight: false,
         fixed: "",
         align: "center",
         title: "标题名",
@@ -77,7 +78,9 @@ const _sfc_main = {
     },
     handleDelete(index, row) {
       if (this.optionModel.tableColumns.length === 1) {
-        this.$message.warning(this.i18nt("designer.setting.onlyOneColumnCannotBeDeleted"));
+        this.$message.warning(
+          this.i18nt("designer.setting.onlyOneColumnCannotBeDeleted")
+        );
         return false;
       }
       this.optionModel.tableColumns.splice(index, 1);
@@ -94,10 +97,8 @@ const _sfc_main = {
     }
   }
 };
-const _withScopeId = (n) => (pushScopeId("data-v-227afdc4"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "table-wrap" };
-const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("i", { class: "iconfont icon-drag drag-option" }, null, -1));
-const _hoisted_3 = { class: "dialog-footer" };
+const _hoisted_2 = { 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");
@@ -112,7 +113,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_modal = resolveComponent("a-modal");
   const _component_CodeModalEditor = resolveComponent("CodeModalEditor");
   return openBlock(), createElementBlock(Fragment, null, [
-    createVNode(_component_a_form_item, { label: "表格列编辑" }, {
+    createVNode(_component_a_form_item, {
+      label: _ctx.i18nt("designer.setting.tableColEdit")
+    }, {
       default: withCtx(() => [
         createVNode(_component_a_button, {
           type: "primary",
@@ -126,7 +129,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, 8, ["onClick"])
       ]),
       _: 1
-    }),
+    }, 8, ["label"]),
     createVNode(_component_a_modal, {
       title: _ctx.i18nt("designer.setting.tableColEdit"),
       visible: $data.dialogVisible,
@@ -139,26 +142,26 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       width: "1200px"
     }, {
       footer: withCtx(() => [
-        createElementVNode("div", _hoisted_3, [
+        createElementVNode("div", _hoisted_2, [
           createVNode(_component_a_button, {
             size: "default",
-            type: "primary",
-            onClick: $options.colSubmit
+            onClick: _cache[0] || (_cache[0] = ($event) => $data.dialogVisible = false)
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.confirm")), 1)
+              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
             ]),
             _: 1
-          }, 8, ["onClick"]),
+          }),
           createVNode(_component_a_button, {
             size: "default",
-            onClick: _cache[0] || (_cache[0] = ($event) => $data.dialogVisible = false)
+            type: "primary",
+            onClick: $options.colSubmit
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
+              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.confirm")), 1)
             ]),
             _: 1
-          })
+          }, 8, ["onClick"])
         ])
       ]),
       default: withCtx(() => [
@@ -182,15 +185,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 fixed: "left",
                 customRender: ({ index }) => index + 1
               }, null, 8, ["customRender"]),
-              createVNode(_component_a_table_column, {
-                title: "排序",
-                width: 60
-              }, {
-                default: withCtx(() => [
-                  _hoisted_2
-                ]),
-                _: 1
-              }),
               createVNode(_component_a_table_column, {
                 title: _ctx.i18nt("designer.setting.columnName"),
                 width: 100,
@@ -403,11 +397,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(text, record, index, column, renderComponent) {`
+      "event-header": `function customRender(text, record, index, column) {`
     }, null, 8, ["modelValue", "onSave", "title", "event-header"])
   ], 64);
 }
-const dataTableTableColumnsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-227afdc4"]]);
+const dataTableTableColumnsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-f04a5231"]]);
 export {
   dataTableTableColumnsEditor as default
 };

package/src/components/form-designer/setting-panel/property-editor/diy-compontent-editor.vue.js

@@ -1,4 +1,5 @@
 import i18n from "../../../../utils/i18n.js";
+import { getCompontents } from "../../../CustomRender/components/index.js";
 import { resolveComponent, createBlock, openBlock, withCtx, createVNode } from "vue";
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
@@ -8,6 +9,11 @@ const _sfc_main = {
     designer: Object,
     selectedWidget: Object,
     optionModel: Object
+  },
+  data() {
+    return {
+      compontents: getCompontents()
+    };
   }
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {