@kp-ui/lowcode 1.0.45 → 1.0.47

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

@@ -1,5 +1,4 @@
 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 } from "vue";
 /* empty css                                    */
@@ -15,6 +14,83 @@ const _sfc_main = {
   },
   data() {
     return {
+      columns: [
+        {
+          title: "序号",
+          dataIndex: "index",
+          width: 60,
+          fixed: "left",
+          rowDrag: true,
+          resizable: true,
+          customRender: ({ index }) => index + 1
+        },
+        {
+          title: this.i18nt("designer.setting.columnName"),
+          dataIndex: "dataIndex",
+          resizable: true,
+          width: 100
+        },
+        {
+          title: this.i18nt("designer.setting.columnLabel"),
+          dataIndex: "title",
+          resizable: true,
+          width: 100
+        },
+        {
+          title: this.i18nt("designer.setting.columnWidth"),
+          dataIndex: "width",
+          resizable: true,
+          width: 100
+        },
+        {
+          title: this.i18nt("designer.setting.visibleColumn"),
+          dataIndex: "show",
+          resizable: true,
+          width: 90
+        },
+        {
+          title: this.i18nt("designer.setting.sortableColumn"),
+          dataIndex: "sorter",
+          resizable: true,
+          width: 90
+        },
+        {
+          title: "可拖动调整宽度",
+          dataIndex: "resizable",
+          width: 150
+        },
+        {
+          title: "超过宽度将自动省略",
+          dataIndex: "ellipsis",
+          resizable: true,
+          width: 150
+        },
+        {
+          title: this.i18nt("designer.setting.fixedColumn"),
+          dataIndex: "fixed",
+          resizable: true,
+          width: 100
+        },
+        {
+          title: this.i18nt("designer.setting.alignTypeOfColumn"),
+          dataIndex: "align",
+          resizable: true,
+          width: 100
+        },
+        {
+          title: "自定义渲染函数",
+          dataIndex: "customRender",
+          width: 120,
+          resizable: true,
+          fixed: "right"
+        },
+        {
+          title: this.i18nt("designer.setting.actionColumn"),
+          dataIndex: "action",
+          width: 80,
+          fixed: "right"
+        }
+      ],
       dialogVisible: false,
       currentTableColumn: {},
       renderJson: "",
@@ -27,27 +103,6 @@ const _sfc_main = {
     };
   },
   methods: {
-    //表格拖动排序
-    dragSort() {
-      const el = document.querySelectorAll(
-        "#singleTable .ant-table-body tbody.ant-table-tbody "
-      )[0];
-      const tableData = this.optionModel.tableColumns;
-      this.sortable = Sortable.create(el, {
-        ghostClass: "sortable-ghost",
-        setData: function(dataTransfer) {
-          dataTransfer.setData("Text", "");
-        },
-        onEnd: (e) => {
-          const { oldIndex, newIndex } = e;
-          if (oldIndex === newIndex) {
-            return;
-          }
-          const targetRow = tableData.splice(e.oldIndex - 1, 1)[0];
-          tableData.splice(newIndex - 1, 0, targetRow);
-        }
-      });
-    },
     showRenderDialog(tableColumn) {
       this.currentTableColumn = tableColumn;
       this.renderJson = tableColumn.customRender || "";
@@ -65,7 +120,6 @@ const _sfc_main = {
         width: 150,
         sorter: false,
         customRender: "",
-        autoHeight: false,
         fixed: "",
         align: "center",
         title: "标题名",
@@ -91,25 +145,21 @@ const _sfc_main = {
     },
     openSetting() {
       this.dialogVisible = true;
-      this.$nextTick(() => {
-        this.dragSort();
-      });
     }
   }
 };
 const _hoisted_1 = { class: "table-wrap" };
-const _hoisted_2 = { class: "dialog-footer" };
+const _hoisted_2 = { class: "add-btn" };
+const _hoisted_3 = { 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");
-  const _component_a_table_column = resolveComponent("a-table-column");
   const _component_a_input = resolveComponent("a-input");
-  const _component_a_input_number = resolveComponent("a-input-number");
   const _component_a_switch = resolveComponent("a-switch");
   const _component_a_select_option = resolveComponent("a-select-option");
   const _component_a_select = resolveComponent("a-select");
   const _component_a_space = resolveComponent("a-space");
-  const _component_a_table = resolveComponent("a-table");
+  const _component_s_table = resolveComponent("s-table");
   const _component_a_modal = resolveComponent("a-modal");
   const _component_CodeModalEditor = resolveComponent("CodeModalEditor");
   return openBlock(), createElementBlock(Fragment, null, [
@@ -133,7 +183,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createVNode(_component_a_modal, {
       title: _ctx.i18nt("designer.setting.tableColEdit"),
       visible: $data.dialogVisible,
-      "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => $data.dialogVisible = $event),
+      "onUpdate:visible": _cache[3] || (_cache[3] = ($event) => $data.dialogVisible = $event),
       "show-close": true,
       "append-to-body": "",
       "close-on-click-modal": false,
@@ -142,10 +192,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       width: "1200px"
     }, {
       footer: withCtx(() => [
-        createElementVNode("div", _hoisted_2, [
+        createElementVNode("div", _hoisted_3, [
           createVNode(_component_a_button, {
             size: "default",
-            onClick: _cache[0] || (_cache[0] = ($event) => $data.dialogVisible = false)
+            onClick: _cache[2] || (_cache[2] = ($event) => $data.dialogVisible = false)
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
@@ -166,234 +216,137 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       default: withCtx(() => [
         createElementVNode("div", _hoisted_1, [
-          createVNode(_component_a_table, {
+          createVNode(_component_s_table, {
             dataSource: $props.optionModel.tableColumns,
             style: { "width": "100%" },
-            class: "tpf-table",
+            class: "tpf-surely-table",
+            deepWatchDataSource: "",
             "cell-style": { padding: "0" },
             height: "600",
-            bordered: "",
-            "row-key": (r) => r.columnId,
             id: "singleTable",
             scroll: { y: 300, x: 300 },
-            pagination: false
+            pagination: false,
+            resizable: "",
+            "row-key": (record) => record.columnId,
+            columns: $data.columns
           }, {
-            default: withCtx(() => [
-              createVNode(_component_a_table_column, {
-                title: "序号",
-                width: 60,
-                fixed: "left",
-                customRender: ({ index }) => index + 1
-              }, null, 8, ["customRender"]),
-              createVNode(_component_a_table_column, {
-                title: _ctx.i18nt("designer.setting.columnName"),
-                width: 100,
-                dataIndex: "dataIndex"
-              }, {
-                default: withCtx((scope) => [
-                  createVNode(_component_a_input, {
-                    value: scope.record.dataIndex,
-                    "onUpdate:value": ($event) => scope.record.dataIndex = $event,
-                    style: { "width": "90%" }
-                  }, null, 8, ["value", "onUpdate:value"])
-                ]),
-                _: 1
-              }, 8, ["title"]),
-              createVNode(_component_a_table_column, {
-                title: _ctx.i18nt("designer.setting.columnLabel"),
-                width: 100,
-                dataIndex: "title"
-              }, {
-                default: withCtx((scope) => [
-                  createVNode(_component_a_input, {
-                    value: scope.record.title,
-                    "onUpdate:value": ($event) => scope.record.title = $event,
-                    style: { "width": "90%" }
-                  }, null, 8, ["value", "onUpdate:value"])
-                ]),
-                _: 1
-              }, 8, ["title"]),
-              createVNode(_component_a_table_column, {
-                title: _ctx.i18nt("designer.setting.columnWidth"),
-                width: 100,
-                dataIndex: "width"
-              }, {
-                default: withCtx((scope) => [
-                  createVNode(_component_a_input_number, {
-                    min: 20,
-                    max: 500,
-                    value: scope.record.width,
-                    "onUpdate:value": ($event) => scope.record.width = $event
-                  }, null, 8, ["value", "onUpdate:value"])
-                ]),
-                _: 1
-              }, 8, ["title"]),
-              createVNode(_component_a_table_column, {
-                title: _ctx.i18nt("designer.setting.visibleColumn"),
-                width: 90,
-                dataIndex: "show"
-              }, {
-                default: withCtx((scope) => [
-                  createVNode(_component_a_switch, {
-                    checked: scope.record.show,
-                    "onUpdate:checked": ($event) => scope.record.show = $event
-                  }, null, 8, ["checked", "onUpdate:checked"])
-                ]),
-                _: 1
-              }, 8, ["title"]),
-              createVNode(_component_a_table_column, {
-                title: _ctx.i18nt("designer.setting.sortableColumn"),
-                width: 90,
-                dataIndex: "sorter"
-              }, {
-                default: withCtx((scope) => [
-                  createVNode(_component_a_switch, {
-                    checked: scope.record.sorter,
-                    "onUpdate:checked": ($event) => scope.record.sorter = $event
-                  }, null, 8, ["checked", "onUpdate:checked"])
-                ]),
-                _: 1
-              }, 8, ["title"]),
-              createVNode(_component_a_table_column, {
-                title: `可拖动调整宽度`,
-                width: 150,
-                dataIndex: "resizable"
-              }, {
-                default: withCtx((scope) => [
-                  createVNode(_component_a_switch, {
-                    checked: scope.record.resizable,
-                    "onUpdate:checked": ($event) => scope.record.resizable = $event
-                  }, null, 8, ["checked", "onUpdate:checked"])
-                ]),
-                _: 1
-              }),
-              createVNode(_component_a_table_column, {
-                title: "超过宽度将自动省略",
-                width: 150,
-                dataIndex: "ellipsis"
-              }, {
-                default: withCtx((scope) => [
-                  createVNode(_component_a_switch, {
-                    checked: scope.record.ellipsis,
-                    "onUpdate:checked": ($event) => scope.record.ellipsis = $event
-                  }, null, 8, ["checked", "onUpdate:checked"])
-                ]),
-                _: 1
-              }),
-              createVNode(_component_a_table_column, {
-                title: _ctx.i18nt("designer.setting.fixedColumn"),
-                width: 100,
-                dataIndex: "fixed"
+            bodyCell: withCtx(({ column, 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
+              }, null, 8, ["value", "onUpdate:value"])) : createCommentVNode("", true),
+              column.dataIndex === "title" ? (openBlock(), createBlock(_component_a_input, {
+                key: 1,
+                value: $props.optionModel.tableColumns[recordIndexs[0]].title,
+                "onUpdate:value": ($event) => $props.optionModel.tableColumns[recordIndexs[0]].title = $event
+              }, null, 8, ["value", "onUpdate:value"])) : createCommentVNode("", true),
+              column.dataIndex === "width" ? (openBlock(), createBlock(_component_a_input, {
+                key: 2,
+                value: $props.optionModel.tableColumns[recordIndexs[0]].width,
+                "onUpdate:value": ($event) => $props.optionModel.tableColumns[recordIndexs[0]].width = $event
+              }, null, 8, ["value", "onUpdate:value"])) : createCommentVNode("", true),
+              column.dataIndex === "show" ? (openBlock(), createBlock(_component_a_input, {
+                key: 3,
+                value: $props.optionModel.tableColumns[recordIndexs[0]].show,
+                "onUpdate:value": ($event) => $props.optionModel.tableColumns[recordIndexs[0]].show = $event
+              }, null, 8, ["value", "onUpdate:value"])) : 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
+              }, 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
+              }, 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
+              }, 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,
+                allowClear: "",
+                style: {}
               }, {
-                default: withCtx((scope) => [
-                  createVNode(_component_a_select, {
-                    value: scope.record.fixed,
-                    "onUpdate:value": ($event) => scope.record.fixed = $event,
-                    style: { "width": "90%" },
-                    allowClear: ""
-                  }, {
+                default: withCtx(() => [
+                  createVNode(_component_a_select_option, { value: "left" }, {
+                    default: withCtx(() => [
+                      createTextVNode("左固定")
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_a_select_option, { value: "right" }, {
                     default: withCtx(() => [
-                      createVNode(_component_a_select_option, { value: "left" }, {
-                        default: withCtx(() => [
-                          createTextVNode("左固定")
-                        ]),
-                        _: 1
-                      }),
-                      createVNode(_component_a_select_option, { value: "right" }, {
-                        default: withCtx(() => [
-                          createTextVNode("右固定")
-                        ]),
-                        _: 1
-                      })
+                      createTextVNode("右固定")
                     ]),
-                    _: 2
-                  }, 1032, ["value", "onUpdate:value"])
+                    _: 1
+                  })
                 ]),
-                _: 1
-              }, 8, ["title"]),
-              createVNode(_component_a_table_column, {
-                title: _ctx.i18nt("designer.setting.alignTypeOfColumn"),
-                width: 100,
-                dataIndex: "align"
+                _: 2
+              }, 1032, ["value", "onUpdate:value"])) : createCommentVNode("", true),
+              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,
+                options: $data.alignOptions
+              }, null, 8, ["value", "onUpdate:value", "options"])) : createCommentVNode("", true),
+              column.dataIndex === "customRender" ? (openBlock(), createBlock(_component_a_button, {
+                key: 9,
+                onClick: ($event) => $options.showRenderDialog(_ctx.index, column.dataIndex),
+                size: "small",
+                shape: "round"
               }, {
-                default: withCtx((scope) => [
-                  createVNode(_component_a_select, {
-                    value: scope.record.align,
-                    "onUpdate:value": ($event) => scope.record.align = $event,
-                    options: $data.alignOptions,
-                    style: { "width": "100%" }
-                  }, null, 8, ["value", "onUpdate:value", "options"])
+                default: withCtx(() => [
+                  createTextVNode(" edit ")
                 ]),
-                _: 1
-              }, 8, ["title"]),
-              createVNode(_component_a_table_column, {
-                align: "center",
-                title: "自定义渲染函数",
-                width: 120,
-                fixed: "right"
-              }, {
-                default: withCtx((scope) => [
-                  createVNode(_component_a_button, {
-                    onClick: ($event) => $options.showRenderDialog(scope.record),
+                _: 2
+              }, 1032, ["onClick"])) : createCommentVNode("", true),
+              column.dataIndex === "action" ? (openBlock(), createBlock(_component_a_space, { key: 10 }, {
+                default: withCtx(() => [
+                  $props.optionModel.tableColumns.length !== 1 ? (openBlock(), createBlock(_component_a_button, {
+                    key: 0,
+                    title: _ctx.i18nt("designer.setting.deleteTableColumn"),
                     size: "small",
-                    shape: "round"
+                    onClick: _cache[0] || (_cache[0] = ($event) => $options.handleDelete(_ctx.scope.$index, _ctx.scope.row)),
+                    type: "text"
                   }, {
                     default: withCtx(() => [
-                      createTextVNode(" edit ")
-                    ]),
-                    _: 2
-                  }, 1032, ["onClick"])
-                ]),
-                _: 1
-              }),
-              createVNode(_component_a_table_column, {
-                align: "center",
-                title: _ctx.i18nt("designer.setting.actionColumn"),
-                width: 120,
-                fixed: "right"
-              }, {
-                default: withCtx((scope) => [
-                  createVNode(_component_a_space, null, {
-                    default: withCtx(() => [
-                      createVNode(_component_a_button, {
-                        title: _ctx.i18nt("designer.setting.addTableColumn"),
-                        size: "small",
-                        onClick: $options.addCol,
-                        type: "text"
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.addTableColumn")), 1)
-                        ]),
-                        _: 1
-                      }, 8, ["title", "onClick"]),
-                      $props.optionModel.tableColumns.length !== 1 ? (openBlock(), createBlock(_component_a_button, {
-                        key: 0,
-                        title: _ctx.i18nt("designer.setting.deleteTableColumn"),
-                        size: "small",
-                        onClick: ($event) => $options.handleDelete(scope.$index, scope.row),
-                        type: "text"
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.deleteTableColumn")), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["title", "onClick"])) : createCommentVNode("", true)
+                      createTextVNode(" 删除 ")
                     ]),
-                    _: 2
-                  }, 1024)
+                    _: 1
+                  }, 8, ["title"])) : createCommentVNode("", true)
                 ]),
                 _: 1
-              }, 8, ["title"])
+              })) : createCommentVNode("", true)
             ]),
             _: 1
-          }, 8, ["dataSource", "row-key"])
+          }, 8, ["dataSource", "row-key", "columns"]),
+          createElementVNode("div", _hoisted_2, [
+            createVNode(_component_a_button, {
+              title: _ctx.i18nt("designer.setting.addTableColumn"),
+              type: "primary",
+              size: "medium",
+              onClick: _cache[1] || (_cache[1] = ($event) => $options.addCol())
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.addTableColumn")), 1)
+              ]),
+              _: 1
+            }, 8, ["title"])
+          ])
         ])
       ]),
       _: 1
     }, 8, ["title", "visible"]),
     createVNode(_component_CodeModalEditor, {
       modelValue: $data.renderJson,
-      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $data.renderJson = $event),
+      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $data.renderJson = $event),
       onSave: $options.saveColumnRender,
       ref: "CodeModalEditorRef",
       title: _ctx.i18nt("designer.setting.renderFunction"),
@@ -401,7 +354,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["modelValue", "onSave", "title", "event-header"])
   ], 64);
 }
-const dataTableTableColumnsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-56fe3743"]]);
+const dataTableTableColumnsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ec98caec"]]);
 export {
   dataTableTableColumnsEditor as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"data-table-tableColumns-editor.vue.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.tableColEdit')\">\n        <a-button type=\"primary\" shape=\"round\" @click=\"openSetting\">\n            {{ i18nt('designer.setting.editAction') }}\n        </a-button>\n    </a-form-item>\n    <a-modal\n        :title=\"i18nt('designer.setting.tableColEdit')\"\n        v-model:visible=\"dialogVisible\"\n        :show-close=\"true\"\n        append-to-body\n        :close-on-click-modal=\"false\"\n        :close-on-press-escape=\"false\"\n        :destroy-on-close=\"true\"\n        width=\"1200px\"\n    >\n        <div class=\"table-wrap\">\n            <a-table\n                :dataSource=\"optionModel.tableColumns\"\n                style=\"width: 100%\"\n                class=\"tpf-table\"\n                :cell-style=\"{ padding: '0' }\"\n                height=\"600\"\n                bordered\n                :row-key=\"r => r.columnId\"\n                id=\"singleTable\"\n                :scroll=\"{ y: 300, x: 300 }\"\n                :pagination=\"false\"\n            >\n                <a-table-column\n                    title=\"序号\"\n                    :width=\"60\"\n                    fixed=\"left\"\n                    :customRender=\"({ index }) => index + 1\"\n                />\n                <a-table-column\n                    :title=\"i18nt('designer.setting.columnName')\"\n                    :width=\"100\"\n                    dataIndex=\"dataIndex\"\n                >\n                    <template #default=\"scope\">\n                        <a-input v-model:value=\"scope.record.dataIndex\" style=\"width: 90%\" />\n                    </template>\n                </a-table-column>\n                <a-table-column\n                    :title=\"i18nt('designer.setting.columnLabel')\"\n                    :width=\"100\"\n                    dataIndex=\"title\"\n                >\n                    <template #default=\"scope\">\n                        <a-input v-model:value=\"scope.record.title\" style=\"width: 90%\" />\n                    </template>\n                </a-table-column>\n                <a-table-column\n                    :title=\"i18nt('designer.setting.columnWidth')\"\n                    :width=\"100\"\n                    dataIndex=\"width\"\n                >\n                    <template #default=\"scope\">\n                        <a-input-number :min=\"20\" :max=\"500\" v-model:value=\"scope.record.width\" />\n                    </template>\n                </a-table-column>\n                <a-table-column\n                    :title=\"i18nt('designer.setting.visibleColumn')\"\n                    :width=\"90\"\n                    dataIndex=\"show\"\n                >\n                    <template #default=\"scope\">\n                        <a-switch v-model:checked=\"scope.record.show\" />\n                    </template>\n                </a-table-column>\n                <a-table-column\n                    :title=\"i18nt('designer.setting.sortableColumn')\"\n                    :width=\"90\"\n                    dataIndex=\"sorter\"\n                >\n                    <template #default=\"scope\">\n                        <a-switch v-model:checked=\"scope.record.sorter\" />\n                    </template>\n                </a-table-column>\n                <a-table-column :title=\"`可拖动调整宽度`\" :width=\"150\" dataIndex=\"resizable\">\n                    <template #default=\"scope\">\n                        <a-switch v-model:checked=\"scope.record.resizable\" />\n                    </template>\n                </a-table-column>\n                <a-table-column :title=\"'超过宽度将自动省略'\" :width=\"150\" dataIndex=\"ellipsis\">\n                    <template #default=\"scope\">\n                        <a-switch v-model:checked=\"scope.record.ellipsis\" />\n                    </template>\n                </a-table-column>\n                <a-table-column\n                    :title=\"i18nt('designer.setting.fixedColumn')\"\n                    :width=\"100\"\n                    dataIndex=\"fixed\"\n                >\n                    <template #default=\"scope\">\n                        <a-select v-model:value=\"scope.record.fixed\" style=\"width: 90%\" allowClear>\n                            <a-select-option value=\"left\">左固定</a-select-option>\n                            <a-select-option value=\"right\">右固定</a-select-option>\n                        </a-select>\n                    </template>\n                </a-table-column>\n                <a-table-column\n                    :title=\"i18nt('designer.setting.alignTypeOfColumn')\"\n                    :width=\"100\"\n                    dataIndex=\"align\"\n                >\n                    <template #default=\"scope\">\n                        <a-select\n                            v-model:value=\"scope.record.align\"\n                            :options=\"alignOptions\"\n                            style=\"width: 100%\"\n                        />\n                    </template>\n                </a-table-column>\n                <a-table-column align=\"center\" :title=\"'自定义渲染函数'\" :width=\"120\" fixed=\"right\">\n                    <template #default=\"scope\">\n                        <a-button\n                            @click=\"showRenderDialog(scope.record)\"\n                            size=\"small\"\n                            shape=\"round\"\n                        >\n                            edit\n                        </a-button>\n                    </template>\n                </a-table-column>\n                <a-table-column\n                    align=\"center\"\n                    :title=\"i18nt('designer.setting.actionColumn')\"\n                    :width=\"120\"\n                    fixed=\"right\"\n                >\n                    <template #default=\"scope\">\n                        <a-space>\n                            <a-button\n                                :title=\"i18nt('designer.setting.addTableColumn')\"\n                                size=\"small\"\n                                @click=\"addCol\"\n                                type=\"text\"\n                            >\n                                {{ i18nt('designer.setting.addTableColumn') }}\n                            </a-button>\n                            <a-button\n                                v-if=\"optionModel.tableColumns.length !== 1\"\n                                :title=\"i18nt('designer.setting.deleteTableColumn')\"\n                                size=\"small\"\n                                @click=\"handleDelete(scope.$index, scope.row)\"\n                                type=\"text\"\n                            >\n                                {{ i18nt('designer.setting.deleteTableColumn') }}\n                            </a-button>\n                        </a-space>\n                    </template>\n                </a-table-column>\n            </a-table>\n        </div>\n        <template #footer>\n            <div class=\"dialog-footer\">\n                <a-button size=\"default\" @click=\"dialogVisible = false\">\n                    {{ i18nt('designer.hint.cancel') }}\n                </a-button>\n                <a-button size=\"default\" type=\"primary\" @click=\"colSubmit\">\n                    {{ i18nt('designer.hint.confirm') }}\n                </a-button>\n            </div>\n        </template>\n    </a-modal>\n\n    <CodeModalEditor\n        v-model=\"renderJson\"\n        @save=\"saveColumnRender\"\n        ref=\"CodeModalEditorRef\"\n        :title=\"i18nt('designer.setting.renderFunction')\"\n        :event-header=\"`async function customRender(scope) {`\"\n    />\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import Sortable from 'sortablejs';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n\n    export default {\n        name: 'tableColumns-editor',\n        mixins: [i18n],\n        components: { CodeModalEditor },\n        props: {\n            designer: Object,\n            selectedWidget: Object,\n            optionModel: Object\n        },\n        data() {\n            return {\n                dialogVisible: false,\n                currentTableColumn: {},\n                renderJson: '',\n                showRenderDialogFlag: false,\n                alignOptions: [\n                    { value: 'left', label: 'left' },\n                    { value: 'center', label: 'center' },\n                    { value: 'right', label: 'right' }\n                ]\n            };\n        },\n        methods: {\n            //表格拖动排序\n            dragSort() {\n                const el = document.querySelectorAll(\n                    '#singleTable .ant-table-body tbody.ant-table-tbody '\n                )[0];\n\n                const tableData = this.optionModel.tableColumns;\n                this.sortable = Sortable.create(el, {\n                    ghostClass: 'sortable-ghost',\n                    setData: function (dataTransfer) {\n                        dataTransfer.setData('Text', '');\n                    },\n                    onEnd: e => {\n                        const { oldIndex, newIndex } = e;\n                        if (oldIndex === newIndex) {\n                            return;\n                        }\n                        //e.oldIndex为拖动一行原来的位置，e.newIndex为拖动后新的位置\n                        const targetRow = tableData.splice(e.oldIndex - 1, 1)[0];\n                        tableData.splice(newIndex - 1, 0, targetRow);\n                    }\n                });\n            },\n            showRenderDialog(tableColumn) {\n                this.currentTableColumn = tableColumn;\n                this.renderJson = tableColumn.customRender || '';\n                // this.showRenderDialogFlag = true;\n                this.$refs.CodeModalEditorRef.open(this.renderJson);\n            },\n            saveColumnRender() {\n                this.currentTableColumn.customRender = this.renderJson;\n                console.log('this.renderJson: ', this.renderJson);\n                this.showRenderDialogFlag = false;\n            },\n            addCol() {\n                const newRow = {\n                    columnId: new Date().getTime(),\n                    show: true,\n                    width: 150,\n                    sorter: false,\n                    customRender: '',\n                    autoHeight: false,\n                    fixed: '',\n                    align: 'center',\n                    title: '标题名',\n                    dataIndex: '',\n                    resizable: true,\n                    showSorterTooltip: false\n                };\n                this.optionModel.tableColumns.push(newRow);\n                this.designer.emitHistoryChange();\n            },\n            handleDelete(index, row) {\n                if (this.optionModel.tableColumns.length === 1) {\n                    this.$message.warning(\n                        this.i18nt('designer.setting.onlyOneColumnCannotBeDeleted')\n                    );\n                    return false;\n                }\n                this.optionModel.tableColumns.splice(index, 1);\n            },\n            // 确认表格列更改\n            colSubmit() {\n                this.dialogVisible = false;\n            },\n            openSetting() {\n                this.dialogVisible = true;\n                this.$nextTick(() => {\n                    this.dragSort();\n                });\n            }\n        }\n    };\n</script>\n\n<style lang=\"less\" scoped>\n    .drag-option {\n        cursor: move;\n    }\n    .table-wrap {\n        display: flex;\n        font-size: 12px;\n        :deep(.ant-table) {\n            .ant-table-body {\n                height: 50vh;\n            }\n        }\n        :deep(.ant-input) {\n            font-size: 12px;\n        }\n    }\n</style>\n"],"names":["_createVNode","_createElementVNode","_withCtx","_createBlock"],"mappings":"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"}
+{"version":3,"file":"data-table-tableColumns-editor.vue.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.tableColEdit')\">\n        <a-button type=\"primary\" shape=\"round\" @click=\"openSetting\">\n            {{ i18nt('designer.setting.editAction') }}\n        </a-button>\n    </a-form-item>\n    <a-modal\n        :title=\"i18nt('designer.setting.tableColEdit')\"\n        v-model:visible=\"dialogVisible\"\n        :show-close=\"true\"\n        append-to-body\n        :close-on-click-modal=\"false\"\n        :close-on-press-escape=\"false\"\n        :destroy-on-close=\"true\"\n        width=\"1200px\"\n    >\n        <div class=\"table-wrap\">\n            <s-table\n                :dataSource=\"optionModel.tableColumns\"\n                style=\"width: 100%\"\n                class=\"tpf-surely-table\"\n                deepWatchDataSource\n                :cell-style=\"{ padding: '0' }\"\n                height=\"600\"\n                id=\"singleTable\"\n                :scroll=\"{ y: 300, x: 300 }\"\n                :pagination=\"false\"\n                resizable\n                :row-key=\"record => record.columnId\"\n                :columns=\"columns\"\n            >\n                <template #bodyCell=\"{ column, recordIndexs }\">\n                    <template v-if=\"column.dataIndex === 'dataIndex'\">\n                        <a-input\n                            v-model:value=\"optionModel.tableColumns[recordIndexs[0]].dataIndex\"\n                        />\n                    </template>\n                    <template v-if=\"column.dataIndex === 'title'\">\n                        <a-input v-model:value=\"optionModel.tableColumns[recordIndexs[0]].title\" />\n                    </template>\n                    <template v-if=\"column.dataIndex === 'width'\">\n                        <a-input v-model:value=\"optionModel.tableColumns[recordIndexs[0]].width\" />\n                    </template>\n                    <template v-if=\"column.dataIndex === 'show'\">\n                        <a-input v-model:value=\"optionModel.tableColumns[recordIndexs[0]].show\" />\n                    </template>\n                    <template v-if=\"column.dataIndex === 'sorter'\">\n                        <a-switch\n                            v-model:checked=\"optionModel.tableColumns[recordIndexs[0]].sorter\"\n                        />\n                    </template>\n                    <template v-if=\"column.dataIndex === 'resizable'\">\n                        <a-switch\n                            v-model:checked=\"optionModel.tableColumns[recordIndexs[0]].resizable\"\n                        />\n                    </template>\n                    <template v-if=\"column.dataIndex === 'ellipsis'\">\n                        <a-switch\n                            v-model:checked=\"optionModel.tableColumns[recordIndexs[0]].ellipsis\"\n                        />\n                    </template>\n                    <template v-if=\"column.dataIndex === 'fixed'\">\n                        <a-select\n                            v-model:value=\"optionModel.tableColumns[recordIndexs[0]].fixed\"\n                            allowClear\n                            style=\"100%\"\n                        >\n                            <a-select-option value=\"left\">左固定</a-select-option>\n                            <a-select-option value=\"right\">右固定</a-select-option>\n                        </a-select>\n                    </template>\n                    <template v-if=\"column.dataIndex === 'align'\">\n                        <a-select\n                            style=\"100%\"\n                            v-model:value=\"optionModel.tableColumns[recordIndexs[0]].align\"\n                            :options=\"alignOptions\"\n                        />\n                    </template>\n                    <template v-if=\"column.dataIndex === 'customRender'\">\n                        <a-button\n                            @click=\"showRenderDialog(index, column.dataIndex)\"\n                            size=\"small\"\n                            shape=\"round\"\n                        >\n                            edit\n                        </a-button>\n                    </template>\n                    <template v-if=\"column.dataIndex === 'action'\">\n                        <a-space>\n                            <a-button\n                                v-if=\"optionModel.tableColumns.length !== 1\"\n                                :title=\"i18nt('designer.setting.deleteTableColumn')\"\n                                size=\"small\"\n                                @click=\"handleDelete(scope.$index, scope.row)\"\n                                type=\"text\"\n                            >\n                                删除\n                            </a-button>\n                        </a-space>\n                    </template>\n                </template>\n            </s-table>\n            <div class=\"add-btn\">\n                <a-button\n                    :title=\"i18nt('designer.setting.addTableColumn')\"\n                    type=\"primary\"\n                    size=\"medium\"\n                    @click=\"addCol()\"\n                >\n                    {{ i18nt('designer.setting.addTableColumn') }}\n                </a-button>\n            </div>\n        </div>\n        <template #footer>\n            <div class=\"dialog-footer\">\n                <a-button size=\"default\" @click=\"dialogVisible = false\">\n                    {{ i18nt('designer.hint.cancel') }}\n                </a-button>\n                <a-button size=\"default\" type=\"primary\" @click=\"colSubmit\">\n                    {{ i18nt('designer.hint.confirm') }}\n                </a-button>\n            </div>\n        </template>\n    </a-modal>\n\n    <CodeModalEditor\n        v-model=\"renderJson\"\n        @save=\"saveColumnRender\"\n        ref=\"CodeModalEditorRef\"\n        :title=\"i18nt('designer.setting.renderFunction')\"\n        :event-header=\"`async function customRender(scope) {`\"\n    />\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n    export default {\n        name: 'tableColumns-editor',\n        mixins: [i18n],\n        components: { CodeModalEditor },\n        props: {\n            designer: Object,\n            selectedWidget: Object,\n            optionModel: Object\n        },\n        data() {\n            return {\n                columns: [\n                    {\n                        title: '序号',\n                        dataIndex: 'index',\n                        width: 60,\n                        fixed: 'left',\n                        rowDrag: true,\n                        resizable: true,\n                        customRender: ({ index }) => index + 1\n                    },\n                    {\n                        title: this.i18nt('designer.setting.columnName'),\n                        dataIndex: 'dataIndex',\n                        resizable: true,\n                        width: 100\n                    },\n                    {\n                        title: this.i18nt('designer.setting.columnLabel'),\n                        dataIndex: 'title',\n                        resizable: true,\n                        width: 100\n                    },\n                    {\n                        title: this.i18nt('designer.setting.columnWidth'),\n                        dataIndex: 'width',\n                        resizable: true,\n                        width: 100\n                    },\n                    {\n                        title: this.i18nt('designer.setting.visibleColumn'),\n                        dataIndex: 'show',\n                        resizable: true,\n                        width: 90\n                    },\n                    {\n                        title: this.i18nt('designer.setting.sortableColumn'),\n                        dataIndex: 'sorter',\n                        resizable: true,\n                        width: 90\n                    },\n                    {\n                        title: '可拖动调整宽度',\n                        dataIndex: 'resizable',\n                        width: 150\n                    },\n                    {\n                        title: '超过宽度将自动省略',\n                        dataIndex: 'ellipsis',\n                        resizable: true,\n                        width: 150\n                    },\n                    {\n                        title: this.i18nt('designer.setting.fixedColumn'),\n                        dataIndex: 'fixed',\n                        resizable: true,\n                        width: 100\n                    },\n                    {\n                        title: this.i18nt('designer.setting.alignTypeOfColumn'),\n                        dataIndex: 'align',\n                        resizable: true,\n                        width: 100\n                    },\n                    {\n                        title: '自定义渲染函数',\n                        dataIndex: 'customRender',\n                        width: 120,\n                        resizable: true,\n                        fixed: 'right'\n                    },\n                    {\n                        title: this.i18nt('designer.setting.actionColumn'),\n                        dataIndex: 'action',\n                        width: 80,\n                        fixed: 'right'\n                    }\n                ],\n                dialogVisible: false,\n                currentTableColumn: {},\n                renderJson: '',\n                showRenderDialogFlag: false,\n                alignOptions: [\n                    { value: 'left', label: 'left' },\n                    { value: 'center', label: 'center' },\n                    { value: 'right', label: 'right' }\n                ]\n            };\n        },\n        methods: {\n            showRenderDialog(tableColumn) {\n                this.currentTableColumn = tableColumn;\n                this.renderJson = tableColumn.customRender || '';\n                // this.showRenderDialogFlag = true;\n                this.$refs.CodeModalEditorRef.open(this.renderJson);\n            },\n            saveColumnRender() {\n                this.currentTableColumn.customRender = this.renderJson;\n                console.log('this.renderJson: ', this.renderJson);\n                this.showRenderDialogFlag = false;\n            },\n            addCol() {\n                const newRow = {\n                    columnId: new Date().getTime(),\n                    show: true,\n                    width: 150,\n                    sorter: false,\n                    customRender: '',\n                    fixed: '',\n                    align: 'center',\n                    title: '标题名',\n                    dataIndex: '',\n                    resizable: true,\n                    showSorterTooltip: false\n                };\n                this.optionModel.tableColumns.push(newRow);\n                this.designer.emitHistoryChange();\n            },\n            handleDelete(index, row) {\n                if (this.optionModel.tableColumns.length === 1) {\n                    this.$message.warning(\n                        this.i18nt('designer.setting.onlyOneColumnCannotBeDeleted')\n                    );\n                    return false;\n                }\n                this.optionModel.tableColumns.splice(index, 1);\n            },\n            // 确认表格列更改\n            colSubmit() {\n                this.dialogVisible = false;\n            },\n            openSetting() {\n                this.dialogVisible = true;\n            }\n        }\n    };\n</script>\n\n<style lang=\"less\" scoped>\n    .drag-option {\n        cursor: move;\n    }\n    .table-wrap {\n        display: flex;\n        font-size: 12px;\n        flex-direction: column;\n        :deep(.surely-table-body) {\n            height: 50vh;\n        }\n        :deep(.ant-input) {\n            font-size: 12px;\n        }\n        .add-btn {\n            margin-top: 10px;\n            text-align: center;\n        }\n    }\n</style>\n"],"names":["_createVNode","_createElementVNode","_withCtx","_createBlock"],"mappings":"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"}

package/src/components/public/methoad-item.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, resolveComponent, createElementBlock, openBlock, Fragment, createVNode, withCtx, createTextVNode, normalizeClass, toDisplayString, unref, createElementVNode } from "vue";
+import { defineComponent, ref, resolveComponent, createElementBlock, openBlock, Fragment, createVNode, withCtx, normalizeClass, createTextVNode, toDisplayString, unref, createElementVNode } from "vue";
 import { useI18n } from "../../utils/i18n.js";
 import CodeEditor from "../code-editor/index.vue.js";
 import { message } from "ant-design-vue";
@@ -63,8 +63,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createTextVNode(toDisplayString(unref(i18nt)("designer.setting.addEventHandler")), 1)
               ]),
               _: 1
-            }, 8, ["class"]),
-            createTextVNode(" " + toDisplayString(_ctx.moduleValue), 1)
+            }, 8, ["class"])
           ]),
           _: 1
         }, 8, ["label"]),