@unicom-cloud/ui 0.8.107 → 0.8.109

package/table/thead/Column.js

@@ -1,252 +0,0 @@
-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 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 h from "@unicom-cloud/utils/class-name";
-import Re from "../../config-provider/context.js";
-function Ue(g, m) {
-  return g === "ascend" ? m?.Table.sortAscend : g === "descend" ? m?.Table.sortDescend : m?.Table.cancelSort;
-}
-const je = { bottom: 0 };
-function lt(g) {
-  const {
-    onSort: m,
-    onFilter: A,
-    onHandleFilter: E,
-    onHandleFilterReset: Z,
-    currentFilters: S = {},
-    currentSorter: o,
-    _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: y = "left",
-    component: oe,
-    filterIcon: le,
-    filterDropdown: T,
-    filterMultiple: R = !0,
-    ellipsis: U,
-    filterDropdownProps: j,
-    onFilterDropdownVisibleChange: se,
-    column: ce,
-    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 !== i)
-      return l[0];
-    const s = l.indexOf(e);
-    if (s < l.length)
-      return l[s + 1];
-  }
-  function me() {
-    d && (E?.(
-      { onFilter: A, filters: f, dataIndex: i },
-      a
-    ), w(!1));
-  }
-  function fe() {
-    Z({ dataIndex: i }), w(!1);
-  }
-  function w(e) {
-    z(e), se?.(e);
-  }
-  function L(e, s) {
-    let r = [...a];
-    if (R)
-      s ? 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];
-    p(r);
-  }
-  function pe(e) {
-    p(e || a), z(!1), E?.(
-      { filters: f, onFilter: A, dataIndex: i },
-      e || a
-    );
-  }
-  function ue() {
-    return typeof T == "function" ? T({
-      filterKeys: a,
-      setFilterKeys: (e, s) => {
-        p(e), s?.();
-      },
-      confirm: 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: s,
-            onChange: (r) => L(e.value, r),
-            children: e.text
-          }
-        ) : /* @__PURE__ */ n(
-          Pe,
-          {
-            checked: s,
-            onChange: (r) => L(e.value, r),
-            children: e.text
-          }
-        ) }, e.value);
-      }) }),
-      /* @__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 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 c = {
-    ...te
-  };
-  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
-  };
-  $ && $ > 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(F, k),
-        disabled: !I,
-        ...P(I) ? I : {},
-        children: /* @__PURE__ */ u(
-          "div",
-          {
-            className: `${t}-cell-with-sorter`,
-            onMouseEnter: () => {
-              K(!0);
-            },
-            onMouseLeave: () => {
-              K(!1);
-            },
-            onClick: () => m(F, i),
-            children: [
-              /* @__PURE__ */ n("span", { className: `${t}-th-item-title`, ...J, children: C }),
-              N && /* @__PURE__ */ u(
-                "div",
-                {
-                  className: h(`${t}-sorter`, {
-                    [`${t}-sorter-direction-one`]: l.length === 1
-                  }),
-                  children: [
-                    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, {}) })
-                  ]
-                }
-              )
-            ]
-          }
-        )
-      }
-    ) : /* @__PURE__ */ n("span", { className: `${t}-th-item-title`, ...J, children: C }),
-    G && /* @__PURE__ */ n(
-      Me,
-      {
-        popup: ue,
-        trigger: "click",
-        classNames: "slideDynamicOrigin",
-        position: ae ? "bl" : "br",
-        popupAlign: je,
-        popupVisible: D,
-        onVisibleChange: w,
-        ...Ce,
-        children: /* @__PURE__ */ n("div", { className: he, children: le || /* @__PURE__ */ n(Te, {}) })
-      }
-    )
-  ] }), $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 $ !== 0 && /* @__PURE__ */ Se(
-    ge,
-    {
-      className: h(
-        `${t}-th`,
-        {
-          [`${t}-col-sorted`]: o?.direction && o.field === i
-        },
-        ne,
-        re
-      ),
-      index: H,
-      ...v,
-      key: v.key,
-      ...ie
-    },
-    /* @__PURE__ */ n(
-      q,
-      {
-        className: $e,
-        column: ke(q) ? void 0 : ce,
-        children: xe
-      }
-    )
-  );
-}
-export {
-  lt as default
-};

package/table/thead/index.js

@@ -1,129 +0,0 @@
-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 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: 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: 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: c(
-          k,
-          `${o}-${C ? "radio" : "checkbox"}`
-        ),
-        children: /* @__PURE__ */ V("div", { className: `${o}-th-item`, children: [
-          z && !C ? /* @__PURE__ */ d(
-            oe,
-            {
-              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
-        ] })
-      }
-    ), 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__ */ _(
-      W,
-      {
-        ...T,
-        key: s,
-        className: `${o}-tr`
-      },
-      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 l = e.node, x = !0;
-          e.title === se && (l = H.find(
-            (w) => w.name === "selectionNode"
-          )?.node, x = !1), e.title === ne && (l = H.find(
-            (w) => w.name === "expandNode"
-          )?.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: {
-              ...f?.props?.style,
-              ...e.fixed === "left" ? {
-                [y ? "right" : "left"]: a
-              } : {},
-              width: e.width,
-              minWidth: e.width
-            }
-          });
-        }
-        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: i,
-            onSort: F,
-            onHandleFilter: v,
-            onHandleFilterReset: I,
-            currentSorter: b.find(
-              (l) => l.field === (e.dataIndex || e.key)
-            ),
-            currentFilters: j,
-            _key: e.key || e.dataIndex || i,
-            ...e,
-            key: e.key,
-            column: e,
-            headerCellProps: Q,
-            prefixCls: o,
-            component: S,
-            className: U,
-            columnFixedStyle: g,
-            showSorterTooltip: D
-          }
-        );
-      })
-    );
-  }) });
-}
-export {
-  ke as default
-};

