@kp-ui/lowcode 2.14.0-beta.13 → 2.14.0-beta.15

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

@@ -1,19 +1,13 @@
-import { defineComponent as X, ref as z, computed as Y, resolveComponent as _, createElementBlock as N, openBlock as c, Fragment as Z, createVNode as m, unref as u, withCtx as r, createTextVNode as v, toDisplayString as C, createElementVNode as B, createBlock as p, createCommentVNode as g, normalizeClass as ee, nextTick as te } from "vue";
-import { useI18n as le } from "../../../../../utils/i18n.js";
-import ne from "../../../../code-editor/code-modal-editor.vue.js";
-import { cloneDeep as E } from "lodash-es";
-import { TpfModal as ie } from "tmgc2-share";
-import { message as M } from "ant-design-vue";
-const ae = {
-  class: "table-wrap"
-}, de = {
+import { defineComponent as j, ref as k, resolveComponent as h, createElementBlock as I, openBlock as s, Fragment as q, createVNode as o, unref as n, withCtx as d, createTextVNode as v, toDisplayString as m, createElementVNode as T, createBlock as r, createCommentVNode as u, normalizeClass as G } from "vue";
+import { useI18n as J } from "../../../../../utils/i18n.js";
+import K from "../../../../code-editor/code-modal-editor.vue.js";
+import { cloneDeep as D } from "lodash-es";
+import { TpfModal as P } from "tmgc2-share";
+import { message as Q } from "ant-design-vue";
+const X = { class: "table-wrap" }, Y = {
   key: 2,
-  style: {
-    "text-align": "center"
-  }
-}, se = {
-  class: "add-btn"
-}, fe = /* @__PURE__ */ X({
+  style: { "text-align": "center" }
+}, Z = { class: "add-btn" }, de = /* @__PURE__ */ j({
   name: "tableColumns-editor",
   inheritAttrs: !1,
   __name: "data-table-tableColumns-editor",
@@ -22,354 +16,318 @@ const ae = {
     selectedWidget: {},
     optionModel: {}
   },
-  setup($, {
-    expose: V
-  }) {
-    const {
-      i18nt: t
-    } = le(), I = $, A = z(null), w = z(!1), s = z([]), R = z(null), T = z(!0), O = [{
-      value: "left",
-      label: "left"
-    }, {
-      value: "center",
-      label: "center"
-    }, {
-      value: "right",
-      label: "right"
-    }], L = Y(() => [{
-      title: "序号",
-      dataIndex: "index",
-      width: 150,
-      fixed: "left",
-      rowDrag: !0,
-      resizable: !0,
-      customRender: ({
-        record: i,
-        index: l
-      }) => {
-        const e = (f, h, b = []) => {
-          for (let k = 0; k < h.length; k++) {
-            const y = h[k];
-            if (y.columnId === f.columnId)
-              return [...b, k + 1].join(".");
-            if (y.children) {
-              const U = e(f, y.children, [...b, k + 1]);
-              if (U) return U;
-            }
-          }
-          return "";
-        };
-        return e(i, s.value);
-      }
-    }, {
-      title: t("designer.setting.columnName"),
-      dataIndex: "dataIndex",
-      resizable: !0,
-      width: 150
-    }, {
-      title: t("designer.setting.columnLabel"),
-      dataIndex: "title",
-      align: "center",
-      resizable: !0,
-      width: 100
-    }, {
-      title: t("designer.setting.columnWidth"),
-      dataIndex: "width",
-      resizable: !0,
-      width: 120
-    }, {
-      title: t("designer.setting.visibleColumn"),
-      dataIndex: "show",
-      resizable: !0,
-      width: 90
-    }, {
-      title: t("designer.setting.sortableColumn"),
-      dataIndex: "sorter",
-      resizable: !0,
-      width: 90
-    }, {
-      title: t("designer.setting.resizableColumn"),
-      dataIndex: "resizable",
-      resizable: !0,
-      width: 120
-    }, {
-      title: t("designer.setting.ellipsisColumn"),
-      dataIndex: "ellipsis",
-      resizable: !0,
-      width: 150
-    }, {
-      title: t("designer.setting.fixedColumn"),
-      dataIndex: "fixed",
-      resizable: !0,
-      width: 100
-    }, {
-      title: t("designer.setting.alignTypeOfColumn"),
-      dataIndex: "align",
-      resizable: !0,
-      width: 100
-    }, {
-      title: t("designer.setting.customRender"),
-      dataIndex: "customRender",
-      width: 120,
-      resizable: !0,
-      fixed: "right"
-    }, {
-      title: t("designer.setting.actionColumn"),
-      dataIndex: "action",
-      width: 160,
-      fixed: "right"
-    }]), F = (i, l) => {
-      var e;
-      R.value = i, (e = A.value) == null || e.open(l.customRender || "");
-    }, H = (i) => {
-      R.value !== null && (s.value[R.value].customRender = i);
-    }, P = {
-      isAutoWidth: !1,
-      columnId: "",
-      show: !0,
-      width: 150,
-      sorter: !1,
-      customRender: "",
-      fixed: "",
-      align: "left",
-      title: "标题名",
-      dataIndex: "",
-      resizable: !0,
-      showSorterTooltip: !1,
-      children: []
-    }, j = () => {
-      const i = {
-        ...P,
-        columnId: (/* @__PURE__ */ new Date()).getTime()
-      };
-      s.value.push(i), I.designer.emitHistoryChange();
-    }, d = (i) => {
-      let l = s.value;
-      for (let e = 0; e < i.length; e++) {
-        const f = i[e];
-        if (Array.isArray(l))
-          l = l[f];
-        else
-          return l;
-        e !== i.length - 1 && (l = l.children || []);
-      }
-      return l;
-    }, D = (i, l, e) => {
-      for (let f = 0; f < i.length; f++) {
-        const h = i[f];
-        if (h.columnId === l.columnId) {
-          h.children || (h.children = []), h.children.push(e);
-          return;
-        }
-        h.children && D(h.children, l, e);
+  setup(S, { expose: W }) {
+    const { i18nt: t } = J(), _ = S, x = k(null), f = k(!1), e = k([]), C = k(null), A = [
+      { value: "left", label: "left" },
+      { value: "center", label: "center" },
+      { value: "right", label: "right" }
+    ], E = [
+      {
+        title: "序号",
+        dataIndex: "index",
+        width: 100,
+        fixed: "left",
+        rowDrag: !0,
+        resizable: !0,
+        customRender: ({ index: c }) => c + 1
+      },
+      {
+        title: t("designer.setting.columnName"),
+        dataIndex: "dataIndex",
+        resizable: !0,
+        width: 150
+      },
+      {
+        title: t("designer.setting.columnLabel"),
+        dataIndex: "title",
+        align: "center",
+        resizable: !0,
+        width: 100
+      },
+      {
+        title: t("designer.setting.columnWidth"),
+        dataIndex: "width",
+        resizable: !0,
+        width: 120
+      },
+      {
+        title: t("designer.setting.visibleColumn"),
+        dataIndex: "show",
+        resizable: !0,
+        width: 90
+      },
+      {
+        title: t("designer.setting.sortableColumn"),
+        dataIndex: "sorter",
+        resizable: !0,
+        width: 90
+      },
+      {
+        title: t("designer.setting.resizableColumn"),
+        dataIndex: "resizable",
+        resizable: !0,
+        width: 120
+      },
+      {
+        title: t("designer.setting.ellipsisColumn"),
+        dataIndex: "ellipsis",
+        resizable: !0,
+        width: 150
+      },
+      {
+        title: t("designer.setting.fixedColumn"),
+        dataIndex: "fixed",
+        resizable: !0,
+        width: 100
+      },
+      {
+        title: t("designer.setting.alignTypeOfColumn"),
+        dataIndex: "align",
+        resizable: !0,
+        width: 100
+      },
+      {
+        title: t("designer.setting.customRender"),
+        dataIndex: "customRender",
+        width: 120,
+        resizable: !0,
+        fixed: "right"
+      },
+      {
+        title: t("designer.setting.actionColumn"),
+        dataIndex: "action",
+        width: 80,
+        fixed: "right"
       }
-    }, S = (i, l) => i.filter((e) => {
-      if (e.columnId === l)
-        return !1;
-      if (e.children && Array.isArray(e.children) && e.children.length > 0) {
-        const f = S(e.children, l);
-        e.children = f;
-      }
-      return !0;
-    }), q = (i, l) => {
-      if (s.value.length === 1 && !s.value[0].children)
-        return M.warning(t("designer.setting.onlyOneColumnCannotBeDeleted")), !1;
-      if (s.value.length === 1 && s.value[0].children.length === 0)
-        return M.warning(t("designer.setting.onlyOneColumnCannotBeDeleted")), !1;
-      s.value = S(s.value, i.columnId);
-    }, G = async (i, l) => {
-      const e = {
-        ...s.value[l],
-        children: void 0,
-        columnId: (/* @__PURE__ */ new Date()).getTime()
+    ], M = (c, g) => {
+      var p;
+      C.value = c, (p = x.value) == null || p.open(g.customRender || "");
+    }, N = (c) => {
+      C.value !== null && (e.value[C.value].customRender = c);
+    }, V = () => {
+      const c = {
+        isAutoWidth: !1,
+        columnId: (/* @__PURE__ */ new Date()).getTime(),
+        show: !0,
+        width: 150,
+        sorter: !1,
+        customRender: "",
+        fixed: "",
+        align: "left",
+        title: "标题名",
+        dataIndex: "",
+        resizable: !0,
+        showSorterTooltip: !1
       };
-      T.value = !1, D(s.value, i, e), await te(), T.value = !0;
-    }, J = () => {
-      I.optionModel.tableColumns = E(s.value), w.value = !1;
-    }, W = () => {
-      w.value = !0, s.value = E(I.optionModel.tableColumns);
+      e.value.push(c), _.designer.emitHistoryChange();
+    }, $ = (c) => {
+      if (e.value.length === 1)
+        return Q.warning(t("designer.setting.onlyOneColumnCannotBeDeleted")), !1;
+      e.value.splice(c, 1);
+    }, B = () => {
+      _.optionModel.tableColumns = D(e.value), f.value = !1;
+    }, z = () => {
+      f.value = !0, e.value = D(_.optionModel.tableColumns);
     };
-    return V({
-      openSetting: W
-    }), (i, l) => {
-      const e = _("a-button"), f = _("a-form-item"), h = _("a-input"), b = _("a-switch"), k = _("a-select-option"), y = _("a-select"), U = _("a-space"), K = _("s-table");
-      return c(), N(Z, null, [m(f, {
-        label: u(t)("designer.setting.tableColEdit")
-      }, {
-        default: r(() => [m(e, {
-          type: "primary",
-          shape: "round",
-          onClick: W
-        }, {
-          default: r(() => [v(C(u(t)("designer.setting.editAction")), 1)]),
-          _: 1
-        })]),
-        _: 1
-      }, 8, ["label"]), m(u(ie), {
-        title: u(t)("designer.setting.tableColEdit"),
-        visible: w.value,
-        "onUpdate:visible": l[2] || (l[2] = (o) => w.value = o),
-        width: "1200px"
-      }, {
-        footerRight: r(() => [m(e, {
-          size: "default",
-          onClick: l[1] || (l[1] = (o) => w.value = !1)
+    return W({
+      openSetting: z
+    }), (c, g) => {
+      const p = h("a-button"), O = h("a-form-item"), w = h("a-input"), b = h("a-switch"), U = h("a-select-option"), R = h("a-select"), F = h("a-space"), L = h("s-table");
+      return s(), I(q, null, [
+        o(O, {
+          label: n(t)("designer.setting.tableColEdit")
         }, {
-          default: r(() => [v(C(u(t)("designer.hint.cancel")), 1)]),
-          _: 1
-        }), m(e, {
-          size: "default",
-          type: "primary",
-          onClick: J
-        }, {
-          default: r(() => [v(C(u(t)("designer.hint.confirm")), 1)]),
+          default: d(() => [
+            o(p, {
+              type: "primary",
+              shape: "round",
+              onClick: z
+            }, {
+              default: d(() => [
+                v(m(n(t)("designer.setting.editAction")), 1)
+              ]),
+              _: 1
+            })
+          ]),
           _: 1
-        })]),
-        default: r(() => [B("div", ae, [T.value ? (c(), p(K, {
-          key: 0,
-          class: "tpf-surely-table",
-          "aria-hidden": "false",
-          dataSource: s.value,
-          style: {
-            width: "100%"
-          },
-          deepWatchDataSource: "",
-          "cell-style": {
-            padding: "0"
-          },
-          height: "600",
-          id: "singleTable",
-          size: "default",
-          scroll: {
-            y: 300,
-            x: 300
-          },
-          pagination: !1,
-          resizable: "",
-          "row-key": (o) => o.columnId,
-          columns: L.value
+        }, 8, ["label"]),
+        o(n(P), {
+          title: n(t)("designer.setting.tableColEdit"),
+          visible: f.value,
+          "onUpdate:visible": g[2] || (g[2] = (i) => f.value = i),
+          width: "1200px"
         }, {
-          bodyCell: r(({
-            column: o,
-            record: x,
-            index: Q,
-            recordIndexs: a
-          }) => [o.dataIndex === "dataIndex" ? (c(), p(h, {
-            key: 0,
-            value: d(a).dataIndex,
-            "onUpdate:value": (n) => d(a).dataIndex = n
-          }, null, 8, ["value", "onUpdate:value"])) : g("", !0), o.dataIndex === "title" ? (c(), p(h, {
-            key: 1,
-            value: d(a).title,
-            "onUpdate:value": (n) => d(a).title = n
-          }, null, 8, ["value", "onUpdate:value"])) : g("", !0), o.dataIndex === "width" ? (c(), N("div", de, [m(b, {
-            "checked-children": u(t)("designer.setting.autoWidth"),
-            checked: s.value[a[0]].isAutoWidth,
-            "onUpdate:checked": (n) => s.value[a[0]].isAutoWidth = n
-          }, null, 8, ["checked-children", "checked", "onUpdate:checked"]), x.isAutoWidth ? g("", !0) : (c(), p(h, {
-            key: 0,
-            value: d(a).width,
-            "onUpdate:value": (n) => d(a).width = n
-          }, null, 8, ["value", "onUpdate:value"]))])) : g("", !0), o.dataIndex === "show" ? (c(), p(b, {
-            key: 3,
-            checked: d(a).show,
-            "onUpdate:checked": (n) => d(a).show = n
-          }, null, 8, ["checked", "onUpdate:checked"])) : g("", !0), o.dataIndex === "sorter" ? (c(), p(b, {
-            key: 4,
-            checked: d(a).sorter,
-            "onUpdate:checked": (n) => d(a).sorter = n
-          }, null, 8, ["checked", "onUpdate:checked"])) : g("", !0), o.dataIndex === "resizable" ? (c(), p(b, {
-            key: 5,
-            checked: d(a).resizable,
-            "onUpdate:checked": (n) => d(a).resizable = n
-          }, null, 8, ["checked", "onUpdate:checked"])) : g("", !0), o.dataIndex === "ellipsis" ? (c(), p(b, {
-            key: 6,
-            checked: d(a).ellipsis,
-            "onUpdate:checked": (n) => d(a).ellipsis = n
-          }, null, 8, ["checked", "onUpdate:checked"])) : g("", !0), o.dataIndex === "fixed" ? (c(), p(y, {
-            key: 7,
-            value: d(a).fixed,
-            "onUpdate:value": (n) => d(a).fixed = n,
-            allowClear: "",
-            style: {
-              width: "100%"
-            }
-          }, {
-            default: r(() => [m(k, {
-              value: "left"
+          footerRight: d(() => [
+            o(p, {
+              size: "default",
+              onClick: g[1] || (g[1] = (i) => f.value = !1)
             }, {
-              default: r(() => [v(C(u(t)("designer.setting.fixedLeft")), 1)]),
+              default: d(() => [
+                v(m(n(t)("designer.hint.cancel")), 1)
+              ]),
               _: 1
-            }), m(k, {
-              value: "right"
+            }),
+            o(p, {
+              size: "default",
+              type: "primary",
+              onClick: B
             }, {
-              default: r(() => [v(C(u(t)("designer.setting.fixedRight")), 1)]),
+              default: d(() => [
+                v(m(n(t)("designer.hint.confirm")), 1)
+              ]),
               _: 1
-            })]),
-            _: 2
-          }, 1032, ["value", "onUpdate:value"])) : g("", !0), o.dataIndex === "align" ? (c(), p(y, {
-            key: 8,
-            style: {
-              width: "100%"
-            },
-            value: d(a).align,
-            "onUpdate:value": (n) => d(a).align = n,
-            options: O
-          }, null, 8, ["value", "onUpdate:value"])) : g("", !0), o.dataIndex === "customRender" ? (c(), p(e, {
-            key: 9,
-            onClick: (n) => F(a[0], x),
-            class: ee([{
-              "button-text-highlight": !!x.customRender
-            }]),
-            size: "small",
-            shape: "round"
-          }, {
-            default: r(() => [v(C(u(t)("designer.setting.edit")), 1)]),
-            _: 2
-          }, 1032, ["onClick", "class"])) : g("", !0), o.dataIndex === "action" ? (c(), p(U, {
-            key: 10
-          }, {
-            default: r(() => [m(e, {
-              title: u(t)("designer.setting.addSubsets"),
-              size: "small",
-              onClick: (n) => G(x, Q),
-              type: "text"
-            }, {
-              default: r(() => l[3] || (l[3] = [v(" 增加子集 ")])),
-              _: 2,
-              __: [3]
-            }, 1032, ["title", "onClick"]), m(e, {
-              title: u(t)("designer.setting.deleteTableColumn"),
-              size: "small",
-              onClick: (n) => q(x),
-              type: "text"
-            }, {
-              default: r(() => [v(C(u(t)("designer.setting.delete")), 1)]),
-              _: 2
-            }, 1032, ["title", "onClick"])]),
-            _: 2
-          }, 1024)) : g("", !0)]),
-          _: 1
-        }, 8, ["dataSource", "row-key", "columns"])) : g("", !0), B("div", se, [m(e, {
-          title: u(t)("designer.setting.addTableColumn"),
-          type: "primary",
-          size: "medium",
-          onClick: l[0] || (l[0] = (o) => j())
-        }, {
-          default: r(() => [v(C(u(t)("designer.setting.addTableColumn")), 1)]),
+            })
+          ]),
+          default: d(() => [
+            T("div", X, [
+              o(L, {
+                class: "tpf-surely-table",
+                "aria-hidden": "false",
+                dataSource: e.value,
+                style: { width: "100%" },
+                deepWatchDataSource: "",
+                "cell-style": { padding: "0" },
+                height: "600",
+                id: "singleTable",
+                size: "default",
+                scroll: { y: 300, x: 300 },
+                pagination: !1,
+                resizable: "",
+                "row-key": (i) => i.columnId,
+                columns: E
+              }, {
+                bodyCell: d(({ column: i, record: y, index: H, recordIndexs: l }) => [
+                  i.dataIndex === "dataIndex" ? (s(), r(w, {
+                    key: 0,
+                    value: e.value[l[0]].dataIndex,
+                    "onUpdate:value": (a) => e.value[l[0]].dataIndex = a
+                  }, null, 8, ["value", "onUpdate:value"])) : u("", !0),
+                  i.dataIndex === "title" ? (s(), r(w, {
+                    key: 1,
+                    value: e.value[l[0]].title,
+                    "onUpdate:value": (a) => e.value[l[0]].title = a
+                  }, null, 8, ["value", "onUpdate:value"])) : u("", !0),
+                  i.dataIndex === "width" ? (s(), I("div", Y, [
+                    o(b, {
+                      "checked-children": n(t)("designer.setting.autoWidth"),
+                      checked: e.value[l[0]].isAutoWidth,
+                      "onUpdate:checked": (a) => e.value[l[0]].isAutoWidth = a
+                    }, null, 8, ["checked-children", "checked", "onUpdate:checked"]),
+                    y.isAutoWidth ? u("", !0) : (s(), r(w, {
+                      key: 0,
+                      value: e.value[l[0]].width,
+                      "onUpdate:value": (a) => e.value[l[0]].width = a
+                    }, null, 8, ["value", "onUpdate:value"]))
+                  ])) : u("", !0),
+                  i.dataIndex === "show" ? (s(), r(b, {
+                    key: 3,
+                    checked: e.value[l[0]].show,
+                    "onUpdate:checked": (a) => e.value[l[0]].show = a
+                  }, null, 8, ["checked", "onUpdate:checked"])) : u("", !0),
+                  i.dataIndex === "sorter" ? (s(), r(b, {
+                    key: 4,
+                    checked: e.value[l[0]].sorter,
+                    "onUpdate:checked": (a) => e.value[l[0]].sorter = a
+                  }, null, 8, ["checked", "onUpdate:checked"])) : u("", !0),
+                  i.dataIndex === "resizable" ? (s(), r(b, {
+                    key: 5,
+                    checked: e.value[l[0]].resizable,
+                    "onUpdate:checked": (a) => e.value[l[0]].resizable = a
+                  }, null, 8, ["checked", "onUpdate:checked"])) : u("", !0),
+                  i.dataIndex === "ellipsis" ? (s(), r(b, {
+                    key: 6,
+                    checked: e.value[l[0]].ellipsis,
+                    "onUpdate:checked": (a) => e.value[l[0]].ellipsis = a
+                  }, null, 8, ["checked", "onUpdate:checked"])) : u("", !0),
+                  i.dataIndex === "fixed" ? (s(), r(R, {
+                    key: 7,
+                    value: e.value[l[0]].fixed,
+                    "onUpdate:value": (a) => e.value[l[0]].fixed = a,
+                    allowClear: "",
+                    style: {}
+                  }, {
+                    default: d(() => [
+                      o(U, { value: "left" }, {
+                        default: d(() => [
+                          v(m(n(t)("designer.setting.fixedLeft")), 1)
+                        ]),
+                        _: 1
+                      }),
+                      o(U, { value: "right" }, {
+                        default: d(() => [
+                          v(m(n(t)("designer.setting.fixedRight")), 1)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 2
+                  }, 1032, ["value", "onUpdate:value"])) : u("", !0),
+                  i.dataIndex === "align" ? (s(), r(R, {
+                    key: 8,
+                    style: {},
+                    value: e.value[l[0]].align,
+                    "onUpdate:value": (a) => e.value[l[0]].align = a,
+                    options: A
+                  }, null, 8, ["value", "onUpdate:value"])) : u("", !0),
+                  i.dataIndex === "customRender" ? (s(), r(p, {
+                    key: 9,
+                    onClick: (a) => M(l[0], y),
+                    class: G([{ "button-text-highlight": !!y.customRender }]),
+                    size: "small",
+                    shape: "round"
+                  }, {
+                    default: d(() => [
+                      v(m(n(t)("designer.setting.edit")), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick", "class"])) : u("", !0),
+                  i.dataIndex === "action" ? (s(), r(F, { key: 10 }, {
+                    default: d(() => [
+                      o(p, {
+                        title: n(t)("designer.setting.deleteTableColumn"),
+                        size: "small",
+                        onClick: (a) => $(H),
+                        type: "text"
+                      }, {
+                        default: d(() => [
+                          v(m(n(t)("designer.setting.delete")), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["title", "onClick"])
+                    ]),
+                    _: 2
+                  }, 1024)) : u("", !0)
+                ]),
+                _: 1
+              }, 8, ["dataSource", "row-key"]),
+              T("div", Z, [
+                o(p, {
+                  title: n(t)("designer.setting.addTableColumn"),
+                  type: "primary",
+                  size: "medium",
+                  onClick: g[0] || (g[0] = (i) => V())
+                }, {
+                  default: d(() => [
+                    v(m(n(t)("designer.setting.addTableColumn")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["title"])
+              ])
+            ])
+          ]),
           _: 1
-        }, 8, ["title"])])])]),
-        _: 1
-      }, 8, ["title", "visible"]), m(ne, {
-        onSave: H,
-        ref_key: "CodeModalEditorRef",
-        ref: A,
-        title: u(t)("designer.setting.renderFunction"),
-        "fn-params": "scope"
-      }, null, 8, ["title"])], 64);
+        }, 8, ["title", "visible"]),
+        o(K, {
+          onSave: N,
+          ref_key: "CodeModalEditorRef",
+          ref: x,
+          title: n(t)("designer.setting.renderFunction"),
+          "fn-params": "scope"
+        }, null, 8, ["title"])
+      ], 64);
     };
   }
 });
 export {
-  fe as default
+  de as default
 };