@unicom-cloud/ui 0.8.90 → 0.8.91

package/table/hook/useColumns.js

@@ -0,0 +1,141 @@
+import { useMemo as p, useCallback as K } from "react";
+import { INTERNAL_EXPAND_KEY as F, INTERNAL_SELECTION_KEY as S } from "../constant.js";
+import M from "./useComponent.js";
+function L(c, a) {
+  const n = [];
+  function m(f) {
+    f && f.length > 0 && f.forEach((l) => {
+      l[a] ? m(l[a]) : n.push({ ...l, key: l.dataIndex || l.key });
+    });
+  }
+  return m(c), n;
+}
+function v(c, a) {
+  let n = 0;
+  return c && c.length > 0 && c.forEach((m) => {
+    const f = v(m[a], a) + 1;
+    n = Math.max(f, n);
+  }), n;
+}
+function j(c) {
+  const {
+    component: a,
+    rowSelection: n,
+    expandedRowRender: m,
+    expandProps: f = {},
+    columns: l = [],
+    childrenColumnName: i
+  } = c, u = p(() => l || [], [l]), k = p(
+    () => L(u, i),
+    [u, i]
+  ), P = n && n.type === "checkbox" || n && !("type" in n), T = n && n.type === "radio", { width: N } = f, x = !!m, $ = P || T, { getHeaderComponentOperations: _, getBodyComponentOperations: O } = M(a), h = p(
+    () => _({
+      selectionNode: $ ? "holder_node" : "",
+      expandNode: x ? "holder_node" : ""
+    }),
+    [
+      $,
+      x,
+      _
+    ]
+  ), R = p(
+    () => O({
+      selectionNode: $ ? "holder_node" : "",
+      expandNode: x ? "holder_node" : ""
+    }),
+    [
+      $,
+      x,
+      O
+    ]
+  ), b = n && n.fixed, A = n && n.columnWidth, y = K(
+    (w, I, d) => {
+      const r = {}, t = [];
+      w.forEach((e, g) => {
+        const s = { ...e };
+        (!("key" in e) || typeof e.key > "u") && (s.key = s.dataIndex || g), g === 0 ? (s.$$isFirstColumn = !0, s.fixed === "left" && (r.fixed = s.fixed)) : s.$$isFirstColumn = !1, t.push(s);
+      });
+      const o = x && {
+        key: F,
+        title: F,
+        width: N,
+        $$isOperation: !0
+      }, C = $ && {
+        key: S,
+        title: S,
+        width: A,
+        $$isOperation: !0
+      };
+      return b && (r.fixed = "left"), (typeof d != "number" || d === 0) && [...I].reverse().forEach((e, g) => {
+        if (e.node) {
+          const s = h.filter((H) => H.node).length - g - 1;
+          e.name === "expandNode" ? t.unshift({
+            ...o,
+            ...r,
+            $$columnIndex: s
+          }) : e.name === "selectionNode" ? t.unshift({
+            ...C,
+            ...r,
+            $$columnIndex: s
+          }) : t.unshift({
+            ...e,
+            ...r,
+            title: e.name,
+            key: e.name,
+            $$isOperation: !0,
+            width: e.width || 40,
+            $$columnIndex: s
+          });
+        }
+      }), t;
+    },
+    [
+      N,
+      x,
+      $,
+      A,
+      b,
+      h
+    ]
+  ), W = p(
+    () => y(k, R),
+    [k, y, R]
+  ), E = p(
+    () => v(u, i),
+    [u, i]
+  );
+  return [p(() => {
+    const w = Array.isArray(h) ? h.filter((t) => t.node).length : 0;
+    if (E === 1) {
+      const t = u.map((o, C) => ({
+        ...o,
+        $$columnIndex: C + w
+      }));
+      return [y(t, h, 0)];
+    }
+    let I = w;
+    const d = [], r = (t, o = 0) => {
+      d[o] = d[o] || [], t.forEach((C) => {
+        const e = { ...C };
+        e[i] ? (e.colSpan = L(
+          C[i],
+          i
+        ).length, e.$$columnIndex = [I], d[o].push(e), r(e[i], o + 1), e.$$columnIndex.push(I - 1)) : (e.rowSpan = E - o, e.$$columnIndex = I++, d[o].push(e));
+      }), d[o] = y(
+        d[o],
+        h,
+        o
+      );
+    };
+    return r(u), d;
+  }, [
+    u,
+    i,
+    E,
+    y,
+    h
+  ]), W];
+}
+export {
+  j as default
+};

