@unicom-cloud/ui 0.8.41

package/chunk/DQ_eXwj8.js

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