@unicom-cloud/ui 0.8.95 → 0.8.97

package/tabs/Tab.js

@@ -1,25 +1,25 @@
-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 { jsx as m, jsxs as S } from "react/jsx-runtime";
+import u from "lodash/isFunction";
+import y from "lodash/isPlainObject";
+import T, { 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 { omit as p } from "../components/common/utils/omit.js";
 import Q from "./TabContent.js";
 import U from "./TabPane.js";
-import g from "./tab-header/index.js";
+import x 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;
+  const { children: s } = r, o = [];
+  return T.Children.forEach(s, (t) => {
+    t && t.type && t.type.isTabPane && o.push(t);
+  }), o;
 }, 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;
+  const { direction: s, tabPosition: o, animation: t } = r;
+  return s === "vertical" || o === "left" || o === "right" ? !1 : y(t) ? "tabPane" in t ? t.tabPane : !1 : t;
 }, _ = {
   tabPosition: "top",
   type: "line",
@@ -28,25 +28,25 @@ const X = ["mini", "small", "default", "large"], Y = (r) => {
   lazyload: !0,
   headerPadding: !0,
   scrollPosition: "auto"
-}, tt = P.createContext({});
+}, tt = T.createContext({});
 function et(r, s) {
   const {
-    getPrefixCls: i,
+    getPrefixCls: o,
     size: t,
-    componentConfig: d,
+    componentConfig: A,
     rtl: N
   } = V(W), e = G(
     r,
     _,
-    d == null ? void 0 : d.Tabs
-  ), l = Y(e), v = E(null), [f, w] = J(
+    A?.Tabs
+  ), l = Y(e), P = E(null), [d, 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,
+  ), a = o?.("tabs"), f = e.size || (X.indexOf(t) > -1 ? t : "default"), {
+    animation: b,
     className: B,
     direction: O,
     style: R,
@@ -56,40 +56,40 @@ function et(r, s) {
     lazyload: I,
     headerSticky: D,
     // 潘启宝添加
-    onChange: h,
-    onClickTab: $,
+    onChange: v,
+    onClickTab: h,
     onDeleteTab: F,
-    renderTabHeader: x,
+    renderTabHeader: C,
     ...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",
+  } = e, c = q(`${a}-`), i = O === "vertical" ? "left" : e.tabPosition, g = {
+    animation: y(b) && "inkBar" in b ? b.inkBar : !0,
+    activeTab: d,
+    tabPosition: i,
+    direction: ["left", "right"].indexOf(i) > -1 ? "vertical" : "horizontal",
     paneChildren: l,
     onClickTab: (n) => {
-      p($) && $(n), n !== f && ("activeTab" in e || w(n), p(h) && h(n));
+      u(h) && h(n), n !== d && ("activeTab" in e || w(n), u(v) && v(n));
     },
     onDeleteTab: F,
     prefixCls: a
   };
-  L(s, () => v, []);
-  const C = /* @__PURE__ */ u(
+  L(s, () => P, []);
+  const $ = /* @__PURE__ */ m(
     Q,
     {
-      direction: ["left", "right"].indexOf(o) > -1 ? "vertical" : "horizontal",
+      direction: ["left", "right"].indexOf(i) > -1 ? "vertical" : "horizontal",
       animation: Z(e),
-      activeTab: f,
+      activeTab: d,
       paneChildren: l,
       prefixCls: a,
       destroyOnHide: k,
       lazyload: I
     }
   );
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ m(
     "div",
     {
-      ...T(M, [
+      ...p(M, [
         "headerPadding",
         "tabPosition",
         "defaultActiveTab",
@@ -112,60 +112,60 @@ function et(r, s) {
       style: R,
       className: K(
         a,
-        `${a}-${["left", "right"].indexOf(o) > -1 ? "vertical" : "horizontal"}`,
+        `${a}-${["left", "right"].indexOf(i) > -1 ? "vertical" : "horizontal"}`,
         `${a}-${j}`,
         !!D && `${a}-sticky`,
         // 潘启宝添加
-        `${a}-${o}`,
-        `${a}-size-${b}`,
+        `${a}-${i}`,
+        `${a}-size-${f}`,
         {
           [`${a}-justify`]: H,
           [`${a}-rtl`]: N
         },
         B
       ),
-      ref: v,
+      ref: P,
       children: /* @__PURE__ */ S(
         tt.Provider,
         {
           value: {
-            ...y,
+            ...g,
             getIdPrefix: (n) => ({
               tab: c && `${c}-tab-${n}`,
               tabpane: c && `${c}-panel-${n}`
             })
           },
           children: [
-            o === "bottom" && C,
-            p(x) ? x(
+            i === "bottom" && $,
+            u(C) ? C(
               {
-                ...T(e, ["children", "style", "className"]),
-                size: b,
-                ...y
+                ...p(e, ["children", "style", "className"]),
+                size: f,
+                ...g
               },
-              g
-            ) : /* @__PURE__ */ u(
-              g,
+              x
+            ) : /* @__PURE__ */ m(
+              x,
               {
-                ...T(e, ["children", "style", "className"]),
-                size: b
+                ...p(e, ["children", "style", "className"]),
+                size: f
               }
             ),
-            o !== "bottom" && C
+            i !== "bottom" && $
           ]
         }
       )
     }
   );
 }
-const at = P.forwardRef(
+const at = T.forwardRef(
   et
-), A = at;
-A.displayName = "Tabs";
-A.TabPane = U;
+), z = at;
+z.displayName = "Tabs";
+z.TabPane = U;
 export {
   U as TabPane,
   tt as TabsContext,
   U as TabsTabPane,
-  A as default
+  z as default
 };

package/tabs/TabContent.js

@@ -1,9 +1,9 @@
 import { jsx as i } from "react/jsx-runtime";
-import I, { useContext as c } from "react";
+import g, { 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";
+import { TabsContext as I } from "./Tab.js";
+import N from "../config-provider/context.js";
 function R(d) {
   const {
     animation: m,
@@ -13,8 +13,8 @@ function R(d) {
     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)))
+  } = d, o = r.findIndex((e) => e.key === a), y = c(I), { rtl: b } = c(N);
+  if (r.every((e) => e?.props && (!("children" in e.props) || e.props.children === null)))
     return null;
   const v = l(`${n}-content-inner`, {
     [`${n}-animation`]: m
@@ -25,7 +25,7 @@ function R(d) {
       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;
+        const { tabpane: $, tab: x } = y.getIdPrefix(s), C = "destroyOnHide" in e.props ? e.props.destroyOnHide : u, t = e.key === a;
         return /* @__PURE__ */ i(
           "div",
           {
@@ -36,8 +36,8 @@ function R(d) {
             id: $,
             "aria-hidden": t ? void 0 : !0,
             tabIndex: t ? 0 : -1,
-            "aria-labelledby": C,
-            children: o !== s && g ? null : I.cloneElement(e, {
+            "aria-labelledby": x,
+            children: o !== s && C ? null : g.cloneElement(e, {
               lazyload: f,
               isActive: t
             })

package/tabs/TabPane.js

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

package/tabs/hook/useHeaderScroll.js

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

package/tabs/tab-header/TabInk.js

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

package/tabs/tab-header/TabNavIcon.js

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