@unicom-cloud/ui 0.8.107 → 0.8.109

package/table/Table.js

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

package/table/context.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const o = t({});
+export {
+  o as TableContext
+};