@unicom-cloud/ui 0.8.90 → 0.8.92

package/table/Table.js

@@ -1,23 +1,629 @@
-import "react/jsx-runtime";
-import "../chunk/BNevupAU.js";
-import "lodash/debounce";
-import "lodash/isArray";
-import "lodash/isNumber";
-import "lodash/isPlainObject";
-import "lodash/throttle";
-import "react";
-import "../chunk/B44Hj5ad.js";
-import "../chunk/B2yFlXke.js";
-import "../chunk/BFTV6myl.js";
-import "../chunk/a3hR6zLw.js";
-import { a0 as q } from "../chunk/BbQEqpOn.js";
-import "../spin/index.js";
-import "@unicom-cloud/utils/class-name";
-import "../utils/dom.js";
-import "../chunk/ClqoGc3r.js";
-import "../chunk/CIRG541s.js";
-import "./ColGroup.js";
-import "./util.js";
+import { jsx as a, jsxs as v, Fragment as vt } from "react/jsx-runtime";
+import { Tween as sr } from "../dist/tween/src/tween.js";
+import { quintInOut as ir } from "../dist/tween/src/easing.js";
+import lr from "lodash/debounce";
+import K from "lodash/isArray";
+import te from "lodash/isNumber";
+import p from "lodash/isPlainObject";
+import cr from "lodash/throttle";
+import ar, { forwardRef as fr, useContext as dr, useMemo as lt, useRef as $, useState as j, useImperativeHandle as ur, useCallback as pr, useEffect as mr } from "react";
+import "../config-provider/ConfigProvider.js";
+import yr from "../components/common/hooks/useIsomorphicLayoutEffect.js";
+import ee from "../components/common/hooks/useMergeProps.js";
+import re from "../components/common/hooks/useUpdateEffect.js";
+import oe from "../pagination/Pagination.js";
+import gr from "../spin/index.js";
+import ne from "@unicom-cloud/utils/class-name";
+import { on as ct, off as at } from "../components/common/utils/dom.js";
+import { pickDataAttributes as hr } from "../components/common/utils/pick.js";
+import { resizeObserverEffect as br } from "../components/common/utils/resizeObserverEffect.js";
+import ft from "./ColGroup.js";
+import xr from "./hook/useColumns.js";
+import Sr from "./hook/useComponent.js";
+import Cr from "./hook/useExpand.js";
+import wr from "./hook/useRowSelection.js";
+import Tr from "./hook/useSorter.js";
+import $r from "./hook/useStickyClassNames.js";
+import Fr from "./hook/useStickyOffsets.js";
+import Nr from "./tbody/index.js";
+import vr from "./tfoot/index.js";
+import Pr from "./thead/index.js";
+import { deepCloneData as Dr, getOriginData as S, getSorterPriority as se, getSorterFn as ie, getScrollBarHeight as Br, getScrollBarWidth as Lr } from "./util.js";
+import zr from "../config-provider/context.js";
+const Rr = [], Hr = [], Er = {
+  showHeader: !0,
+  border: !0,
+  hover: !0,
+  rowKey: "key",
+  pagePosition: "br",
+  childrenColumnName: "children",
+  indentSize: 15,
+  showSorterTooltip: !0
+};
+function kr(P, le) {
+  var Qt, Zt;
+  const {
+    getPrefixCls: dt,
+    loadingElement: ce,
+    size: Pt,
+    tablePagination: ae,
+    renderEmpty: fe,
+    componentConfig: C,
+    rtl: L
+  } = dr(zr), x = ee(
+    P,
+    Er,
+    C == null ? void 0 : C.Table
+  ), F = ee(
+    p(P == null ? void 0 : P.pagination) ? P == null ? void 0 : P.pagination : {},
+    p((Qt = C == null ? void 0 : C.Table) == null ? void 0 : Qt.pagination) ? (Zt = C == null ? void 0 : C.Table) == null ? void 0 : Zt.pagination : {},
+    ae || {}
+  ), {
+    style: de,
+    className: ue,
+    component: pe,
+    border: b,
+    borderCell: ut,
+    columns: Dt = Hr,
+    data: m = Rr,
+    scroll: i,
+    noDataElement: me,
+    showHeader: ye,
+    stripe: ge,
+    hover: he,
+    pagination: N,
+    onChange: y,
+    pagePosition: w,
+    childrenColumnName: W,
+    indentSize: be,
+    rowSelection: D,
+    tableLayoutFixed: xe,
+    header: Bt,
+    // 潘启宝添加
+    footer: Lt,
+    virtualized: z,
+    renderPagination: zt,
+    summary: I,
+    rowKey: q
+  } = x, Rt = lt(
+    () => Dr(m, W),
+    [m, W]
+  ), n = dt == null ? void 0 : dt("table"), pt = x.size || (["default", "middle", "small"].indexOf(Pt) > -1 ? Pt : "default"), R = $(null), u = $(null), mt = $(null), g = $(null), _ = $(null), yt = $(null), U = $(null), G = $(0), gt = $(!1), [Ht, f] = xr(x), { currentFilters: Se, defaultSorters: Ce } = Re(), [A, ht] = j(1), [we, Te] = j(
+    F.pageSize || F.defaultPageSize || 10
+  ), [Et, kt] = j(Se), [$e, Fe] = j(0), [Ne, ve] = j([]), bt = Fr(f), [Pe, Ot] = $r(
+    Ht,
+    f,
+    n
+  ), {
+    currentSorter: V,
+    activeSorters: d,
+    getNextActiveSorters: De,
+    updateStateSorters: Be
+  } = Tr(f, Ce), { ComponentTable: X, ComponentBodyWrapper: Le, ComponentHeaderWrapper: ze } = Sr(pe), xt = lt(() => typeof q == "function" ? (t) => q(S(t)) : (t) => t[q], [q]);
+  function Re() {
+    const t = {};
+    let e = [];
+    return f.forEach((r) => {
+      const o = r.dataIndex || r.key;
+      if (r.defaultFilters && (t[o] = r.defaultFilters), r.filteredValue && (t[o] = r.filteredValue), "defaultSortOrder" in r || "sortOrder" in r) {
+        const s = se(r.sorter), c = "sortOrder" in r ? r.sortOrder : r.defaultSortOrder, l = {
+          field: o,
+          direction: c,
+          sorterFn: ie(r.sorter),
+          priority: s
+        };
+        c ? te(s) ? e.every(
+          (h) => te(h.priority) || !h.direction
+        ) && e.push(l) : e.every((h) => !h.direction) ? e.push(l) : e = [l] : e.push(l);
+      }
+    }), { currentFilters: t, defaultSorters: e };
+  }
+  const J = lt(() => {
+    const t = f.filter(
+      (r) => "filteredValue" in r
+    ), e = {};
+    return t.length && t.forEach((r, o) => {
+      const s = r.key || r.dataIndex || o;
+      s !== void 0 && (e[s] = r.filteredValue);
+    }), e;
+  }, [f]), B = lt(() => Object.keys(J).length ? J : Et, [Et, J]);
+  function He(t, e) {
+    const r = Mt(e);
+    if (!r)
+      return;
+    const o = {
+      direction: t,
+      field: e,
+      sorterFn: ie(r.sorter),
+      priority: se(r.sorter)
+    }, s = De(o);
+    Be(o, s);
+    const c = et(
+      o,
+      s,
+      B
+    ), l = M(c);
+    y == null || y(E(c), o, B, {
+      currentData: S(l),
+      currentAllData: S(c),
+      action: "sort"
+    });
+  }
+  function Ee(t) {
+    const e = function(o, s) {
+      return (c, l) => {
+        const h = o(c, l);
+        return s === "descend" ? -h : h;
+      };
+    }, r = [...t];
+    return r.sort((o, s) => s.priority - o.priority), (o, s) => {
+      for (let c = 0, l = r.length; c < l; c++) {
+        const { sorterFn: h, direction: Nt } = r[c];
+        if (typeof h != "function")
+          continue;
+        const it = e(h, Nt)(o, s);
+        if (it !== 0)
+          return it;
+      }
+      return 0;
+    };
+  }
+  function ke(t, e) {
+    const r = {
+      ...B,
+      [t.dataIndex]: e
+    }, o = {
+      ...r,
+      ...J
+    };
+    if (K(e) && e.length) {
+      kt(o);
+      const s = et(
+        V,
+        d,
+        r
+      ), c = M(s);
+      y == null || y(
+        E(s),
+        d.length === 1 ? d[0] : d,
+        r,
+        {
+          currentData: S(c),
+          currentAllData: S(s),
+          action: "filter"
+        }
+      );
+    } else K(e) && !e.length && Wt(t);
+  }
+  function Wt({ dataIndex: t }) {
+    const e = {
+      ...B
+    };
+    delete e[t], kt(e);
+    const r = et(
+      V,
+      d,
+      e
+    ), o = M(r);
+    y == null || y(
+      E(r),
+      d.length === 1 ? d[0] : d,
+      e,
+      {
+        currentData: S(o),
+        currentAllData: S(r),
+        action: "filter"
+      }
+    );
+  }
+  const Q = !!f.find((t) => t.fixed === "left"), Z = !!f.find((t) => t.fixed === "right"), tt = Q || Z;
+  function et(t, e, r) {
+    let o = (Rt || []).slice();
+    Object.keys(r).forEach((c) => {
+      if (r[c] && r[c].length) {
+        const l = Mt(c);
+        l && typeof l.onFilter == "function" && (o = o.filter((h) => r[c].reduce(
+          (Nt, it) => Nt || l.onFilter(it, h),
+          !1
+        )));
+      }
+    });
+    const s = (c) => c.slice().sort(Ee(e)).map((l) => K(l[W]) ? {
+      ...l,
+      [W]: s(l[W])
+    } : l);
+    return t.direction && typeof t.sorterFn == "function" || e.length ? s(o) : o;
+  }
+  const H = et(
+    V,
+    d,
+    B
+  );
+  function E(t = H) {
+    const e = F.pageSize || we || 10, r = pt === "middle" ? "default" : pt;
+    let o = "top";
+    w === "tl" || w === "bl" ? o = "bottom" : o = "top";
+    const s = K(t) ? t.length : 0, c = Math.ceil(s / e) < A ? 1 : A;
+    c !== A && ht(c);
+    let l = {
+      size: r,
+      total: s,
+      pageSize: e,
+      current: c,
+      selectProps: {
+        triggerProps: {
+          position: o
+        }
+      }
+    };
+    return typeof N == "object" && N.selectProps && (l.selectProps = {
+      ...l.selectProps,
+      ...N.selectProps
+    }), p(N) && (l = {
+      ...l,
+      ...N
+    }), p(F) && (l = {
+      ...l,
+      ...F
+    }), l.onChange = je, l;
+  }
+  const rt = E(), k = M();
+  function M(t = H, e = rt) {
+    const { current: r = 0, pageSize: o = 10 } = e;
+    return N === !1 || p(N) && m.length <= o ? t : t.slice((r - 1) * o, r * o);
+  }
+  const It = lr(_t, 100), T = !!(i && i.y), Y = I == null ? void 0 : I(S(H)), St = I && ar.isValidElement(Y) && Y.props.fixed, Oe = T && St;
+  yr(() => {
+    _t(), ct(window, "resize", It);
+    const t = R.current, e = u.current, r = g.current;
+    e && ct(e, "scroll", O);
+    const o = t && t.parentNode;
+    return t && o && ct(o, "scroll", O), r && ct(r, "scroll", O), () => {
+      at(window, "resize", It), e && at(e, "scroll", O), o && at(o, "scroll", O), r && at(r, "scroll", O);
+    };
+  }, [
+    Q,
+    Z,
+    i == null ? void 0 : i.x,
+    i == null ? void 0 : i.y,
+    f.length,
+    m
+  ]), re(() => {
+    const { total: t, pageSize: e } = E(m);
+    Math.ceil(t / e) < A && ht(1);
+  }, [m == null ? void 0 : m.length]), re(() => {
+    ot();
+  }, [m, Q, Z, L]), ur(le, () => ({
+    getRootDomElement: Ct,
+    scrollIntoView: (t) => {
+      yt.current && yt.current.scrollTo({ key: t });
+    },
+    getRootDOMNode: Ct
+  }));
+  function Ct() {
+    return _.current;
+  }
+  function _t() {
+    var e, r;
+    ot();
+    const t = Ct();
+    if (t && (tt || i && i.x)) {
+      const o = t.querySelector(`.${n}-body`) || t.querySelector(`.${n}-content-inner`), s = (r = (e = o == null ? void 0 : o.getBoundingClientRect) == null ? void 0 : e.call(o)) == null ? void 0 : r.width;
+      Fe(s);
+    }
+  }
+  const We = pr(
+    cr(() => {
+      const t = _.current, e = T ? u.current : U.current && U.current.parentNode;
+      if (e) {
+        const r = L ? -e.scrollLeft : e.scrollLeft, o = r === 0, s = r + 1 >= e.children[0].getBoundingClientRect().width - e.getBoundingClientRect().width;
+        o && s ? nt(
+          t.classList,
+          `${n}-scroll-position-both`
+        ) : o ? nt(
+          t.classList,
+          `${n}-scroll-position-${L ? "right" : "left"}`
+        ) : s ? nt(
+          t.classList,
+          `${n}-scroll-position-${L ? "left" : "right"}`
+        ) : nt(
+          t.classList,
+          `${n}-scroll-position-middle`
+        );
+      } else
+        t && Vt(t.classList);
+    }, 100),
+    [_.current, u.current, T, L]
+  );
+  function ot() {
+    if (tt || i && p(i) && i.x) {
+      const t = _.current;
+      t && (Q && At(
+        t.classList,
+        `${n}-has-fixed-col-left`
+      ), Z && At(
+        t.classList,
+        `${n}-has-fixed-col-right`
+      )), We();
+    }
+  }
+  function At(t, e) {
+    t.contains(e) || t.add(e);
+  }
+  function Vt(t) {
+    t.remove(`${n}-scroll-position-both`), t.remove(`${n}-scroll-position-left`), t.remove(`${n}-scroll-position-right`), t.remove(`${n}-scroll-position-middle`);
+  }
+  function nt(t, e) {
+    t.contains(e) || (Vt(t), t.add(e));
+  }
+  const {
+    selectedRowKeys: wt,
+    indeterminateKeys: Ie,
+    onCheckAll: _e,
+    onCheck: Ae,
+    onCheckRadio: Ve,
+    setSelectedRowKeys: Me,
+    allSelectedRowKeys: Ye,
+    flattenData: Ke
+  } = wr(x, k, Rt, xt);
+  function Mt(t) {
+    return f.find((e, r) => typeof e.key < "u" ? typeof e.key == "number" && typeof t == "string" ? e.key.toString() === t : e.key === t : typeof e.dataIndex < "u" ? e.dataIndex === t : typeof t == "number" ? r === t : !1);
+  }
+  function je(t, e) {
+    var o, s;
+    ht(t), Te(e), t !== A && qe(), D && !D.checkCrossPage && wt.length && (Me([]), (o = D.onChange) == null || o.call(D, [], []));
+    const r = { ...E(), current: t, pageSize: e };
+    y == null || y(
+      r,
+      d.length === 1 ? d[0] : d,
+      B,
+      {
+        currentData: S(
+          M(H, r)
+        ),
+        currentAllData: S(H),
+        action: "paginate"
+      }
+    ), (s = F.onChange) == null || s.call(F, t, e);
+  }
+  function qe() {
+    if (!u.current)
+      return;
+    const e = u.current.scrollTop;
+    new sr({
+      from: { scrollTop: e },
+      to: { scrollTop: 0 },
+      easing: ir,
+      duration: 300,
+      onUpdate: (o) => {
+        u.current && (u.current.scrollTop = o.scrollTop);
+      }
+    }).start();
+  }
+  function O(t) {
+    const { target: e } = t, r = u.current, o = R.current && R.current.parentNode, s = g.current;
+    e.scrollLeft !== G.current && (o && (o.scrollLeft = e.scrollLeft), r && (r.scrollLeft = e.scrollLeft), s && (s.scrollLeft = e.scrollLeft), ot()), G.current = t.target.scrollLeft;
+  }
+  function Ue(t) {
+    const { target: e } = t, r = U.current;
+    e.scrollLeft !== G.current && (r.scrollLeft = e.scrollLeft, ot()), G.current = t.target.scrollLeft;
+  }
+  const [Yt, Ge] = Cr(
+    x,
+    Ke,
+    xt
+  );
+  let Kt = {}, Tt = {};
+  i && (i.x && (typeof i.x == "number" || typeof i.x == "string") && (Tt = {
+    width: i.x
+  }), i.y && (typeof i.y == "number" || typeof i.y == "string") && (Kt = {
+    maxHeight: i.y
+  }));
+  function Xe() {
+    requestAnimationFrame((t) => {
+      const e = R.current && R.current.parentNode, r = Br(e);
+      r && r > 0 && (e.style.marginBottom = `-${r}px`, e.style.paddingBottom = "0px", g.current && (g.current.style.marginBottom = `-${r}px`, g.current.style.paddingBottom = "0px")), setTimeout(() => {
+        const o = u.current;
+        Lr(o) ? (gt.current = !0, e && (e.style.overflowY = "scroll", e.style.scrollSnapType = "y mandatory"), g.current && (g.current.style.overflowY = "scroll", g.current.style.overflowY = "y mandatory")) : e && gt.current && (gt.current = !1, e.style.overflowY = "auto", e.style.overflowY = "y mandatory", g.current && (g.current.style.overflowY = "auto", g.current.style.overflowY = "y mandatory"));
+      }, 0);
+    });
+  }
+  const jt = /* @__PURE__ */ a(
+    Pr,
+    {
+      ...x,
+      activeSorters: d,
+      currentSorter: V,
+      selectedRowKeys: wt,
+      currentFilters: B,
+      onCheckAll: _e,
+      onSort: He,
+      data: k,
+      onHandleFilter: ke,
+      onHandleFilterReset: Wt,
+      prefixCls: n,
+      allSelectedRowKeys: Ye,
+      groupColumns: Ht,
+      stickyOffsets: bt,
+      groupStickyClassNames: Pe
+    }
+  );
+  function Je() {
+    const t = p(i) && i.x === "max-content";
+    return T || z ? /* @__PURE__ */ a(ze, { className: `${n}-header`, children: /* @__PURE__ */ v(
+      X,
+      {
+        ref: R,
+        style: t ? {} : Tt,
+        children: [
+          /* @__PURE__ */ a(
+            ft,
+            {
+              columns: f,
+              prefixCls: n,
+              producer: !1,
+              columnWidths: t && i.y ? Ne : null
+            }
+          ),
+          jt
+        ]
+      }
+    ) }) : jt;
+  }
+  const qt = Y && /* @__PURE__ */ a(
+    vr,
+    {
+      prefixCls: n,
+      summary: I,
+      data: k,
+      columns: f,
+      stickyOffsets: bt,
+      stickyClassNames: Ot
+    }
+  ), Ut = /* @__PURE__ */ a(
+    Nr,
+    {
+      ...x,
+      saveRef: (t) => mt.current = t,
+      selectedRowKeys: wt,
+      indeterminateKeys: Ie,
+      expandedRowKeys: Yt,
+      onCheck: Ae,
+      onCheckRadio: Ve,
+      onClickExpandBtn: Ge,
+      columns: f,
+      data: k,
+      prefixCls: n,
+      hasFixedColumn: tt,
+      tableViewWidth: $e,
+      indentSize: be,
+      noDataElement: me || fe("Table"),
+      activeSorters: d,
+      currentSorter: V,
+      stickyOffsets: bt,
+      stickyClassNames: Ot,
+      getRowKey: xt,
+      saveVirtualListRef: (t) => {
+        z && (yt.current = t, u.current = t == null ? void 0 : t.dom);
+      },
+      ___dangerouslySetInnerHTML___: x.___dangerouslySetInnerHTML___
+    }
+  ), Gt = !z && !Oe ? /* @__PURE__ */ v(vt, { children: [
+    Ut,
+    qt
+  ] }) : Ut;
+  mr(() => {
+    const t = u.current || mt.current, e = br([t], Xe);
+    return () => {
+      e();
+    };
+  }, [u.current, mt.current]);
+  function Qe() {
+    const t = p(i) && i.x === "max-content" && !!i.y && K(m) && m.length > 0;
+    return T && !z ? /* @__PURE__ */ a(
+      Le,
+      {
+        ref: u,
+        className: `${n}-body`,
+        style: Kt,
+        children: /* @__PURE__ */ v(X, { style: Tt, children: [
+          /* @__PURE__ */ a(
+            ft,
+            {
+              columns: f,
+              prefixCls: n,
+              producer: t,
+              onSetColumnWidths: ve,
+              expandedRowKeys: Yt,
+              data: m
+            }
+          ),
+          Gt
+        ] })
+      }
+    ) : Gt;
+  }
+  function Ze() {
+    let t = {};
+    i && p(i) && i.x && (t = {
+      width: i.x
+    });
+    const e = /* @__PURE__ */ a("div", { className: `${n}-tfoot`, ref: g, children: /* @__PURE__ */ v(X, { style: t, children: [
+      /* @__PURE__ */ a(ft, { columns: f, prefixCls: n }),
+      qt
+    ] }) }), r = Y && T && St === "top", o = Y && T && St === "bottom", s = /* @__PURE__ */ v(vt, { children: [
+      ye ? Je() : null,
+      r && e,
+      Qe(),
+      o && e
+    ] });
+    return /* @__PURE__ */ v(vt, { children: [
+      typeof Bt == "function" && /* @__PURE__ */ a("div", { className: `${n}-header-`, children: Bt(k) }),
+      /* @__PURE__ */ a("div", { className: `${n}-container`, children: /* @__PURE__ */ a("div", { className: `${n}-content-scroll`, children: /* @__PURE__ */ a(
+        "div",
+        {
+          className: `${n}-content-inner`,
+          onScroll: T ? void 0 : Ue,
+          children: T || z ? s : /* @__PURE__ */ v(X, { ref: U, style: t, children: [
+            /* @__PURE__ */ a(ft, { prefixCls: n, columns: f }),
+            s
+          ] })
+        }
+      ) }) }),
+      typeof Lt == "function" && /* @__PURE__ */ a("div", { className: `${n}-footer`, children: Lt(k) })
+    ] });
+  }
+  if (!Dt.length) return null;
+  const tr = p(b) ? b.wrapper : b, $t = p(b) ? b.cell : ut, er = p(b) ? b.cell || b.headerCell : ut, rr = p(b) ? b.cell || b.bodyCell : ut, or = ne(
+    n,
+    `${n}-size-${pt}`,
+    {
+      [`${n}-border`]: tr,
+      [`${n}-border-cell`]: $t,
+      [`${n}-border-header-cell`]: !$t && er,
+      [`${n}-border-body-cell`]: !$t && rr,
+      [`${n}-stripe`]: ge,
+      [`${n}-hover`]: he,
+      [`${n}-type-radio`]: D && D.type === "radio",
+      [`${n}-layout-fixed`]: xe || i && (i.x || i.y) || Dt.find((t) => t.ellipsis),
+      [`${n}-fixed-column`]: tt,
+      [`${n}-virtualized`]: z,
+      [`${n}-rtl`]: L
+    },
+    ue
+  ), Ft = w === "tl" || w === "tr" || w === "topCenter", nr = ne(`${n}-pagination`, {
+    [`${n}-pagination-left`]: w === "tl" || w === "bl",
+    [`${n}-pagination-center`]: w === "topCenter" || w === "bottomCenter",
+    [`${n}-pagination-top`]: Ft
+  });
+  let st = x.loading;
+  typeof st == "boolean" && (st = { loading: st });
+  const Xt = typeof zt == "function" ? zt(/* @__PURE__ */ a(oe, { ...rt })) : /* @__PURE__ */ a("div", { className: nr, children: /* @__PURE__ */ a(oe, { ...rt }) }), Jt = N !== !1 && (H.length !== 0 || rt.total > 0);
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ref: _,
+      style: de,
+      className: or,
+      ...hr(x),
+      children: /* @__PURE__ */ v(
+        gr,
+        {
+          className: `${n}-spin`,
+          element: ce,
+          ...st,
+          children: [
+            Jt && Ft && Xt,
+            Ze(),
+            Jt && !Ft && Xt
+          ]
+        }
+      )
+    }
+  );
+}
+const Or = fr(kr);
+Or.displayName = "Table";
 export {
-  q as default
+  Or as default
 };