@unicom-cloud/ui 0.8.124 → 0.8.126

package/date-picker/panel/quarter/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 15:08:04 */
 import { jsx as o, jsxs as H } from "react/jsx-runtime";
 import T from "lodash/merge";
 import { useContext as Y } from "react";
@@ -8,8 +8,8 @@ import I from "../Header.js";
 import K from "../year/index.js";
 import V from "@unicom-cloud/ui-common/hooks/use-merge-props";
 import z from "@unicom-cloud/ui-common/utils/className";
-import F from "@unicom-cloud/ui-common/utils/dayjs";
-import "dayjs";
+import "@unicom-cloud/ui-common/utils/dayjs";
+import F from "dayjs";
 import "lodash/castArray";
 import "@unicom-cloud/ui-common/utils/is";
 import { padStart as G } from "@unicom-cloud/ui-common/utils/pad";
@@ -45,36 +45,36 @@ function de(c) {
     icons: M,
     panelMode: n,
     setPanelMode: i,
-    ..._
-  } = C, l = T(f.DatePicker, D), m = l.Calendar, p = t?.("panel-quarter"), $ = z(p), b = k ? { rangeValues: v } : { value: h }, O = a.year(), R = [
+    ...$
+  } = C, m = T(f.DatePicker, D), l = m.Calendar, p = t?.("panel-quarter"), b = z(p), O = k ? { rangeValues: v } : { value: h }, R = a.year(), j = [
     [1, 2, 3, 4].map((e, r, W) => ({
-      name: m.quarter?.[`q${e}`] || `Q${e}`,
+      name: l.quarter?.[`q${e}`] || `Q${e}`,
       // 潘启宝修改 2024年12月23日 星期一 15时21分14秒 CST
-      time: F(`${O}-${G((e - 1) * 3 + 1, 2, "0")}-01`)
+      time: F(`${R}-${G((e - 1) * 3 + 1, 2, "0")}-01`)
     }))
   ];
