@unicom-cloud/ui 0.8.108 → 0.8.110

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
-};

package/tabs/tab-header/TabTitle.js

@@ -1,78 +0,0 @@
-import { jsxs as y, jsx as r } from "react/jsx-runtime";
-import v from "@unicom-cloud/icons/IconUiClose";
-import T from "lodash/isFunction";
-import N from "react";
-import w from "../../icon-hover/index.js";
-import { getKeyDownEvent as D } from "../util.js";
-import E from "@unicom-cloud/utils/class-name";
-import { Enter as H } from "@unicom-cloud/utils/constant/keyboardCode";
-const I = ({
-  prefixCls: t,
-  onDeleteTab: h,
-  tabKey: c,
-  isActive: a,
-  onClickTab: f,
-  disabled: e = !1,
-  title: p,
-  editable: n,
-  renderTitle: i,
-  deleteIcon: k,
-  deleteButton: u,
-  getIdPrefix: m,
-  index: l
-}, $) => {
-  const b = T(i) ? i : (o) => o, s = (o) => {
-    o.stopPropagation(), !e && h();
-  }, d = (o) => {
-    e || f(o);
-  };
-  return b(
-    /* @__PURE__ */ y(
-      "div",
-      {
-        ref: $,
-        className: E(`${t}-header-title`, {
-          [`${t}-header-title-active`]: a,
-          [`${t}-header-title-editable`]: n,
-          [`${t}-header-title-disabled`]: e
-        }),
-        role: "tab",
-        "aria-selected": a,
-        tabIndex: e ? -1 : 0,
-        "aria-disabled": e || void 0,
-        id: m(l).tab,
-        "aria-controls": m(l).tabpane,
-        onClick: d,
-        onKeyDown: (o) => {
-          o.key === H.key && d(o);
-        },
-        children: [
-          /* @__PURE__ */ r("span", { className: `${t}-header-title-text`, children: p }),
-          n && /* @__PURE__ */ r(
-            "span",
-            {
-              role: "button",
-              "aria-label": "remove tab",
-              "aria-disabled": e || void 0,
-              tabIndex: e ? -1 : 0,
-              className: `${t}-close-icon`,
-              ...D({ onPressEnter: s }),
-              onClick: s,
-              children: u || /* @__PURE__ */ r(w, { prefix: t, children: k || /* @__PURE__ */ r(v, {}) })
-            }
-          )
-        ]
-      },
-      c
-    ),
-    {
-      key: c,
-      isActive: a,
-      disabled: e,
-      editable: n
-    }
-  );
-}, B = N.forwardRef(I);
-export {
-  B as default
-};

package/tabs/tab-header/index.js