package/table/hook/useComponent.js

@@ -0,0 +1,28 @@
+import r from "lodash/isPlainObject";
+import t from "lodash/merge";
+import { useMemo as p } from "react";
+import { defaultComponent as n } from "../constant.js";
+function l(o) {
+  const e = p(
+    () => r(o) ? t({}, n, o) : n,
+    [o]
+  );
+  return {
+    getHeaderComponentOperations: e.header.operations,
+    getBodyComponentOperations: e.body.operations,
+    ComponentTable: e.table,
+    ComponentHeaderWrapper: e.header.wrapper,
+    ComponentThead: e.header.thead,
+    ComponentHeaderRow: e.header.row,
+    ComponentTh: e.header.th,
+    ComponentHeaderCell: e.header.cell,
+    ComponentBodyWrapper: e.body.wrapper,
+    ComponentTbody: e.body.tbody,
+    ComponentBodyRow: e.body.row,
+    ComponentTd: e.body.td,
+    ComponentBodyCell: e.body.cell
+  };
+}
+export {
+  l as default
+};

package/table/hook/useExpand.js

@@ -0,0 +1,36 @@
+import { useState as b } from "react";
+import { getOriginData as u, isChildrenNotEmpty as C } from "../util.js";
+function A(t, f, d) {
+  const {
+    defaultExpandedRowKeys: l,
+    defaultExpandAllRows: E,
+    expandedRowRender: c,
+    onExpand: p,
+    onExpandedRowsChange: x,
+    childrenColumnName: w = "children",
+    expandProps: i
+  } = t, [m, R] = b(
+    y()
+  ), s = t.expandedRowKeys || m;
+  function y() {
+    let e = [];
+    return t.expandedRowKeys ? e = t.expandedRowKeys : l ? e = l : E && (e = f.map((n, o) => {
+      const a = u(n);
+      return i && "rowExpandable" in i && typeof i.rowExpandable == "function" ? i.rowExpandable(a) && d(n) : typeof c == "function" ? c(a, o) && d(n) : C(n, w) && d(n);
+    }).filter((n) => n)), e;
+  }
+  function K(e) {
+    const n = s.indexOf(e) === -1, o = n ? s.concat(e) : s.filter((r) => e !== r), a = f.filter((r) => o.indexOf(d(r)) !== -1).map((r) => d(r));
+    R(a), h(e, n), x == null || x(a);
+  }
+  function h(e, n) {
+    p == null || p(
+      u(f.find((o) => d(o) === e)),
+      n
+    );
+  }
+  return [s, K];
+}
+export {
+  A as default
+};

package/table/hook/useRowSelection.js

