@unicom-cloud/ui 0.8.95 → 0.8.97

package/table/thead/Column.js

@@ -1,94 +1,94 @@
-import { jsxs as g, Fragment as ve, jsx as n } from "react/jsx-runtime";
-import { useContext as ye, useState as Y, useEffect as Z, createElement as Se } from "react";
-import Fe from "@unicom-cloud/icons/IconUiCaretDown";
-import Te from "@unicom-cloud/icons/IconUiCaretUp";
-import Ie from "@unicom-cloud/icons/IconUiFilter";
-import _ from "lodash/isArray";
-import be from "lodash/isFunction";
-import E from "lodash/isPlainObject";
-import De from "lodash/isString";
-import H from "../../button/index.js";
-import Pe from "../../checkbox/Checkbox.js";
+import { jsxs as u, Fragment as Fe, jsx as n } from "react/jsx-runtime";
+import { useContext as ve, useState as Q, useEffect as W, createElement as Se } from "react";
+import be from "@unicom-cloud/icons/IconUiCaretDown";
+import ye from "@unicom-cloud/icons/IconUiCaretUp";
+import Te from "@unicom-cloud/icons/IconUiFilter";
+import X from "lodash/isArray";
+import Ie from "lodash/isFunction";
+import P from "lodash/isPlainObject";
+import ke from "lodash/isString";
+import Y from "../../button/index.js";
+import De from "../../checkbox/Checkbox.js";
 import "../../checkbox/Group.js";
 import "../../config-provider/ConfigProvider.js";
-import ke from "../../components/common/hooks/useMergeValue.js";
-import we from "../../radio/Radio.js";
+import we from "../../components/common/hooks/useMergeValue.js";
+import Pe from "../../radio/Radio.js";
 import Ae from "../../space/index.js";
 import Ee from "../hook/useComponent.js";
 import Oe from "../../tooltip/index.js";
 import Me from "../../trigger/index.js";
-import C from "@unicom-cloud/utils/class-name";
+import h from "@unicom-cloud/utils/class-name";
 import Re from "../../config-provider/context.js";