@@ -1,328 +0,0 @@
-import { jsx as l, jsxs as W } from "react/jsx-runtime";
-import _e from "@unicom-cloud/icons/IconUiPlus";
-import Q from "lodash/isNumber";
-import je from "lodash/isPlainObject";
-import Ge from "lodash/throttle";
-import Ke, { useContext as pe, useRef as Ve, useState as ue, useMemo as Xe, useCallback as Fe, useEffect as R } from "react";
-import "../../config-provider/ConfigProvider.js";
-import Ue from "../../icon-hover/index.js";
-import { TabsContext as Ye } from "../Tab.js";
-import N from "../hook/useDomSize.js";
-import qe from "../hook/useHeaderScroll.js";
-import { updateScrollOffset as Je, getRectDiff as be, getKeyDownEvent as Qe } from "../util.js";
-import Z from "@unicom-cloud/utils/class-name";
-import { resizeObserver as D } from "../../components/common/utils/resizeObserver.js";
-import { setTransformStyle as Ze } from "../../components/common/utils/style.js";
-import et from "./DropdownIcon.js";
-import tt from "./TabInk.js";
-import me from "./TabNavIcon.js";
-import rt from "./TabTitle.js";
-import nt from "../../config-provider/context.js";
-const ee = "vertical", E = "right", B = "left", ge = {
-  delete: !0,
-  add: !0
-}, ot = ({
-  direction: S,
-  align: z = B,
-  headerOffset: m
-}) => {
-  let d = `translateX(${-m}px)`;
-  return z === E && (d = `translateX(${m}px)`), S === ee && (d = `translateY(${-m}px)`), Ze(d);
-}, st = ({
-  direction: S,
-  align: z = B,
-  headerDom: m,
-  headerWrapperDom: d
-}) => {
-  const a = be(m, d);
-  return S === ee ? -a.top : z === E ? a.right : -a.left;
-}, at = Ke.forwardRef((S, z) => {
-  const m = pe(Ye), { rtl: d } = pe(nt), a = { ...S, ...m }, [v, T, xe] = N(), [w, f, Se] = N(), [M, L, ve] = N(), [_, j, Te] = N(), [G, K, Oe] = N(), A = Ve({}), [O, te] = ue(0), [$e, V] = ue(!0), {
-    paneChildren: X,
-    editable: Ce,
-    prefixCls: t,
-    onAddTab: Re,
-    direction: s,
-    type: g = "line",
-    overflow: re = "scroll",
-    activeTab: y,
-    showAddButton: ze,
-    size: we = "default",
-    style: ye,
-    tabPosition: ke,
-    className: He,
-    extra: ne,
-    animation: Ne,
-    icons: k,
-    deleteButton: Ae,
-    addButton: Ie,
-    renderTabTitle: Pe,
-    scrollAfterEdit: oe,
-    scrollPosition: h = "auto",
-    inkBarSize: We
-  } = a, se = je(oe) ? { ...ge, ...oe } : ge, [De, Ee] = d ? [E, B] : [B, E], $ = g === "capsule" ? Ee : De, b = Xe(() => {
-    const e = L.height - j.height - K.height, n = L.width - j.width - K.width;
-    return a.direction === "vertical" ? e < f.height : n < f.width;
-  }, [
-    a.direction,
-    L,
-    j,
-    f,
-    K
-  ]), Be = () => {
-    if (M.current) {
-      const e = M.current;
-      ve({
-        height: e.offsetHeight,
-        width: e.offsetWidth
-      });
-    }
-  }, I = (e) => Ge((n) => {
-    Be();
-    const o = n[0] && n[0].target;
-    o && e({
-      height: o.offsetHeight,
-      width: o.offsetWidth,
-      domRect: o.getBoundingClientRect()
-    });
-  }, 200), ae = I(xe), ie = I(Se), ce = I(Te), le = I(Oe), F = Fe(
-    (e) => {
-      const n = s === ee ? f.height - T.height : f.width - T.width;
-      let o = e;
-      return o = Math.min(n, o), o = Math.max(o, 0), o;
-    },
-    [s, f, T]
-  ), U = (e) => {
-    const n = F(e);
-    n !== O && te(n);
-  };
-  R(() => () => {
-    ie?.cancel?.(), ae?.cancel?.(), ce?.cancel?.(), le?.cancel?.();
-  }, []), R(() => {
-    if (!$e) {
-      V(!0);
-      return;
-    }
-    const e = () => {
-      const o = A.current[y];
-      if (!o || !b)
-        return 0;
-      const r = be(o, v.current), p = st({
-        direction: s,
-        align: $,
-        headerDom: w.current,
-        headerWrapperDom: v.current
-      });
-      if (s === "vertical") {
-        let u = p, i = h;
-        const c = p + r.top, x = p + r.bottom;
-        return i === "auto" && (i = r.top < 0 ? "start" : r.bottom > 0 ? "end" : h), i === "start" ? u = c : i === "end" ? u = x : i === "center" ? u = c - (r.top - r.bottom) / 2 : Q(i) && (u = Math.max(c - i, x)), u;
-      }
-      if ($ === "right") {
-        const u = p - r.left, i = p - r.right;
-        let c = h, x = p;
-        return h === "auto" && (c = r.left < 0 ? "start" : r.right > 0 ? "end" : h), c === "start" ? x = u : c === "end" ? x = i : c === "center" ? x = u + (r.left - r.right) / 2 : Q(c) && (x = Math.min(u + c, i)), x;
-      }
-      let H = p, C = h;
-      const J = p + r.left, he = p + r.right;
-      return h === "auto" && (C = r.left < 0 ? "start" : r.right > 0 ? "end" : h), C === "start" ? H = J : C === "end" ? H = he : C === "center" ? H = J - (r.left - r.right) / 2 : Q(C) && (H = Math.max(J - C, he)), H;
-    };
-    Je(v.current, s);
-    let n = e();
-    n = F(n), te(n);
-  }, [
-    y,
-    s,
-    re,
-    b,
-    g,
-    F,
-    h
-  ]);
-  const Me = ot({
-    direction: s,
-    align: $,
-    headerOffset: O
-  }), Y = b && re === "dropdown" && s !== "vertical", q = b && !Y, P = Ce && (g === "card" || g === "card-gutter" || g === "line"), Le = (e) => {
-    a.onDeleteTab?.(e.key), V(se.delete);
-  }, de = () => {
-    Re?.(), V(se.add);
-  };
-  R(() => {
-    const e = D([G.current], le);
-    return () => {
-      e();
-    };
-  }, [G.current]), R(() => {
-    const e = D([v.current], ae);
-    return () => {
-      e();
-    };
-  }, [v.current]), R(() => {
-    const e = D([w.current], ie);
-    return () => {
-      e();
-    };
-  }, [w.current]), R(() => {
-    const e = D([_.current], ce);
-    return () => {
-      e();
-    };
-  }, [_.current]);
-  const fe = (e) => e && ze && /* @__PURE__ */ l(
-    "div",
-    {
-      className: `${t}-add-icon`,
-      "aria-label": "add tab",
-      tabIndex: 0,
-      role: "button",
-      ref: G,
-      onClick: de,
-      ...Qe({ onPressEnter: de }),
-      children: Ie || /* @__PURE__ */ l(Ue, { prefix: `${t}-add`, children: /* @__PURE__ */ l("span", { className: `${t}-add`, children: k?.add || /* @__PURE__ */ l(_e, {}) }) })
-    }
-  );
-  return qe({
-    headerWrapperRef: v,
-    headerOffset: O,
-    align: $,
-    direction: s,
-    isScrollable: b,
-    onScroll(e) {
-      U(e);
-    }
-  }), /* @__PURE__ */ l(
-    "div",
-    {
-      className: Z(
-        `${t}-header-nav`,
-        `${t}-header-nav-${s}`,
-        `${t}-header-nav-${ke}`,
-        `${t}-header-size-${we}`,
-        `${t}-header-nav-${g}`,
-        { [`${t}-header-nav-sticky`]: a.headerSticky },
-        // 潘启宝添加
-        He
-      ),
-      style: { ...ye, ...a.headerSticky },
-      ref: z,
-      children: /* @__PURE__ */ W(
-        "div",
-        {
-          className: Z(`${t}-header-scroll`, {
-            [`${t}-header-overflow-scroll`]: q,
-            [`${t}-header-overflow-dropdown`]: Y
-          }),
-          ref: M,
-          children: [
-            q && /* @__PURE__ */ l(
-              me,
-              {
-                iconPos: "prev",
-                rtl: d,
-                icon: k?.prev,
-                prefixCls: t,
-                currentOffset: O,
-                headerSize: f,
-                headerWrapperSize: T,
-                direction: s,
-                align: $,
-                onChange: U
-              }
-            ),
-            /* @__PURE__ */ W("div", { className: `${t}-header-wrapper`, ref: v, children: [
-              /* @__PURE__ */ W(
-                "div",
-                {
-                  className: Z(`${t}-header`, {
-                    [`${t}-header-no-padding`]: !S.headerPadding && s === "horizontal" && ["line", "text"].indexOf(g) > -1
-                  }),
-                  ref: w,
-                  style: Me,
-                  children: [
-                    X.map((e, n) => /* @__PURE__ */ l(
-                      rt,
-                      {
-                        ref: (o) => {
-                          A.current[e.key] = o;
-                        },
-                        tabKey: e.key,
-                        ...e.props,
-                        prefixCls: t,
-                        onDeleteTab: () => Le(e),
-                        renderTitle: S.children || Pe,
-                        onClickTab: () => {
-                          a.onClickTab?.(e.key);
-                        },
-                        isActive: y === e.key,
-                        editable: P && e.props.closable !== !1,
-                        deleteIcon: k?.delete,
-                        deleteButton: Ae,
-                        getIdPrefix: m.getIdPrefix,
-                        index: n
-                      },
-                      n
-                    )),
-                    g === "line" && /* @__PURE__ */ l(
-                      tt,
-                      {
-                        disabled: !!X.find(
-                          (e) => e && e.props && e.props.disabled && e.key === y
-                        ),
-                        prefixCls: t,
-                        animation: Ne,
-                        direction: s,
-                        getTitleRef: (e) => A.current[e],
-                        activeTab: y,
-                        getHeaderRef: () => w,
-                        inkBarSize: We
-                      }
-                    )
-                  ]
-                }
-              ),
-              !b && fe(P)
-            ] }),
-            q && /* @__PURE__ */ l(
-              me,
-              {
-                prefixCls: t,
-                rtl: d,
-                iconPos: "next",
-                icon: k?.next,
-                currentOffset: O,
-                headerSize: f,
-                headerWrapperSize: T,
-                direction: s,
-                align: $,
-                onChange: U
-              }
-            ),
-            Y && /* @__PURE__ */ l(
-              et,
-              {
-                onClickTab: a.onClickTab,
-                paneChildren: X,
-                prefixCls: t,
-                currentOffset: O,
-                headerSize: f,
-                icon: k?.dropdown,
-                headerWrapperSize: T,
-                getTitleRef: (e) => A.current[e],
-                direction: s
-              }
-            ),
-            (P && b || ne) && /* @__PURE__ */ W("div", { className: `${t}-header-extra`, ref: _, children: [
-              b && fe(P),
-              ne
-            ] })
-          ]
-        }
-      )
-    }
-  );
-});
-at.displayName = "TabHeader";
-export {
-  at as default
-};

