@unicom-cloud/ui 0.8.90 → 0.8.92

package/table/thead/Column.js

@@ -0,0 +1,251 @@
+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 "../../config-provider/ConfigProvider.js";
+import ke from "../../components/common/hooks/useMergeValue.js";
+import we 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 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;
+}
+const je = { bottom: 0 };
+function ot(x) {
+  const {
+    onSort: i,
+    onFilter: O,
+    onHandleFilter: f,
+    onHandleFilterReset: V,
+    currentFilters: T = {},
+    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,
+    prefixCls: t,
+    align: b = "left",
+    component: se,
+    filterIcon: le,
+    filterDropdown: D,
+    filterMultiple: U = !0,
+    ellipsis: j,
+    filterDropdownProps: z,
+    onFilterDropdownVisibleChange: P,
+    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() {
+    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];
+  }
+  function ae() {
+    p && (f == null || f(
+      { onFilter: O, filters: u, dataIndex: s },
+      a
+    ), A(!1));
+  }
+  function fe() {
+    V({ dataIndex: s }), A(!1);
+  }
+  function A(e) {
+    K(e), P == null || P(e);
+  }
+  function G(e, l) {
+    let r = [...a];
+    if (U)
+      l ? r = r.concat(e) : r.splice(
+        r.findIndex((Ne) => Ne === e),
+        1
+      );
+    else if (r.length > 0)
+      if (r[0] !== e)
+        r = [e];
+      else
+        return;
+    else
+      r = [e];
+    h(r);
+  }
+  function pe(e) {
+    h(e || a), K(!1), f == null || f(
+      { filters: u, onFilter: O, dataIndex: s },
+      e || a
+    );
+  }
+  function ue() {
+    return typeof D == "function" ? D({
+      filterKeys: a,
+      setFilterKeys: (e, l) => {
+        h(e), l == null || l();
+      },
+      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,
+          {
+            checked: l,
+            onChange: (r) => G(e.value, r),
+            children: e.text
+          }
+        ) : /* @__PURE__ */ n(
+          we,
+          {
+            checked: l,
+            onChange: (r) => G(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 })
+      ] })
+    ] });
+  }
+  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
+  });
+  let d = {
+    ...ne
+  };
+  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
+  };
+  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(
+      Oe,
+      {
+        content: Ue(S, m),
+        disabled: !k,
+        ...E(k) ? k : {},
+        children: /* @__PURE__ */ g(
+          "div",
+          {
+            className: `${t}-cell-with-sorter`,
+            onMouseEnter: () => {
+              q(!0);
+            },
+            onMouseLeave: () => {
+              q(!1);
+            },
+            onClick: () => i(S, s),
+            children: [
+              /* @__PURE__ */ n("span", { className: `${t}-th-item-title`, ...X, children: $ }),
+              y && /* @__PURE__ */ g(
+                "div",
+                {
+                  className: C(`${t}-sorter`, {
+                    [`${t}-sorter-direction-one`]: c.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, {}) })
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      }
+    ) : /* @__PURE__ */ n("span", { className: `${t}-th-item-title`, ...X, children: $ }),
+    W && /* @__PURE__ */ n(
+      Me,
+      {
+        popup: ue,
+        trigger: "click",
+        classNames: "slideDynamicOrigin",
+        position: de ? "bl" : "br",
+        popupAlign: je,
+        popupVisible: w,
+        onVisibleChange: A,
+        ...Ce,
+        children: /* @__PURE__ */ n("div", { className: he, children: le || /* @__PURE__ */ n(Ie, {}) })
+      }
+    )
+  ] }), $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
+  });
+  return v !== 0 && /* @__PURE__ */ Se(
+    ge,
+    {
+      className: C(
+        `${t}-th`,
+        {
+          [`${t}-col-sorted`]: (o == null ? void 0 : o.direction) && o.field === s
+        },
+        re,
+        ie
+      ),
+      index: B,
+      ...F,
+      key: F.key,
+      ...oe
+    },
+    /* @__PURE__ */ n(
+      Q,
+      {
+        className: $e,
+        column: De(Q) ? void 0 : ce,
+        children: xe
+      }
+    )
+  );
+}
+export {
+  ot as default
+};

