x-next 1.11.1 → 1.12.0

package/dist/es/components/table/table-td.js

@@ -1,17 +1,19 @@
-import { defineComponent as E, computed as r, inject as z, ref as F, createVNode as i, mergeProps as L, isVNode as P } from "vue";
-import { getFixedCls as O, getStyle as A } from "./utils.js";
-import { getValueByPath as k } from "../../_utils/get-value-by-path.js";
-import M from "../../icons/animation/animation-loading.js";
-import { isObject as T, isFunction as f } from "../../_utils/is.js";
-import { tableInjectionKey as V } from "./context.js";
-import W from "../_components/auto-tooltip/auto-tooltip.js";
-import { getClassNameMixin as $ } from "../../_utils/config.js";
-function _(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !P(e);
+import { defineComponent as L, computed as i, inject as O, ref as k, onBeforeUnmount as A, watch as b, createVNode as r, mergeProps as T, isVNode as q } from "vue";
+import { getFixedCls as M, getStyle as R } from "./utils.js";
+import { getValueByPath as V } from "../../_utils/get-value-by-path.js";
+import { isObject as W, isFunction as s } from "../../_utils/is.js";
+import { tableInjectionKey as $ } from "./context.js";
+import D from "../_components/auto-tooltip/auto-tooltip.js";
+import { getClassNameMixin as K } from "../../_utils/config.js";
+import { tableDomListeners as _, getTableDomListeners as U } from "./dom-listeners.js";
+function G(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !q(e);
 }
-const U = /* @__PURE__ */ E({
+const le = /* @__PURE__ */ L({
   name: "Td",
+  inheritAttrs: !1,
   props: {
+    ..._,
     rowIndex: Number,
     record: {
       type: Object,
@@ -65,110 +67,131 @@ const U = /* @__PURE__ */ E({
     }
   },
   setup(e, {
-    attrs: x,
+    attrs: g,
     slots: m
   }) {
-    const o = $("table"), S = r(() => {
+    const d = K("table"), h = i(() => {
       var l;
-      if (T((l = e.column) == null ? void 0 : l.tooltip))
+      if (W((l = e.column) == null ? void 0 : l.tooltip))
         return e.column.tooltip;
-    }), w = r(() => {
-      var l, n;
-      return ((l = e.column) == null ? void 0 : l.dataIndex) && ((n = u.sorter) == null ? void 0 : n.field) === e.column.dataIndex;
-    }), g = r(() => {
+    }), v = i(() => {
+      var l, t, n;
+      return ((l = e.column) == null ? void 0 : l.dataIndex) && (((t = o.sorters) == null ? void 0 : t.some((a) => a.field === e.column.dataIndex)) || ((n = o.sorter) == null ? void 0 : n.field) === e.column.dataIndex);
+    }), I = i(() => {
       var l;
-      return ((l = e.column) == null ? void 0 : l.dataIndex) && u.resizingColumn === e.column.dataIndex;
-    }), b = () => {
-      var l, n, t, c, a, d;
-      return e.summary ? f((l = e.column) == null ? void 0 : l.summaryCellClass) ? e.column.summaryCellClass((n = e.record) == null ? void 0 : n.raw) : (t = e.column) == null ? void 0 : t.summaryCellClass : f((c = e.column) == null ? void 0 : c.bodyCellClass) ? e.column.bodyCellClass((a = e.record) == null ? void 0 : a.raw) : (d = e.column) == null ? void 0 : d.bodyCellClass;
-    }, N = r(() => {
+      return ((l = e.column) == null ? void 0 : l.dataIndex) && o.resizingColumn === e.column.dataIndex;
+    }), N = () => {
+      var l, t, n, a, c, u;
+      return e.summary ? s((l = e.column) == null ? void 0 : l.summaryCellClass) ? e.column.summaryCellClass((t = e.record) == null ? void 0 : t.raw) : (n = e.column) == null ? void 0 : n.summaryCellClass : s((a = e.column) == null ? void 0 : a.bodyCellClass) ? e.column.bodyCellClass((c = e.record) == null ? void 0 : c.raw) : (u = e.column) == null ? void 0 : u.bodyCellClass;
+    }, B = i(() => {
       var l;
-      return [o.element("td"), {
-        [o.element("col-sorted")]: w.value,
-        [o.element("td-resizing")]: g.value
-      }, ...O(o.block, e.column), (l = e.column) == null ? void 0 : l.cellClass, b()];
-    }), h = () => {
-      var l, n, t, c, a, d;
-      return e.summary ? f((l = e.column) == null ? void 0 : l.summaryCellStyle) ? e.column.summaryCellStyle((n = e.record) == null ? void 0 : n.raw) : (t = e.column) == null ? void 0 : t.summaryCellStyle : f((c = e.column) == null ? void 0 : c.bodyCellStyle) ? e.column.bodyCellStyle((a = e.record) == null ? void 0 : a.raw) : (d = e.column) == null ? void 0 : d.bodyCellStyle;
-    }, I = r(() => {
-      var t;
-      const l = A(e.column, {
+      return [d.element("td"), {
+        [d.element("col-sorted")]: v.value,
+        [d.element("td-resizing")]: I.value
+      }, ...M(d.block, e.column), (l = e.column) == null ? void 0 : l.cellClass, N()];
+    }), E = () => {
+      var l, t, n, a, c, u;
+      return e.summary ? s((l = e.column) == null ? void 0 : l.summaryCellStyle) ? e.column.summaryCellStyle((t = e.record) == null ? void 0 : t.raw) : (n = e.column) == null ? void 0 : n.summaryCellStyle : s((a = e.column) == null ? void 0 : a.bodyCellStyle) ? e.column.bodyCellStyle((c = e.record) == null ? void 0 : c.raw) : (u = e.column) == null ? void 0 : u.bodyCellStyle;
+    }, j = i(() => {
+      var n;
+      const l = R(e.column, {
         dataColumns: e.dataColumns,
         operations: e.operations
-      }), n = h();
+      }), t = E();
       return {
         ...l,
-        ...(t = e.column) == null ? void 0 : t.cellStyle,
-        ...n
+        ...(n = e.column) == null ? void 0 : n.cellStyle,
+        ...t
       };
-    }), v = r(() => {
+    }), z = i(() => {
       if (e.isFixedExpand && e.containerWidth)
         return {
           width: `${e.containerWidth}px`
         };
-    }), u = z(V, {}), s = () => {
-      var n, t, c, a, d, C;
+    }), o = O($, {}), x = () => {
+      var t, n, a, c, u, S;
       if (m.default)
         return m.default();
       const l = {
-        record: (n = e.record) == null ? void 0 : n.raw,
+        record: (t = e.record) == null ? void 0 : t.raw,
         column: e.column,
         rowIndex: e.rowIndex ?? -1
       };
-      return m.cell ? m.cell(l) : (t = e.column.slots) != null && t.cell ? e.column.slots.cell(l) : e.column.render ? e.column.render(l) : e.column.slotName && ((c = u.slots) != null && c[e.column.slotName]) ? (d = (a = u.slots)[e.column.slotName]) == null ? void 0 : d.call(a, l) : String(k((C = e.record) == null ? void 0 : C.raw, e.column.dataIndex) ?? "");
-    }, y = F(!1), B = (l) => {
-      var n, t;
-      f(u.loadMore) && !((n = e.record) != null && n.isLeaf) && !((t = e.record) != null && t.children) && (y.value = !0, new Promise((c) => {
-        var a;
-        (a = u.loadMore) == null || a.call(u, e.record.raw, c);
-      }).then((c) => {
-        var a;
-        (a = u.addLazyLoadData) == null || a.call(u, c, e.record), y.value = !1;
-      })), l.stopPropagation();
-    }, j = () => {
-      var n, t, c, a, d;
+      return m.cell ? m.cell(l) : (n = e.column.slots) != null && n.cell ? e.column.slots.cell(l) : e.column.render ? e.column.render(l) : e.column.slotName && ((a = o.slots) != null && a[e.column.slotName]) ? (u = (c = o.slots)[e.column.slotName]) == null ? void 0 : u.call(c, l) : String(V((S = e.record) == null ? void 0 : S.raw, e.column.dataIndex) ?? "");
+    }, f = k(!1);
+    let C = !1, y = 0;
+    A(() => {
+      C = !0;
+    }), b(() => e.record.raw, () => {
+      y++, f.value = !1;
+    }, {
+      flush: "sync"
+    });
+    const w = () => {
+      var l, t, n;
+      if (!(f.value || !e.showExpandBtn) && s(o.loadMore) && !((l = e.record) != null && l.isLeaf) && !((t = e.record) != null && t.children)) {
+        const a = e.record, c = ++y;
+        f.value = !0, Promise.resolve((n = o.loadChildren) == null ? void 0 : n.call(o, a)).catch(() => {
+        }).finally(() => {
+          !C && c === y && (f.value = !1);
+        });
+      }
+    }, F = (l) => {
+      l.stopPropagation(), w();
+    };
+    b([() => {
+      var l;
+      return (l = o.expandedRowKeys) == null ? void 0 : l.includes(e.record.key);
+    }, () => e.record.raw, () => e.record.children, () => o.loadMore], ([l]) => {
+      l && w();
+    }, {
+      immediate: !0
+    });
+    const P = () => {
+      var t, n, a, c, u;
       let l;
-      return i("span", {
-        class: [o.element("cell"), o.element(`cell-align-${((n = e.column) == null ? void 0 : n.align) ?? "left"}`), {
-          [o.element("cell-fixed-expand")]: e.isFixedExpand,
-          [o.element("cell-expand-icon")]: e.showExpandBtn
+      return r("span", {
+        class: [d.element("cell"), d.element(`cell-align-${((t = e.column) == null ? void 0 : t.align) ?? "left"}`), {
+          [d.element("cell-fixed-expand")]: e.isFixedExpand,
+          [d.element("cell-expand-icon")]: e.showExpandBtn
         }],
-        style: v.value
-      }, [e.indentSize > 0 && i("span", {
+        style: z.value
+      }, [e.indentSize > 0 && r("span", {
         style: {
           paddingLeft: `${e.indentSize}px`
         }
-      }, null), e.showExpandBtn && i("span", {
-        class: o.element("cell-inline-icon"),
-        onClick: B
-      }, [y.value ? i(M, null, null) : (t = e.renderExpandBtn) == null ? void 0 : t.call(e, e.record, !1)]), (c = e.column) != null && c.ellipsis && ((a = e.column) != null && a.tooltip) ? i(W, {
-        class: o.element("td--content"),
-        tooltipProps: S.value
-      }, _(l = s()) ? l : {
+      }, null), e.showExpandBtn && r("span", {
+        class: d.element("cell-inline-icon"),
+        onClick: F
+      }, [(n = e.renderExpandBtn) == null ? void 0 : n.call(e, e.record, !1, f.value)]), (a = e.column) != null && a.ellipsis && ((c = e.column) != null && c.tooltip) ? r(D, {
+        class: d.element("td--content"),
+        tooltipProps: h.value
+      }, G(l = x()) ? l : {
         default: () => [l]
-      }) : i("span", {
-        class: [o.element("td--content"), {
-          [o.modifier("text-ellipsis")]: (d = e.column) == null ? void 0 : d.ellipsis
+      }) : r("span", {
+        class: [d.element("td--content"), {
+          [d.modifier("text-ellipsis")]: (u = e.column) == null ? void 0 : u.ellipsis
         }]
-      }, [s()])]);
+      }, [x()])]);
     };
     return () => {
-      var l, n;
-      return i(((n = m.td) == null ? void 0 : n.call(m, {
+      var l, t;
+      return r(((t = m.td) == null ? void 0 : t.call(m, {
         record: (l = e.record) == null ? void 0 : l.raw,
         column: e.column,
         rowIndex: e.rowIndex ?? -1
-      })[0]) ?? "td", L(x, {
-        class: N.value,
-        style: I.value,
+      })[0]) ?? "td", T(g, U(e), {
+        class: B.value,
+        style: j.value,
         rowspan: e.rowSpan > 1 ? e.rowSpan : void 0,
-        colspan: e.colSpan > 1 ? e.colSpan : void 0
+        colspan: e.colSpan > 1 ? e.colSpan : void 0,
+        "data-x-table-column": e.column.dataIndex
       }), {
-        default: () => [j()]
+        default: () => [P()]
       });
     };
   }
 });
 export {
-  U as default
+  le as default
 };