@para-ui/core 5.0.0-beta.13 → 5.0.0-beta.14

package/codemods/modal-onCancel-to-onDismiss.js

@@ -0,0 +1,69 @@
+/**
+ * jscodeshift codemod · modal-onCancel-to-onDismiss
+ *
+ * 为 v5.0.0-beta.14 提供:把 `<Modal onCancel={fn}>` v4 写法
+ * 自动改成 `<Modal onCancel={fn} onDismiss={fn}>`,解决 X/ESC/蒙层
+ * 在 v6.0(2026 Q3)起 silently 失效的迁移问题。
+ *
+ * 用法(业务方):
+ *   npx jscodeshift -t node_modules/@para-ui/core/codemods/modal-onCancel-to-onDismiss.js \
+ *     --parser=tsx --extensions=tsx,jsx src/
+ *
+ * 规则:
+ * - 仅处理 <Modal> JSX(不处理 <NS.Modal>;不处理命令式 Modal.Confirm)
+ * - 已有 onDismiss / onClose → skip(避免破坏 legacy 双触发或 γ 单触发)
+ * - 含 JSX spread `{...rest}` → skip(无法静态判定)
+ * - onCancel 表达式直接复用作 onDismiss 值(同回调,与 dev throw / ESLint rule 一致)
+ *
+ * 详见:
+ *   - docs/UPGRADE_v4_to_v5.md §3.D.0
+ *   - BREAKING-CHANGES §B-Modal-props-rework 子条 #5
+ */
+module.exports = function transformer(file, api) {
+    const j = api.jscodeshift;
+    const root = j(file.source);
+    let touched = 0;
+
+    root.find(j.JSXOpeningElement)
+        .filter(path => {
+            const name = path.node.name;
+            return name && name.type === 'JSXIdentifier' && name.name === 'Modal';
+        })
+        .forEach(path => {
+            const attrs = path.node.attributes || [];
+            let onCancelAttr = null;
+            let hasOnDismiss = false;
+            let hasOnClose = false;
+            let hasSpread = false;
+
+            for (const attr of attrs) {
+                if (attr.type === 'JSXSpreadAttribute') {
+                    hasSpread = true;
+                    continue;
+                }
+                if (attr.type !== 'JSXAttribute') continue;
+                if (!attr.name || attr.name.type !== 'JSXIdentifier') continue;
+                if (attr.name.name === 'onCancel') onCancelAttr = attr;
+                else if (attr.name.name === 'onDismiss') hasOnDismiss = true;
+                else if (attr.name.name === 'onClose') hasOnClose = true;
+            }
+
+            if (hasSpread || !onCancelAttr || hasOnDismiss || hasOnClose) return;
+            if (!onCancelAttr.value) return;
+
+            const dismissAttr = j.jsxAttribute(
+                j.jsxIdentifier('onDismiss'),
+                onCancelAttr.value
+            );
+            path.node.attributes.push(dismissAttr);
+            touched += 1;
+        });
+
+    if (touched > 0) {
+        // 仅在有改动时输出,避免 dirty toSource 触发空 diff
+        return root.toSource({ quote: 'single', reuseWhitespace: true });
+    }
+    return null;
+};
+
+module.exports.parser = 'tsx';

package/es/Cascader/Cascader.js

@@ -1,95 +1,95 @@
-import { j as s } from "../_virtual/jsx-runtime.js";
+import { j as o } from "../_virtual/jsx-runtime.js";
 import { BaseSelect as Fe } from "rc-select";