@@ -0,0 +1,94 @@
+import v from "lodash/isArray";
+import { useState as g } from "react";
+import { getSelectedKeysByData as G, getOriginData as u, getSelectedKeys as H, isChildrenNotEmpty as A } from "../util.js";
+function I(d) {
+  return [...new Set(d)];
+}
+function W(d, M, F, f) {
+  const { rowSelection: e, childrenColumnName: k } = d, w = e == null ? void 0 : e.selectedRowKeys, p = e == null ? void 0 : e.onSelectAll, m = e == null ? void 0 : e.onSelect, i = e == null ? void 0 : e.onChange, b = e == null ? void 0 : e.pureKeys, r = typeof (e == null ? void 0 : e.checkStrictly) == "boolean" ? !e.checkStrictly : !1, O = e == null ? void 0 : e.preserveSelectedRowKeys;
+  function T() {
+    const s = [], n = [], o = (t) => {
+      v(t) && t.length && t.forEach((c) => {
+        const a = f(c);
+        (e && typeof e.checkboxProps == "function" ? e.checkboxProps(u(c)) : {}).disabled || s.push(a), A(c, d.childrenColumnName) && o(c[d.childrenColumnName]);
+      });
+    };
+    o(M);
+    const l = (t, c) => {
+      v(t) && t.length && t.forEach((a) => {
+        if (c && r && (a.__INTERNAL_PARENT = c), n.push(a), A(a, d.childrenColumnName)) {
+          const _ = { ...a };
+          l(a[d.childrenColumnName], _);
+        }
+      });
+    };
+    return l(F, void 0), {
+      allSelectedRowKeys: s,
+      flattenData: n
+    };
+  }
+  const { allSelectedRowKeys: h, flattenData: y } = T(), [x, R] = g([]), [C, D] = g([]), E = G(
+    y,
+    I(w || x),
+    f,
+    k,
+    r
+  ), K = r && !w ? x : E.selectedRowKeys, B = r && !w ? C : E.indeterminateKeys, [L, P] = g(
+    b ? [] : S(K)
+  );
+  function S(s, n) {
+    const o = n ? L.concat(y) : y, l = new Map(
+      o.map((t, c, a) => [f(t), t])
+    );
+    return s.map((t) => l.get(t)).filter((t) => t);
+  }
+  const U = new Set(y.map((s) => f(s)));
+  function N(s) {
+    return O ? s : s.filter((n) => U.has(n));
+  }
+  function j(s) {
+    let n = [], o = [];
+    if (s)
+      n = N(
+        I(K.concat(h))
+      );
+    else {
+      const t = new Set(h);
+      n = N(
+        K.filter((c) => !t.has(c))
+      );
+    }
+    b || (o = S(n, !0));
+    const l = u(o);
+    R(n), P(o), D([]), i == null || i(n, l), p == null || p(s, l);
+  }
+  function q(s, n) {
+    const { selectedRowKeys: o, indeterminateKeys: l } = H(
+      n,
+      s,
+      K,
+      C,
+      f,
+      k,
+      r
+    ), t = N(o), c = S(t, !0), a = u(c);
+    R(t), P(c), D(l), m == null || m(s, u(n), a), i == null || i(t, a);
+  }
+  function z(s, n) {
+    const o = [y.find((t) => f(t) === s)], l = u(o);
+    R([s]), m == null || m(!0, u(n), l), i == null || i([s], l);
+  }
+  return {
+    selectedRowKeys: K,
+    indeterminateKeys: B,
+    onCheckAll: j,
+    onCheck: q,
+    onCheckRadio: z,
+    setSelectedRowKeys: R,
+    allSelectedRowKeys: h,
+    flattenData: y
+  };
+}
+export {
+  W as default
+};

package/table/hook/useSorter.js

@@ -0,0 +1,54 @@
+import S from "lodash/isNumber";
+import { useState as v, useRef as b, useCallback as a } from "react";
+import k from "../../components/common/hooks/useUpdateEffect.js";
+import { getSorterPriority as A, getSorterFn as E } from "../util.js";
+function I(s, y) {
+  const [i, u] = v(y), [F, p] = v({}), g = b(s), h = a(
+    (t) => {
+      const { field: o, direction: e } = t;
+      return i.find((r) => r.field === o) ? e ? i.map(
+        (r) => r.field === o ? t : r
+      ) : i.filter((r) => r.field !== o) : e ? !S(t.priority) || i.find((r) => !S(r.priority)) ? [t] : [...i, t] : [...i];
+    },
+    [i]
+  ), d = a((t) => {
+    const o = t.filter((r) => "sortOrder" in r);
+    let e = [];
+    return o.forEach((r) => {
+      const f = A(r.sorter), n = r.sortOrder, l = {
+        field: r.dataIndex || r.key,
+        direction: n,
+        sorterFn: E(r.sorter),
+        priority: f
+      };
+      n ? S(f) ? e.every((c) => S(c.priority) || !c.direction) && e.push(l) : e.every((c) => !c.direction) ? e.push(l) : e = [l] : e.push(l);
+    }), e;
+  }, []), x = a(
+    (t, o) => {
+      d(s).length || (u(o), p(t));
+    },
+    [s, d, u, p]
+  );
+  return k(() => {
+    const t = g.current, o = d(t), e = d(s), r = o.map(
+      (n) => n.field
+    ), f = e.filter((n) => o.find(
+      ({ field: c, direction: C }) => n.field === c && n.direction !== C
+    ) ? !0 : !r.includes(n.field));
+    f && f.length && (u(e), p({})), g.current = s;
+  }, [
+    s,
+    d,
+    h,
+    p,
+    u
+  ]), {
+    currentSorter: F,
+    activeSorters: i,
+    getNextActiveSorters: h,
+    updateStateSorters: x
+  };
+}
+export {
+  I as default
+};

