@unicom-cloud/ui 0.8.145 → 0.8.148

package/drawer/Drawer.js

@@ -1,25 +1,25 @@
-/* 2026-01-27 10:44:03 */
-import { jsxs as N, Fragment as ue, jsx as n } from "react/jsx-runtime";
-import he from "@unicom-cloud/icons/IconUiClose";
-import Ce from "@unicom-cloud/ui-common/transition-group/CSSTransition";
-import { getBodyContainer as p, contains as xe } from "@unicom-cloud/ui-common/utils/dom";
-import ge, { useContext as ke, useRef as b, useState as F, useCallback as ye, useEffect as Ne, useImperativeHandle as be } from "react";
-import j from "../button/Button.js";
-import G from "../config-provider/ConfigProvider.js";
-import Ee from "@unicom-cloud/ui-common/hooks/use-is-first-render";
-import $e from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import we from "@unicom-cloud/ui-common/hooks/use-overflow-hidden";
-import ve from "../hooks/useUnmountOnExit.js";
-import Pe from "../icon-hover/index.js";
-import Ie from "../mask/Mask.js";
-import Be from "../portal/Portal.js";
-import E from "@unicom-cloud/ui-common/utils/className";
-import De from "@unicom-cloud/ui-common/utils/findRootElement";
-import { isServerRendering as Oe, isFunction as $, isNaN as Re } from "@unicom-cloud/ui-common/utils/is";
-import { Esc as Se } from "@unicom-cloud/utils/constant/keyboardCode";
-import Te from "@unicom-cloud/ui-common/utils/omit";
-import ze from "../config-provider/context.js";
-const Fe = {
+/* 2026-02-26 14:47:16 */
+import { jsxs as w, Fragment as Ce, jsx as n } from "react/jsx-runtime";
+import xe from "@unicom-cloud/icons/IconUiClose";
+import ge from "@unicom-cloud/ui-common/transition-group/CSSTransition";
+import { getBodyContainer as u, contains as ke } from "@unicom-cloud/ui-common/utils/dom";
+import Ne, { useContext as ye, useRef as E, useState as H, useCallback as we, useEffect as Ee, useImperativeHandle as $e } from "react";
+import M from "../button/Button.js";
+import Z from "../config-provider/ConfigProvider.js";
+import be from "@unicom-cloud/ui-common/hooks/use-is-first-render";
+import ve from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import Pe from "@unicom-cloud/ui-common/hooks/use-overflow-hidden";
+import Ie from "../hooks/useUnmountOnExit.js";
+import De from "../icon-hover/index.js";
+import Oe from "../mask/Mask.js";
+import Re from "../portal/Portal.js";
+import $ from "@unicom-cloud/ui-common/utils/className";
+import Se from "@unicom-cloud/ui-common/utils/findRootElement";
+import { isServerRendering as Te, isFunction as b, isNaN as ze } from "@unicom-cloud/ui-common/utils/is";
+import { Esc as Be } from "@unicom-cloud/utils/constant/keyboardCode";
+import Fe from "@unicom-cloud/ui-common/utils/omit";
+import je from "../config-provider/context.js";
+const Ge = {
   placement: "right",
   width: 250,
   height: 250,
@@ -28,238 +28,244 @@ const Fe = {
   closable: !0,
   maskClosable: !0,
   mountOnEnter: !0,
-  getPopupContainer: p
+  transition: !0,
+  getPopupContainer: u
 };
-function je(H, M) {
-  const f = ke(ze), {
-    locale: w,
-    prefixCls: a,
-    getPrefixCls: Z,
-    componentConfig: U,
-    rtl: K
-  } = f, o = $e(
-    H,
-    Fe,
-    U?.Drawer
+function He(U, K) {
+  const h = ye(je), {
+    locale: v,
+    prefixCls: m,
+    getPrefixCls: L,
+    componentConfig: P,
+    rtl: W
+  } = h, r = ve(
+    U,
+    Ge,
+    P?.Drawer
   ), {
-    style: L,
-    className: W,
-    children: _,
-    wrapClassName: q,
-    maskStyle: A,
-    headerStyle: J,
-    bodyStyle: Q,
-    title: u,
-    header: c,
-    footer: i,
-    okText: V,
-    cancelText: X,
-    width: Y,
-    height: ee,
-    placement: m,
-    mask: h,
-    visible: r,
-    closable: te,
-    maskClosable: ne,
-    confirmLoading: oe,
-    mountOnEnter: d,
-    unmountOnExit: C,
-    afterOpen: re,
-    afterClose: le,
-    getPopupContainer: x,
-    escToExit: ie,
-    getChildrenPopupContainer: v,
-    okButtonProps: se,
-    cancelButtonProps: ae,
-    zIndex: P,
-    closeIcon: I,
-    okButton: s,
-    ...ce
-  } = o, l = b(null), B = b(null), D = b(null), [g, me] = F(), t = Z?.("drawer"), [O, k] = F(!1);
-  Ee();
-  const R = /* @__PURE__ */ N(ue, { children: [
-    o.cancelButton?.visible !== !1 && /* @__PURE__ */ n(
-      j,
+    style: _,
+    className: q,
+    children: A,
+    wrapClassName: J,
+    maskStyle: Q,
+    headerStyle: V,
+    bodyStyle: X,
+    title: C,
+    header: d,
+    footer: s,
+    okText: Y,
+    cancelText: ee,
+    width: te,
+    height: ne,
+    placement: p,
+    mask: x,
+    visible: o,
+    closable: oe,
+    maskClosable: re,
+    confirmLoading: le,
+    mountOnEnter: f,
+    unmountOnExit: g,
+    afterOpen: ie,
+    afterClose: se,
+    getPopupContainer: k,
+    escToExit: ae,
+    getChildrenPopupContainer: I,
+    okButtonProps: ce,
+    cancelButtonProps: me,
+    zIndex: D,
+    closeIcon: O,
+    okButton: a,
+    cancelButton: c,
+    transition: R,
+    ...de
+  } = r, i = E(null), S = E(null), T = E(null), [N, pe] = H(), t = L?.("drawer"), [z, y] = H(!1);
+  be();
+  const B = /* @__PURE__ */ w(Ce, { children: [
+    c !== !1 && c?.visible !== !1 && /* @__PURE__ */ n(
+      M,
       {
-        onClick: o.onCancel,
-        ...ae,
-        ...o.cancelButton?.props,
-        children: o.cancelButton?.props?.children || o.cancelButton?.label || o.cancelButton?.text || X || w?.Drawer?.cancelText
+        onClick: r.onCancel,
+        ...me,
+        ...c?.props,
+        children: c?.props?.children || c?.text || ee || v?.Drawer?.cancelText
       }
     ),
-    s?.visible !== !1 && /* @__PURE__ */ n(
-      j,
+    a !== !1 && a?.visible !== !1 && /* @__PURE__ */ n(
+      M,
       {
         type: "primary",
-        loading: oe,
-        onClick: o.onOk,
-        ...se,
-        ...s?.props,
-        children: s?.props?.children || s?.label || s?.text || V || w?.Drawer?.okText
+        loading: le,
+        onClick: r.onOk,
+        ...ce,
+        ...a?.props,
+        children: a?.props?.children || a?.text || Y || v?.Drawer?.okText
       }
     )
-  ] }), S = ye(() => {
-    const e = x?.();
-    return De(e) || p();
-  }, [x]), de = !Oe && S() === p();
-  we(S, { hidden: (r || O) && h }), Ne(() => {
-    r && xe(p(), l.current) && l.current?.focus?.();
-  }, [r]), be(M, () => ({
+  ] }), F = we(() => {
+    const e = k?.();
+    return Se(e) || u();
+  }, [k]), fe = !Te && F() === u();
+  Pe(F, { hidden: (o || z) && x }), Ee(() => {
+    o && ke(u(), i.current) && i.current?.focus?.();
+  }, [o]), $e(K, () => ({
     getRootElement() {
-      return l.current;
+      return i.current;
     }
   }));
-  const pe = () => {
-    if (r && g === void 0 && l.current) {
-      const e = +window.getComputedStyle(l.current, null)?.zIndex;
-      Re(e) || me(e + 1);
+  const ue = () => {
+    if (o && N === void 0 && i.current) {
+      const e = +window.getComputedStyle(i.current, null)?.zIndex;
+      ze(e) || pe(e + 1);
     }
   };
-  let T;
-  if (c !== null) {
-    const e = u !== null && /* @__PURE__ */ n("div", { className: `${t}-header-title`, children: u });
-    T = /* @__PURE__ */ n("div", { className: `${t}-header`, style: J, children: $(c) ? c(e) : c || e });
+  let j;
+  if (d !== null) {
+    const e = C !== null && /* @__PURE__ */ n("div", { className: `${t}-header-title`, children: C });
+    j = /* @__PURE__ */ n("div", { className: `${t}-header`, style: V, children: b(d) ? d(e) : d || e });
   }
-  let y = /* @__PURE__ */ N("div", { className: `${t}-scroll`, tabIndex: -1, children: [
-    T,
-    te && (I !== void 0 ? /* @__PURE__ */ n("span", { onClick: o.onCancel, className: `${t}-close-icon`, children: I }) : /* @__PURE__ */ n(
-      Pe,
+  let l = /* @__PURE__ */ w("div", { className: `${t}-scroll`, tabIndex: -1, children: [
+    j,
+    oe && (O !== void 0 ? /* @__PURE__ */ n("span", { onClick: r.onCancel, className: `${t}-close-icon`, children: O }) : /* @__PURE__ */ n(
+      De,
       {
         prefix: t,
-        onClick: o.onCancel,
+        onClick: r.onCancel,
         className: `${t}-close-icon`,
-        children: /* @__PURE__ */ n(he, {})
+        children: /* @__PURE__ */ n(xe, {})
       }
     )),
     /* @__PURE__ */ n(
       "div",
       {
         ref: (e) => {
-          D.current = e, pe();
+          T.current = e, ue();
         },
-        style: Q,
-        className: E(`${t}-content`, {
-          [`${t}-content-nofooter`]: i === null,
-          [`${t}-content-noheader`]: u === null
+        style: X,
+        className: $(`${t}-content`, {
+          [`${t}-content-nofooter`]: s === null,
+          [`${t}-content-noheader`]: C === null
         }),
         children: /* @__PURE__ */ n(
-          G,
+          Z,
           {
-            ...f,
+            ...h,
             childrenName: "Drawer",
-            zIndex: g || 1050,
-            getPopupContainer: (e) => $(v) ? v(e) : D.current,
-            children: _
+            zIndex: N || 1050,
+            getPopupContainer: (e) => b(I) ? I(e) : T.current,
+            children: A
           }
         )
       }
     ),
-    i !== null && /* @__PURE__ */ n("div", { className: `${t}-footer`, children: $(i) ? i(R) : i || R })
+    s !== null && /* @__PURE__ */ n("div", { className: `${t}-footer`, children: b(s) ? s(B) : s || B })
   ] });
-  y = /* @__PURE__ */ n(
-    Be,
+  l = /* @__PURE__ */ n(
+    "div",
     {
-      forceRender: !d,
-      visible: r,
-      getContainer: x,
-      children: /* @__PURE__ */ N(
+      ref: S,
+      className: $(P?.Drawer?.className, t, q, {
+        [`${t}-rtl`]: W
+      }),
+      style: Object.assign(
+        p === "left" || p === "right" ? { width: te } : { height: ne },
+        { [p]: 0 },
+        _
+      ),
+      children: /* @__PURE__ */ n("div", { className: `${t}-inner`, children: /* @__PURE__ */ n(
+        Z,
+        {
+          ...h,
+          effectGlobalModal: !1,
+          effectGlobalNotice: !1,
+          childrenName: "Drawer",
+          zIndex: N || 1050,
+          children: l
+        }
+      ) })
+    }
+  ), R && (l = /* @__PURE__ */ n(
+    ge,
+    {
+      in: o,
+      appear: !0,
+      timeout: 300,
+      classNames: {
+        top: `${m}-slide-top`,
+        bottom: `${m}-slide-bottom`,
+        left: `${m}-slide-left`,
+        right: `${m}-slide-right`
+      }[p],
+      mountOnEnter: f,
+      unmountOnExit: g,
+      onEnter: (e) => {
+        e && (e.parentNode.style.display = "block", y(!1), G(!1));
+      },
+      onEntered: () => {
+        ie?.();
+      },
+      onExit: () => {
+        y(!0);
+      },
+      onExited: (e) => {
+        e && (y(!1), G(!0), e.parentNode.style.display = "", se?.());
+      },
+      refElement: S,
+      children: l
+    }
+  )), l = /* @__PURE__ */ n(
+    Re,
+    {
+      forceRender: !f,
+      visible: o,
+      getContainer: k,
+      children: /* @__PURE__ */ w(
         "div",
         {
-          ...Te(ce, ["onCancel", "onOk"]),
-          ref: l,
+          ...Fe(de, ["onCancel", "onOk"]),
+          ref: i,
           onKeyDown: (e) => {
-            e.key === Se.key && ie && r && o.onCancel?.(e);
+            e.key === Be.key && ae && o && r.onCancel?.(e);
           },
-          className: E(
+          className: $(
             `${t}-wrapper`,
             {
-              [`${t}-no-mask`]: !h,
-              [`${t}-wrapper-hide`]: !r
+              [`${t}-no-mask`]: !x,
+              [`${t}-wrapper-hide`]: !o
             },
-            q
+            J
           ),
-          style: de ? { position: "fixed", zIndex: P } : { zIndex: P || "inherit", position: "absolute" },
+          style: fe ? { position: "fixed", zIndex: D } : { zIndex: D || "inherit", position: "absolute" },
           children: [
-            !!h && /* @__PURE__ */ n(
-              Ie,
+            !!x && /* @__PURE__ */ n(
+              Oe,
               {
-                style: A,
+                style: Q,
                 className: `${t}-mask`,
-                visible: r,
-                mountOnEnter: d,
-                unmountOnExit: C,
+                visible: o,
+                mountOnEnter: f,
+                unmountOnExit: g,
+                transition: R,
                 onClick: (e) => {
-                  !O && ne && o.onCancel?.(e);
+                  !z && re && r.onCancel?.(e);
                 }
               }
             ),
-            /* @__PURE__ */ n(
-              Ce,
-              {
-                in: r,
-                appear: !0,
-                timeout: 300,
-                classNames: {
-                  top: `${a}-slide-top`,
-                  bottom: `${a}-slide-bottom`,
-                  left: `${a}-slide-left`,
-                  right: `${a}-slide-right`
-                }[m],
-                mountOnEnter: d,
-                unmountOnExit: C,
-                onEnter: (e) => {
-                  e && (e.parentNode.style.display = "block", k(!1), z(!1));
-                },
-                onEntered: () => {
-                  re?.();
-                },
-                onExit: () => {
-                  k(!0);
-                },
-                onExited: (e) => {
-                  e && (k(!1), z(!0), e.parentNode.style.display = "", le?.());
-                },
-                refElement: B,
-                children: /* @__PURE__ */ n(
-                  "div",
-                  {
-                    ref: B,
-                    className: E(t, W, { [`${t}-rtl`]: K }),
-                    style: Object.assign(
-                      m === "left" || m === "right" ? { width: Y } : { height: ee },
-                      { [m]: 0 },
-                      L
-                    ),
-                    children: /* @__PURE__ */ n("div", { className: `${t}-inner`, children: /* @__PURE__ */ n(
-                      G,
-                      {
-                        ...f,
-                        effectGlobalModal: !1,
-                        effectGlobalNotice: !1,
-                        childrenName: "Drawer",
-                        zIndex: g || 1050,
-                        children: y
-                      }
-                    ) })
-                  }
-                )
-              }
-            )
+            l
           ]
         }
       )
     }
   );
-  const { element: fe, setExited: z } = ve({
-    element: y,
-    visible: r,
-    mountOnEnter: d,
-    unmountOnExit: C
+  const { element: he, setExited: G } = Ie({
+    element: l,
+    visible: o,
+    mountOnEnter: f,
+    unmountOnExit: g
   });
-  return fe;
+  return he;
 }
-const Ge = ge.forwardRef(je);
-Ge.displayName = "Drawer";
+const Me = Ne.forwardRef(He);
+Me.displayName = "Drawer";
 export {
-  Ge as default
+  Me as default
 };

package/drawer/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import a from "./Drawer.js";
 export {
   a as default

package/dropdown/Button.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { jsx as t, jsxs as D } from "react/jsx-runtime";
 import u from "@unicom-cloud/icons/IconUiMore";
 import { forwardRef as y, useContext as j } from "react";

package/dropdown/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { jsx as P } from "react/jsx-runtime";
 import b from "lodash/get";
 import o, { useContext as H, useRef as V, useImperativeHandle as L } from "react";

package/empty/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { jsx as i } from "react/jsx-runtime";
 import a from "@unicom-cloud/ui-common/empty";
 import { memo as c, forwardRef as u, useContext as C, useRef as g, useImperativeHandle as x } from "react";

package/flex/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { jsx as l } from "react/jsx-runtime";
 import d from "@unicom-cloud/ui-common/flex";
 import { forwardRef as m, useContext as g, useRef as F, useImperativeHandle as N } from "react";

package/form/Control.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { jsx as p, jsxs as I } from "react/jsx-runtime";
 import _ from "@unicom-cloud/icons/IconUiCheckCircleFill";
 import w from "@unicom-cloud/icons/IconUiCloseCircleFill";

package/form/Form.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { jsx as g } from "react/jsx-runtime";
 import A from "lodash/merge";
 import { forwardRef as U, useContext as $, useRef as W, useEffect as H, useImperativeHandle as L } from "react";

package/form/FormItem.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { jsxs as R, jsx as d } from "react/jsx-runtime";
 import z, { forwardRef as ue, useContext as g, useState as U, useRef as be, useEffect as Ce, useMemo as W, createElement as _, cloneElement as H } from "react";
 import "../config-provider/ConfigProvider.js";

package/form/FormItemTip.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { jsx as n, jsxs as g, Fragment as h } from "react/jsx-runtime";
 import E from "@unicom-cloud/ui-common/transition-group/CSSTransition";
 import { UI_COMMON_PREFIX as N } from "@unicom-cloud/utils/constant/ui";

package/form/FormLabel.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { jsx as t, jsxs as i, Fragment as r } from "react/jsx-runtime";
 import I from "@unicom-cloud/icons/IconUiQuestionCircleFill";
 import { useContext as g, isValidElement as q } from "react";

package/form/FormList.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { jsx as v } from "react/jsx-runtime";
 import F from "lodash/get";
 import { useRef as $ } from "react";

package/form/FormProvider.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { jsx as s } from "react/jsx-runtime";
 import { useRef as F, useCallback as t } from "react";
 import { FormProviderContext as f } from "./context.js";

package/form/context.js

@@ -1,15 +1,16 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { createContext as t } from "react";
+import { PREFIX_CLS as r } from "../config-provider/context.js";
 import { NOOP as e } from "@unicom-cloud/ui-common/utils/constant";
 import "@unicom-cloud/ui-common/utils/pick";
-const r = {
+const l = {
   layout: "horizontal",
   labelAlign: "right",
   labelCol: { span: 5, offset: 0 },
   wrapperCol: { span: 19, offset: 0 },
   requiredSymbol: !0,
   getFormElementId() {
-    return "pqb-";
+    return `${r}-`;
   },
   store: {
     clearFields: e,
@@ -40,10 +41,10 @@ const r = {
       };
     }
   }
-}, s = t(r), a = t({}), n = t({}), d = t({});
+}, n = t(l), d = t({}), F = t({}), u = t({});
 export {
-  s as FormContext,
-  a as FormItemContext,
-  d as FormListContext,
-  n as FormProviderContext
+  n as FormContext,
+  d as FormItemContext,
+  u as FormListContext,
+  F as FormProviderContext
 };

package/form/hook/useForm.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { useRef as s, useEffect as n } from "react";
 import a from "../store.js";
 function u() {

package/form/hook/useFormContext.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { useContext as m, useRef as c, useCallback as a, useEffect as f } from "react";
 import b from "@unicom-cloud/ui-common/hooks/use-force-update";
 import { isFunction as d } from "@unicom-cloud/ui-common/utils/is";

package/form/hook/useFormState.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { useContext as S, useCallback as F, useState as d, useRef as p, useEffect as g } from "react";
 import h from "@unicom-cloud/ui-common/hooks/use-latest";
 import { isFunction as x, isEqualWith as C } from "@unicom-cloud/ui-common/utils/is";

package/form/hook/useWatch.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import l from "lodash/get";
 import { useContext as d, useState as F, useRef as S, useEffect as h } from "react";
 import { FormContext as x } from "../context.js";

package/form/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import r from "./Form.js";
 import { FormContext as t, FormItemContext as m, FormProviderContext as e, FormListContext as F } from "./context.js";
 import i from "./Control.js";

package/form/interface.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 const e = {
   error: "error",
   warning: "warning"

package/form/promisify.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { isFunction as l } from "@unicom-cloud/ui-common/utils/is";
 import { ValidateError as u } from "./utils.js";
 function f(t) {

package/form/store.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import u from "lodash/get";
 import W from "lodash/has";
 import k from "lodash/merge";