-import te from "clsx";
-import _e from "rc-select/lib/hooks/useId";
-import { conductCheck as Be } from "rc-tree/lib/utils/conductUtil";
-import { Right as Je } from "../node_modules/@para-ui/icons/Right/index.js";
-import se from "rc-util/lib/hooks/useEvent";
-import ze from "rc-util/lib/hooks/useMergedState";
-import { Down as Ue } from "../node_modules/@para-ui/icons/Down/index.js";
-import { CloseCircleF as qe } from "../node_modules/@para-ui/icons/CloseCircleF/index.js";
-import * as o from "react";
-import Ge from "./context.js";
-import Qe from "./hooks/useDisplayValues.js";
-import Xe from "./hooks/useEntities.js";
-import Ye from "./hooks/useMissingValues.js";
-import Ze from "./OptionList/index.js";
-import { SHOW_PARENT as ae, fillFieldNames as et, toPathKeys as oe, SHOW_CHILD as tt } from "./utils/commonUtil.js";
-import { formatStrategyValues as st, toPathOptions as ne } from "./utils/treeUtil.js";
-import { UUID as ot } from "@snack-kit/lib";
-import { $prefixCls as x } from "../GlobalContext/constant.js";
-import { Tooltip as re } from "../Tooltip/index.js";
-import nt from "./lang/index.js";
-import rt from "../GlobalContext/useFormatMessage.js";
-import at from "../HelperText/index.js";
-function lt(l) {
+import re from "clsx";
+import Be from "rc-select/lib/hooks/useId";
+import { conductCheck as Je } from "rc-tree/lib/utils/conductUtil";
+import { Right as ze } from "../node_modules/@para-ui/icons/Right/index.js";
+import ae from "rc-util/lib/hooks/useEvent";
+import Ue from "rc-util/lib/hooks/useMergedState";
+import { Down as qe } from "../node_modules/@para-ui/icons/Down/index.js";
+import { CloseCircleF as Ge } from "../node_modules/@para-ui/icons/CloseCircleF/index.js";
+import * as s from "react";
+import Qe from "./context.js";
+import Xe from "./hooks/useDisplayValues.js";
+import Ye from "./hooks/useEntities.js";
+import Ze from "./hooks/useMissingValues.js";
+import et from "./OptionList/index.js";
+import { SHOW_PARENT as pe, fillFieldNames as tt, toPathKeys as le, SHOW_CHILD as st } from "./utils/commonUtil.js";
+import { formatStrategyValues as ot, toPathOptions as ie } from "./utils/treeUtil.js";
+import { UUID as nt } from "@snack-kit/lib";
+import { $prefixCls as C } from "../GlobalContext/constant.js";
+import { Tooltip as ce } from "../Tooltip/index.js";
+import rt from "./lang/index.js";
+import at from "../GlobalContext/useFormatMessage.js";
+import lt from "../HelperText/index.js";
+function it(l) {
   return Array.isArray(l) && Array.isArray(l[0]);
 }
-function P(l) {
-  return l ? lt(l) ? l : (l.length === 0 ? [] : [l]).map((h) => Array.isArray(h) ? h : [h]) : [];
+function T(l) {
+  return l ? it(l) ? l : (l.length === 0 ? [] : [l]).map((h) => Array.isArray(h) ? h : [h]) : [];
 }
-const k = o.forwardRef((l, h) => {
-  const le = rt("Cascader", nt), {
+const A = s.forwardRef((l, h) => {
+  const de = at("Cascader", rt), {
     // MISC
-    id: ie,
-    prefixCls: ce = `${x}-cascader`,
-    fieldNames: I,
-    className: it,
+    id: ue,
+    prefixCls: me = `${C}-cascader`,
+    fieldNames: H,
+    className: ct,
     // Value
-    defaultValue: pe,
-    value: C,
-    changeOnSelect: W,
+    defaultValue: he,
+    value: x,
+    changeOnSelect: L,
     onChange: V,
-    displayRender: de,
+    displayRender: fe,
     // Trigger
-    expandTrigger: T,
+    expandTrigger: $,
     // Options
     options: f,
-    optionsTitle: A = [],
-    dropdownPrefixCls: H,
-    loadData: L,
+    optionsTitle: K = [],
+    dropdownPrefixCls: _,
+    loadData: F,
     // Open
-    popupVisible: K,
-    open: S,
-    popupClassName: ue,
-    dropdownClassName: me,
-    dropdownMenuColumnStyle: $,
-    popupPlacement: he,
-    placement: fe,
-    onDropdownVisibleChange: ge,
-    onPopupVisibleChange: xe,
+    popupVisible: w,
+    open: E,
+    popupClassName: M,
+    dropdownClassName: ge,
+    dropdownMenuColumnStyle: B,
+    popupPlacement: O,
+    placement: Ce,
+    onDropdownVisibleChange: xe,
+    onPopupVisibleChange: S,
     // Icon
-    expandIcon: F = /* @__PURE__ */ s.jsx(Je, {}),
-    loadingIcon: _,
+    expandIcon: J = /* @__PURE__ */ o.jsx(ze, {}),
+    loadingIcon: z,
     // Placeholder
-    placeholder: v = le({ id: "placeholder" }),
+    placeholder: j = de({ id: "placeholder" }),
     // Clear
-    allClear: Ce = !0,
+    allClear: Ve = !0,
     //MenuStlye
-    menuMaxHight: Ve = 158,
+    menuMaxHight: we = 158,
     //Other
     expandJoin: ye = "/",
     disabled: y = !1,
-    loading: w,
-    disabledTooltip: E,
+    loading: v,
+    disabledTooltip: D,
     // error
-    error: B = !1,
-    hideErrorDom: we,
+    error: U = !1,
+    hideErrorDom: ve,
     helperText: Ne = "",
     // Children
-    children: J,
-    dropdownMatchSelectWidth: Me = !1,
-    showCheckedStrategy: z = ae,
-    ...Se
-  } = l, ve = _e(ie), [O, Ee] = ze(pe, {
-    value: C,
-    postState: P
-  }), i = o.useMemo(
-    () => et(I),
+    children: q,
+    dropdownMatchSelectWidth: be = !1,
+    showCheckedStrategy: G = pe,
+    ...Ee
+  } = l, Me = Be(ue), [P, Oe] = Ue(he, {
+    value: x,
+    postState: T
+  }), i = s.useMemo(
+    () => tt(H),
     /* eslint-disable react-hooks/exhaustive-deps */
-    [JSON.stringify(I)]
+    [JSON.stringify(H)]
     /* eslint-enable react-hooks/exhaustive-deps */
-  ), c = o.useMemo(() => f || [], [f]), d = Xe(c, i), g = o.useCallback(
+  ), c = s.useMemo(() => f || [], [f]), d = Ye(c, i), g = s.useCallback(
     (e) => {
       const t = d();
       return e.map((n) => {
@@ -98,198 +98,206 @@ const k = o.forwardRef((l, h) => {
       });
     },
     [d, i]
-  ), [u, U] = o.useState(), [b, j] = o.useState(!1), [q, Oe] = o.useState("auto"), m = o.useRef({
-    id: ot(),
+  ), [u, Q] = s.useState(), [R, k] = s.useState(!1), [X, Se] = s.useState("auto"), m = s.useRef({
+    id: nt(),
     level: 1
-  }), be = (e) => P(e).map(
-    (a) => ne(a, c, i).map((r) => r.option)
+  }), je = (e) => T(e).map(
+    (a) => ie(a, c, i).map((r) => r.option)
   );
-  o.useEffect(() => {
-    if (!C) return;
-    const t = be(C)[0];
-    t && U(t.map((n) => n?.label).join(ye));
-  }, [C]);
-  const G = Ye(c, i), [N, Q, X] = o.useMemo(() => {
-    const [e, t] = G(O);
-    if (!O.length)
+  s.useEffect(() => {
+    if (!x) return;
+    const t = je(x)[0];
+    t && Q(t.map((n) => n?.label).join(ye));
+  }, [x]);
+  const Y = Ze(c, i), [N, Z, ee] = s.useMemo(() => {
+    const [e, t] = Y(P);
+    if (!P.length)
       return [e, [], t];
-    const n = oe(e), a = d(), { checkedKeys: r, halfCheckedKeys: p } = Be(n, !0, a);
+    const n = le(e), a = d(), { checkedKeys: r, halfCheckedKeys: p } = Je(n, !0, a);
     return [g(r), g(p), t];
-  }, [O, d, g, G]), je = o.useMemo(() => {
-    const e = oe(N), t = st(e, d, z);
-    return [...X, ...g(t)];
-  }, [N, d, g, X, z]), De = Qe(je, c, i, !1, de), Y = se((e) => {
-    Ee(e);
-    const t = P(e), n = t.map(
-      (p) => ne(p, c, i).map((M) => M.option)
+  }, [P, d, g, Y]), De = s.useMemo(() => {
+    const e = le(N), t = ot(e, d, G);
+    return [...ee, ...g(t)];
+  }, [N, d, g, ee, G]), Pe = Xe(De, c, i, !1, fe), te = ae((e) => {
+    Oe(e);
+    const t = T(e), n = t.map(
+      (p) => ie(p, c, i).map((b) => b.option)
     ), a = t[0], r = n[0];
     V && V(a, r || []);
-  }), D = se((e) => {
-    Y(e);
+  }), I = ae((e) => {
+    te(e);
   }), Re = (e, t) => {
     if (t.type === "clear") {
-      Y([]);
+      te([]);
       return;
     }
     const { valueCells: n } = t.values[0];
-    D(n);
-  }, Pe = me || ue, ke = fe || he, Ie = (e) => {
-    j(e), ge?.(e), xe?.(e);
-  }, Z = o.useMemo(
+    I(n);
+  }, ke = ge || M, Ie = Ce || O, We = (e) => {
+    k(e), xe?.(e), S?.(e);
+  }, se = s.useRef(!1);
+  s.useEffect(() => {
+    if (process.env.NODE_ENV === "production" || se.current) return;
+    const e = [];
+    w !== void 0 && e.push("popupVisible → open"), M !== void 0 && e.push("popupClassName → dropdownClassName"), O !== void 0 && e.push("popupPlacement → placement"), S !== void 0 && e.push("onPopupVisibleChange → onDropdownVisibleChange"), e.length !== 0 && (se.current = !0, console.warn(
+      `[Cascader] 检测到已 @deprecated 的 popup* 命名 prop:${e.join("、")}。v5.x 仍 fallback 兼容,v6.0 移除。请按箭头右侧迁移。`
+    ));
+  }, [w, M, O, S]);
+  const oe = s.useMemo(
     () => ({
       options: c,
-      optionsTitle: A,
+      optionsTitle: K,
       fieldNames: i,
       values: N,
-      menuMaxHight: Ve,
-      halfValues: Q,
-      changeOnSelect: W,
-      onSelect: D,
-      menuWidth: q,
-      dropdownPrefixCls: H,
-      loadData: L,
-      expandTrigger: T,
-      expandIcon: F,
-      loadingIcon: _,
-      dropdownMenuColumnStyle: $,
-      loading: w
+      menuMaxHight: we,
+      halfValues: Z,
+      changeOnSelect: L,
+      onSelect: I,
+      menuWidth: X,
+      dropdownPrefixCls: _,
+      loadData: F,
+      expandTrigger: $,
+      expandIcon: J,
+      loadingIcon: z,
+      dropdownMenuColumnStyle: B,
+      loading: v
     }),
     [
-      q,
+      X,
       c,
       m,
-      A,
+      K,
       i,
       N,
-      Q,
-      W,
-      D,
-      H,
+      Z,
       L,
-      T,
-      F,
+      I,
       _,
+      F,
       $,
-      w
+      J,
+      z,
+      B,
+      v
     ]
-  ), ee = !c.length, We = (e, t = 1) => {
+  ), ne = !c.length, Te = (e, t = 1) => {
     let n = t;
     const a = [...e.map((r) => ({ option: r, depth: 1 }))];
     for (; a.length > 0 && n < 3; ) {
       const r = a.pop();
       if (!r) break;
-      const { option: p, depth: M } = r;
-      n = Math.max(n, M), p.children && p.children.length > 0 && a.push(
-        ...p.children.map(($e) => ({
-          option: $e,
-          depth: M + 1
+      const { option: p, depth: b } = r;
+      n = Math.max(n, b), p.children && p.children.length > 0 && a.push(
+        ...p.children.map((_e) => ({
+          option: _e,
+          depth: b + 1
         }))
       );
     }
     return n;
   };
-  o.useEffect(() => {
-    j(!!(S !== void 0 ? S : K));
-  }, [S, K]), o.useEffect(() => (window.addEventListener("resize", R), () => {
-    window.removeEventListener("resize", R);
-  }), []), o.useEffect(() => {
+  s.useEffect(() => {
+    k(!!(E !== void 0 ? E : w));
+  }, [E, w]), s.useEffect(() => (window.addEventListener("resize", W), () => {
+    window.removeEventListener("resize", W);
+  }), []), s.useEffect(() => {
     const t = f?.[0]?.children;
-    m.current.level = !t || t.length < 1 || w ? 1 : We(f || []), R();
-  }, [f, w]);
-  const Te = (e) => {
-    e.stopPropagation(), U(""), V && V([], []), j(!1), Z.values = [];
-  }, R = () => {
+    m.current.level = !t || t.length < 1 || v ? 1 : Te(f || []), W();
+  }, [f, v]);
+  const Ae = (e) => {
+    e.stopPropagation(), Q(""), V && V([], []), k(!1), oe.values = [];
+  }, W = () => {
     const e = document.getElementById(`${m.current.id}`);
     if (!e) return;
     const { clientWidth: t } = e;
-    Oe((t / m.current.level).toFixed(2));
-  }, Ae = o.useMemo(() => /* @__PURE__ */ s.jsx(s.Fragment, { children: u ? y && E ? /* @__PURE__ */ s.jsx(re, { disabled: !0, children: /* @__PURE__ */ s.jsx("span", { className: "select-label-text", children: u }) }) : /* @__PURE__ */ s.jsx("span", { className: "select-label-text", children: u }) : y && E ? /* @__PURE__ */ s.jsx(
-    re,
+    Se((t / m.current.level).toFixed(2));
+  }, He = s.useMemo(() => /* @__PURE__ */ o.jsx(o.Fragment, { children: u ? y && D ? /* @__PURE__ */ o.jsx(ce, { disabled: !0, children: /* @__PURE__ */ o.jsx("span", { className: "select-label-text", children: u }) }) : /* @__PURE__ */ o.jsx("span", { className: "select-label-text", children: u }) : y && D ? /* @__PURE__ */ o.jsx(
+    ce,
     {
       disabled: !0,
-      ...E,
-      children: /* @__PURE__ */ s.jsx("span", { className: "select-label-placeholder", children: v })
+      ...D,
+      children: /* @__PURE__ */ o.jsx("span", { className: "select-label-placeholder", children: j })
     }
-  ) : /* @__PURE__ */ s.jsx("span", { className: "select-label-placeholder", children: v }) }), [u, v]), He = () => {
-    if (Ce)
-      return /* @__PURE__ */ s.jsx(
+  ) : /* @__PURE__ */ o.jsx("span", { className: "select-label-placeholder", children: j }) }), [u, j]), Le = () => {
+    if (Ve)
+      return /* @__PURE__ */ o.jsx(
         "span",
         {
           className: "clean-up-icon",
-          onClick: Te,
-          children: /* @__PURE__ */ s.jsx(qe, {})
+          onClick: Ae,
+          children: /* @__PURE__ */ o.jsx(Ge, {})
         }
       );
-  }, Le = o.useMemo(() => {
-    const e = te(`${x}-cascader-select-content`, {
-      [`${x}-cascader-select-value`]: u,
-      [`${x}-cascader-select-disabled`]: y,
-      [`${x}-cascader-error`]: B
-    }), t = te("select-svg", {
-      "select-svg-open": b
+  }, $e = s.useMemo(() => {
+    const e = re(`${C}-cascader-select-content`, {
+      [`${C}-cascader-select-value`]: u,
+      [`${C}-cascader-select-disabled`]: y,
+      [`${C}-cascader-error`]: U
+    }), t = re("select-svg", {
+      "select-svg-open": R
     });
-    return J || /* @__PURE__ */ s.jsxs(
+    return q || /* @__PURE__ */ o.jsxs(
       "div",
       {
         className: e,
         id: m.current.id,
         children: [
-          Ae,
-          /* @__PURE__ */ s.jsxs("span", { className: t, children: [
-            /* @__PURE__ */ s.jsx(Ue, {}),
-            He()
+          He,
+          /* @__PURE__ */ o.jsxs("span", { className: t, children: [
+            /* @__PURE__ */ o.jsx(qe, {}),
+            Le()
           ] })
         ]
       }
     );
-  }, [u, b, m]), Ke = (
+  }, [u, R, m]), Ke = (
     // Empty keep the width
-    ee ? {} : {
+    ne ? {} : {
       minWidth: "auto"
     }
   );
-  return /* @__PURE__ */ s.jsxs(Ge.Provider, { value: Z, children: [
-    /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ o.jsxs(Qe.Provider, { value: oe, children: [
+    /* @__PURE__ */ o.jsx(
       Fe,
       {
-        ...Se,
+        ...Ee,
         ref: h,
         disabled: y,
-        id: ve,
-        prefixCls: ce,
-        dropdownMatchSelectWidth: Me,
+        id: Me,
+        prefixCls: me,
+        dropdownMatchSelectWidth: be,
         dropdownStyle: Ke,
         showSearch: !1,
         searchValue: "",
         onSearch: () => {
           console.log("not search");
         },
-        displayValues: De,
+        displayValues: Pe,
         onDisplayValuesChange: Re,
-        OptionList: Ze,
-        emptyOptions: ee,
-        open: b,
-        dropdownClassName: Pe,
-        placement: ke,
-        onDropdownVisibleChange: Ie,
-        getRawInputElement: () => Le
+        OptionList: et,
+        emptyOptions: ne,
+        open: R,
+        dropdownClassName: ke,
+        placement: Ie,
+        onDropdownVisibleChange: We,
+        getRawInputElement: () => $e
       }
     ),
-    /* @__PURE__ */ s.jsx(
-      at,
+    /* @__PURE__ */ o.jsx(
+      lt,
       {
         className: "text-field-error-text",
-        error: B,
+        error: U,
         helperText: Ne,
-        hideErrorDom: we
+        hideErrorDom: ve
       }
     )
   ] });
 });
-process.env.NODE_ENV !== "production" && (k.displayName = "Cascader");
-k.SHOW_PARENT = ae;
-k.SHOW_CHILD = tt;
+process.env.NODE_ENV !== "production" && (A.displayName = "Cascader");
+A.SHOW_PARENT = pe;
+A.SHOW_CHILD = st;
 export {
-  k as default
+  A as default
 };
 //# sourceMappingURL=Cascader.js.map

package/es/Collapse/index.js

@@ -1,52 +1,59 @@
-import { j as t } from "../_virtual/jsx-runtime.js";
-import C from "rc-collapse";
-import { CollapsePanelProps as b } from "./collapsePanel.js";
-import { toArray as $, omit as g, cloneElement as v } from "./util.js";
-import { Right as P } from "../node_modules/@para-ui/icons/Right/index.js";
-import j from "./motion.js";
-import { $rcPrefixCls as I, $prefixCls as c } from "../GlobalContext/constant.js";
+import { j as n } from "../_virtual/jsx-runtime.js";
+import i from "react";
+import N from "rc-collapse";
+import { CollapsePanelProps as P } from "./collapsePanel.js";
+import { toArray as d, omit as $, cloneElement as g } from "./util.js";
+import { Right as E } from "../node_modules/@para-ui/icons/Right/index.js";
+import R from "./motion.js";
+import { $rcPrefixCls as j, $prefixCls as p } from "../GlobalContext/constant.js";
 import './index.css';/* empty css           */
-const N = (s) => {
-  const { className: r = "", expandIconPosition: a = "left" } = s, i = () => {
-    const { children: o } = s;
-    return $(o).map((l, n) => {
-      const e = l;
-      if (e.props?.disabled) {
-        const f = e.key || String(n), { disabled: x, collapsible: h } = e.props, u = {
-          ...g(e.props, ["disabled"]),
-          key: f,
-          collapsible: h ?? (x ? "disabled" : void 0)
+const I = (l) => {
+  const { className: r = "", expandIconPosition: t = "left" } = l, c = i.useRef(!1);
+  i.useEffect(() => {
+    process.env.NODE_ENV === "production" || c.current || !d(l.children).some((s) => s?.props?.disabled !== void 0) || (c.current = !0, console.warn(
+      '[Collapse] CollapsePanel.disabled 已 @deprecated。v5.x 仍 fallback 兼容(自动映射 collapsible="disabled"),v6.0 移除。请直接传 collapsible="disabled"。'
+    ));
+  }, [l.children]);
+  const m = () => {
+    const { children: e } = l;
+    return d(e).map((s, a) => {
+      const o = s;
+      if (o.props?.disabled) {
+        const x = o.key || String(a), { disabled: h, collapsible: C } = o.props, v = {
+          ...$(o.props, ["disabled"]),
+          key: x,
+          collapsible: C ?? (h ? "disabled" : void 0)
         };
-        return v(e, u);
+        return g(o, v);
       }
-      return e;
+      return o;
     });
-  }, p = (o = {}) => {
-    const { expandIcon: l } = s, n = l ? l(o) : /* @__PURE__ */ t.jsx(P, { className: "collapse-expand-svg" });
-    return /* @__PURE__ */ t.jsx("div", { className: "collapse-svg-box", children: n });
-  }, d = () => {
-    let o = `${c}-collapse`;
-    return r && (o += ` ${r}`), a && (o += ` ${c}-collapse-svg-${a}`), o;
-  }, m = {
-    ...j,
+  }, f = (e = {}) => {
+    const { expandIcon: s } = l, a = s ? s(e) : /* @__PURE__ */ n.jsx(E, { className: "collapse-expand-svg" });
+    return /* @__PURE__ */ n.jsx("div", { className: "collapse-svg-box", children: a });
+  }, u = () => {
+    let e = `${p}-collapse`;
+    return r && (e += ` ${r}`), t && (e += ` ${p}-collapse-svg-${t}`), e;
+  }, b = {
+    ...R,
     motionAppear: !1,
     leavedClassName: "collapse-content-hidden"
   };
-  return /* @__PURE__ */ t.jsx(
-    C,
+  return /* @__PURE__ */ n.jsx(
+    N,
     {
-      openMotion: m,
-      ...s,
-      expandIcon: p,
-      prefixCls: `${I}-collapse`,
-      className: d(),
-      children: i()
+      openMotion: b,
+      ...l,
+      expandIcon: f,
+      prefixCls: `${j}-collapse`,
+      className: u(),
+      children: m()
     }
   );
 };
-N.Panel = b;
+I.Panel = P;
 export {
-  N as Collapse,
-  N as default
+  I as Collapse,
+  I as default
 };
 //# sourceMappingURL=index.js.map