@unicom-cloud/ui 0.8.140 → 0.8.142

package/drawer/Drawer.js

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

package/drawer/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-12 17:27:20 */
+/* 2026-01-19 15:54:51 */
 import a from "./Drawer.js";
 export {
   a as default

package/dropdown/Button.js

@@ -1,4 +1,4 @@
-/* 2026-01-12 17:27:20 */
+/* 2026-01-19 15:54:51 */
 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-12 17:27:20 */
+/* 2026-01-19 15:54:51 */
 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-12 17:27:20 */
+/* 2026-01-19 15:54:51 */
 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,58 +1,51 @@
-/* 2026-01-12 17:27:20 */
-import { jsx as s } from "react/jsx-runtime";
+/* 2026-01-19 15:54:51 */
+import { jsx as l } from "react/jsx-runtime";
 import d from "@unicom-cloud/ui-common/flex";
-import { forwardRef as l, useContext as g, useRef as F, useImperativeHandle as N } from "react";
+import { forwardRef as m, useContext as g, useRef as F, useImperativeHandle as N } from "react";
 import "../config-provider/ConfigProvider.js";
-import { useMergeProps as R } 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 "@unicom-cloud/ui-common/utils/dom";
-import "lodash/merge";
+import R from "@unicom-cloud/ui-common/hooks/use-merge-props";
 import P from "@unicom-cloud/ui-common/utils/className";
 import V from "../config-provider/context.js";
 function E(e, t) {
   const o = {
     children: void 0
   }, {
-    prefixCls: m,
-    getPrefixCls: p,
-    componentConfig: c,
-    rtl: a
-  } = g(V), f = R(
+    prefixCls: s,
+    getPrefixCls: i,
+    componentConfig: a,
+    rtl: f
+  } = g(V), p = R(
     e,
     o,
-    c?.Flex
-  ), { className: u, ...x } = f, C = p?.("flex"), r = F(null);
+    a?.Flex
+  ), { className: u, ...x } = p, C = i?.("flex"), r = F(null);
   return N(t, () => ({
     ...r.current,
     getRootElement() {
       return r.current.getRootElement();
     }
-  })), /* @__PURE__ */ s(
+  })), /* @__PURE__ */ l(
     d,
     {
       ref: r,
       className: P(C, u),
-      rtl: a,
+      rtl: f,
       ...x
     }
   );
 }
-const n = l(E);
+const n = m(E);
 n.displayName = "Flex";
 function b(e, t) {
-  const { direction: o = "column", ...m } = e;
-  return /* @__PURE__ */ s(n, { ...m, ref: t, direction: o });
+  const { direction: o = "column", ...s } = e;
+  return /* @__PURE__ */ l(n, { ...s, ref: t, direction: o });
 }
-const i = l(b);
-i.displayName = "FlexVertical";
-const B = Object.assign(n, {
-  Vertical: i
+const c = m(b);
+c.displayName = "FlexVertical";
+const M = Object.assign(n, {
+  Vertical: c
 });
 export {
-  i as FlexVertical,
-  B as default
+  c as FlexVertical,
+  M as default
 };

package/form/Control.js

@@ -1,8 +1,8 @@
-/* 2026-01-12 17:27:20 */
+/* 2026-01-19 15:54:51 */
 import { jsx as p, jsxs as I } from "react/jsx-runtime";
-import w from "@unicom-cloud/icons/IconUiCheckCircleFill";
-import b from "@unicom-cloud/icons/IconUiCloseCircleFill";
-import _ from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import _ from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import w from "@unicom-cloud/icons/IconUiCloseCircleFill";
+import b from "@unicom-cloud/icons/IconUiExclamationCircleFill";
 import y from "@unicom-cloud/icons/IconUiLoading";
 import F from "lodash/get";
 import M from "lodash/set";
@@ -131,7 +131,7 @@ class K extends f.Component {
         },
         ...t
       )), this.toggleTouched(!0), this.innerSetFieldValue(i, h), this.validateField(r), f.isValidElement(s) && s.props && s.props[r] && (this.props.isFormList || s.props[r](h, ...t));
-    }, this.getChild = () => {
+    }, this.getChildren = () => {
       const { children: e } = this.props, { store: t } = this.context;
       let s = e;
       return m(e) && (s = e(
@@ -204,7 +204,7 @@ class K extends f.Component {
   }
   render() {
     const { noStyle: l, field: u, isFormList: e, hasFeedback: t } = this.props, s = this.getValidateStatus(), { prefixCls: o, getFormElementId: i } = this.context;
-    let r = this.getChild();
+    let r = this.getChildren();
     const a = this.hasFieldProps() ? i?.(u) : void 0;
     return this.hasFieldProps() && !e && f.Children.count(r) === 1 && (r = this.renderControl(r, a)), l ? r : /* @__PURE__ */ p("div", { className: `${o}-control-wrapper`, children: /* @__PURE__ */ p("div", { className: `${o}-control`, id: a, children: /* @__PURE__ */ I("div", { className: `${o}-control-children`, children: [
       r,
@@ -216,9 +216,9 @@ class K extends f.Component {
             `${o}-feedback-${s}`
           ),
           children: [
-            s === "warning" && /* @__PURE__ */ p(_, {}),
-            s === "success" && /* @__PURE__ */ p(w, {}),
-            s === "error" && /* @__PURE__ */ p(b, {}),
+            s === "warning" && /* @__PURE__ */ p(b, {}),
+            s === "success" && /* @__PURE__ */ p(_, {}),
+            s === "error" && /* @__PURE__ */ p(w, {}),
             s === "validating" && /* @__PURE__ */ p(y, {})
           ]
         }