package/tree-select/hook/useKeyCache.js

@@ -1,55 +0,0 @@
-import c from "lodash/get";
-import { useContext as x, useRef as C } from "react";
-import "../../config-provider/ConfigProvider.js";
-import P from "../../components/common/hooks/useForceUpdate.js";
-import g from "../../components/common/hooks/useUpdateEffect.js";
-import { DefaultFieldNames as K } from "../interface.js";
-import m from "@unicom-cloud/utils/class-name";
-import v from "../../config-provider/context.js";
-const u = (s, y, e) => {
-  const n = {};
-  let h = 0;
-  const l = (p, t) => {
-    const _ = p.length;
-    return p.map((o, k) => {
-      const b = c(o, e.children) || o[e.children], r = c(o, e.key) || o[e.key] || `${t?._key || ""}-${k}`, i = {
-        ...o,
-        title: c(o, e.title) || o[e.title],
-        selectable: c(o, e.selectable) || o[e.selectable],
-        disabled: c(o, e.disabled) || o[e.disabled],
-        disableCheckbox: c(o, e.disableCheckbox) || o[e.disableCheckbox],
-        checkable: c(o, e.checkable) || o[e.checkable],
-        isLeaf: c(o, e.isLeaf) || o[e.isLeaf],
-        key: r,
-        children: b,
-        _key: r,
-        parentKey: t ? t._key : void 0,
-        pathParentKeys: t && t.pathParentKeys || [],
-        _level: t._level || 0,
-        _index: h++
-      };
-      return _ === k + 1 && (i.className = m(
-        `${y}-node-is-tail`,
-        i.className
-      )), n[r] = i, b && b.length && (n[r].children = l(b, {
-        _key: r,
-        _level: i._level + 1,
-        pathParentKeys: [...t?.pathParentKeys || [], r]
-      })), i;
-    });
-  };
-  return l(s || [], {}), n;
-}, j = (s, y) => {
-  const { getPrefixCls: e } = x(v), n = {
-    ...K,
-    ...y
-  }, h = P(), l = e?.("tree"), p = C(
-    u(s, l, n)
-  );
-  return g(() => {
-    p.current = u(s, l, n), h();
-  }, [s]), p.current;
-};
-export {
-  j as default
-};