package/table/thead/index.js

@@ -0,0 +1,129 @@
+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 "../../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 we(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,
+    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(
+      "th",
+      {
+        className: p(
+          g,
+          `${s}-${N ? "radio" : "checkbox"}`
+        ),
+        children: /* @__PURE__ */ re("div", { className: `${s}-th-item`, children: [
+          V && !N ? /* @__PURE__ */ c(
+            ae,
+            {
+              indeterminate: E && h.length > 0 && h.length !== o.length,
+              checked: E && h.length !== 0 && h.length === o.length,
+              disabled: !o.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
+    });
+    return /* @__PURE__ */ L(
+      J,
+      {
+        ...O,
+        key: n,
+        className: `${s}-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];
+        if (e.$$isOperation) {
+          let d = e.node, S = !0;
+          e.title === le && (d = (K = b.find(
+            (w) => w.name === "selectionNode"
+          )) == null ? void 0 : K.node, S = !1), e.title === de && (d = (P = b.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
+            ),
+            style: {
+              ...(v = r == null ? void 0 : r.props) == null ? void 0 : v.style,
+              ...e.fixed === "left" ? {
+                [k ? "right" : "left"]: l
+              } : {},
+              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,
+          {
+            index: a,
+            onSort: M,
+            onHandleFilter: W,
+            onHandleFilterReset: X,
+            currentSorter: j.find(
+              (d) => d.field === (e.dataIndex || e.key)
+            ),
+            currentFilters: q,
+            _key: e.key || e.dataIndex || a,
+            ...e,
+            key: e.key,
+            column: e,
+            headerCellProps: te,
+            prefixCls: s,
+            component: $,
+            className: se,
+            columnFixedStyle: x,
+            showSorterTooltip: B
+          }
+        );
+      })
+    );
+  }) });
+}
+export {
+  we as default
+};

package/tabs/Tab.js

@@ -1,18 +1,171 @@
-import "react/jsx-runtime";
-import "lodash/isFunction";
-import "lodash/isPlainObject";
-import "react";
-import "../chunk/B44Hj5ad.js";
-import "../chunk/B4YRLi8r.js";
-import "../chunk/BFTV6myl.js";
-import "../chunk/D5wldVRB.js";
-import "@unicom-cloud/utils/class-name";
-import "../chunk/BKKEev13.js";
-import { a as d, T as l } from "../chunk/DWvmq7az.js";
-import { default as u, default as x } from "./TabPane.js";
+import { jsx as u, jsxs as S } from "react/jsx-runtime";
+import p from "lodash/isFunction";
+import z from "lodash/isPlainObject";
+import P, { useContext as V, useRef as E, useImperativeHandle as L } from "react";
+import "../config-provider/ConfigProvider.js";
+import q from "../components/common/hooks/useId.js";
+import G from "../components/common/hooks/useMergeProps.js";
+import J from "../components/common/hooks/useMergeValue.js";
+import K from "@unicom-cloud/utils/class-name";
+import { omit as T } from "../components/common/utils/omit.js";
+import Q from "./TabContent.js";
+import U from "./TabPane.js";
+import g from "./tab-header/index.js";
+import W from "../config-provider/context.js";
+const X = ["mini", "small", "default", "large"], Y = (r) => {
+  const { children: s } = r, i = [];
+  return P.Children.forEach(s, (t) => {
+    t && t.type && t.type.isTabPane && i.push(t);
+  }), i;
+}, Z = (r) => {
+  const { direction: s, tabPosition: i, animation: t } = r;
+  return s === "vertical" || i === "left" || i === "right" ? !1 : z(t) ? "tabPane" in t ? t.tabPane : !1 : t;
+}, _ = {
+  tabPosition: "top",
+  type: "line",
+  overflow: "scroll",
+  showAddButton: !0,
+  lazyload: !0,
+  headerPadding: !0,
+  scrollPosition: "auto"
+}, tt = P.createContext({});
+function et(r, s) {
+  const {
+    getPrefixCls: i,
+    size: t,
+    componentConfig: d,
+    rtl: N
+  } = V(W), e = G(
+    r,
+    _,
+    d == null ? void 0 : d.Tabs
+  ), l = Y(e), v = E(null), [f, w] = J(
+    l[0] && l[0].key,
+    {
+      defaultValue: "defaultActiveTab" in e ? e.defaultActiveTab : void 0,
+      value: "activeTab" in e ? e.activeTab : void 0
+    }
+  ), a = i == null ? void 0 : i("tabs"), b = e.size || (X.indexOf(t) > -1 ? t : "default"), {
+    animation: m,
+    className: B,
+    direction: O,
+    style: R,
+    type: j,
+    justify: H,
+    destroyOnHide: k,
+    lazyload: I,
+    headerSticky: D,
+    // 潘启宝添加
+    onChange: h,
+    onClickTab: $,
+    onDeleteTab: F,
+    renderTabHeader: x,
+    ...M
+  } = e, c = q(`${a}-`), o = O === "vertical" ? "left" : e.tabPosition, y = {
+    animation: z(m) && "inkBar" in m ? m.inkBar : !0,
+    activeTab: f,
+    tabPosition: o,
+    direction: ["left", "right"].indexOf(o) > -1 ? "vertical" : "horizontal",
+    paneChildren: l,
+    onClickTab: (n) => {
+      p($) && $(n), n !== f && ("activeTab" in e || w(n), p(h) && h(n));
+    },
+    onDeleteTab: F,
+    prefixCls: a
+  };
+  L(s, () => v, []);
+  const C = /* @__PURE__ */ u(
+    Q,
+    {
+      direction: ["left", "right"].indexOf(o) > -1 ? "vertical" : "horizontal",
+      animation: Z(e),
+      activeTab: f,
+      paneChildren: l,
+      prefixCls: a,
+      destroyOnHide: k,
+      lazyload: I
+    }
+  );
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      ...T(M, [
+        "headerPadding",
+        "tabPosition",
+        "defaultActiveTab",
+        "showAddButton",
+        "extra",
+        "onAddTab",
+        "activeTab",
+        "overflow",
+        "editable",
+        "renderTabTitle",
+        "addButton",
+        "deleteButton",
+        "icons",
+        "children",
+        "size",
+        "type",
+        "scrollPosition",
+        "offsetAlign"
+      ]),
+      style: R,
+      className: K(
+        a,
+        `${a}-${["left", "right"].indexOf(o) > -1 ? "vertical" : "horizontal"}`,
+        `${a}-${j}`,
+        !!D && `${a}-sticky`,
+        // 潘启宝添加
+        `${a}-${o}`,
+        `${a}-size-${b}`,
+        {
+          [`${a}-justify`]: H,
+          [`${a}-rtl`]: N
+        },
+        B
+      ),
+      ref: v,
+      children: /* @__PURE__ */ S(
+        tt.Provider,
+        {
+          value: {
+            ...y,
+            getIdPrefix: (n) => ({
+              tab: c && `${c}-tab-${n}`,
+              tabpane: c && `${c}-panel-${n}`
+            })
+          },
+          children: [
+            o === "bottom" && C,
+            p(x) ? x(
+              {
+                ...T(e, ["children", "style", "className"]),
+                size: b,
+                ...y
+              },
+              g
+            ) : /* @__PURE__ */ u(
+              g,
+              {
+                ...T(e, ["children", "style", "className"]),
+                size: b
+              }
+            ),
+            o !== "bottom" && C
+          ]
+        }
+      )
+    }
+  );
+}
+const at = P.forwardRef(
+  et
+), A = at;
+A.displayName = "Tabs";
+A.TabPane = U;
 export {
-  u as TabPane,
-  d as TabsContext,
-  x as TabsTabPane,
-  l as default
+  U as TabPane,
+  tt as TabsContext,
+  U as TabsTabPane,
+  A as default
 };

package/tabs/TabContent.js

@@ -1,8 +1,53 @@
-import "react/jsx-runtime";
-import "react";
-import "../chunk/B44Hj5ad.js";
-import "@unicom-cloud/utils/class-name";
-import { b as a } from "../chunk/DWvmq7az.js";
+import { jsx as i } from "react/jsx-runtime";
+import I, { useContext as c } from "react";
+import "../config-provider/ConfigProvider.js";
+import l from "@unicom-cloud/utils/class-name";
+import { TabsContext as N } from "./Tab.js";
+import h from "../config-provider/context.js";
+function R(d) {
+  const {
+    animation: m,
+    activeTab: a,
+    prefixCls: n,
+    paneChildren: r,
+    direction: p,
+    lazyload: f,
+    destroyOnHide: u
+  } = d, o = r.findIndex((e) => e.key === a), y = c(N), { rtl: b } = c(h);
+  if (r.every((e) => (e == null ? void 0 : e.props) && (!("children" in e.props) || e.props.children === null)))
+    return null;
+  const v = l(`${n}-content-inner`, {
+    [`${n}-animation`]: m
+  });
+  return /* @__PURE__ */ i("div", { className: `${n}-content ${n}-content-${p}`, children: /* @__PURE__ */ i(
+    "div",
+    {
+      className: v,
+      style: b ? { marginRight: `-${o * 100}%` } : { marginLeft: `-${o * 100}%` },
+      children: r.map((e, s) => {
+        const { tabpane: $, tab: C } = y.getIdPrefix(s), g = "destroyOnHide" in e.props ? e.props.destroyOnHide : u, t = e.key === a;
+        return /* @__PURE__ */ i(
+          "div",
+          {
+            className: l(`${n}-content-item`, {
+              [`${n}-content-item-active`]: t
+            }),
+            role: "tabpanel",
+            id: $,
+            "aria-hidden": t ? void 0 : !0,
+            tabIndex: t ? 0 : -1,
+            "aria-labelledby": C,
+            children: o !== s && g ? null : I.cloneElement(e, {
+              lazyload: f,
+              isActive: t
+            })
+          },
+          e.key
+        );
+      })
+    }
+  ) });
+}
 export {
-  a as default
+  R as default
 };

package/tabs/TabPane.js

@@ -1,24 +1,25 @@
 import { jsx as u } from "react/jsx-runtime";
 import d, { useRef as p, useContext as b } from "react";
-import { a as N } from "../chunk/B44Hj5ad.js";
-import R from "@unicom-cloud/utils/class-name";
-import { o as x } from "../chunk/BKKEev13.js";
-function y(s, o) {
-  const e = p(!1), { getPrefixCls: a } = b(N), { children: r, className: n, style: c, lazyload: i, isActive: m, ...l } = s, f = a == null ? void 0 : a("tabs");
+import "../config-provider/ConfigProvider.js";
+import N from "@unicom-cloud/utils/class-name";
+import { omit as R } from "../components/common/utils/omit.js";
+import x from "../config-provider/context.js";
+function y(r, o) {
+  const e = p(!1), { getPrefixCls: t } = b(x), { children: s, className: n, style: c, lazyload: i, isActive: m, ...l } = r, f = t == null ? void 0 : t("tabs");
   return e.current = i ? e.current || m : !0, e.current && /* @__PURE__ */ u(
     "div",
     {
       ref: o,
-      ...x(l, ["destroyOnHide", "title", "closable"]),
-      className: R(`${f}-pane`, n),
+      ...R(l, ["destroyOnHide", "title", "closable"]),
+      className: N(`${f}-pane`, n),
       style: c,
-      children: r
+      children: s
     }
   );
 }
-const t = d.forwardRef(y);
-t.displayName = "TabPane";
-t.isTabPane = !0;
+const a = d.forwardRef(y);
+a.displayName = "TabPane";
+a.isTabPane = !0;
 export {
-  t as default
+  a as default
 };

package/tabs/hook/useDomSize.js

@@ -0,0 +1,17 @@
+import { useRef as r, useState as f, useEffect as n } from "react";
+function u() {
+  const e = r(), [i, t] = f({
+    height: 0,
+    width: 0
+  });
+  return n(() => {
+    e.current && t({
+      height: e.current.offsetHeight,
+      width: e.current.offsetWidth,
+      domRect: e.current.getBoundingClientRect()
+    });
+  }, []), [e, i, t];
+}
+export {
+  u as default
+};