@unicom-cloud/ui 0.8.108 → 0.8.110

package/chunk/CFyN9Eio.js

@@ -0,0 +1,833 @@
+import { jsx as f, jsxs as K } from "react/jsx-runtime";
+import se from "lodash/isFunction";
+import ye from "lodash/isPlainObject";
+import q, { useContext as te, useRef as U, useState as ve, useEffect as B, useMemo as ne, useCallback as at, useImperativeHandle as st } from "react";
+import { a as Te, I as de } from "./BcEZk8pT.js";
+import { u as ct } from "./BGJspFG9.js";
+import { u as lt } from "./FgWHhRFz.js";
+import { u as dt } from "./2vdCeheu.js";
+import L from "@unicom-cloud/utils/class-name";
+import { o as be } from "./BKKEev13.js";
+import ft from "../tabs/TabPane.js";
+import ut from "@unicom-cloud/icons/IconUiPlus";
+import ge from "lodash/isNumber";
+import ht from "lodash/throttle";
+import { b as ie, o as Ae } from "./d1c9z8T1.js";
+import { getRectDiff as xe, getKeyDownEvent as Xe, updateScrollOffset as pt } from "../tabs/util.js";
+import { r as ae } from "./B8W1N4er.js";
+import { setTransformStyle as mt } from "../utils/style.js";
+import Ye from "@unicom-cloud/icons/IconUiDown";
+import je from "lodash/isNull";
+import bt from "../dropdown/index.js";
+import { M as We } from "./n1tirBXA.js";
+import gt from "lodash/isEqualWith";
+import vt from "../utils/throttleByRaf.js";
+import Ee from "@unicom-cloud/icons/IconUiLeft";
+import Me from "@unicom-cloud/icons/IconUiRight";
+import $t from "@unicom-cloud/icons/IconUiUp";
+import yt from "@unicom-cloud/icons/IconUiClose";
+import { Enter as Tt } from "@unicom-cloud/utils/constant/keyboardCode";
+function xt(e) {
+  const {
+    animation: a,
+    activeTab: i,
+    prefixCls: t,
+    paneChildren: l,
+    direction: m,
+    lazyload: n,
+    destroyOnHide: v
+  } = e, b = l.findIndex((s) => s.key === i), u = te(ke), { rtl: T } = te(Te);
+  if (l.every((s) => s?.props && (!("children" in s.props) || s.props.children === null)))
+    return null;
+  const d = L(`${t}-content-inner`, {
+    [`${t}-animation`]: a
+  });
+  return /* @__PURE__ */ f("div", { className: `${t}-content ${t}-content-${m}`, children: /* @__PURE__ */ f(
+    "div",
+    {
+      className: d,
+      style: T ? { marginRight: `-${b * 100}%` } : { marginLeft: `-${b * 100}%` },
+      children: l.map((s, y) => {
+        const { tabpane: g, tab: h } = u.getIdPrefix(y), c = "destroyOnHide" in s.props ? s.props.destroyOnHide : v, o = s.key === i;
+        return /* @__PURE__ */ f(
+          "div",
+          {
+            className: L(`${t}-content-item`, {
+              [`${t}-content-item-active`]: o
+            }),
+            role: "tabpanel",
+            id: g,
+            "aria-hidden": o ? void 0 : !0,
+            tabIndex: o ? 0 : -1,
+            "aria-labelledby": h,
+            children: b !== y && c ? null : q.cloneElement(s, {
+              lazyload: n,
+              isActive: o
+            })
+          },
+          s.key
+        );
+      })
+    }
+  ) });
+}
+function ee() {
+  const e = U(void 0), [a, i] = ve({
+    height: 0,
+    width: 0
+  });
+  return B(() => {
+    e.current && i({
+      height: e.current.offsetHeight,
+      width: e.current.offsetWidth,
+      domRect: e.current.getBoundingClientRect()
+    });
+  }, []), [e, a, i];
+}
+function wt(e) {
+  const {
+    headerWrapperRef: a,
+    headerOffset: i,
+    align: t,
+    isScrollable: l,
+    direction: m,
+    onScroll: n
+  } = e;
+  function v(c, o) {
+    let $ = 0;
+    m === "vertical" ? $ = i + o : $ = t === "left" ? i + c : i - c, n?.($);
+  }
+  const b = U("x");
+  function u(c) {
+    if (!l) return;
+    c.preventDefault();
+    const { deltaX: o, deltaY: $ } = c;
+    let z = 0;
+    const R = Math.abs(o), S = Math.abs($);
+    R === S ? z = b.current === "x" ? o : $ : R > S ? (z = o, b.current = "x") : (z = $, b.current = "y"), v(z, z);
+  }
+  const T = U({
+    clientX: 0,
+    clientY: 0
+  }), d = (c) => c && c.touches && c.touches.length && c.touches[0], s = (c) => {
+    c.cancelable && c.preventDefault();
+    const o = d(c);
+    if (!o) return;
+    const { clientX: $, clientY: z } = T.current, R = o.clientX - $, S = o.clientY - z;
+    v(-R, -S);
+  }, y = () => {
+    Ae(document.documentElement, "touchmove", s), Ae(document.documentElement, "touchend", y);
+  }, g = (c) => {
+    if (!l) return;
+    const o = d(c);
+    o && (T.current = {
+      clientX: o.clientX,
+      clientY: o.clientY
+    }, ie(document.documentElement, "touchmove", s, { passive: !1 }), ie(window, "touchend", y, { passive: !1 }));
+  }, h = U(null);
+  h.current = { onWheel: u, onTouchStart: g }, B(() => {
+    ie(
+      a.current,
+      "wheel",
+      (c) => {
+        h.current.onWheel(c);
+      },
+      { passive: !1 }
+    ), ie(
+      a.current,
+      "touchstart",
+      (c) => {
+        h.current.onTouchStart(c);
+      },
+      { passive: !0 }
+    );
+  }, [a.current]);
+}
+function kt(e) {
+  const {
+    prefixCls: a,
+    currentOffset: i,
+    headerSize: t,
+    headerWrapperSize: l,
+    getTitleRef: m,
+    paneChildren: n,
+    direction: v,
+    icon: b
+  } = e, u = n.map((g) => g.key), T = v === "vertical" ? t.height : t.width, d = v === "vertical" ? l.height : l.width, s = ne(() => {
+    const g = {}, h = l.domRect;
+    return u.map((c) => {
+      const o = m(c);
+      if (!o) return;
+      const $ = o.getBoundingClientRect();
+      g[c] = {
+        left: $.left - h.left,
+        right: $.left - h.left + $.width,
+        top: $.top - h.top,
+        bottom: $.top - h.top + $.height
+      };
+    }), g;
+  }, [u.join(","), T, d]), y = ne(() => {
+    let g = -1, h = -1;
+    for (const c in s) {
+      const { left: o, right: $ } = s[c];
+      if (o >= i && $ - i <= d && g === -1 && (g = u.indexOf(c), h = g), o >= i && $ - i > d) {
+        h = u.indexOf(c);
+        break;
+      }
+    }
+    return [g, h];
+  }, [s, u.join(","), i]);
+  return je(b) ? null : /* @__PURE__ */ f(
+    bt,
+    {
+      trigger: "click",
+      droplist: /* @__PURE__ */ f(We, { onClickMenuItem: e.onClickTab, children: n.map((g, h) => {
+        if (h < y[0] || h >= y[1])
+          return /* @__PURE__ */ f(We.Item, { disabled: g.disabled, children: g.props.title }, g.key);
+      }) }),
+      children: /* @__PURE__ */ f(
+        de,
+        {
+          role: "button",
+          "aria-label": "expand tabs",
+          prefix: `${a}-dropdown`,
+          className: `${a}-dropdown-icon`,
+          children: b || /* @__PURE__ */ f(Ye, {})
+        }
+      )
+    }
+  );
+}
+const Ct = (e, a, i) => {
+  let t = { left: "", width: "", top: "", height: "" };
+  if (a) {
+    const l = xe(a, i);
+    e === "vertical" ? t = {
+      top: `${l.top}px`,
+      height: `${a.offsetHeight}px`,
+      left: "",
+      width: ""
+    } : t = {
+      left: `${l.left}px`,
+      width: `${a.offsetWidth}px`,
+      top: "",
+      height: ""
+    };
+  }
+  return t;
+}, Ot = ({
+  prefixCls: e,
+  animation: a,
+  disabled: i,
+  direction: t,
+  getTitleRef: l,
+  activeTab: m,
+  getHeaderRef: n,
+  inkBarSize: v
+}) => {
+  const b = U(void 0), u = U(void 0);
+  return B(() => {
+    const T = vt(() => {
+      const d = l(m), s = Ct(
+        t,
+        d,
+        n("headerRef").current
+      );
+      s && !gt(u.current, s) && (u.current = s, b.current?.style && Object.keys(s).forEach((y) => {
+        b.current.style[y] = s[y];
+      }));
+    });
+    return T(), () => {
+      T.cancel?.();
+    };
+  }), /* @__PURE__ */ f(
+    "div",
+    {
+      className: L(`${e}-header-ink`, {
+        [`${e}-header-ink-no-animation`]: !a,
+        [`${e}-header-ink-disabled`]: i,
+        [`${e}-header-ink-custom`]: v
+      }),
+      ref: b,
+      children: v && /* @__PURE__ */ f("div", { style: v, className: `${e}-header-ink-inner` })
+    }
+  );
+}, St = {
+  prev: "left",
+  next: "right"
+}, zt = {
+  prev: "up",
+  next: "down"
+}, Be = (e) => {
+  const {
+    direction: a,
+    headerSize: i,
+    headerWrapperSize: t,
+    prefixCls: l,
+    iconPos: m,
+    currentOffset: n,
+    align: v,
+    rtl: b,
+    icon: u
+  } = e, { height: T, width: d } = t, { height: s, width: y } = i, g = s - T, h = y - d, c = {
+    up: /* @__PURE__ */ f($t, {}),
+    down: /* @__PURE__ */ f(Ye, {}),
+    left: b ? /* @__PURE__ */ f(Me, {}) : /* @__PURE__ */ f(Ee, {}),
+    right: b ? /* @__PURE__ */ f(Ee, {}) : /* @__PURE__ */ f(Me, {})
+  }, o = (P) => {
+    P !== e.currentOffset && e?.onChange?.(P);
+  }, $ = (P, p) => {
+    P.preventDefault();
+    let x;
+    v === "left" ? x = p === "left" ? n - d : n + d : x = p === "left" ? n + d : n - d, o(x);
+  }, z = (P, p) => {
+    P.preventDefault();
+    let x;
+    if (p === "up")
+      x = n - T;
+    else if (x = n + T, x >= s)
+      return;
+    o(x);
+  }, R = ne(() => v === "left" ? n <= 0 : a === "vertical" ? n >= g : n >= h, [v, a, n, h, n]), S = ne(() => v === "left" ? a === "vertical" ? n >= g : n >= h : n <= 0, [v, a, g, h, n]);
+  if (je(u))
+    return null;
+  const A = a === "horizontal" ? St[m] : zt[m], V = m === "prev" ? R : S, _ = L(`${l}-${A}-icon`, {
+    [`${l}-nav-icon-disabled`]: V
+  }), X = a === "vertical" ? z : $;
+  return /* @__PURE__ */ f(
+    de,
+    {
+      disabled: V,
+      className: _,
+      prefix: l,
+      onClick: (P) => X(P, A),
+      children: u || c[A]
+    }
+  );
+}, Rt = ({
+  prefixCls: e,
+  onDeleteTab: a,
+  tabKey: i,
+  isActive: t,
+  onClickTab: l,
+  disabled: m = !1,
+  title: n,
+  editable: v,
+  renderTitle: b,
+  deleteIcon: u,
+  deleteButton: T,
+  getIdPrefix: d,
+  index: s
+}, y) => {
+  const g = se(b) ? b : (o) => o, h = (o) => {
+    o.stopPropagation(), !m && a();
+  }, c = (o) => {
+    m || l(o);
+  };
+  return g(
+    /* @__PURE__ */ K(
+      "div",
+      {
+        ref: y,
+        className: L(`${e}-header-title`, {
+          [`${e}-header-title-active`]: t,
+          [`${e}-header-title-editable`]: v,
+          [`${e}-header-title-disabled`]: m
+        }),
+        role: "tab",
+        "aria-selected": t,
+        tabIndex: m ? -1 : 0,
+        "aria-disabled": m || void 0,
+        id: d(s).tab,
+        "aria-controls": d(s).tabpane,
+        onClick: c,
+        onKeyDown: (o) => {
+          o.key === Tt.key && c(o);
+        },
+        children: [
+          /* @__PURE__ */ f("span", { className: `${e}-header-title-text`, children: n }),
+          v && /* @__PURE__ */ f(
+            "span",
+            {
+              role: "button",
+              "aria-label": "remove tab",
+              "aria-disabled": m || void 0,
+              tabIndex: m ? -1 : 0,
+              className: `${e}-close-icon`,
+              ...Xe({ onPressEnter: h }),
+              onClick: h,
+              children: T || /* @__PURE__ */ f(de, { prefix: e, children: u || /* @__PURE__ */ f(yt, {}) })
+            }
+          )
+        ]
+      },
+      i
+    ),
+    {
+      key: i,
+      isActive: t,
+      disabled: m,
+      editable: v
+    }
+  );
+}, Pt = q.forwardRef(Rt), we = "vertical", ce = "right", le = "left", Le = {
+  delete: !0,
+  add: !0
+}, It = ({
+  direction: e,
+  align: a = le,
+  headerOffset: i
+}) => {
+  let t = `translateX(${-i}px)`;
+  return a === ce && (t = `translateX(${i}px)`), e === we && (t = `translateY(${-i}px)`), mt(t);
+}, Nt = ({
+  direction: e,
+  align: a = le,
+  headerDom: i,
+  headerWrapperDom: t
+}) => {
+  const l = xe(i, t);
+  return e === we ? -l.top : a === ce ? l.right : -l.left;
+}, $e = q.forwardRef((e, a) => {
+  const i = te(ke), { rtl: t } = te(Te), l = { ...e, ...i }, [m, n, v] = ee(), [b, u, T] = ee(), [d, s, y] = ee(), [g, h, c] = ee(), [o, $, z] = ee(), R = U({}), [S, A] = ve(0), [V, _] = ve(!0), {
+    paneChildren: X,
+    editable: P,
+    prefixCls: p,
+    onAddTab: x,
+    direction: w,
+    type: I = "line",
+    overflow: N = "scroll",
+    activeTab: J,
+    showAddButton: Ve,
+    size: _e = "default",
+    style: Fe,
+    tabPosition: Ge,
+    className: Ke,
+    extra: Ce,
+    animation: qe,
+    icons: Q,
+    deleteButton: Je,
+    addButton: Qe,
+    renderTabTitle: Ze,
+    scrollAfterEdit: Oe,
+    scrollPosition: W = "auto",
+    inkBarSize: et
+  } = l, Se = ye(Oe) ? { ...Le, ...Oe } : Le, [tt, nt] = t ? [ce, le] : [le, ce], F = I === "capsule" ? nt : tt, Y = ne(() => {
+    const r = s.height - h.height - $.height, C = s.width - h.width - $.width;
+    return l.direction === "vertical" ? r < u.height : C < u.width;
+  }, [
+    l.direction,
+    s,
+    h,
+    u,
+    $
+  ]), rt = () => {
+    if (d.current) {
+      const r = d.current;
+      y({
+        height: r.offsetHeight,
+        width: r.offsetWidth
+      });
+    }
+  }, re = (r) => ht((C) => {
+    rt();
+    const O = C[0] && C[0].target;
+    O && r({
+      height: O.offsetHeight,
+      width: O.offsetWidth,
+      domRect: O.getBoundingClientRect()
+    });
+  }, 200), ze = re(v), Re = re(T), Pe = re(c), Ie = re(z), fe = at(
+    (r) => {
+      const C = w === we ? u.height - n.height : u.width - n.width;
+      let O = r;
+      return O = Math.min(C, O), O = Math.max(O, 0), O;
+    },
+    [w, u, n]
+  ), ue = (r) => {
+    const C = fe(r);
+    C !== S && A(C);
+  };
+  B(() => () => {
+    Re?.cancel?.(), ze?.cancel?.(), Pe?.cancel?.(), Ie?.cancel?.();
+  }, []), B(() => {
+    if (!V) {
+      _(!0);
+      return;
+    }
+    const r = () => {
+      const O = R.current[J];
+      if (!O || !Y)
+        return 0;
+      const k = xe(O, m.current), E = Nt({
+        direction: w,
+        align: F,
+        headerDom: b.current,
+        headerWrapperDom: m.current
+      });
+      if (w === "vertical") {
+        let M = E, H = W;
+        const D = E + k.top, j = E + k.bottom;
+        return H === "auto" && (H = k.top < 0 ? "start" : k.bottom > 0 ? "end" : W), H === "start" ? M = D : H === "end" ? M = j : H === "center" ? M = D - (k.top - k.bottom) / 2 : ge(H) && (M = Math.max(D - H, j)), M;
+      }
+      if (F === "right") {
+        const M = E - k.left, H = E - k.right;
+        let D = W, j = E;
+        return W === "auto" && (D = k.left < 0 ? "start" : k.right > 0 ? "end" : W), D === "start" ? j = M : D === "end" ? j = H : D === "center" ? j = M + (k.left - k.right) / 2 : ge(D) && (j = Math.min(M + D, H)), j;
+      }
+      let Z = E, G = W;
+      const me = E + k.left, De = E + k.right;
+      return W === "auto" && (G = k.left < 0 ? "start" : k.right > 0 ? "end" : W), G === "start" ? Z = me : G === "end" ? Z = De : G === "center" ? Z = me - (k.left - k.right) / 2 : ge(G) && (Z = Math.max(me - G, De)), Z;
+    };
+    pt(m.current, w);
+    let C = r();
+    C = fe(C), A(C);
+  }, [
+    J,
+    w,
+    N,
+    Y,
+    I,
+    fe,
+    W
+  ]);
+  const ot = It({
+    direction: w,
+    align: F,
+    headerOffset: S
+  }), he = Y && N === "dropdown" && w !== "vertical", pe = Y && !he, oe = P && (I === "card" || I === "card-gutter" || I === "line"), it = (r) => {
+    l.onDeleteTab?.(r.key), _(Se.delete);
+  }, Ne = () => {
+    x?.(), _(Se.add);
+  };
+  B(() => {
+    const r = ae([o.current], Ie);
+    return () => {
+      r();
+    };
+  }, [o.current]), B(() => {
+    const r = ae([m.current], ze);
+    return () => {
+      r();
+    };
+  }, [m.current]), B(() => {
+    const r = ae([b.current], Re);
+    return () => {
+      r();
+    };
+  }, [b.current]), B(() => {
+    const r = ae([g.current], Pe);
+    return () => {
+      r();
+    };
+  }, [g.current]);
+  const He = (r) => r && Ve && /* @__PURE__ */ f(
+    "div",
+    {
+      className: `${p}-add-icon`,
+      "aria-label": "add tab",
+      tabIndex: 0,
+      role: "button",
+      ref: o,
+      onClick: Ne,
+      ...Xe({ onPressEnter: Ne }),
+      children: Qe || /* @__PURE__ */ f(de, { prefix: `${p}-add`, children: /* @__PURE__ */ f("span", { className: `${p}-add`, children: Q?.add || /* @__PURE__ */ f(ut, {}) }) })
+    }
+  );
+  return wt({
+    headerWrapperRef: m,
+    headerOffset: S,
+    align: F,
+    direction: w,
+    isScrollable: Y,
+    onScroll(r) {
+      ue(r);
+    }
+  }), /* @__PURE__ */ f(
+    "div",
+    {
+      className: L(
+        `${p}-header-nav`,
+        `${p}-header-nav-${w}`,
+        `${p}-header-nav-${Ge}`,
+        `${p}-header-size-${_e}`,
+        `${p}-header-nav-${I}`,
+        { [`${p}-header-nav-sticky`]: l.headerSticky },
+        // 潘启宝添加
+        Ke
+      ),
+      style: { ...Fe, ...l.headerSticky },
+      ref: a,
+      children: /* @__PURE__ */ K(
+        "div",
+        {
+          className: L(`${p}-header-scroll`, {
+            [`${p}-header-overflow-scroll`]: pe,
+            [`${p}-header-overflow-dropdown`]: he
+          }),
+          ref: d,
+          children: [
+            pe && /* @__PURE__ */ f(
+              Be,
+              {
+                iconPos: "prev",
+                rtl: t,
+                icon: Q?.prev,
+                prefixCls: p,
+                currentOffset: S,
+                headerSize: u,
+                headerWrapperSize: n,
+                direction: w,
+                align: F,
+                onChange: ue
+              }
+            ),
+            /* @__PURE__ */ K("div", { className: `${p}-header-wrapper`, ref: m, children: [
+              /* @__PURE__ */ K(
+                "div",
+                {
+                  className: L(`${p}-header`, {
+                    [`${p}-header-no-padding`]: !e.headerPadding && w === "horizontal" && ["line", "text"].indexOf(I) > -1
+                  }),
+                  ref: b,
+                  style: ot,
+                  children: [
+                    X.map((r, C) => /* @__PURE__ */ f(
+                      Pt,
+                      {
+                        ref: (O) => {
+                          R.current[r.key] = O;
+                        },
+                        tabKey: r.key,
+                        ...r.props,
+                        prefixCls: p,
+                        onDeleteTab: () => it(r),
+                        renderTitle: e.children || Ze,
+                        onClickTab: () => {
+                          l.onClickTab?.(r.key);
+                        },
+                        isActive: J === r.key,
+                        editable: oe && r.props.closable !== !1,
+                        deleteIcon: Q?.delete,
+                        deleteButton: Je,
+                        getIdPrefix: i.getIdPrefix,
+                        index: C
+                      },
+                      C
+                    )),
+                    I === "line" && /* @__PURE__ */ f(
+                      Ot,
+                      {
+                        disabled: !!X.find(
+                          (r) => r && r.props && r.props.disabled && r.key === J
+                        ),
+                        prefixCls: p,
+                        animation: qe,
+                        direction: w,
+                        getTitleRef: (r) => R.current[r],
+                        activeTab: J,
+                        getHeaderRef: () => b,
+                        inkBarSize: et
+                      }
+                    )
+                  ]
+                }
+              ),
+              !Y && He(oe)
+            ] }),
+            pe && /* @__PURE__ */ f(
+              Be,
+              {
+                prefixCls: p,
+                rtl: t,
+                iconPos: "next",
+                icon: Q?.next,
+                currentOffset: S,
+                headerSize: u,
+                headerWrapperSize: n,
+                direction: w,
+                align: F,
+                onChange: ue
+              }
+            ),
+            he && /* @__PURE__ */ f(
+              kt,
+              {
+                onClickTab: l.onClickTab,
+                paneChildren: X,
+                prefixCls: p,
+                currentOffset: S,
+                headerSize: u,
+                icon: Q?.dropdown,
+                headerWrapperSize: n,
+                getTitleRef: (r) => R.current[r],
+                direction: w
+              }
+            ),
+            (oe && Y || Ce) && /* @__PURE__ */ K("div", { className: `${p}-header-extra`, ref: g, children: [
+              Y && He(oe),
+              Ce
+            ] })
+          ]
+        }
+      )
+    }
+  );
+});
+$e.displayName = "TabHeader";
+const Ht = ["mini", "small", "default", "large"], Dt = (e) => {
+  const { children: a } = e, i = [];
+  return q.Children.forEach(a, (t) => {
+    t && t.type && t.type.isTabPane && i.push(t);
+  }), i;
+}, At = (e) => {
+  const { direction: a, tabPosition: i, animation: t } = e;
+  return a === "vertical" || i === "left" || i === "right" ? !1 : ye(t) ? "tabPane" in t ? t.tabPane : !1 : t;
+}, Wt = {
+  tabPosition: "top",
+  type: "line",
+  overflow: "scroll",
+  showAddButton: !0,
+  lazyload: !0,
+  headerPadding: !0,
+  scrollPosition: "auto"
+}, ke = q.createContext({});
+function Et(e, a) {
+  const {
+    getPrefixCls: i,
+    size: t,
+    componentConfig: l,
+    rtl: m
+  } = te(Te), n = lt(
+    e,
+    Wt,
+    l?.Tabs
+  ), v = Dt(n), b = U(null), [u, T] = dt(
+    v[0] && v[0].key,
+    {
+      defaultValue: "defaultActiveTab" in n ? n.defaultActiveTab : void 0,
+      value: "activeTab" in n ? n.activeTab : void 0
+    }
+  ), d = i?.("tabs"), s = n.size || (Ht.indexOf(t) > -1 ? t : "default"), {
+    animation: y,
+    className: g,
+    direction: h,
+    style: c,
+    type: o,
+    justify: $,
+    destroyOnHide: z,
+    lazyload: R,
+    headerSticky: S,
+    // 潘启宝添加
+    onChange: A,
+    onClickTab: V,
+    onDeleteTab: _,
+    renderTabHeader: X,
+    ...P
+  } = n, p = ct(`${d}`), x = h === "vertical" ? "left" : n.tabPosition, w = {
+    animation: ye(y) && "inkBar" in y ? y.inkBar : !0,
+    activeTab: u,
+    tabPosition: x,
+    direction: ["left", "right"].indexOf(x) > -1 ? "vertical" : "horizontal",
+    paneChildren: v,
+    onClickTab: (N) => {
+      se(V) && V(N), N !== u && ("activeTab" in n || T(N), se(A) && A(N));
+    },
+    onDeleteTab: _,
+    prefixCls: d
+  };
+  st(a, () => b, []);
+  const I = /* @__PURE__ */ f(
+    xt,
+    {
+      direction: ["left", "right"].indexOf(x) > -1 ? "vertical" : "horizontal",
+      animation: At(n),
+      activeTab: u,
+      paneChildren: v,
+      prefixCls: d,
+      destroyOnHide: z,
+      lazyload: R
+    }
+  );
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      ...be(P, [
+        "headerPadding",
+        "tabPosition",
+        "defaultActiveTab",
+        "showAddButton",
+        "extra",
+        "onAddTab",
+        "activeTab",
+        "overflow",
+        "editable",
+        "renderTabTitle",
+        "addButton",
+        "deleteButton",
+        "icons",
+        "children",
+        "size",
+        "type",
+        "scrollPosition",
+        "offsetAlign"
+      ]),
+      style: c,
+      className: L(
+        d,
+        `${d}-${["left", "right"].indexOf(x) > -1 ? "vertical" : "horizontal"}`,
+        `${d}-${o}`,
+        !!S && `${d}-sticky`,
+        // 潘启宝添加
+        `${d}-${x}`,
+        `${d}-size-${s}`,
+        {
+          [`${d}-justify`]: $,
+          [`${d}-rtl`]: m
+        },
+        g
+      ),
+      ref: b,
+      children: /* @__PURE__ */ K(
+        ke.Provider,
+        {
+          value: {
+            ...w,
+            getIdPrefix: (N) => ({
+              tab: p && `${p}-tab-${N}`,
+              tabpane: p && `${p}-panel-${N}`
+            })
+          },
+          children: [
+            x === "bottom" && I,
+            se(X) ? X(
+              {
+                ...be(n, ["children", "style", "className"]),
+                size: s,
+                ...w
+              },
+              $e
+            ) : /* @__PURE__ */ f(
+              $e,
+              {
+                ...be(n, ["children", "style", "className"]),
+                size: s
+              }
+            ),
+            x !== "bottom" && I
+          ]
+        }
+      )
+    }
+  );
+}
+const Mt = q.forwardRef(
+  Et
+), Ue = Mt;
+Ue.displayName = "Tabs";
+Ue.TabPane = ft;
+export {
+  Ue as T,
+  ke as a,
+  xt as b
+};