package/table/hook/useStickyClassNames.js

@@ -0,0 +1,30 @@
+import o from "lodash/isPlainObject";
+import { useMemo as m } from "react";
+import c from "@unicom-cloud/utils/class-name";
+function y(s, i, f) {
+  const n = i.map((e) => e.fixed);
+  function d(e, t) {
+    return c({
+      [`${f}-col-fixed-left`]: e.fixed === "left",
+      [`${f}-col-fixed-right`]: e.fixed === "right",
+      [`${f}-col-fixed-left-last`]: e.fixed === "left" && (o(i[t + 1]) ? i[t + 1].fixed !== "left" : !0),
+      [`${f}-col-fixed-right-first`]: e.fixed === "right" && (o(i[t - 1]) ? i[t - 1].fixed !== "right" : !0)
+    });
+  }
+  const x = m(() => i.map(
+    (e, t) => d(e, t)
+  ), [n.join("-")]);
+  return [m(
+    () => s.map((e) => e.map((t, l) => {
+      let a = l;
+      const r = t.$$columnIndex;
+      return Array.isArray(r) && r.length === 2 ? a = t.fixed === "right" ? r[0] : r[1] : typeof r == "number" && (a = r), d(t, a);
+    })),
+    [
+      s.map((e) => `|${e.map((t) => t.fixed || "undefined").join("-")}|`).join("_")
+    ]
+  ), x];
+}
+export {
+  y as default
+};

package/table/hook/useStickyOffsets.js

@@ -0,0 +1,28 @@
+import { useMemo as a } from "react";
+import { px2Number as n } from "../util.js";
+function x(i) {
+  const d = i.map((t) => n(t.width)), o = i.map((t) => t.fixed);
+  return a(() => i.map((t) => {
+    let f = 0;
+    return t.fixed === "left" && i.some((e) => {
+      if (e.fixed === "left") {
+        if (e.key === t.key)
+          return !0;
+        const r = n(e.width), s = e.$$isOperation ? r || 40 : r;
+        return f += s, !1;
+      }
+      return !1;
+    }), t.fixed === "right" && [...i].reverse().some((e) => {
+      if (e.fixed === "right") {
+        if (e.key === t.key)
+          return !0;
+        const r = n(e.width), s = e.$$isOperation ? r || 40 : r;
+        return f += s, !1;
+      }
+      return !1;
+    }), f;
+  }), [d.join("-"), o.join("-")]);
+}
+export {
+  x as default
+};

package/table/hook/useThResizable.js

@@ -0,0 +1,39 @@
+import { useState as h, useEffect as p } from "react";
+import "../../components/common/utils/is.js";
+import x from "../th-resizable/index.js";
+import { isArray as b } from "@unicom-cloud/utils/is";
+function g(a = {}) {
+  function c(e, n) {
+    return {
+      column: e,
+      onResize(o) {
+        const { column: t = {}, width: d } = o ?? {};
+        s((i) => {
+          const f = i.find((u, C, z) => u === t || u.dataIndex === t.dataIndex && u.title == t.title);
+          return f ? (f.width = d ?? t.width, r(i)) : i;
+        });
+      }
+    };
+  }
+  function r(e) {
+    return b(e) ? e.map((n, l, o) => {
+      const t = n;
+      return l < o.length - 1 && n.resizable !== !1 && !n.fixed && (t.onHeaderCell = c), t;
+    }) : e;
+  }
+  const [m, s] = h(() => {
+    const e = a.columns;
+    return e ? r(e) : [];
+  });
+  return p(() => () => {
+  }, []), {
+    columns: m,
+    setColumns(e) {
+      return s(r(e));
+    },
+    ThResizable: x
+  };
+}
+export {
+  g as default
+};

package/table/index.js

