@unicom-cloud/ui 0.8.66 → 0.8.68

package/chunk/vmgkWLYf.js

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