package/tabs/hook/useDomSize.js

@@ -1,17 +0,0 @@
-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
-};

package/tabs/hook/useHeaderScroll.js

@@ -1,67 +0,0 @@
-import { useRef as a, useEffect as T } from "react";
-import { on as s, off as X } from "../../components/common/utils/dom.js";
-function w(b) {
-  const {
-    headerWrapperRef: l,
-    headerOffset: u,
-    align: x,
-    isScrollable: h,
-    direction: E,
-    onScroll: S
-  } = b;
-  function d(e, t) {
-    let n = 0;
-    E === "vertical" ? n = u + t : n = x === "left" ? u + e : u - e, S?.(n);
-  }
-  const i = a("x");
-  function M(e) {
-    if (!h)
-      return;
-    e.preventDefault();
-    const { deltaX: t, deltaY: n } = e;
-    let o = 0;
-    const c = Math.abs(t), r = Math.abs(n);
-    c === r ? o = i.current === "x" ? t : n : c > r ? (o = t, i.current = "x") : (o = n, i.current = "y"), d(o, o);
-  }
-  const m = a({
-    clientX: 0,
-    clientY: 0
-  }), p = (e) => e && e.touches && e.touches.length && e.touches[0], v = (e) => {
-    e.cancelable && e.preventDefault();
-    const t = p(e);
-    if (!t)
-      return;
-    const { clientX: n, clientY: o } = m.current, c = t.clientX - n, r = t.clientY - o;
-    d(-c, -r);
-  }, Y = () => {
-    X(document.documentElement, "touchmove", v), X(document.documentElement, "touchend", Y);
-  }, R = (e) => {
-    if (!h)
-      return;
-    const t = p(e);
-    t && (m.current = {
-      clientX: t.clientX,
-      clientY: t.clientY
-    }, s(document.documentElement, "touchmove", v, { passive: !1 }), s(window, "touchend", Y, { passive: !1 }));
-  }, f = a(null);
-  f.current = { onWheel: M, onTouchStart: R }, T(() => {
-    s(
-      l.current,
-      "wheel",
-      (e) => {
-        f.current.onWheel(e);
-      },
-      { passive: !1 }
-    ), s(
-      l.current,
-      "touchstart",
-      (e) => {
-        f.current.onTouchStart(e);
-      },
-      { passive: !0 }
-    );
-  }, [l.current]);
-}
-export {
-  w as default
-};

package/tabs/tab-header/DropdownIcon.js

@@ -1,66 +0,0 @@
-import { jsx as c } from "react/jsx-runtime";
-import I from "@unicom-cloud/icons/IconUiDown";
-import z from "lodash/isNull";
-import { useMemo as b } from "react";
-import D from "../../dropdown/index.js";
-import R from "../../icon-hover/index.js";
-import x from "../../menu/Menu.js";
-function T(s) {
-  const {
-    prefixCls: d,
-    currentOffset: n,
-    headerSize: m,
-    headerWrapperSize: l,
-    getTitleRef: C,
-    paneChildren: h,
-    direction: u,
-    icon: g
-  } = s, i = h.map((e) => e.key), k = u === "vertical" ? m.height : m.width, a = u === "vertical" ? l.height : l.width, f = b(() => {
-    const e = {}, t = l.domRect;
-    return i.map((r) => {
-      const p = C(r);
-      if (!p)
-        return;
-      const o = p.getBoundingClientRect();
-      e[r] = {
-        left: o.left - t.left,
-        right: o.left - t.left + o.width,
-        top: o.top - t.top,
-        bottom: o.top - t.top + o.height
-      };
-    }), e;
-  }, [i.join(","), k, a]), w = b(() => {
-    let e = -1, t = -1;
-    for (const r in f) {
-      const { left: p, right: o } = f[r];
-      if (p >= n && o - n <= a && e === -1 && (e = i.indexOf(r), t = e), p >= n && o - n > a) {
-        t = i.indexOf(r);
-        break;
-      }
-    }
-    return [e, t];
-  }, [f, i.join(","), n]);
-  return z(g) ? null : /* @__PURE__ */ c(
-    D,
-    {
-      trigger: "click",
-      droplist: /* @__PURE__ */ c(x, { onClickMenuItem: s.onClickTab, children: h.map((e, t) => {
-        if (t < w[0] || t >= w[1])
-          return /* @__PURE__ */ c(x.Item, { disabled: e.disabled, children: e.props.title }, e.key);
-      }) }),
-      children: /* @__PURE__ */ c(
-        R,
-        {
-          role: "button",
-          "aria-label": "expand tabs",
-          prefix: `${d}-dropdown`,
-          className: `${d}-dropdown-icon`,
-          children: g || /* @__PURE__ */ c(I, {})
-        }
-      )
-    }
-  );
-}
-export {
-  T as default
-};