-function Ue(x, i) {
-  return x === "ascend" ? i == null ? void 0 : i.Table.sortAscend : x === "descend" ? i == null ? void 0 : i.Table.sortDescend : i == null ? void 0 : i.Table.cancelSort;
+function Ue(g, m) {
+  return g === "ascend" ? m?.Table.sortAscend : g === "descend" ? m?.Table.sortDescend : m?.Table.cancelSort;
 }
 const je = { bottom: 0 };
-function st(x) {
+function lt(g) {
   const {
-    onSort: i,
-    onFilter: O,
-    onHandleFilter: f,
-    onHandleFilterReset: V,
-    currentFilters: T = {},
+    onSort: m,
+    onFilter: A,
+    onHandleFilter: E,
+    onHandleFilterReset: Z,
+    currentFilters: S = {},
     currentSorter: o,
-    _key: M,
-    dataIndex: ee,
-    title: $,
-    sorter: te,
-    sortDirections: c = ["ascend", "descend"],
-    filters: u = [],
-    columnFixedStyle: ne,
-    className: re,
-    headerClassName: ie,
-    cellStyle: R,
-    headerCellStyle: N,
-    rowSpan: I,
-    colSpan: v,
-    headerCellProps: oe,
+    _key: O,
+    dataIndex: _,
+    title: C,
+    sorter: ee,
+    sortDirections: l = ["ascend", "descend"],
+    filters: f = [],
+    columnFixedStyle: te,
+    className: ne,
+    headerClassName: re,
+    cellStyle: M,
+    headerCellStyle: x,
+    rowSpan: b,
+    colSpan: $,
+    headerCellProps: ie,
     prefixCls: t,
-    align: b = "left",
-    component: se,
+    align: y = "left",
+    component: oe,
     filterIcon: le,
-    filterDropdown: D,
-    filterMultiple: U = !0,
-    ellipsis: j,
-    filterDropdownProps: z,
-    onFilterDropdownVisibleChange: P,
+    filterDropdown: T,
+    filterMultiple: R = !0,
+    ellipsis: U,
+    filterDropdownProps: j,
+    onFilterDropdownVisibleChange: se,
     column: ce,
-    showSorterTooltip: k,
-    index: B
-  } = x, { locale: m, rtl: de } = ye(Re), s = M || ee || B, [p, h, a] = ke([], {
-    value: T[s] || []
-  }), [w, K] = Y(!1), [L, q] = Y(!1), y = te && _(c) && c.length, S = y ? me() : void 0;
-  Z(() => {
-    h(T[s] || []);
-  }, [T, s]), Z(() => {
-    p && p !== a && h(p);
-  }, [w]);
-  function me() {
+    showSorterTooltip: I,
+    index: H
+  } = g, { locale: k, rtl: ae } = ve(Re), i = O || _ || H, [d, p, a] = we([], {
+    value: S[i] || []
+  }), [D, z] = Q(!1), [B, K] = Q(!1), N = ee && X(l) && l.length, F = N ? de() : void 0;
+  W(() => {
+    p(S[i] || []);
+  }, [S, i]), W(() => {
+    d && d !== a && p(d);
+  }, [D]);
+  function de() {
     const e = o && o.direction;
-    if (!e || o && o.field !== s)
-      return c[0];
-    const l = c.indexOf(e);
-    if (l < c.length)
-      return c[l + 1];
+    if (!e || o && o.field !== i)
+      return l[0];
+    const s = l.indexOf(e);
+    if (s < l.length)
+      return l[s + 1];
   }
-  function ae() {
-    p && (f == null || f(
-      { onFilter: O, filters: u, dataIndex: s },
+  function me() {
+    d && (E?.(
+      { onFilter: A, filters: f, dataIndex: i },
       a
-    ), A(!1));
+    ), w(!1));
   }
   function fe() {
-    V({ dataIndex: s }), A(!1);
+    Z({ dataIndex: i }), w(!1);
   }
-  function A(e) {
-    K(e), P == null || P(e);
+  function w(e) {
+    z(e), se?.(e);
   }
-  function G(e, l) {
+  function L(e, s) {
     let r = [...a];
-    if (U)
-      l ? r = r.concat(e) : r.splice(
+    if (R)
+      s ? r = r.concat(e) : r.splice(
         r.findIndex((Ne) => Ne === e),
         1
       );
@@ -99,99 +99,99 @@ function st(x) {
         return;
     else
       r = [e];
-    h(r);
+    p(r);
   }
   function pe(e) {
-    h(e || a), K(!1), f == null || f(
-      { filters: u, onFilter: O, dataIndex: s },
+    p(e || a), z(!1), E?.(
+      { filters: f, onFilter: A, dataIndex: i },
       e || a
     );
   }
   function ue() {
-    return typeof D == "function" ? D({
+    return typeof T == "function" ? T({
       filterKeys: a,
-      setFilterKeys: (e, l) => {
-        h(e), l == null || l();
+      setFilterKeys: (e, s) => {
+        p(e), s?.();
       },
       confirm: pe
-    }) : /* @__PURE__ */ g("div", { className: `${t}-filters-popup`, children: [
-      /* @__PURE__ */ n("div", { className: `${t}-filters-list`, children: u.map((e) => {
-        const l = a.findIndex((r) => r === e.value) !== -1;
-        return /* @__PURE__ */ n("div", { className: `${t}-filters-item`, children: U ? /* @__PURE__ */ n(
-          Pe,
+    }) : /* @__PURE__ */ u("div", { className: `${t}-filters-popup`, children: [
+      /* @__PURE__ */ n("div", { className: `${t}-filters-list`, children: f.map((e) => {
+        const s = a.findIndex((r) => r === e.value) !== -1;
+        return /* @__PURE__ */ n("div", { className: `${t}-filters-item`, children: R ? /* @__PURE__ */ n(
+          De,
           {
-            checked: l,
-            onChange: (r) => G(e.value, r),
+            checked: s,
+            onChange: (r) => L(e.value, r),
             children: e.text
           }
         ) : /* @__PURE__ */ n(
-          we,
+          Pe,
           {
-            checked: l,
-            onChange: (r) => G(e.value, r),
+            checked: s,
+            onChange: (r) => L(e.value, r),
             children: e.text
           }
         ) }, e.value);
       }) }),
-      /* @__PURE__ */ g(Ae, { className: `${t}-filters-btn`, children: [
-        /* @__PURE__ */ n(H, { onClick: fe, size: "mini", children: m == null ? void 0 : m.Table.resetText }),
-        /* @__PURE__ */ n(H, { onClick: ae, type: "primary", size: "mini", children: m == null ? void 0 : m.Table.okText })
+      /* @__PURE__ */ u(Ae, { className: `${t}-filters-btn`, children: [
+        /* @__PURE__ */ n(Y, { onClick: fe, size: "mini", children: k?.Table.resetText }),
+        /* @__PURE__ */ n(Y, { onClick: me, type: "primary", size: "mini", children: k?.Table.okText })
       ] })
     ] });
   }
-  const J = (e) => C(`${t}-sorter-icon`, {
-    [`${t}-sorter-icon-active`]: o && o.direction === e && o.field === s
-  }), he = C(`${t}-filters`, {
-    [`${t}-filters-open`]: w,
-    [`${t}-filters-active`]: p && p.length
+  const V = (e) => h(`${t}-sorter-icon`, {
+    [`${t}-sorter-icon-active`]: o && o.direction === e && o.field === i
+  }), he = h(`${t}-filters`, {
+    [`${t}-filters-open`]: D,
+    [`${t}-filters-active`]: d && d.length
   });
-  let d = {
-    ...ne
+  let c = {
+    ...te
   };
-  E(R) && (d = {
-    ...d,
-    ...R
-  }), E(N) && (d = {
-    ...d,
-    ...N
-  }), be(N) && (d = {
-    ...d,
-    ...N()
-  }), b && b !== "left" && (d.textAlign = b);
-  const F = {
-    style: d,
-    key: M || s
+  P(M) && (c = {
+    ...c,
+    ...M
+  }), P(x) && (c = {
+    ...c,
+    ...x
+  }), Ie(x) && (c = {
+    ...c,
+    ...x()
+  }), y && y !== "left" && (c.textAlign = y);
+  const v = {
+    style: c,
+    key: O || i
   };
-  v && v > 1 && (F.colSpan = v), I && I > 1 && (F.rowSpan = I);
-  const { ComponentTh: ge, ComponentHeaderCell: Q } = Ee(se), W = _(u) && u.length > 0 || typeof D == "function", X = j && typeof $ == "string" ? { title: $ } : {}, Ce = z && z.triggerProps, xe = /* @__PURE__ */ g(ve, { children: [
-    y ? /* @__PURE__ */ n(
+  $ && $ > 1 && (v.colSpan = $), b && b > 1 && (v.rowSpan = b);
+  const { ComponentTh: ge, ComponentHeaderCell: q } = Ee(oe), G = X(f) && f.length > 0 || typeof T == "function", J = U && typeof C == "string" ? { title: C } : {}, Ce = j && j.triggerProps, xe = /* @__PURE__ */ u(Fe, { children: [
+    N ? /* @__PURE__ */ n(
       Oe,
       {
-        content: Ue(S, m),
-        disabled: !k,
-        ...E(k) ? k : {},
-        children: /* @__PURE__ */ g(
+        content: Ue(F, k),
+        disabled: !I,
+        ...P(I) ? I : {},
+        children: /* @__PURE__ */ u(
           "div",
           {
             className: `${t}-cell-with-sorter`,
             onMouseEnter: () => {
-              q(!0);
+              K(!0);
             },
             onMouseLeave: () => {
-              q(!1);
+              K(!1);
             },
-            onClick: () => i(S, s),
+            onClick: () => m(F, i),
             children: [
-              /* @__PURE__ */ n("span", { className: `${t}-th-item-title`, ...X, children: $ }),
-              y && /* @__PURE__ */ g(
+              /* @__PURE__ */ n("span", { className: `${t}-th-item-title`, ...J, children: C }),
+              N && /* @__PURE__ */ u(
                 "div",
                 {
-                  className: C(`${t}-sorter`, {
-                    [`${t}-sorter-direction-one`]: c.length === 1
+                  className: h(`${t}-sorter`, {
+                    [`${t}-sorter-direction-one`]: l.length === 1
                   }),
                   children: [
-                    c.indexOf("ascend") !== -1 && /* @__PURE__ */ n("div", { className: J("ascend"), children: /* @__PURE__ */ n(Te, {}) }),
-                    c.indexOf("descend") !== -1 && /* @__PURE__ */ n("div", { className: J("descend"), children: /* @__PURE__ */ n(Fe, {}) })
+                    l.indexOf("ascend") !== -1 && /* @__PURE__ */ n("div", { className: V("ascend"), children: /* @__PURE__ */ n(ye, {}) }),
+                    l.indexOf("descend") !== -1 && /* @__PURE__ */ n("div", { className: V("descend"), children: /* @__PURE__ */ n(be, {}) })
                   ]
                 }
               )
@@ -199,54 +199,54 @@ function st(x) {
           }
         )
       }
-    ) : /* @__PURE__ */ n("span", { className: `${t}-th-item-title`, ...X, children: $ }),
-    W && /* @__PURE__ */ n(
+    ) : /* @__PURE__ */ n("span", { className: `${t}-th-item-title`, ...J, children: C }),
+    G && /* @__PURE__ */ n(
       Me,
       {
         popup: ue,
         trigger: "click",
         classNames: "slideDynamicOrigin",
-        position: de ? "bl" : "br",
+        position: ae ? "bl" : "br",
         popupAlign: je,
-        popupVisible: w,
-        onVisibleChange: A,
+        popupVisible: D,
+        onVisibleChange: w,
         ...Ce,
-        children: /* @__PURE__ */ n("div", { className: he, children: le || /* @__PURE__ */ n(Ie, {}) })
+        children: /* @__PURE__ */ n("div", { className: he, children: le || /* @__PURE__ */ n(Te, {}) })
       }
     )
-  ] }), $e = C(`${t}-th-item`, {
-    [`${t}-cell-text-ellipsis`]: j,
-    [`${t}-cell-mouseenter`]: L,
-    [`${t}-cell-next-${S}`]: L && S,
-    [`${t}-col-has-sorter`]: y,
-    [`${t}-col-has-filter`]: W
+  ] }), $e = h(`${t}-th-item`, {
+    [`${t}-cell-text-ellipsis`]: U,
+    [`${t}-cell-mouseenter`]: B,
+    [`${t}-cell-next-${F}`]: B && F,
+    [`${t}-col-has-sorter`]: N,
+    [`${t}-col-has-filter`]: G
   });
-  return v !== 0 && /* @__PURE__ */ Se(
+  return $ !== 0 && /* @__PURE__ */ Se(
     ge,
     {
-      className: C(
+      className: h(
         `${t}-th`,
         {
-          [`${t}-col-sorted`]: (o == null ? void 0 : o.direction) && o.field === s
+          [`${t}-col-sorted`]: o?.direction && o.field === i
         },
-        re,
-        ie
+        ne,
+        re
       ),
-      index: B,
-      ...F,
-      key: F.key,
-      ...oe
+      index: H,
+      ...v,
+      key: v.key,
+      ...ie
     },
     /* @__PURE__ */ n(
-      Q,
+      q,
       {
         className: $e,
-        column: De(Q) ? void 0 : ce,
+        column: ke(q) ? void 0 : ce,
         children: xe
       }
     )
   );
 }
 export {
-  st as default
+  lt as default
 };

package/table/thead/index.js

@@ -1,124 +1,123 @@
-import { jsx as c, jsxs as re } from "react/jsx-runtime";
-import ne, { useContext as ie, useMemo as oe, createElement as L } from "react";
-import ae from "../../checkbox/Checkbox.js";
+import { jsx as d, jsxs as V } from "react/jsx-runtime";
+import Z, { useContext as ee, useMemo as te, createElement as _ } from "react";
+import oe from "../../checkbox/Checkbox.js";
 import "../../checkbox/Group.js";
 import "../../config-provider/ConfigProvider.js";
-import { INTERNAL_SELECTION_KEY as le, INTERNAL_EXPAND_KEY as de } from "../constant.js";
-import ce from "../hook/useComponent.js";
-import p from "@unicom-cloud/utils/class-name";
-import pe from "./Column.js";
-import he from "../../config-provider/context.js";
-function Re(R) {
+import { INTERNAL_SELECTION_KEY as se, INTERNAL_EXPAND_KEY as ne } from "../constant.js";
+import re from "../hook/useComponent.js";
+import c from "@unicom-cloud/utils/class-name";
+import ie from "./Column.js";
+import ae from "../../config-provider/context.js";
+function ke(R) {
   const {
-    activeSorters: j,
-    expandedRowRender: Y,
-    expandProps: D = {},
-    onSort: M,
-    onHandleFilter: W,
-    onHandleFilterReset: X,
-    onHeaderRow: m,
-    prefixCls: s,
-    currentFilters: q,
-    component: $,
-    data: E,
-    selectedRowKeys: A,
+    activeSorters: b,
+    expandedRowRender: K,
+    expandProps: P = {},
+    onSort: F,
+    onHandleFilter: v,
+    onHandleFilterReset: I,
+    onHeaderRow: L,
+    prefixCls: o,
+    currentFilters: j,
+    component: S,
+    data: $,
+    selectedRowKeys: E,
     rowSelection: t,
-    allSelectedRowKeys: o = [],
-    groupColumns: y,
-    stickyOffsets: C,
-    groupStickyClassNames: z,
-    showSorterTooltip: B
-  } = R, { rtl: k } = ie(he), { ComponentThead: G, ComponentHeaderRow: J, getHeaderComponentOperations: Q } = ce($), U = t && (t.type === "checkbox" || !("type" in t)), V = t && "checkAll" in t ? t.checkAll : !0, N = t && t.type === "radio", { columnTitle: T } = D, h = oe(() => {
-    const f = new Set(o);
-    return A.filter((n, O, _) => f.has(n));
-  }, [A, o]), Z = y.length > 1 ? { rowSpan: y.length } : {}, g = p(`${s}-th`, `${s}-operation`);
-  return /* @__PURE__ */ c(G, { children: y.map((f, n) => {
-    const O = m == null ? void 0 : m(f, n), _ = (U || N) && n === 0 && /* @__PURE__ */ c(
+    allSelectedRowKeys: r = [],
+    groupColumns: m,
+    stickyOffsets: N,
+    groupStickyClassNames: Y,
+    showSorterTooltip: D
+  } = R, { rtl: y } = ee(ae), { ComponentThead: M, ComponentHeaderRow: W, getHeaderComponentOperations: X } = re(S), q = t && (t.type === "checkbox" || !("type" in t)), z = t && "checkAll" in t ? t.checkAll : !0, C = t && t.type === "radio", { columnTitle: A } = P, p = te(() => {
+    const h = new Set(r);
+    return E.filter((s, T, u) => h.has(s));
+  }, [E, r]), B = m.length > 1 ? { rowSpan: m.length } : {}, k = c(`${o}-th`, `${o}-operation`);
+  return /* @__PURE__ */ d(M, { children: m.map((h, s) => {
+    const T = L?.(h, s), u = (q || C) && s === 0 && /* @__PURE__ */ d(
       "th",
       {
-        className: p(
-          g,
-          `${s}-${N ? "radio" : "checkbox"}`
+        className: c(
+          k,
+          `${o}-${C ? "radio" : "checkbox"}`
         ),
-        children: /* @__PURE__ */ re("div", { className: `${s}-th-item`, children: [
-          V && !N ? /* @__PURE__ */ c(
-            ae,
+        children: /* @__PURE__ */ V("div", { className: `${o}-th-item`, children: [
+          z && !C ? /* @__PURE__ */ d(
+            oe,
             {
-              indeterminate: E && h.length > 0 && h.length !== o.length,
-              checked: E && h.length !== 0 && h.length === o.length,
-              disabled: !o.length,
+              indeterminate: $ && p.length > 0 && p.length !== r.length,
+              checked: $ && p.length !== 0 && p.length === r.length,
+              disabled: !r.length,
               onChange: R.onCheckAll
             }
           ) : null,
           t && t.columnTitle
         ] })
       }
-    ), u = Y && /* @__PURE__ */ c("th", { className: p(g, `${s}-expand`), children: T && /* @__PURE__ */ c("div", { className: `${s}-th-item`, children: T }) }), ee = z[n], b = Q({
-      selectionNode: _,
-      expandNode: u
+    ), G = K && /* @__PURE__ */ d("th", { className: c(k, `${o}-expand`), children: A && /* @__PURE__ */ d("div", { className: `${o}-th-item`, children: A }) }), J = Y[s], H = X({
+      selectionNode: u,
+      expandNode: G
     });
-    return /* @__PURE__ */ L(
-      J,
+    return /* @__PURE__ */ _(
+      W,
       {
-        ...O,
-        key: n,
-        className: `${s}-tr`
+        ...T,
+        key: s,
+        className: `${o}-tr`
       },
-      f.map((e, a) => {
-        var K, P, F, v, I;
-        const i = e.$$columnIndex;
-        let l = 0;
-        Array.isArray(i) && i.length === 2 ? l = e.fixed === "right" ? C[i[1]] : C[i[0]] : typeof i == "number" && (l = C[i] || 0);
-        const H = ee[a];
+      h.map((e, i) => {
+        const n = e.$$columnIndex;
+        let a = 0;
+        Array.isArray(n) && n.length === 2 ? a = e.fixed === "right" ? N[n[1]] : N[n[0]] : typeof n == "number" && (a = N[n] || 0);
+        const O = J[i];
         if (e.$$isOperation) {
-          let d = e.node, S = !0;
-          e.title === le && (d = (K = b.find(
+          let l = e.node, x = !0;
+          e.title === se && (l = H.find(
             (w) => w.name === "selectionNode"
-          )) == null ? void 0 : K.node, S = !1), e.title === de && (d = (P = b.find(
+          )?.node, x = !1), e.title === ne && (l = H.find(
             (w) => w.name === "expandNode"
-          )) == null ? void 0 : P.node, S = !1);
-          const r = d;
-          return ne.cloneElement(r, {
-            key: e.key || a,
-            ...r.props,
-            ...Z,
-            className: p(
-              S ? g : "",
-              (F = r == null ? void 0 : r.props) == null ? void 0 : F.className,
-              H
+          )?.node, x = !1);
+          const f = l;
+          return Z.cloneElement(f, {
+            key: e.key || i,
+            ...f.props,
+            ...B,
+            className: c(
+              x ? k : "",
+              f?.props?.className,
+              O
             ),
             style: {
-              ...(v = r == null ? void 0 : r.props) == null ? void 0 : v.style,
+              ...f?.props?.style,
               ...e.fixed === "left" ? {
-                [k ? "right" : "left"]: l
+                [y ? "right" : "left"]: a
               } : {},
               width: e.width,
               minWidth: e.width
             }
           });
         }
-        const te = (I = e == null ? void 0 : e.onHeaderCell) == null ? void 0 : I.call(e, e, a), se = p(H, e.className), x = {};
-        return e.fixed === "left" && (x[k ? "right" : "left"] = l), e.fixed === "right" && (x[k ? "left" : "right"] = l), /* @__PURE__ */ L(
-          pe,
+        const Q = e?.onHeaderCell?.(e, i), U = c(O, e.className), g = {};
+        return e.fixed === "left" && (g[y ? "right" : "left"] = a), e.fixed === "right" && (g[y ? "left" : "right"] = a), /* @__PURE__ */ _(
+          ie,
           {
-            index: a,
-            onSort: M,
-            onHandleFilter: W,
-            onHandleFilterReset: X,
-            currentSorter: j.find(
-              (d) => d.field === (e.dataIndex || e.key)
+            index: i,
+            onSort: F,
+            onHandleFilter: v,
+            onHandleFilterReset: I,
+            currentSorter: b.find(
+              (l) => l.field === (e.dataIndex || e.key)
             ),
-            currentFilters: q,
-            _key: e.key || e.dataIndex || a,
+            currentFilters: j,
+            _key: e.key || e.dataIndex || i,
             ...e,
             key: e.key,
             column: e,
-            headerCellProps: te,
-            prefixCls: s,
-            component: $,
-            className: se,
-            columnFixedStyle: x,
-            showSorterTooltip: B
+            headerCellProps: Q,
+            prefixCls: o,
+            component: S,
+            className: U,
+            columnFixedStyle: g,
+            showSorterTooltip: D
           }
         );
       })
@@ -126,5 +125,5 @@ function Re(R) {
   }) });
 }
 export {
-  Re as default
+  ke as default
 };