@kp-ui/lowcode 1.0.91 → 1.0.94

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

@@ -1,79 +1,67 @@
-import { defineComponent, ref, resolveComponent, createElementBlock, openBlock, Fragment, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, createBlock, createCommentVNode, normalizeClass } from "vue";
-import { useI18n } from "../../../../../utils/i18n.js";
-import _sfc_main$1 from "../../../../code-editor/code-modal-editor.vue.js";
-import { cloneDeep } from "lodash-es";
-import { TpfModal } from "tmgc2-share";
-import STable, { setLicenseKey } from "@surely-vue/table";
-const _hoisted_1 = { class: "table-wrap" };
-const _hoisted_2 = {
+import { defineComponent as O, ref as b, resolveComponent as h, createElementBlock as R, openBlock as o, Fragment as H, createVNode as s, unref as c, withCtx as d, createTextVNode as g, toDisplayString as k, createElementVNode as I, createBlock as p, createCommentVNode as u, normalizeClass as Q } from "vue";
+import { useI18n as Y } from "../../../../../utils/i18n.js";
+import j from "../../../../code-editor/code-modal-editor.vue.js";
+import { cloneDeep as M } from "lodash-es";
+import { TpfModal as K } from "tmgc2-share";
+import P, { setLicenseKey as X } from "@surely-vue/table";
+const Z = { class: "table-wrap" }, q = {
   key: 2,
   style: { "text-align": "center" }
-};
-const _hoisted_3 = { class: "add-btn" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "tableColumns-editor"
-  },
+}, G = { class: "add-btn" }, de = /* @__PURE__ */ O({
+  name: "tableColumns-editor",
   __name: "data-table-tableColumns-editor",
   props: {
     designer: {},
     selectedWidget: {},
     optionModel: {}
   },
-  setup(__props, { expose: __expose }) {
-    setLicenseKey(
+  setup(D, { expose: E }) {
+    X(
       "45beeffb8943e862ec9cbaa94614552cT1JERVI6MTAwMDc5LEVYUElSWT0xNzQ4MzA0MDAwMDAwLERPTUFJTj1zdXJlbHkuY29vbCxVTFRJTUFURT0xLEtFWVZFUlNJT049MQ=="
     );
-    const { i18nt } = useI18n();
-    const props = __props;
-    const CodeModalEditorRef = ref(null);
-    const dialogVisible = ref(false);
-    const tableColumns = ref([]);
-    const currentRecordIndexs = ref(null);
-    const alignOptions = [
+    const { i18nt: a } = Y(), _ = D, x = b(null), m = b(!1), e = b([]), w = b(null), S = [
       { value: "left", label: "left" },
       { value: "center", label: "center" },
       { value: "right", label: "right" }
-    ];
-    const columns = [
+    ], A = [
       {
         title: "序号",
         dataIndex: "index",
         width: 100,
         fixed: "left",
-        rowDrag: true,
-        resizable: true,
-        customRender: ({ index }) => index + 1
+        rowDrag: !0,
+        resizable: !0,
+        customRender: ({ index: r }) => r + 1
       },
       {
-        title: i18nt("designer.setting.columnName"),
+        title: a("designer.setting.columnName"),
         dataIndex: "dataIndex",
-        resizable: true,
+        resizable: !0,
         width: 150
       },
       {
-        title: i18nt("designer.setting.columnLabel"),
+        title: a("designer.setting.columnLabel"),
         dataIndex: "title",
         align: "center",
-        resizable: true,
+        resizable: !0,
         width: 100
       },
       {
-        title: i18nt("designer.setting.columnWidth"),
+        title: a("designer.setting.columnWidth"),
         dataIndex: "width",
-        resizable: true,
+        resizable: !0,
         width: 120
       },
       {
-        title: i18nt("designer.setting.visibleColumn"),
+        title: a("designer.setting.visibleColumn"),
         dataIndex: "show",
-        resizable: true,
+        resizable: !0,
         width: 90
       },
       {
-        title: i18nt("designer.setting.sortableColumn"),
+        title: a("designer.setting.sortableColumn"),
         dataIndex: "sorter",
-        resizable: true,
+        resizable: !0,
         width: 90
       },
       {
@@ -84,269 +72,248 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       {
         title: "超过宽度将自动省略",
         dataIndex: "ellipsis",
-        resizable: true,
+        resizable: !0,
         width: 150
       },
       {
-        title: i18nt("designer.setting.fixedColumn"),
+        title: a("designer.setting.fixedColumn"),
         dataIndex: "fixed",
-        resizable: true,
+        resizable: !0,
         width: 100
       },
       {
-        title: i18nt("designer.setting.alignTypeOfColumn"),
+        title: a("designer.setting.alignTypeOfColumn"),
         dataIndex: "align",
-        resizable: true,
+        resizable: !0,
         width: 100
       },
       {
         title: "自定义渲染函数",
         dataIndex: "customRender",
         width: 120,
-        resizable: true,
+        resizable: !0,
         fixed: "right"
       },
       {
-        title: i18nt("designer.setting.actionColumn"),
+        title: a("designer.setting.actionColumn"),
         dataIndex: "action",
         width: 80,
         fixed: "right"
       }
-    ];
-    const showRenderDialog = (recordIndexs, record) => {
-      var _a;
-      currentRecordIndexs.value = recordIndexs;
-      (_a = CodeModalEditorRef.value) == null ? void 0 : _a.open(record.customRender || "");
-    };
-    const saveColumnRender = (value) => {
-      if (currentRecordIndexs.value !== null) {
-        tableColumns.value[currentRecordIndexs.value].customRender = value;
-      }
-    };
-    const addCol = () => {
-      const newRow = {
-        isAutoWidth: false,
+    ], V = (r, n) => {
+      var v;
+      w.value = r, (v = x.value) == null || v.open(n.customRender || "");
+    }, W = (r) => {
+      w.value !== null && (e.value[w.value].customRender = r);
+    }, F = () => {
+      const r = {
+        isAutoWidth: !1,
         columnId: (/* @__PURE__ */ new Date()).getTime(),
-        show: true,
+        show: !0,
         width: 150,
-        sorter: false,
+        sorter: !1,
         customRender: "",
         fixed: "",
         align: "left",
         title: "标题名",
         dataIndex: "",
-        resizable: true,
-        showSorterTooltip: false
+        resizable: !0,
+        showSorterTooltip: !1
       };
-      tableColumns.value.push(newRow);
-      props.designer.emitHistoryChange();
-    };
-    const handleDelete = (index) => {
-      if (tableColumns.value.length === 1) {
-        window.$message.warning(i18nt("designer.setting.onlyOneColumnCannotBeDeleted"));
-        return false;
-      }
-      tableColumns.value.splice(index, 1);
-    };
-    const colSubmit = () => {
-      props.optionModel.tableColumns = cloneDeep(tableColumns.value);
-      dialogVisible.value = false;
-    };
-    const openSetting = () => {
-      dialogVisible.value = true;
-      tableColumns.value = cloneDeep(props.optionModel.tableColumns);
+      e.value.push(r), _.designer.emitHistoryChange();
+    }, N = (r) => {
+      if (e.value.length === 1)
+        return window.$message.warning(a("designer.setting.onlyOneColumnCannotBeDeleted")), !1;
+      e.value.splice(r, 1);
+    }, $ = () => {
+      _.optionModel.tableColumns = M(e.value), m.value = !1;
+    }, z = () => {
+      m.value = !0, e.value = M(_.optionModel.tableColumns);
     };
-    __expose({
-      openSetting
-    });
-    return (_ctx, _cache) => {
-      const _component_a_button = resolveComponent("a-button");
-      const _component_a_form_item = resolveComponent("a-form-item");
-      const _component_a_input = resolveComponent("a-input");
-      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");
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_component_a_form_item, {
-          label: unref(i18nt)("designer.setting.tableColEdit")
+    return E({
+      openSetting: z
+    }), (r, n) => {
+      const v = h("a-button"), J = h("a-form-item"), C = h("a-input"), f = h("a-switch"), U = h("a-select-option"), T = h("a-select"), L = h("a-space");
+      return o(), R(H, null, [
+        s(J, {
+          label: c(a)("designer.setting.tableColEdit")
         }, {
-          default: withCtx(() => [
-            createVNode(_component_a_button, {
+          default: d(() => [
+            s(v, {
               type: "primary",
               shape: "round",
-              onClick: openSetting
+              onClick: z
             }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18nt)("designer.setting.editAction")), 1)
+              default: d(() => [
+                g(k(c(a)("designer.setting.editAction")), 1)
               ]),
               _: 1
             })
           ]),
           _: 1
         }, 8, ["label"]),
-        createVNode(unref(TpfModal), {
-          title: unref(i18nt)("designer.setting.tableColEdit"),
-          visible: dialogVisible.value,
-          "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => dialogVisible.value = $event),
+        s(c(K), {
+          title: c(a)("designer.setting.tableColEdit"),
+          visible: m.value,
+          "onUpdate:visible": n[2] || (n[2] = (i) => m.value = i),
           width: "1200px"
         }, {
-          footerRight: withCtx(() => [
-            createVNode(_component_a_button, {
+          footerRight: d(() => [
+            s(v, {
               size: "default",
-              onClick: _cache[1] || (_cache[1] = ($event) => dialogVisible.value = false)
+              onClick: n[1] || (n[1] = (i) => m.value = !1)
             }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18nt)("designer.hint.cancel")), 1)
+              default: d(() => [
+                g(k(c(a)("designer.hint.cancel")), 1)
               ]),
               _: 1
             }),
-            createVNode(_component_a_button, {
+            s(v, {
               size: "default",
               type: "primary",
-              onClick: colSubmit
+              onClick: $
             }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18nt)("designer.hint.confirm")), 1)
+              default: d(() => [
+                g(k(c(a)("designer.hint.confirm")), 1)
               ]),
               _: 1
             })
           ]),
-          default: withCtx(() => [
-            createElementVNode("div", _hoisted_1, [
-              createVNode(unref(STable), {
+          default: d(() => [
+            I("div", Z, [
+              s(c(P), {
                 class: "tpf-surely-table",
                 "aria-hidden": "false",
-                dataSource: tableColumns.value,
-                style: { "width": "100%" },
+                dataSource: e.value,
+                style: { width: "100%" },
                 deepWatchDataSource: "",
                 "cell-style": { padding: "0" },
                 height: "600",
                 id: "singleTable",
                 size: "default",
                 scroll: { y: 300, x: 300 },
-                pagination: false,
+                pagination: !1,
                 resizable: "",
-                "row-key": (record) => record.columnId,
-                columns
+                "row-key": (i) => i.columnId,
+                columns: A
               }, {
-                bodyCell: withCtx(({ column, record, index, recordIndexs }) => [
-                  column.dataIndex === "dataIndex" ? (openBlock(), createBlock(_component_a_input, {
+                bodyCell: d(({ column: i, record: y, index: B, recordIndexs: t }) => [
+                  i.dataIndex === "dataIndex" ? (o(), p(C, {
                     key: 0,
-                    value: tableColumns.value[recordIndexs[0]].dataIndex,
-                    "onUpdate:value": ($event) => tableColumns.value[recordIndexs[0]].dataIndex = $event
-                  }, null, 8, ["value", "onUpdate:value"])) : createCommentVNode("", true),
-                  column.dataIndex === "title" ? (openBlock(), createBlock(_component_a_input, {
+                    value: e.value[t[0]].dataIndex,
+                    "onUpdate:value": (l) => e.value[t[0]].dataIndex = l
+                  }, null, 8, ["value", "onUpdate:value"])) : u("", !0),
+                  i.dataIndex === "title" ? (o(), p(C, {
                     key: 1,
-                    value: tableColumns.value[recordIndexs[0]].title,
-                    "onUpdate:value": ($event) => tableColumns.value[recordIndexs[0]].title = $event
-                  }, null, 8, ["value", "onUpdate:value"])) : createCommentVNode("", true),
-                  column.dataIndex === "width" ? (openBlock(), createElementBlock("div", _hoisted_2, [
-                    createVNode(_component_a_switch, {
+                    value: e.value[t[0]].title,
+                    "onUpdate:value": (l) => e.value[t[0]].title = l
+                  }, null, 8, ["value", "onUpdate:value"])) : u("", !0),
+                  i.dataIndex === "width" ? (o(), R("div", q, [
+                    s(f, {
                       "checked-children": "自动宽度",
-                      checked: tableColumns.value[recordIndexs[0]].isAutoWidth,
-                      "onUpdate:checked": ($event) => tableColumns.value[recordIndexs[0]].isAutoWidth = $event
+                      checked: e.value[t[0]].isAutoWidth,
+                      "onUpdate:checked": (l) => e.value[t[0]].isAutoWidth = l
                     }, null, 8, ["checked", "onUpdate:checked"]),
-                    !record.isAutoWidth ? (openBlock(), createBlock(_component_a_input, {
+                    y.isAutoWidth ? u("", !0) : (o(), p(C, {
                       key: 0,
-                      value: tableColumns.value[recordIndexs[0]].width,
-                      "onUpdate:value": ($event) => tableColumns.value[recordIndexs[0]].width = $event
-                    }, null, 8, ["value", "onUpdate:value"])) : createCommentVNode("", true)
-                  ])) : createCommentVNode("", true),
-                  column.dataIndex === "show" ? (openBlock(), createBlock(_component_a_switch, {
+                      value: e.value[t[0]].width,
+                      "onUpdate:value": (l) => e.value[t[0]].width = l
+                    }, null, 8, ["value", "onUpdate:value"]))
+                  ])) : u("", !0),
+                  i.dataIndex === "show" ? (o(), p(f, {
                     key: 3,
-                    checked: tableColumns.value[recordIndexs[0]].show,
-                    "onUpdate:checked": ($event) => tableColumns.value[recordIndexs[0]].show = $event
-                  }, null, 8, ["checked", "onUpdate:checked"])) : createCommentVNode("", true),
-                  column.dataIndex === "sorter" ? (openBlock(), createBlock(_component_a_switch, {
+                    checked: e.value[t[0]].show,
+                    "onUpdate:checked": (l) => e.value[t[0]].show = l
+                  }, null, 8, ["checked", "onUpdate:checked"])) : u("", !0),
+                  i.dataIndex === "sorter" ? (o(), p(f, {
                     key: 4,
-                    checked: tableColumns.value[recordIndexs[0]].sorter,
-                    "onUpdate:checked": ($event) => tableColumns.value[recordIndexs[0]].sorter = $event
-                  }, null, 8, ["checked", "onUpdate:checked"])) : createCommentVNode("", true),
-                  column.dataIndex === "resizable" ? (openBlock(), createBlock(_component_a_switch, {
+                    checked: e.value[t[0]].sorter,
+                    "onUpdate:checked": (l) => e.value[t[0]].sorter = l
+                  }, null, 8, ["checked", "onUpdate:checked"])) : u("", !0),
+                  i.dataIndex === "resizable" ? (o(), p(f, {
                     key: 5,
-                    checked: tableColumns.value[recordIndexs[0]].resizable,
-                    "onUpdate:checked": ($event) => tableColumns.value[recordIndexs[0]].resizable = $event
-                  }, null, 8, ["checked", "onUpdate:checked"])) : createCommentVNode("", true),
-                  column.dataIndex === "ellipsis" ? (openBlock(), createBlock(_component_a_switch, {
+                    checked: e.value[t[0]].resizable,
+                    "onUpdate:checked": (l) => e.value[t[0]].resizable = l
+                  }, null, 8, ["checked", "onUpdate:checked"])) : u("", !0),
+                  i.dataIndex === "ellipsis" ? (o(), p(f, {
                     key: 6,
-                    checked: tableColumns.value[recordIndexs[0]].ellipsis,
-                    "onUpdate:checked": ($event) => tableColumns.value[recordIndexs[0]].ellipsis = $event
-                  }, null, 8, ["checked", "onUpdate:checked"])) : createCommentVNode("", true),
-                  column.dataIndex === "fixed" ? (openBlock(), createBlock(_component_a_select, {
+                    checked: e.value[t[0]].ellipsis,
+                    "onUpdate:checked": (l) => e.value[t[0]].ellipsis = l
+                  }, null, 8, ["checked", "onUpdate:checked"])) : u("", !0),
+                  i.dataIndex === "fixed" ? (o(), p(T, {
                     key: 7,
-                    value: tableColumns.value[recordIndexs[0]].fixed,
-                    "onUpdate:value": ($event) => tableColumns.value[recordIndexs[0]].fixed = $event,
+                    value: e.value[t[0]].fixed,
+                    "onUpdate:value": (l) => e.value[t[0]].fixed = l,
                     allowClear: "",
                     style: {}
                   }, {
-                    default: withCtx(() => [
-                      createVNode(_component_a_select_option, { value: "left" }, {
-                        default: withCtx(() => _cache[3] || (_cache[3] = [
-                          createTextVNode("左固定")
+                    default: d(() => [
+                      s(U, { value: "left" }, {
+                        default: d(() => n[3] || (n[3] = [
+                          g("左固定")
                         ])),
                         _: 1,
                         __: [3]
                       }),
-                      createVNode(_component_a_select_option, { value: "right" }, {
-                        default: withCtx(() => _cache[4] || (_cache[4] = [
-                          createTextVNode("右固定")
+                      s(U, { value: "right" }, {
+                        default: d(() => n[4] || (n[4] = [
+                          g("右固定")
                         ])),
                         _: 1,
                         __: [4]
                       })
                     ]),
                     _: 2
-                  }, 1032, ["value", "onUpdate:value"])) : createCommentVNode("", true),
-                  column.dataIndex === "align" ? (openBlock(), createBlock(_component_a_select, {
+                  }, 1032, ["value", "onUpdate:value"])) : u("", !0),
+                  i.dataIndex === "align" ? (o(), p(T, {
                     key: 8,
                     style: {},
-                    value: tableColumns.value[recordIndexs[0]].align,
-                    "onUpdate:value": ($event) => tableColumns.value[recordIndexs[0]].align = $event,
-                    options: alignOptions
-                  }, null, 8, ["value", "onUpdate:value"])) : createCommentVNode("", true),
-                  column.dataIndex === "customRender" ? (openBlock(), createBlock(_component_a_button, {
+                    value: e.value[t[0]].align,
+                    "onUpdate:value": (l) => e.value[t[0]].align = l,
+                    options: S
+                  }, null, 8, ["value", "onUpdate:value"])) : u("", !0),
+                  i.dataIndex === "customRender" ? (o(), p(v, {
                     key: 9,
-                    onClick: ($event) => showRenderDialog(recordIndexs[0], record, _ctx.dataIndex),
-                    class: normalizeClass([{ "button-text-highlight": !!record.customRender }]),
+                    onClick: (l) => V(t[0], y, r.dataIndex),
+                    class: Q([{ "button-text-highlight": !!y.customRender }]),
                     size: "small",
                     shape: "round"
                   }, {
-                    default: withCtx(() => _cache[5] || (_cache[5] = [
-                      createTextVNode(" edit ")
+                    default: d(() => n[5] || (n[5] = [
+                      g(" edit ")
                     ])),
                     _: 2,
                     __: [5]
-                  }, 1032, ["onClick", "class"])) : createCommentVNode("", true),
-                  column.dataIndex === "action" ? (openBlock(), createBlock(_component_a_space, { key: 10 }, {
-                    default: withCtx(() => [
-                      createVNode(_component_a_button, {
-                        title: unref(i18nt)("designer.setting.deleteTableColumn"),
+                  }, 1032, ["onClick", "class"])) : u("", !0),
+                  i.dataIndex === "action" ? (o(), p(L, { key: 10 }, {
+                    default: d(() => [
+                      s(v, {
+                        title: c(a)("designer.setting.deleteTableColumn"),
                         size: "small",
-                        onClick: ($event) => handleDelete(index),
+                        onClick: (l) => N(B),
                         type: "text"
                       }, {
-                        default: withCtx(() => _cache[6] || (_cache[6] = [
-                          createTextVNode(" 删除 ")
+                        default: d(() => n[6] || (n[6] = [
+                          g(" 删除 ")
                         ])),
                         _: 2,
                         __: [6]
                       }, 1032, ["title", "onClick"])
                     ]),
                     _: 2
-                  }, 1024)) : createCommentVNode("", true)
+                  }, 1024)) : u("", !0)
                 ]),
                 _: 1
               }, 8, ["dataSource", "row-key"]),
-              createElementVNode("div", _hoisted_3, [
-                createVNode(_component_a_button, {
-                  title: unref(i18nt)("designer.setting.addTableColumn"),
+              I("div", G, [
+                s(v, {
+                  title: c(a)("designer.setting.addTableColumn"),
                   type: "primary",
                   size: "medium",
-                  onClick: _cache[0] || (_cache[0] = ($event) => addCol())
+                  onClick: n[0] || (n[0] = (i) => F())
                 }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(i18nt)("designer.setting.addTableColumn")), 1)
+                  default: d(() => [
+                    g(k(c(a)("designer.setting.addTableColumn")), 1)
                   ]),
                   _: 1
                 }, 8, ["title"])
@@ -355,11 +322,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["title", "visible"]),
-        createVNode(_sfc_main$1, {
-          onSave: saveColumnRender,
+        s(j, {
+          onSave: W,
           ref_key: "CodeModalEditorRef",
-          ref: CodeModalEditorRef,
-          title: unref(i18nt)("designer.setting.renderFunction"),
+          ref: x,
+          title: c(a)("designer.setting.renderFunction"),
           "fn-params": "scope"
         }, null, 8, ["title"])
       ], 64);
@@ -367,6 +334,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  _sfc_main as default
+  de as default
 };
 //# sourceMappingURL=data-table-tableColumns-editor.vue2.js.map