package/tabs/tab-header/TabInk.js

@@ -1,64 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import y from "lodash/isEqualWith";
-import { useRef as d, useEffect as $ } from "react";
-import { getRectDiff as k } from "../util.js";
-import g from "@unicom-cloud/utils/class-name";
-import { throttleByRaf as R } from "../../components/common/utils/throttleByRaf.js";
-const w = (t, e, f) => {
-  let r = { left: "", width: "", top: "", height: "" };
-  if (e) {
-    const o = k(e, f);
-    t === "vertical" ? r = {
-      top: `${o.top}px`,
-      height: `${e.offsetHeight}px`,
-      left: "",
-      width: ""
-    } : r = {
-      left: `${o.left}px`,
-      width: `${e.offsetWidth}px`,
-      top: "",
-      height: ""
-    };
-  }
-  return r;
-}, j = ({
-  prefixCls: t,
-  animation: e,
-  disabled: f,
-  direction: r,
-  getTitleRef: o,
-  activeTab: m,
-  getHeaderRef: p,
-  inkBarSize: i
-}) => {
-  const s = d(), c = d();
-  return $(() => {
-    const a = R(() => {
-      const u = o(m), n = w(
-        r,
-        u,
-        p("headerRef").current
-      );
-      n && !y(c.current, n) && (c.current = n, s.current?.style && Object.keys(n).forEach((h) => {
-        s.current.style[h] = n[h];
-      }));
-    });
-    return a(), () => {
-      a.cancel?.();
-    };
-  }), /* @__PURE__ */ l(
-    "div",
-    {
-      className: g(`${t}-header-ink`, {
-        [`${t}-header-ink-no-animation`]: !e,
-        [`${t}-header-ink-disabled`]: f,
-        [`${t}-header-ink-custom`]: i
-      }),
-      ref: s,
-      children: i && /* @__PURE__ */ l("div", { style: i, className: `${t}-header-ink-inner` })
-    }
-  );
-};
-export {
-  j as default
-};

package/tabs/tab-header/TabNavIcon.js

@@ -1,65 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import P from "@unicom-cloud/icons/IconUiDown";
-import C from "@unicom-cloud/icons/IconUiLeft";
-import I from "@unicom-cloud/icons/IconUiRight";
-import S from "@unicom-cloud/icons/IconUiUp";
-import j from "lodash/isNull";
-import { useMemo as O } from "react";
-import L from "../../icon-hover/index.js";
-import R from "@unicom-cloud/utils/class-name";
-const T = {
-  prev: "left",
-  next: "right"
-}, V = {
-  prev: "up",
-  next: "down"
-}, Q = (f) => {
-  const {
-    direction: n,
-    headerSize: N,
-    headerWrapperSize: b,
-    prefixCls: s,
-    iconPos: h,
-    currentOffset: e,
-    align: o,
-    rtl: u,
-    icon: v
-  } = f, { height: d, width: c } = b, { height: g, width: z } = N, m = g - d, l = z - c, H = {
-    up: /* @__PURE__ */ i(S, {}),
-    down: /* @__PURE__ */ i(P, {}),
-    left: u ? /* @__PURE__ */ i(I, {}) : /* @__PURE__ */ i(C, {}),
-    right: u ? /* @__PURE__ */ i(C, {}) : /* @__PURE__ */ i(I, {})
-  }, x = (t) => {
-    t !== f.currentOffset && f?.onChange?.(t);
-  }, U = (t, a) => {
-    t.preventDefault();
-    let r;
-    o === "left" ? r = a === "left" ? e - c : e + c : r = a === "left" ? e + c : e - c, x(r);
-  }, k = (t, a) => {
-    t.preventDefault();
-    let r;
-    if (a === "up")
-      r = e - d;
-    else if (r = e + d, r >= g)
-      return;
-    x(r);
-  }, D = O(() => o === "left" ? e <= 0 : n === "vertical" ? e >= m : e >= l, [o, n, e, l, e]), W = O(() => o === "left" ? n === "vertical" ? e >= m : e >= l : e <= 0, [o, n, m, l, e]);
-  if (j(v))
-    return null;
-  const p = n === "horizontal" ? T[h] : V[h], w = h === "prev" ? D : W, $ = R(`${s}-${p}-icon`, {
-    [`${s}-nav-icon-disabled`]: w
-  }), M = n === "vertical" ? k : U;
-  return /* @__PURE__ */ i(
-    L,
-    {
-      disabled: w,
-      className: $,
-      prefix: s,
-      onClick: (t) => M(t, p),
-      children: v || H[p]
-    }
-  );
-};
-export {
-  Q as default
-};