-  function j() {
+  function q() {
     return /* @__PURE__ */ o(
       B,
       {
-        ..._,
-        ...b,
+        ...$,
+        ...O,
         prefixCls: t?.("picker"),
-        rows: R,
+        rows: j,
         onSelectDate: L,
         isSameTime: (e, r) => e.isSame(r, "month"),
         onMouseEnterCell: g,
         onMouseLeaveCell: x,
         dateRender: S,
         disabledDate: s,
-        CALENDAR_LOCALE: m,
+        CALENDAR_LOCALE: l,
         mode: "quarter",
         format: N
       }
     );
   }
-  const q = { onSuperPrev: y, onSuperNext: E };
-  function Q(e) {
+  const Q = { onSuperPrev: y, onSuperNext: E };
+  function _(e) {
     i(e);
   }
   return n === "year" ? /* @__PURE__ */ o(
@@ -87,21 +87,21 @@ function de(c) {
       },
       disabledDate: s
     }
-  ) : /* @__PURE__ */ H("div", { className: $, style: P, children: [
+  ) : /* @__PURE__ */ H("div", { className: b, style: P, children: [
     /* @__PURE__ */ o(
       I,
       {
-        ...q,
+        ...Q,
         icons: M,
         prefixCls: t?.("picker"),
         value: a,
         mode: n,
-        onChangePanel: Q,
-        DATEPICKER_LOCALE: l,
+        onChangePanel: _,
+        DATEPICKER_LOCALE: m,
         rtl: d
       }
     ),
-    /* @__PURE__ */ o("div", { className: `${p}-wrapper`, children: j() })
+    /* @__PURE__ */ o("div", { className: `${p}-wrapper`, children: q() })
   ] });
 }
 export {

package/date-picker/panel/range/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 15:08:04 */
 import { jsx as a, jsxs as c, Fragment as p } from "react/jsx-runtime";
 import { useContext as Q } from "react";
 import "../../../config-provider/ConfigProvider.js";

package/date-picker/panel/week/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 15:08:04 */
 import { jsx as S } from "react/jsx-runtime";
 import { useContext as o } from "react";
 import "../../../config-provider/ConfigProvider.js";

package/date-picker/panel/year/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 15:08:04 */
 import { jsxs as z, jsx as m } from "react/jsx-runtime";
 import B from "lodash/merge";
 import { useContext as i } from "react";
@@ -11,7 +11,7 @@ import F from "@unicom-cloud/ui-common/utils/className";
 import { newArray as l } from "../../../utils/constant.js";
 import { getNow as G } from "../../../utils/dayjs.js";
 import J from "../../../config-provider/context.js";
-import Q from "@unicom-cloud/ui-common/utils/dayjs";
+import Q from "dayjs";
 function fe(c) {
   const {
     locale: p,
@@ -35,12 +35,12 @@ function fe(c) {
     isRangePicker: A,
     onSelect: D,
     rangeValues: Y,
-    onSuperPrev: _,
-    onSuperNext: k,
-    format: N,
-    icons: S,
-    ...w
-  } = d, O = B(p.DatePicker, L).Calendar, { utcOffset: R, timezone: h } = i(H), v = t?.("panel-year"), b = F(v), M = A ? { rangeValues: Y } : { value: E }, T = s ? s.year() : G(R, h).year(), n = Math.floor(T / 10) * 10 - 1, $ = l(3).map((r) => ""), a = l(4).map((r) => $).map((r, e) => r.map((X, o) => ({
+    onSuperPrev: k,
+    onSuperNext: N,
+    format: S,
+    icons: w,
+    ...O
+  } = d, R = B(p.DatePicker, L).Calendar, { utcOffset: _, timezone: h } = i(H), v = t?.("panel-year"), b = F(v), M = A ? { rangeValues: Y } : { value: E }, T = s ? s.year() : G(_, h).year(), n = Math.floor(T / 10) * 10 - 1, $ = l(3).map((r) => ""), a = l(4).map((r) => $).map((r, e) => r.map((X, o) => ({
     name: n + e * 3 + o,
     time: Q(`${n + e * 3 + o}`, "YYYY").endOf("year"),
     isPrev: e === 0 && o === 0,
@@ -50,7 +50,7 @@ function fe(c) {
     return /* @__PURE__ */ m(
       V,
       {
-        ...w,
+        ...O,
         ...M,
         prefixCls: t?.("picker"),
         rows: a,
@@ -60,19 +60,19 @@ function fe(c) {
         onMouseLeaveCell: P,
         dateRender: g,
         disabledDate: y,
-        CALENDAR_LOCALE: O,
+        CALENDAR_LOCALE: R,
         mode: "year",
-        format: N
+        format: S
       }
     );
   }
-  const K = { onSuperPrev: _, onSuperNext: k };
+  const K = { onSuperPrev: k, onSuperNext: N };
   return /* @__PURE__ */ z("div", { className: b, style: u, children: [
     /* @__PURE__ */ m(
       j,
       {
         prefixCls: t?.("picker"),
-        icons: S,
+        icons: w,
         title: `${a[0][1].name} - ${a[3][2].name}`,
         rtl: f,
         ...K

package/date-picker/utils.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 15:08:04 */
 import y, { isDayjs as a } from "dayjs";
 import { methods as i } from "../utils/dayjs.js";
 import { isArray as h, isFunction as k } from "@unicom-cloud/ui-common/utils/is";

package/descriptions/index.js

@@ -1,10 +1,11 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 15:08:04 */
 import { jsxs as p, jsx as s } from "react/jsx-runtime";
-import { useContext as q, useState as B, useRef as G, useEffect as J, Fragment as P } from "react";
+import { forwardRef as J, useContext as K, useState as Q, useRef as P, useEffect as U, useImperativeHandle as X, Fragment as k } from "react";
 import "../config-provider/ConfigProvider.js";
-import K from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import Y from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import "@unicom-cloud/ui-common/utils/callbackOriginRef";
 import "@unicom-cloud/ui-common/utils/caseName";
-import Q from "@unicom-cloud/ui-common/utils/className";
+import Z from "@unicom-cloud/ui-common/utils/className";
 import "@unicom-cloud/ui-common/utils/pick";
 import "@unicom-cloud/ui-common/utils/constant";
 import "../utils/contextHolder.js";
@@ -13,11 +14,12 @@ import "@unicom-cloud/utils/date";
 import "@unicom-cloud/ui-common/utils/dayjs";
 import "dayjs";
 import "lodash/castArray";
-import { isPlainObject as U, isNumber as X, isArray as I } from "@unicom-cloud/ui-common/utils/is";
+import { isPlainObject as _, isNumber as ee, isArray as E } from "@unicom-cloud/ui-common/utils/is";
 import "@unicom-cloud/ui-common/utils/dom";
 import "@unicom-cloud/ui-common/utils/emitter";
 import "@unicom-cloud/ui-common/utils/fileToURL";
 import "@unicom-cloud/ui-common/utils/fillNBSP";
+import "@unicom-cloud/ui-common/utils/findRootElement";
 import "@unicom-cloud/ui-common/utils/findScrollParent";
 import "@unicom-cloud/ui-common/utils/getHighlightText";
 import "@unicom-cloud/ui-common/utils/getHotkeyHandler";
@@ -32,19 +34,19 @@ import "@unicom-cloud/ui-common/utils/mutationObserver";
 import "@unicom-cloud/ui-common/utils/omit";
 import "@unicom-cloud/ui-common/utils/pad";
 import "@unicom-cloud/ui-common/utils/pinyin";
-import "@unicom-cloud/ui-common/utils/reactDOM";
+import "@unicom-cloud/ui-common/utils/ref";
 import "@unicom-cloud/ui-common/utils/resizeObserver";
-import { responsiveObserve as C, responsiveArray as k } from "../utils/responsiveObserve.js";
+import { responsiveObserve as z, responsiveArray as I } from "../utils/responsiveObserve.js";
 import "@unicom-cloud/ui-common/utils/saveAs";
 import "@unicom-cloud/ui-common/utils/screenfull";
 import "@unicom-cloud/ui-common/utils/scrollIntoViewIfNeeded";
+import "@unicom-cloud/ui-common/utils/setCreateRoot";
 import "@unicom-cloud/ui-common/utils/setDarkTheme";
 import "@unicom-cloud/utils/constant/ui";
 import "@unicom-cloud/ui-common/utils/setPrimaryColor";
 import "@unicom-cloud/ui-common/utils/setTheme";
-import { replaceEmptyWithHyphen as d } from "@unicom-cloud/ui-common/utils/string";
+import { replaceEmptyWithHyphen as v } from "@unicom-cloud/ui-common/utils/string";
 import "@unicom-cloud/ui-common/utils/style";
-import "@unicom-cloud/ui-common/utils/supportRef";
 import "@unicom-cloud/ui-common/utils/throttleByRaf";
 import "@unicom-cloud/ui-common/utils/toArray";
 import "@unicom-cloud/ui-common/utils/tree";
@@ -53,81 +55,81 @@ import "uuid";
 import "@unicom-cloud/ui-common/utils/validate";
 import "@unicom-cloud/ui-common/utils/warning";
 import "@unicom-cloud/utils/constant/keyboardCode";
-import Y from "../config-provider/context.js";
-const z = (u) => I(u) ? u.reduce((v, f) => v + (f.span || 1), 0) : 0, Z = {
+import te from "../config-provider/context.js";
+const w = (u) => E(u) ? u.reduce((f, N) => f + (N.span || 1), 0) : 0, re = {
   layout: "horizontal",
   column: 3,
   tableLayout: "auto"
 };
-function _(u) {
+function ne(u, f) {
   const {
-    prefixCls: v,
-    getPrefixCls: f,
-    componentConfig: w,
-    rtl: D,
+    prefixCls: N,
+    getPrefixCls: D,
+    componentConfig: L,
+    rtl: O,
     size: g
-  } = q(Y), L = K(
+  } = K(te), R = Y(
     u,
-    Z,
-    w?.Descriptions
+    re,
+    L?.Descriptions
   ), {
-    style: O,
-    className: j,
+    style: j,
+    className: H,
     column: m,
     title: S,
     data: h,
-    border: E,
+    border: A,
     labelStyle: b,
     valueStyle: y,
     colon: $,
     layout: c,
     size: x,
-    tableLayout: A
-  } = L, t = f?.("descriptions"), [H, F] = B(), N = G(void 0);
-  J(() => (N.current = C.subscribe((r) => {
-    for (let i = 0; i < k.length; i++) {
-      const e = k[i];
+    tableLayout: F
+  } = R, t = D?.("descriptions"), [M, T] = Q(), d = P(void 0);
+  U(() => (d.current = z.subscribe((r) => {
+    for (let n = 0; n < I.length; n++) {
+      const e = I[n];
       if (r[e]) {
-        F(e);
+        T(e);
         break;
       }
     }
   }), () => {
-    N.current && C.unsubscribe(N.current);
+    d.current && z.unsubscribe(d.current);
   }), []);
-  let n = 3;
-  U(m) && (n = m[H] || 3), X(m) && m > 0 && (n = m);
+  let o = 3;
+  _(m) && (o = m[M] || 3), ee(m) && m > 0 && (o = m);
   const a = [];
-  if (I(h) && h.length > 0 && n) {
+  if (E(h) && h.length > 0 && o) {
     h.forEach((e) => {
-      const l = a[a.length - 1], o = z(l);
-      o === 0 ? a.push([
+      const l = a[a.length - 1], i = w(l);
+      i === 0 ? a.push([
         {
           ...e,
-          span: e.span ? e.span > n ? n : e.span : 1
+          span: e.span ? e.span > o ? o : e.span : 1
         }
-      ]) : o === n ? a.push([
+      ]) : i === o ? a.push([
         {
           ...e,
-          span: e.span ? e.span > n ? n : e.span : 1
+          span: e.span ? e.span > o ? o : e.span : 1
         }
       ]) : l.push({
         ...e,
-        span: e.span ? e.span + o > n ? n - o : e.span : 1
+        span: e.span ? e.span + i > o ? o - i : e.span : 1
       });
     });
-    const r = a[a.length - 1], i = z(r);
-    i < n && (r[r.length - 1].span = r[r.length - 1].span + n - i);
+    const r = a[a.length - 1], n = w(r);
+    n < o && (r[r.length - 1].span = r[r.length - 1].span + o - n);
   }
-  function M(r, i) {
-    return /* @__PURE__ */ p(P, { children: [
+  function V(r, n) {
+    return /* @__PURE__ */ p(k, { children: [
       /* @__PURE__ */ s("tr", { className: `${t}-row`, children: r.map((e, l) => {
-        const o = e.span > 1 ? { colSpan: e.span } : {};
+        const i = e.span > 1 ? { colSpan: e.span } : {};
         return /* @__PURE__ */ p(
           "td",
           {
             className: `${t}-item-label`,
-            ...o,
+            ...i,
             style: b,
             children: [
               e.label,
@@ -138,24 +140,24 @@ function _(u) {
         );
       }) }),
       /* @__PURE__ */ s("tr", { className: `${t}-row`, children: r.map((e, l) => {
-        const o = e.span > 1 ? { colSpan: e.span } : {};
+        const i = e.span > 1 ? { colSpan: e.span } : {};
         return /* @__PURE__ */ s(
           "td",
           {
             className: `${t}-item-value`,
-            ...o,
+            ...i,
             style: y,
-            children: d(e.value)
+            children: v(e.value)
           },
           `${e.key || l}_value`
         );
       }) })
-    ] }, i);
+    ] }, n);
   }
-  function R(r, i) {
+  function W(r, n) {
     return /* @__PURE__ */ s("tr", { className: `${t}-row`, children: r.map((e, l) => {
-      const o = e.span > 1 ? { colSpan: e.span * 2 - 1 } : {};
-      return /* @__PURE__ */ p(P, { children: [
+      const i = e.span > 1 ? { colSpan: e.span * 2 - 1 } : {};
+      return /* @__PURE__ */ p(k, { children: [
         /* @__PURE__ */ p("td", { className: `${t}-item-label`, style: b, children: [
           e.label,
           $
@@ -164,21 +166,21 @@ function _(u) {
           "td",
           {
             className: `${t}-item-value`,
-            ...o,
+            ...i,
             style: y,
-            children: d(e.value)
+            children: v(e.value)
           }
         )
       ] }, e.key || l);
-    }) }, i);
+    }) }, n);
   }
-  function T(r, i) {
+  function q(r, n) {
     return /* @__PURE__ */ s("tr", { className: `${t}-row`, children: r.map((e, l) => {
-      const o = e.span > 1 ? { colSpan: e.span } : {};
+      const i = e.span > 1 ? { colSpan: e.span } : {};
       return /* @__PURE__ */ p(
         "td",
         {
-          ...o,
+          ...i,
           className: `${t}-item`,
           children: [
             /* @__PURE__ */ p(
@@ -197,35 +199,40 @@ function _(u) {
               {
                 className: `${t}-item-value-inline`,
                 style: y,
-                children: d(e.value)
+                children: v(e.value)
               }
             )
           ]
         },
         e.key || l
       );
-    }) }, i);
+    }) }, n);
   }
-  function V(r, i) {
-    return c === "inline-vertical" || c === "inline-horizontal" ? T(r, i) : c === "vertical" ? M(r, i) : R(r, i);
+  function B(r, n) {
+    return c === "inline-vertical" || c === "inline-horizontal" ? q(r, n) : c === "vertical" ? V(r, n) : W(r, n);
   }
-  const W = Q(
+  const G = Z(
     t,
     {
-      [`${t}-border`]: E,
+      [`${t}-border`]: A,
       [`${t}-layout-${c}`]: c,
       [`${t}-size-${x || g}`]: x || g,
-      [`${t}-table-layout-fixed`]: A === "fixed"
+      [`${t}-table-layout-fixed`]: F === "fixed"
     },
-    D ? `${t}-rtl` : `${t}-ltr`,
-    j
-  );
-  return /* @__PURE__ */ p("div", { className: W, style: O, children: [
+    O ? `${t}-rtl` : `${t}-ltr`,
+    H
+  ), C = P(null);
+  return X(f, () => ({
+    getRootElement() {
+      return C.current;
+    }
+  })), /* @__PURE__ */ p("div", { ref: C, className: G, style: j, children: [
     S && /* @__PURE__ */ s("div", { className: `${t}-title`, children: S }),
-    /* @__PURE__ */ s("div", { className: `${t}-body`, children: /* @__PURE__ */ s("table", { className: `${t}-table`, cellPadding: 0, cellSpacing: 0, children: /* @__PURE__ */ s("tbody", { children: a.map((r, i) => V(r, i)) }) }) })
+    /* @__PURE__ */ s("div", { className: `${t}-body`, children: /* @__PURE__ */ s("table", { className: `${t}-table`, cellPadding: 0, cellSpacing: 0, children: /* @__PURE__ */ s("tbody", { children: a.map((r, n) => B(r, n)) }) }) })
   ] });
 }
-_.displayName = "Descriptions";
+const oe = J(ne);
+oe.displayName = "Descriptions";
 export {
-  _ as default
+  oe as default
 };

package/details/index.js

@@ -1,100 +1,106 @@
-/* 2025-11-19 10:00:13 */
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
+/* 2025-11-27 15:08:04 */
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
 import S from "@unicom-cloud/icons/IconUiCheckCircleFill";
 import j from "@unicom-cloud/icons/IconUiCloseCircleFill";
 import T from "@unicom-cloud/icons/IconUiDown";
-import M from "@unicom-cloud/icons/IconUiExclamationCircleFill";
-import f from "@unicom-cloud/icons/IconUiInfoCircleFill";
-import { forwardRef as R, useContext as _, useState as q, useEffect as z } from "react";
+import H from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import u from "@unicom-cloud/icons/IconUiInfoCircleFill";
+import { forwardRef as M, useContext as _, useState as q, useEffect as z, useRef as A, useImperativeHandle as B } from "react";
 import "../config-provider/ConfigProvider.js";
-import { useUpdateEffect as A } from "@unicom-cloud/ui-common/hooks";
+import { useUpdateEffect as G } from "@unicom-cloud/ui-common/hooks";
+import "../utils/responsiveObserve.js";
+import "@unicom-cloud/ui-common/hooks/use-force-update";
 import "@unicom-cloud/ui-common/utils/is";
 import "@unicom-cloud/utils/constant/keyboardCode";
 import "@unicom-cloud/ui-common/hooks/use-merge-value";
 import "lodash/merge";
 import "@unicom-cloud/ui-common/utils/dom";
-import B from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import J from "@unicom-cloud/ui-common/hooks/use-merge-props";
 import d from "@unicom-cloud/ui-common/utils/className";
-import G from "../config-provider/context.js";
-const H = {
+import K from "../config-provider/context.js";
+const L = {
   type: "default"
 };
-function J(u, C) {
+function Q(C, g) {
   const {
-    prefixCls: L,
-    getPrefixCls: g,
-    componentConfig: N,
-    rtl: $
-  } = _(G), v = B(
-    u,
-    H,
-    N?.Details
+    prefixCls: W,
+    getPrefixCls: N,
+    componentConfig: $,
+    rtl: v
+  } = _(K), x = J(
+    C,
+    L,
+    $?.Details
   ), {
-    style: x,
-    className: h,
+    style: h,
+    className: y,
     type: s = "default",
     title: l,
     content: a,
-    icon: y,
+    icon: I,
     banner: D,
     open: t,
-    defaultOpen: I,
-    onOpen: U,
-    onClose: w,
+    defaultOpen: U,
+    onOpen: w,
+    onClose: E,
     ...F
-  } = v, e = g?.("details"), [P, c] = q({ open: !!I }), r = t === void 0 ? P.open : t, m = y || {
-    default: /* @__PURE__ */ o(f, {}),
-    info: /* @__PURE__ */ o(f, {}),
+  } = x, e = N?.("details"), [P, c] = q({ open: !!U }), n = t === void 0 ? P.open : t, m = I || {
+    default: /* @__PURE__ */ o(u, {}),
+    info: /* @__PURE__ */ o(u, {}),
     success: /* @__PURE__ */ o(S, {}),
-    warning: /* @__PURE__ */ o(M, {}),
+    warning: /* @__PURE__ */ o(H, {}),
     error: /* @__PURE__ */ o(j, {})
-  }[s], b = d(
+  }[s], R = d(
     e,
     `${e}-${s}`,
     {
       [`${e}-banner`]: D,
-      [`${e}-rtl`]: $
+      [`${e}-rtl`]: v
     },
-    h
+    y
   );
-  A(() => (r ? U?.() : w?.(), () => {
-  }), [r]), z(() => {
+  G(() => (n ? w?.() : E?.(), () => {
+  }), [n]), z(() => {
     if (t !== void 0)
-      return c((n) => {
-        const i = { ...n };
+      return c((r) => {
+        const i = { ...r };
         return i.open = t, i;
       }), () => {
       };
   }, [t]);
-  const k = (n) => {
+  const b = (r) => {
     if (t !== void 0) {
-      n.preventDefault();
+      r.preventDefault();
       return;
     }
-    const i = n.target;
+    const i = r.target;
     c((O) => ({
       ...O,
       open: i.open
     }));
-  }, E = (n) => {
-    t !== void 0 && n.preventDefault();
-  };
-  return /* @__PURE__ */ p(
+  }, k = (r) => {
+    t !== void 0 && r.preventDefault();
+  }, p = A(null);
+  return B(g, () => ({
+    getRootElement() {
+      return p.current;
+    }
+  })), /* @__PURE__ */ f(
     "details",
     {
-      ref: C,
-      style: x,
-      className: b,
+      ref: p,
+      style: h,
+      className: R,
       role: "details",
-      open: r,
-      onToggle: k,
+      open: n,
+      onToggle: b,
       ...F,
       children: [
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ f(
           "summary",
           {
             className: `${e}-summary-wrapper`,
-            onClick: E,
+            onClick: k,
             children: [
               m && /* @__PURE__ */ o("div", { className: `${e}-icon`, children: m }),
               l && /* @__PURE__ */ o("div", { className: `${e}-title`, children: l }),
@@ -103,7 +109,7 @@ function J(u, C) {
                 {
                   className: d(
                     `${e}-collapse-icon`,
-                    r && `${e}-collapse-icon-open`
+                    n && `${e}-collapse-icon-open`
                   )
                 }
               )
@@ -115,8 +121,8 @@ function J(u, C) {
     }
   );
 }
-const K = R(J);
-K.displayName = "Details";
+const V = M(Q);
+V.displayName = "Details";
 export {
-  K as default
+  V as default
 };