@unicom-cloud/ui 0.8.118 → 0.8.120

package/details/index.js

@@ -1,135 +1,122 @@
-/* 2025-11-04 14:07:05 */
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import E from "@unicom-cloud/icons/IconUiCheckCircleFill";
-import P from "@unicom-cloud/icons/IconUiCloseCircleFill";
+/* 2025-11-14 09:11:22 */
+import { jsxs as p, 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 R from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import M from "@unicom-cloud/icons/IconUiExclamationCircleFill";
 import f from "@unicom-cloud/icons/IconUiInfoCircleFill";
-import { forwardRef as _, useContext as q, useState as z, useEffect as A } from "react";
+import { forwardRef as R, useContext as _, useState as q, useEffect as z } from "react";
 import "../config-provider/ConfigProvider.js";
-import "../dist/ui-common/utils/is.js";
-import "@unicom-cloud/utils/is";
-import "@unicom-cloud/utils/constant/platform";
-import "../dist/ui-common/hooks/utils/isDev.js";
-import "@unicom-cloud/utils/js-cookie";
-import "dayjs";
-import "lodash/debounce";
-import B from "../dist/ui-common/hooks/use-update-effect/index.js";
-import "@unicom-cloud/utils/screenfull";
-import "../dist/ui-common/hooks/use-request/src/plugins/useAutoRunPlugin.js";
-import "lodash/castArray";
-import "../dist/ui-common/hooks/use-request/src/utils/subscribeReVisible.js";
-import "../dist/ui-common/hooks/use-request/src/utils/subscribeFocus.js";
-import "lodash/throttle";
-import "../dist/ui-common/hooks/use-text-selection/index.js";
-import "@unicom-cloud/utils/query-string";
-import "react-router";
-import "../dist/ui-common/hooks/use-intersection-observer/index.js";
+import { useUpdateEffect as A } from "@unicom-cloud/ui-common/hooks";
+import "@unicom-cloud/ui-common/utils/is";
 import "@unicom-cloud/utils/constant/keyboardCode";
-import G from "../dist/ui-common/hooks/use-merge-props/index.js";
-import "../dist/ui-common/utils/reactDOM.js";
-import "react-is";
-import "@unicom-cloud/utils/constant";
+import "@unicom-cloud/ui-common/hooks/use-merge-value";
 import "lodash/merge";
-import "@unicom-cloud/utils/dom-helpers/reflow";
-import d from "@unicom-cloud/utils/class-name";
-import H from "../config-provider/context.js";
-const J = {
+import "@unicom-cloud/ui-common/utils/dom";
+import B 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 = {
   type: "default"
 };
-function K(u, C) {
-  const { getPrefixCls: $, componentConfig: g, rtl: v } = q(H), N = G(
+function J(u, C) {
+  const {
+    prefixCls: L,
+    getPrefixCls: g,
+    componentConfig: N,
+    rtl: $
+  } = _(G), v = B(
     u,
-    J,
-    g?.Details
+    H,
+    N?.Details
   ), {
-    style: h,
-    className: x,
+    style: x,
+    className: h,
     type: s = "default",
-    title: m,
-    content: l,
+    title: l,
+    content: a,
     icon: y,
     banner: D,
-    open: e,
+    open: t,
     defaultOpen: I,
-    onOpen: w,
-    onClose: U,
+    onOpen: U,
+    onClose: w,
     ...F
-  } = N, o = $?.("details"), [k, p] = z({ open: !!I }), i = e === void 0 ? k.open : e, c = y || {
-    default: /* @__PURE__ */ t(f, {}),
-    info: /* @__PURE__ */ t(f, {}),
-    success: /* @__PURE__ */ t(E, {}),
-    warning: /* @__PURE__ */ t(R, {}),
-    error: /* @__PURE__ */ t(P, {})
-  }[s], O = d(
-    o,
-    `${o}-${s}`,
+  } = 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, {}),
+    success: /* @__PURE__ */ o(S, {}),
+    warning: /* @__PURE__ */ o(M, {}),
+    error: /* @__PURE__ */ o(j, {})
+  }[s], b = d(
+    e,
+    `${e}-${s}`,
     {
-      [`${o}-banner`]: D,
-      [`${o}-rtl`]: v
+      [`${e}-banner`]: D,
+      [`${e}-rtl`]: $
     },
-    x
+    h
   );
-  B(() => (i ? w?.() : U?.(), () => {
-  }), [i]), A(() => {
-    if (e !== void 0)
-      return p((r) => {
-        const n = { ...r };
-        return n.open = e, n;
+  A(() => (r ? U?.() : w?.(), () => {
+  }), [r]), z(() => {
+    if (t !== void 0)
+      return c((n) => {
+        const i = { ...n };
+        return i.open = t, i;
       }), () => {
       };
-  }, [e]);
-  const S = (r) => {
-    if (e !== void 0) {
-      r.preventDefault();
+  }, [t]);
+  const k = (n) => {
+    if (t !== void 0) {
+      n.preventDefault();
       return;
     }
-    const n = r.target;
-    p((j) => ({
-      ...j,
-      open: n.open
+    const i = n.target;
+    c((O) => ({
+      ...O,
+      open: i.open
     }));
-  }, b = (r) => {
-    e !== void 0 && r.preventDefault();
+  }, E = (n) => {
+    t !== void 0 && n.preventDefault();
   };
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ p(
     "details",
     {
       ref: C,
-      style: h,
-      className: O,
+      style: x,
+      className: b,
       role: "details",
-      open: i,
-      onToggle: S,
+      open: r,
+      onToggle: k,
       ...F,
       children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ p(
           "summary",
           {
-            className: `${o}-summary-wrapper`,
-            onClick: b,
+            className: `${e}-summary-wrapper`,
+            onClick: E,
             children: [
-              c && /* @__PURE__ */ t("div", { className: `${o}-icon`, children: c }),
-              m && /* @__PURE__ */ t("div", { className: `${o}-title`, children: m }),
-              /* @__PURE__ */ t(
+              m && /* @__PURE__ */ o("div", { className: `${e}-icon`, children: m }),
+              l && /* @__PURE__ */ o("div", { className: `${e}-title`, children: l }),
+              /* @__PURE__ */ o(
                 T,
                 {
                   className: d(
-                    `${o}-collapse-icon`,
-                    i && `${o}-collapse-icon-open`
+                    `${e}-collapse-icon`,
+                    r && `${e}-collapse-icon-open`
                   )
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ t("div", { className: `${o}-content-wrapper`, children: l && /* @__PURE__ */ t("div", { className: `${o}-content`, children: l }) })
+        /* @__PURE__ */ o("div", { className: `${e}-content-wrapper`, children: a && /* @__PURE__ */ o("div", { className: `${e}-content`, children: a }) })
       ]
     }
   );
 }
-const L = _(K);
-L.displayName = "Details";
+const K = R(J);
+K.displayName = "Details";
 export {
-  L as default
+  K as default
 };

package/development/index.js

@@ -1,17 +1,19 @@
-/* 2025-11-04 14:07:05 */
-import { jsx as r } from "react/jsx-runtime";
-import "@unicom-cloud/icons/IconFluentFlatHourglassNotDone";
+/* 2025-11-14 09:11:22 */
+import { jsx as a } from "react/jsx-runtime";
+import n from "@unicom-cloud/ui-common/development";
 import t from "@unicom-cloud/utils/class-name";
-import "@unicom-cloud/utils/constant/ui";
-import { forwardRef as a, useContext as s, useEffect as l, useImperativeHandle as i } from "react";
-import f from "../dist/ui-common/development/index.js";
+import { forwardRef as s, useContext as r, useEffect as f, useImperativeHandle as i } from "react";
 import "../config-provider/ConfigProvider.js";
-import c from "../config-provider/context.js";
-function C(e, m) {
-  const { getPrefixCls: n, componentConfig: p } = s(c), o = n?.("development");
-  return l(() => () => {
-  }, []), i(m, () => ({})), /* @__PURE__ */ r(
-    f,
+import C from "../config-provider/context.js";
+function c(e, l) {
+  const {
+    prefixCls: p,
+    getPrefixCls: m,
+    componentConfig: u
+  } = r(C), o = m?.("development");
+  return f(() => () => {
+  }, []), i(l, () => ({})), /* @__PURE__ */ a(
+    n,
     {
       ...e,
       className: t(o, e.className),
@@ -20,7 +22,7 @@ function C(e, m) {
     }
   );
 }
-const $ = a(C);
+const D = s(c);
 export {
-  $ as default
+  D as default
 };

package/divider/index.js

@@ -1,57 +1,61 @@
-/* 2025-11-04 14:07:05 */
+/* 2025-11-14 09:11:22 */
 import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as f, useContext as D, useMemo as S } from "react";
+import { forwardRef as f, useContext as g, useMemo as D } from "react";
 import "../config-provider/ConfigProvider.js";
-import g from "../dist/ui-common/hooks/use-merge-props/index.js";
-import w from "@unicom-cloud/utils/class-name";
-import z from "../config-provider/context.js";
-const P = {
+import P from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import S from "@unicom-cloud/ui-common/utils/className";
+import w from "../config-provider/context.js";
+const z = {
   type: "horizontal",
   orientation: "center"
 };
-function V(n, l) {
-  const { getPrefixCls: x, componentConfig: h } = D(z), u = g(
-    n,
-    P,
-    h?.Divider
+function V(l, n) {
+  const {
+    prefixCls: W,
+    getPrefixCls: y,
+    componentConfig: u
+  } = g(w), h = P(
+    l,
+    z,
+    u?.Divider
   ), {
-    children: o,
+    children: r,
     style: m,
-    textStyle: v,
+    textStyle: C,
     className: $,
     type: p,
     orientation: a,
-    borderStyle: r,
+    borderStyle: o,
     // 潘启宝添加
     borderWidth: i,
     // 潘启宝添加
-    ...C
-  } = u, s = p === "horizontal", t = x?.("divider"), b = w(
-    t,
-    `${t}-${p}`,
+    ...v
+  } = h, s = p === "horizontal", e = y?.("divider"), N = S(
+    e,
+    `${e}-${p}`,
     {
-      [`${t}-with-text`]: o,
-      [`${t}-with-text-${a}`]: o && a
+      [`${e}-with-text`]: r,
+      [`${e}-with-text-${a}`]: r && a
     },
     $
-  ), N = S(() => {
-    const e = { ...m };
-    return r && (s ? e.borderBottomStyle = r : e.borderLeftStyle = r), i && (s ? e.borderBottomWidth = i : e.borderLeftWidth = i), e;
-  }, [r, i, s, m]);
+  ), b = D(() => {
+    const t = { ...m };
+    return o && (s ? t.borderBottomStyle = o : t.borderLeftStyle = o), i && (s ? t.borderBottomWidth = i : t.borderLeftWidth = i), t;
+  }, [o, i, s, m]);
   return /* @__PURE__ */ c(
     "div",
     {
       role: "separator",
-      ref: l,
-      style: N,
-      className: b,
-      ...C,
-      children: o && s ? /* @__PURE__ */ c(
+      ref: n,
+      style: b,
+      className: N,
+      ...v,
+      children: r && s ? /* @__PURE__ */ c(
         "span",
         {
-          style: v,
-          className: `${t}-text ${t}-text-${a}`,
-          children: o
+          style: C,
+          className: `${e}-text ${e}-text-${a}`,
+          children: r
         }
       ) : null
     }
@@ -61,10 +65,10 @@ const d = f(
   V
 );
 d.displayName = "Divider";
-const y = f((n, l) => /* @__PURE__ */ c(d, { ref: l, type: "vertical", ...n }));
-y.displayName = "DividerVertical";
-d.Vertical = y;
+const x = f((l, n) => /* @__PURE__ */ c(d, { ref: n, type: "vertical", ...l }));
+x.displayName = "DividerVertical";
+d.Vertical = x;
 export {
-  y as DividerVertical,
+  x as DividerVertical,
   d as default
 };

package/draggable/Item.js

@@ -1,7 +1,7 @@
-/* 2025-11-04 14:07:05 */
+/* 2025-11-14 09:11:22 */
 import { jsx as x } from "react/jsx-runtime";
 import { useRef as d, useState as f, useEffect as u } from "react";
-import T from "@unicom-cloud/utils/class-name";
+import T from "@unicom-cloud/ui-common/utils/className";
 function I(c) {
   const {
     prefixCls: r,

package/draggable/index.js

@@ -1,29 +1,29 @@
-/* 2025-11-04 14:07:05 */
+/* 2025-11-14 09:11:22 */
 import { jsx as l } from "react/jsx-runtime";
-import u, { useContext as I, useState as C } from "react";
+import C, { useContext as u, useState as I } from "react";
 import "../config-provider/ConfigProvider.js";
-import h from "@unicom-cloud/utils/class-name";
+import h from "@unicom-cloud/ui-common/utils/className";
 import D from "./Item.js";
-import v from "../config-provider/context.js";
-function W(m) {
-  const { getPrefixCls: s } = I(v), t = s?.("draggable"), {
+import N from "../config-provider/context.js";
+function W(s) {
+  const { prefixCls: b, getPrefixCls: m } = u(N), t = m?.("draggable"), {
     className: i,
     children: c,
-    direction: p = "vertical",
-    onIndexChange: d,
-    itemWrapperStyle: f
-  } = m, [g, r] = C(null);
-  return /* @__PURE__ */ l("div", { className: h(t, i), children: u.Children.map(c, (x, e) => /* @__PURE__ */ l(
+    direction: f = "vertical",
+    onIndexChange: p,
+    itemWrapperStyle: d
+  } = s, [g, r] = I(null);
+  return /* @__PURE__ */ l("div", { className: h(t, i), children: C.Children.map(c, (x, e) => /* @__PURE__ */ l(
     D,
     {
-      style: f,
+      style: d,
       prefixCls: t,
-      direction: p,
+      direction: f,
       onDragStart: () => r(e),
       onDragEnd: () => r(null),
-      onDrop: (S, n) => {
+      onDrop: (v, n) => {
         const o = g, a = n === "left" || n === "top" ? e : e + 1;
-        o !== a && d?.(a, o);
+        o !== a && p?.(a, o);
       },
       children: x
     }

package/drawer/Drawer.js

@@ -1,23 +1,22 @@
-/* 2025-11-04 14:07:05 */
+/* 2025-11-14 09:11:22 */
 import { jsxs as y, Fragment as me, jsx as t } from "react/jsx-runtime";
 import ue from "@unicom-cloud/icons/IconUiClose";
-import { PqbCSSTransition as B } from "../dist/ui-common/transition-group/PqbCSSTransition.js";
+import B from "@unicom-cloud/ui-common/transition-group/PqbCSSTransition";
 import fe, { useContext as he, useRef as R, useState as d, useCallback as Ce, useImperativeHandle as xe, useEffect as S } from "react";
 import T from "../button/index.js";
 import z from "../config-provider/ConfigProvider.js";
-import ye from "../dist/ui-common/hooks/use-merge-props/index.js";
-import ke from "../dist/ui-common/hooks/use-overflow-hidden/index.js";
-import be from "../icon-hover/index.js";
-import ge from "../portal/index.js";
-import k from "@unicom-cloud/utils/class-name";
-import { contains as Ne } from "../dist/ui-common/utils/dom.js";
-import { isServerRendering as $e } from "../dist/ui-common/utils/is.js";
-import { Esc as we } from "@unicom-cloud/utils/constant/keyboardCode";
-import ve from "../dist/ui-common/utils/omit.js";
-import { findDOMNode as Ie } from "../dist/ui-common/utils/reactDOM.js";
-import Pe from "../config-provider/context.js";
-import { isFunction as b, isNaN as Ee } from "@unicom-cloud/utils/is";
-const De = {
+import ye from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import ge from "@unicom-cloud/ui-common/hooks/use-overflow-hidden";
+import Ne from "../icon-hover/index.js";
+import ke from "../portal/index.js";
+import g from "@unicom-cloud/ui-common/utils/className";
+import { isServerRendering as be, contains as $e } from "@unicom-cloud/ui-common/utils/dom";
+import { isFunction as N, isNaN as we } from "@unicom-cloud/ui-common/utils/is";
+import { Esc as ve } from "@unicom-cloud/utils/constant/keyboardCode";
+import Pe from "@unicom-cloud/ui-common/utils/omit";
+import { findDOMNode as Ie } from "@unicom-cloud/ui-common/utils/reactDOM";
+import Ee from "../config-provider/context.js";
+const Oe = {
   placement: "right",
   width: 250,
   height: 250,
@@ -28,17 +27,17 @@ const De = {
   mountOnEnter: !0,
   getPopupContainer: () => document.body
 };
-function Oe(F, j) {
-  const p = he(Pe), {
-    locale: g,
+function De(F, j) {
+  const p = he(Ee), {
+    locale: k,
     prefixCls: l,
-    getPrefixCls: Z,
-    componentConfig: H,
+    getPrefixCls: H,
+    componentConfig: Z,
     rtl: M
   } = p, o = ye(
     F,
-    De,
-    H?.Drawer
+    Oe,
+    Z?.Drawer
   ), {
     style: W,
     className: q,
@@ -46,21 +45,21 @@ function Oe(F, j) {
     wrapClassName: K,
     maskStyle: L,
     headerStyle: U,
-    bodyStyle: _,
+    bodyStyle: A,
     title: m,
     footer: s,
-    okText: A,
-    cancelText: J,
-    width: Q,
-    height: V,
+    okText: J,
+    cancelText: Q,
+    width: V,
+    height: X,
     placement: c,
     mask: u,
     visible: r,
-    closable: X,
-    maskClosable: Y,
+    closable: Y,
+    maskClosable: _,
     confirmLoading: ee,
     mountOnEnter: f,
-    unmountOnExit: N,
+    unmountOnExit: b,
     afterOpen: te,
     afterClose: ne,
     getPopupContainer: h,
@@ -72,14 +71,14 @@ function Oe(F, j) {
     closeIcon: v,
     okButton: a,
     ...le
-  } = o, i = R(null), I = R(null), [Re, se] = d(!1), [C, ae] = d(), n = Z?.("drawer"), [P, x] = d(!1), [Se, E] = d(!1), D = /* @__PURE__ */ y(me, { children: [
+  } = o, i = R(null), P = R(null), [Re, se] = d(!1), [C, ae] = d(), n = H?.("drawer"), [I, x] = d(!1), [Se, E] = d(!1), O = /* @__PURE__ */ y(me, { children: [
     o.cancelButton?.visible !== !1 && /* @__PURE__ */ t(
       T,
       {
         onClick: o.onCancel,
         ...ie,
         ...o.cancelButton?.props,
-        children: o.cancelButton?.props?.children || o.cancelButton?.label || o.cancelButton?.text || J || g?.Drawer.cancelText
+        children: o.cancelButton?.props?.children || o.cancelButton?.label || o.cancelButton?.text || Q || k?.Drawer?.cancelText
       }
     ),
     a?.visible !== !1 && /* @__PURE__ */ t(
@@ -90,27 +89,27 @@ function Oe(F, j) {
         onClick: o.onOk,
         ...re,
         ...a?.props,
-        children: a?.props?.children || a?.label || a?.text || A || g?.Drawer.okText
+        children: a?.props?.children || a?.label || a?.text || J || k?.Drawer?.okText
       }
     )
-  ] }), O = Ce(() => {
+  ] }), D = Ce(() => {
     const e = h?.();
     return Ie(e) || document.body;
-  }, [h]), ce = !$e && O() === document.body;
-  ke(O, { hidden: (r || P) && u }), xe(j, () => i.current), S(() => {
-    r && b(o.getPopupContainer) && se(!0);
+  }, [h]), ce = !be && D() === document.body;
+  ge(D, { hidden: (r || I) && u }), xe(j, () => i.current), S(() => {
+    r && N(o.getPopupContainer) && se(!0);
   }, []), S(() => {
-    r && Ne(document.body, i.current) && i.current?.focus?.();
+    r && $e(document.body, i.current) && i.current?.focus?.();
   }, [r]);
   const de = () => {
     if (r && C === void 0 && i.current) {
       const e = +window.getComputedStyle(i.current, null)?.zIndex;
-      Ee(e) || ae(e + 1);
+      we(e) || ae(e + 1);
     }
   }, pe = /* @__PURE__ */ y("div", { className: `${n}-scroll`, tabIndex: -1, children: [
     m !== null && /* @__PURE__ */ t("div", { className: `${n}-header`, style: U, children: /* @__PURE__ */ t("div", { className: `${n}-header-title`, children: m }) }),
-    X && (v !== void 0 ? /* @__PURE__ */ t("span", { onClick: o.onCancel, className: `${n}-close-icon`, children: v }) : /* @__PURE__ */ t(
-      be,
+    Y && (v !== void 0 ? /* @__PURE__ */ t("span", { onClick: o.onCancel, className: `${n}-close-icon`, children: v }) : /* @__PURE__ */ t(
+      Ne,
       {
         onClick: o.onCancel,
         className: `${n}-close-icon`,
@@ -121,10 +120,10 @@ function Oe(F, j) {
       "div",
       {
         ref: (e) => {
-          I.current = e, de();
+          P.current = e, de();
         },
-        style: _,
-        className: k(`${n}-content`, {
+        style: A,
+        className: g(`${n}-content`, {
           [`${n}-content-nofooter`]: s === null,
           [`${n}-content-noheader`]: m === null
         }),
@@ -134,16 +133,16 @@ function Oe(F, j) {
             ...p,
             childrenName: "Drawer",
             zIndex: C || 1050,
-            getPopupContainer: (e) => b($) ? $(e) : I.current,
+            getPopupContainer: (e) => N($) ? $(e) : P.current,
             children: G
           }
         )
       }
     ),
-    s !== null && /* @__PURE__ */ t("div", { className: `${n}-footer`, children: b(s) ? s(D) : s || D })
+    s !== null && /* @__PURE__ */ t("div", { className: `${n}-footer`, children: N(s) ? s(O) : s || O })
   ] });
   return /* @__PURE__ */ t(
-    ge,
+    ke,
     {
       forceRender: !f,
       visible: r,
@@ -151,12 +150,12 @@ function Oe(F, j) {
       children: /* @__PURE__ */ y(
         "div",
         {
-          ...ve(le, ["onCancel", "onOk"]),
+          ...Pe(le, ["onCancel", "onOk"]),
           ref: i,
           onKeyDown: (e) => {
-            e.key === we.key && oe && r && o.onCancel?.(e);
+            e.key === ve.key && oe && r && o.onCancel?.(e);
           },
-          className: k(
+          className: g(
             `${n}-wrapper`,
             {
               [`${n}-no-mask`]: !u,
@@ -174,14 +173,14 @@ function Oe(F, j) {
                 timeout: 300,
                 classNames: `${l}-fade-in-standard`,
                 mountOnEnter: f,
-                unmountOnExit: N,
+                unmountOnExit: b,
                 children: /* @__PURE__ */ t(
                   "div",
                   {
                     className: `${n}-mask`,
                     style: L,
                     onClick: (e) => {
-                      !P && Y && o.onCancel?.(e);
+                      !I && _ && o.onCancel?.(e);
                     }
                   }
                 )
@@ -200,7 +199,7 @@ function Oe(F, j) {
                   right: `${l}-slide-right`
                 }[c],
                 mountOnEnter: f,
-                unmountOnExit: N,
+                unmountOnExit: b,
                 onEnter: (e) => {
                   e && (e.parentNode.style.display = "block", x(!1));
                 },
@@ -216,9 +215,9 @@ function Oe(F, j) {
                 children: /* @__PURE__ */ t(
                   "div",
                   {
-                    className: k(n, q, { [`${n}-rtl`]: M }),
+                    className: g(n, q, { [`${n}-rtl`]: M }),
                     style: Object.assign(
-                      c === "left" || c === "right" ? { width: Q } : { height: V },
+                      c === "left" || c === "right" ? { width: V } : { height: X },
                       { [c]: 0 },
                       W
                     ),
@@ -241,7 +240,7 @@ function Oe(F, j) {
     }
   );
 }
-const Be = fe.forwardRef(Oe);
+const Be = fe.forwardRef(De);
 Be.displayName = "Drawer";
 export {
   Be as default