@unicom-cloud/ui 0.8.65 → 0.8.67

package/chunk/GoNx5R4F.js

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