@@ -1,17 +1,30 @@
-import { k as s, l, m as o, T as u, u as t, n as m, o as b, p as T, q as n, r, s as f, t as p } from "../chunk/BbQEqpOn.js";
-import { defaultComponent as C } from "./constant.js";
+import e from "./Table.js";
+import { defaultComponent as s } from "./constant.js";
+import { default as u } from "./hook/useColumns.js";
+import { default as b } from "./hook/useComponent.js";
+import { default as T } from "./hook/useExpand.js";
+import { default as x } from "./hook/useRowSelection.js";
+import { default as C } from "./hook/useSorter.js";
+import { default as i } from "./hook/useStickyClassNames.js";
+import { default as R } from "./hook/useStickyOffsets.js";
+import { default as w } from "./hook/useThResizable.js";
+import a from "./summary/index.js";
+import { default as z } from "./summary/Cell.js";
+import { default as E } from "./summary/Row.js";
+const o = e;
+o.Summary = a;
 export {
-  s as TableSummary,
-  l as TableSummaryCell,
-  o as TableSummaryRow,
-  u as default,
-  C as tableDefaultComponent,
-  t as useTableColumns,
-  m as useTableComponent,
-  b as useTableExpand,
-  T as useTableRowSelection,
-  n as useTableSorter,
-  r as useTableStickyClassNames,
-  f as useTableStickyOffsets,
-  p as useTableThResizable
+  a as TableSummary,
+  z as TableSummaryCell,
+  E as TableSummaryRow,
+  o as default,
+  s as tableDefaultComponent,
+  u as useTableColumns,
+  b as useTableComponent,
+  T as useTableExpand,
+  x as useTableRowSelection,
+  C as useTableSorter,
+  i as useTableStickyClassNames,
+  R as useTableStickyOffsets,
+  w as useTableThResizable
 };

package/table/summary/Cell.js

@@ -0,0 +1,10 @@
+import { jsx as o } from "react/jsx-runtime";
+import { omit as l } from "../../components/common/utils/omit.js";
+function m(r) {
+  const { children: t, ...e } = r;
+  return /* @__PURE__ */ o("td", { ...l(e, ["$$PqbTableSummaryCell"]), children: t });
+}
+m.__PQB_TABLE_SUMMARY_CELL__ = !0;
+export {
+  m as default
+};

package/table/summary/Row.js

@@ -0,0 +1,25 @@
+import { jsx as R } from "react/jsx-runtime";
+import m from "lodash/get";
+import r, { useContext as a } from "react";
+import "../../config-provider/ConfigProvider.js";
+import $ from "@unicom-cloud/utils/class-name";
+import { SummaryContext as b } from "./context.js";
+import v from "../../config-provider/context.js";
+function O(f) {
+  const { rtl: l } = a(v), { columns: e, stickyOffsets: n, stickyClassNames: C, prefixCls: y } = a(b), { children: c, ...x } = f, d = r.Children.map(
+    c,
+    (o) => o.props.colSpan || 1
+  ), u = r.Children.map(c, (o, S) => {
+    var p, i;
+    const t = o, _ = m(t, "type.__PQB_TABLE_SUMMARY_CELL__") || m(t, "props.$$PqbTableSummaryCell"), g = (p = t == null ? void 0 : t.props) == null ? void 0 : p.style, h = (i = t == null ? void 0 : t.props) == null ? void 0 : i.className, s = d.slice(0, S).reduce((A, L) => A + L, 0), N = e[s].fixed === "left" ? { [l ? "right" : "left"]: n[s] } : e[s].fixed === "right" ? { [l ? "left" : "right"]: n[s] } : {}, k = e[s].fixed === "left" || e[s].fixed === "right" ? C[s] : "";
+    return _ ? r.cloneElement(t, {
+      ...t.props,
+      className: $(`${y}-td`, k, h),
+      style: { ...g, ...N }
+    }) : o;
+  });
+  return /* @__PURE__ */ R("tr", { ...x, children: u });
+}
+export {
+  O as default
+};

package/table/summary/context.js

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

package/table/summary/index.js

@@ -0,0 +1,12 @@
+import o from "./Cell.js";
+import l from "./Row.js";
+function r(m) {
+  return m.children;
+}
+r.Row = l;
+r.Cell = o;
+export {
+  o as SummaryCell,
+  l as SummaryRow,
+  r as default
+};