package/tree-select/hook/useStateValue.js

@@ -1,95 +0,0 @@
-import v from "lodash/isArray";
-import V from "lodash/isEqualWith";
-import S from "lodash/isPlainObject";
-import K from "lodash/isUndefined";
-import { useRef as g, useState as I, useCallback as O } from "react";
-import A from "../../components/common/hooks/useUpdateEffect.js";
-import k from "../../tree/Tree.js";
-import { normalizeValueToArray as b } from "../util.js";
-import { getCheckedKeysByInitKeys as E } from "../../tree/util.js";
-const o = (e, i, n) => e == null ? [] : (v(e) ? e : [e]).map((c) => {
-  let t = S(c) ? { ...c } : { value: c, label: void 0 };
-  const a = i[t.value];
-  if (a)
-    t.label = t.label || a.title, t.disabled = a.disabled;
-  else if (v(n)) {
-    const r = n.find((u) => u.value === t.value);
-    t = {
-      ...t,
-      ...r
-    };
-  }
-  return K(t.label) && (t.label = t.value), t;
-}), H = (e, i, n, f) => {
-  if (!f.treeCheckStrictly) {
-    const { checkedKeys: c, indeterminateKeys: t } = E(e, i);
-    let a = c;
-    return n.current = t, f.treeCheckedStrategy === k.SHOW_PARENT ? a = a.filter((r) => {
-      const u = i[r];
-      if (!u || a.indexOf(u.parentKey) === -1)
-        return !0;
-    }) : f.treeCheckedStrategy === k.SHOW_CHILD && (a = a.filter((r) => {
-      const u = i[r];
-      if (!u || !u.children || !u.children.length)
-        return !0;
-    })), a;
-  }
-  return n.current = [], e;
-}, D = (e, i, n) => {
-  const f = g([]), c = () => {
-    const l = e.value || e.defaultValue || [];
-    if (e.treeCheckable) {
-      const m = H(
-        b(l),
-        i,
-        n,
-        e
-      ), s = o(
-        l,
-        i,
-        f.current
-      );
-      return o(
-        m,
-        i,
-        s
-      );
-    }
-    return o(l, i);
-  }, [t, a] = I(c), r = (l) => {
-    f.current = l, a(l);
-  };
-  A(() => {
-    const l = c();
-    "value" in e && (e.labelInValue ? V(
-      b(t),
-      b(l)
-    ) || r(l) : V(t, l) || r(l));
-  }, [
-    e.treeCheckedStrategy,
-    e.treeCheckStrictly,
-    e.treeCheckable,
-    e.value,
-    i
-  ]);
-  const u = O(
-    (l, m) => {
-      const { onChange: s, labelInValue: h } = e, y = e.multiple || e.treeCheckable;
-      "value" in e || r(l);
-      let d;
-      y ? d = l.map((C) => h ? { label: C.label, value: C.value } : C.value) : d = h ? l[0] : l[0] && l[0].value, s?.(d, m);
-    },
-    [
-      e.onChange,
-      e.labelInValue,
-      e.multiple,
-      e.treeCheckable,
-      e.value
-    ]
-  );
-  return [t, u];
-};
-export {
-  D as default,
-  o as parseValue
-};

package/tree-select/hook/useTreeData.js

@@ -1,13 +0,0 @@
-import { useState as n } from "react";
-import o from "../../components/common/hooks/usePrevious.js";
-import f from "../../components/common/hooks/useUpdateEffect.js";
-import { getTreeDataFromTreeChildren as m } from "../../tree/util.js";
-function s(e) {
-  const t = o(e) || {}, r = () => e.treeData || m(e.children), [a, i] = n(r());
-  return f(() => {
-    (e.treeData !== t.treeData || e.children !== t.children) && i(r());
-  }, [e]), [a];
-}
-export {
-  s as default
-};

package/types/common/hooks/useCreate.d.ts

@@ -1,2 +0,0 @@
-declare function useCreate(fn: any): void;
-export default useCreate;