@unicom-cloud/ui 0.8.135 → 0.8.137

package/form/FormItem.js

@@ -1,152 +1,124 @@
-/* 2026-01-08 16:35:57 */
-import { jsxs as A, jsx as a, Fragment as fe } from "react/jsx-runtime";
-import K, { forwardRef as be, useContext as v, useState as X, useRef as ee, useEffect as he, useMemo as B, createElement as G, cloneElement as J } from "react";
-import ge from "@unicom-cloud/ui-common/transition-group/CSSTransition";
-import { UI_COMMON_PREFIX as Ce } from "@unicom-cloud/utils/constant/ui";
+/* 2026-01-12 11:30:56 */
+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";
-import ye from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import xe from "../row-col/index.js";
-import C from "@unicom-cloud/ui-common/utils/className";
-import { isPlainObject as O, isUndefined as y, isFunction as $e, isArray as we } from "@unicom-cloud/ui-common/utils/is";
-import ve from "@unicom-cloud/ui-common/utils/omit";
-import F from "./Control.js";
-import Fe from "./FormLabel.js";
-import { FormContext as Q, FormListContext as Ie, FormItemContext as Y } from "./context.js";
-import { VALIDATE_STATUS as q } from "./interface.js";
-import { formatValidateMsg as Ne } from "./utils.js";
-import Ee from "../config-provider/context.js";
-import Z from "../row-col/Col.js";
-const Se = ({
-  prefixCls: h,
-  help: g,
-  errors: I,
-  warnings: N
-}) => {
-  const r = I.map((p, b) => {
-    if (p)
-      return /* @__PURE__ */ a("div", { role: "alert", children: p.message }, b);
-  }), u = [];
-  N.map((p, b) => {
-    u.push(
-      /* @__PURE__ */ a("div", { role: "alert", className: `${h}-message-help-warning`, children: p }, b)
-    );
-  });
-  const f = !y(g) || !!u.length, e = f || !!r.length, d = ee(null);
-  return e && /* @__PURE__ */ a(
-    ge,
-    {
-      in: e,
-      appear: !0,
-      classNames: `${Ce}-animation-blink`,
-      timeout: 300,
-      unmountOnExit: !0,
-      refElement: d,
-      children: /* @__PURE__ */ a(
-        "div",
-        {
-          ref: d,
-          className: C(`${h}-message`, {
-            [`${h}-message-help`]: f
-          }),
-          children: y(g) ? /* @__PURE__ */ A(fe, { children: [
-            r.length > 0 && r,
-            u.length > 0 && u
-          ] }) : g
-        }
-      )
-    }
-  );
-}, Pe = {
+import he from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import ge from "../row-col/index.js";
+import x from "@unicom-cloud/ui-common/utils/className";
+import { isPlainObject as S, isUndefined as k, isFunction as xe, isArray as ye } from "@unicom-cloud/ui-common/utils/is";
+import K from "@unicom-cloud/ui-common/utils/omit";
+import y from "./Control.js";
+import we from "./FormItemTip.js";
+import $e from "./FormLabel.js";
+import { FormContext as B, FormListContext as Fe, FormItemContext as G } from "./context.js";
+import { VALIDATE_STATUS as A } from "./interface.js";
+import { formatValidateMsg as Ie } from "./utils.js";
+import ve from "../config-provider/context.js";
+import J from "../row-col/Col.js";
+const Pe = {
   trigger: "onChange",
   triggerPropName: "value"
 };
-function ke(h, g) {
-  const { prefixCls: I, getPrefixCls: N } = v(Ee), r = v(Q), u = v(Ie), f = v(Y), e = ye(
-    h,
+function Ne(Q, X) {
+  const { prefixCls: ke, getPrefixCls: Y } = g(ve), o = g(B), Z = g(Fe), a = g(G), e = he(
+    Q,
     Pe
   ), {
-    noStyle: d,
-    readOnly: p = f.readOnly ?? r.readOnly
-  } = e, b = "disabled" in e, [E, D] = X(null), [x, L] = X(null), c = r.prefixCls || N?.("form"), t = `${c}-item`, j = e.layout || r.layout, re = e.labelAlign || r.labelAlign, S = ee(!1), P = r.row, R = e.labelCol || r.labelCol, le = !R, V = e.wrapperCol || r.wrapperCol, te = !V, oe = (n, l = {}) => {
-    if (S.current)
+    noStyle: f,
+    readOnly: D = a?.readOnly ?? o?.readOnly
+  } = e, { label: w, extra: E, className: ee, style: re, validateStatus: u, hidden: le, ...oe } = e, L = "label" in e && !!w;
+  function m() {
+    return "disabled" in e ? e.disabled : a?.disabled ?? o?.disabled;
+  }
+  const [$, q] = U(null), [b, O] = U(null), F = be(!1), C = o?.prefixCls || Y?.("form"), r = a?.prefixCls || `${C}-item`, I = e.layout || a?.layout || o?.layout, te = e.labelAlign || a?.labelAlign || o?.labelAlign, v = e.rowProps || a?.rowProps || o?.rowProps, T = e.labelCol || o?.labelCol, P = e.wrapperCol || o?.wrapperCol, se = !T, ne = !P, ae = I === "horizontal", ie = te === "left", de = (s, l = {}) => {
+    if (F.current)
       return;
-    const { errors: m, warnings: s } = l || {};
-    D((o) => {
-      const i = { ...o || {} };
-      return m ? i[n] = m : delete i[n], i;
-    }), L((o) => {
-      const i = { ...o || {} };
-      return s && s.length ? i[n] = s : delete i[n], i;
+    const { errors: n, warnings: t } = l || {};
+    q((c) => {
+      const i = { ...c || {} };
+      return n ? i[s] = n : delete i[s], i;
+    }), O((c) => {
+      const i = { ...c || {} };
+      return t && t.length ? i[s] = t : delete i[s], i;
     });
-  }, ne = O(d) && d.showErrorTip && f.updateFormItem ? f.updateFormItem : oe;
-  he(() => (S.current = !1, () => {
-    S.current = !0, D(null), L(null);
+  }, me = S(f) && f.showErrorTip && a?.updateFormItem ? a.updateFormItem : de;
+  Ce(() => (F.current = !1, () => {
+    F.current = !0, q(null), O(null);
   }), []);
-  const se = {
-    ...r,
-    validateMessages: r.validateMessages && Ne(r.validateMessages, {
+  const ce = {
+    ...o,
+    validateMessages: Ie(o?.validateMessages, {
       label: e.label
     }),
-    prefixCls: c,
-    updateFormItem: ne,
-    disabled: b ? e.disabled : r.disabled,
-    readOnly: p
-  }, { label: k, extra: _, className: ae, style: ie, validateStatus: $, hidden: me, ...ce } = e, U = !!k, W = E ? Object.values(E) : [], T = x ? Object.values(x).reduce((n, l) => n.concat(l), []) : [], w = B(() => {
-    if ($)
-      return $;
-    if (W.length)
-      return q.error;
-    if (T.length)
-      return q.warning;
-  }, [E, x, $]), z = B(() => !y(e.help) || T.length > 0, [e.help, x]);
-  function de() {
-    const { field: n, children: l } = e, m = b ? e.disabled : r.disabled;
-    if ($e(l)) {
-      const { key: s, ...o } = e ?? {};
-      return /* @__PURE__ */ G(
-        F,
+    prefixCls: r,
+    updateFormItem: me,
+    disabled: m(),
+    readOnly: D
+  }, j = $ ? Object.values($) : [], N = b ? Object.values(b).reduce((s, l) => s.concat(l), []) : [], h = W(() => {
+    if (u)
+      return u;
+    if (j.length)
+      return A.error;
+    if (N.length)
+      return A.warning;
+  }, [$, b, u]), M = W(() => !k(e.help) || N.length > 0, [e.help, b]);
+  function pe() {
+    const { field: s, children: l } = e;
+    if (xe(l)) {
+      const { key: n, ...t } = e ?? {};
+      return /* @__PURE__ */ _(
+        y,
         {
-          disabled: m,
-          ...o,
-          key: n || s,
-          _key: n || s
+          disabled: m(),
+          ...t,
+          key: s || n,
+          _key: s || n
         },
-        (...i) => l(
-          ...i
+        (...c) => l(
+          ...c
         )
       );
     }
-    if (we(l)) {
-      const s = K.Children.map(l, (o, i) => {
-        if (O(o)) {
-          const pe = o.key || i, ue = "disabled" in o.props, H = { key: pe };
-          return y(m) || ue || (H.disabled = m), J(o, H);
+    if (ye(l)) {
+      const n = z.Children.map(l, (t, c) => {
+        if (S(t)) {
+          const i = t.key || c, fe = "disabled" in t.props, V = { key: i };
+          return k(m()) || fe || (V.disabled = m()), H(t, V);
         }
-        return o;
+        return t;
       });
-      return /* @__PURE__ */ a(F, { ...e, field: void 0, children: s });
+      return /* @__PURE__ */ d(y, { ...e, field: void 0, children: n });
     }
-    if (K.Children.count(l) == 1) {
-      if (n) {
-        const s = u?.getItemKey?.(n) || n;
-        return /* @__PURE__ */ G(F, { disabled: m, ...e, key: s, _key: s }, l);
+    if (z.Children.count(l) == 1) {
+      if (s) {
+        const n = Z?.getItemKey?.(s) || s;
+        return /* @__PURE__ */ _(
+          y,
+          {
+            disabled: m(),
+            ...e,
+            key: n,
+            _key: n
+          },
+          l
+        );
       }
-      if (O(l)) {
+      if (S(l)) {
         if (l.type?.isFormControl)
           return l;
-        const o = !("disabled" in l.props) && y(m) ? null : { disabled: m };
-        return /* @__PURE__ */ a(F, { ...e, field: void 0, children: o ? J(l, o) : l });
+        const t = !("disabled" in l.props) && k(m()) ? null : { disabled: m() };
+        return /* @__PURE__ */ d(y, { ...e, field: void 0, children: t ? H(l, t) : l });
       }
     }
     return l;
   }
-  let M = de();
-  return d || (M = /* @__PURE__ */ A(
-    xe,
+  let p = pe();
+  return f || (p = /* @__PURE__ */ R(
+    ge,
     {
-      ref: g,
-      ...P,
-      ...ve(ce, [
+      ref: X,
+      ...v,
+      ...K(oe, [
         "tooltip",
         "children",
         "prefixCls",
@@ -176,94 +148,97 @@ function ke(h, g) {
         "requiredSymbol",
         "isFormList"
       ]),
-      style: { ...P?.style, ...ie },
-      className: C(
-        t,
+      style: { ...v?.style, ...re },
+      className: x(
+        r,
         {
-          [`${t}-error`]: z || !$ && w === q.error,
-          [`${t}-status-${w}`]: w,
-          [`${t}-has-help`]: z,
-          [`${t}-hidden`]: me,
-          [`${t}-has-feedback`]: w && e.hasFeedback
+          [`${r}-error`]: M || !u && h === A.error,
+          [`${r}-status-${h}`]: h,
+          [`${r}-has-help`]: M,
+          [`${r}-hidden`]: le,
+          [`${r}-has-feedback`]: h && e.hasFeedback
         },
-        `${c}-layout-${j}`,
-        k ? `${t}-has-label` : `${t}-no-label`,
-        P?.className,
-        ae
+        `${r}-${I}`,
+        `${r}-layout-${I}`,
+        w ? `${r}-has-label` : `${r}-no-label`,
+        v?.className,
+        ee
       ),
-      div: j !== "horizontal",
+      div: !ae,
       children: [
-        U && /* @__PURE__ */ a(
-          Z,
+        L && /* @__PURE__ */ d(
+          J,
           {
-            className: C(
-              `${t}-label`,
-              `${c}-label-item`,
+            className: x(
+              `${C}-label-item`,
+              `${r}-label`,
               e.labelCol?.className,
-              r.labelCol?.className,
-              {
-                [`${c}-label-item-left`]: re === "left",
-                [`${c}-label-item-flex`]: le
-              }
+              o?.labelCol?.className,
+              ie && `${r}-label-left`,
+              se && `${r}-label-flex`
             ),
-            ...R ?? { flex: 0 },
-            children: /* @__PURE__ */ a(
-              Fe,
+            ...T ?? { flex: 0 },
+            children: /* @__PURE__ */ d(
+              $e,
               {
-                className: C(`${t}-label-label`),
+                className: x(`${r}-label-label`),
                 tooltip: e.tooltip,
-                htmlFor: e.field && r?.getFormElementId?.(
+                htmlFor: e.field && o?.getFormElementId?.(
                   e.field
                 ),
-                label: k,
-                prefix: I,
-                requiredSymbol: "requiredSymbol" in e ? e.requiredSymbol : r.requiredSymbol,
+                label: w,
+                prefix: r,
+                requiredSymbol: "requiredSymbol" in e ? e.requiredSymbol : a?.requiredSymbol ?? o?.requiredSymbol,
                 required: e.required,
                 rules: e.rules,
-                showColon: "colon" in e ? e.colon : r.colon,
-                readOnly: p
+                showColon: "colon" in e ? e.colon : a?.colon || o?.colon,
+                readOnly: D
               }
             )
           }
         ),
-        /* @__PURE__ */ A(
-          Z,
+        /* @__PURE__ */ R(
+          J,
           {
-            className: C(
-              `${t}-wrapper`,
+            className: x(
+              `${r}-wrapper`,
               {
-                [`${t}-wrapper-flex`]: te
+                [`${r}-wrapper-flex`]: ne
               },
-              U ? `${t}-wrapper-has-label` : `${t}-wrapper-no-label`
+              L ? `${r}-wrapper-has-label` : `${r}-wrapper-no-label`
             ),
-            ...V ?? { flex: 1 },
+            ...P || { flex: 1 },
             children: [
-              M,
-              /* @__PURE__ */ a(
-                Se,
+              p,
+              /* @__PURE__ */ d(
+                we,
                 {
-                  prefixCls: c,
+                  prefixCls: C,
                   help: e.help,
-                  errors: W,
-                  warnings: T
+                  errors: j,
+                  warnings: N
                 }
               ),
-              _ && /* @__PURE__ */ a("div", { className: `${c}-extra`, children: _ })
+              E && /* @__PURE__ */ d("div", { className: `${C}-extra`, children: E })
             ]
           }
         )
       ]
     }
-  )), /* @__PURE__ */ a(
-    Q.Provider,
+  )), p = /* @__PURE__ */ d(
+    B.Provider,
     {
-      value: d ? r : { ...r, wrapperCol: void 0, labelCol: void 0 },
-      children: /* @__PURE__ */ a(Y.Provider, { value: se, children: M })
+      value: f ? o : K(o, [
+        // 多层嵌套时，不传递 labelCol 和 wrapperCol，无样式除外
+        "labelCol",
+        "wrapperCol"
+      ]),
+      children: /* @__PURE__ */ d(G.Provider, { value: ce, children: p })
     }
-  );
+  ), p;
 }
-const Te = be(ke);
-Te.displayName = "FormItem";
+const Se = ue(Ne);
+Se.displayName = "FormItem";
 export {
-  Te as default
+  Se as default
 };

package/form/FormItemTip.js

@@ -0,0 +1,52 @@
+/* 2026-01-12 11:30:56 */
+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";
+import { forwardRef as T, useRef as v, useImperativeHandle as x } from "react";
+import I from "@unicom-cloud/ui-common/utils/className";
+import { isUndefined as p } from "@unicom-cloud/ui-common/utils/is";
+function R(c, f) {
+  const { prefixCls: t, help: s, errors: u, warnings: d } = c, o = u.map((r, m) => {
+    if (r)
+      return /* @__PURE__ */ n("div", { role: "alert", children: r.message }, m);
+  }), e = [];
+  d.map((r, m) => {
+    e.push(
+      /* @__PURE__ */ n("div", { role: "alert", className: `${t}-message-help-warning`, children: r }, m)
+    );
+  });
+  const a = !p(s) || !!e.length, l = !!(a || o.length), i = v(null);
+  return x(f, () => ({
+    getRootElement() {
+      return i.current;
+    }
+  })), l && /* @__PURE__ */ n(
+    E,
+    {
+      in: l,
+      appear: !0,
+      classNames: `${N}-animation-blink`,
+      timeout: 300,
+      unmountOnExit: !0,
+      refElement: i,
+      children: /* @__PURE__ */ n(
+        "div",
+        {
+          ref: i,
+          className: I(`${t}-message`, {
+            [`${t}-message-help`]: a
+          }),
+          children: p(s) ? /* @__PURE__ */ g(h, { children: [
+            o.length > 0 && o,
+            e.length > 0 && e
+          ] }) : s
+        }
+      )
+    }
+  );
+}
+const w = T(R);
+w.displayName = "FormItemTip";
+export {
+  w as default
+};

package/form/FormLabel.js

@@ -1,5 +1,5 @@
-/* 2026-01-08 16:35:57 */
-import { jsx as t, jsxs as l, Fragment as r } from "react/jsx-runtime";
+/* 2026-01-12 11:30:56 */
+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";
 import "../config-provider/ConfigProvider.js";
@@ -10,61 +10,61 @@ import { ID_INPUT_SUFFIX as U } from "./utils.js";
 import _ from "../config-provider/context.js";
 function v(c) {
   const { prefixCls: E, getPrefixCls: O } = g(_), {
-    htmlFor: f,
+    htmlFor: a,
     showColon: s,
-    label: a,
+    label: f,
     requiredSymbol: n,
     required: C,
     rules: d,
-    prefix: e,
-    tooltip: i,
+    prefix: o,
+    tooltip: l,
     readOnly: P
-  } = c, F = T(d) && d.some((o) => o && o.required), p = (x(n) ? n.position : "end") === "end", m = !P && (C || F) && !!n && /* @__PURE__ */ t(
+  } = c, F = T(d) && d.some((e) => e && e.required), p = (x(n) ? n.position : "end") === "end", m = !P && (C || F) && !!n && /* @__PURE__ */ t(
     "strong",
     {
       className: y(
-        `${e}-form-item-symbol`,
-        p ? `${e}-form-item-symbol-end` : `${e}-form-item-symbol-start`
+        `${o}-symbol`,
+        p ? `${o}-symbol-end` : `${o}-symbol-start`
       ),
       children: "*"
     }
   ), N = () => {
-    if (!i) return null;
-    let o = {}, u = /* @__PURE__ */ t(I, {});
-    if (!x(i) || q(i))
-      o = {
-        content: i
+    if (!l) return null;
+    let e = {}, u = /* @__PURE__ */ t(I, {});
+    if (!x(l) || q(l))
+      e = {
+        content: l
       };
     else {
-      const { icon: h, ...$ } = i;
-      o = $, h && (u = h);
+      const { icon: h, ...$ } = l;
+      e = $, h && (u = h);
     }
-    return /* @__PURE__ */ t(j, { ...o, children: /* @__PURE__ */ t("span", { className: `${e}-form-item-tooltip`, children: u }) });
+    return /* @__PURE__ */ t(j, { ...e, children: /* @__PURE__ */ t("span", { className: `${o}-tooltip`, children: u }) });
   };
   let b;
-  if (a) {
-    let o = /* @__PURE__ */ l(r, { children: [
-      a,
+  if (f) {
+    let e = /* @__PURE__ */ i(r, { children: [
+      f,
       N()
     ] });
-    m && (p ? o = /* @__PURE__ */ l(r, { children: [
-      o,
+    m && (p ? e = /* @__PURE__ */ i(r, { children: [
+      e,
       m
-    ] }) : o = /* @__PURE__ */ l(r, { children: [
+    ] }) : e = /* @__PURE__ */ i(r, { children: [
       m,
-      o
-    ] })), s && (s === !0 ? o = /* @__PURE__ */ l(r, { children: [
-      o,
+      e
+    ] })), s && (s === !0 ? e = /* @__PURE__ */ i(r, { children: [
+      e,
       ":"
-    ] }) : o = /* @__PURE__ */ l(r, { children: [
-      o,
+    ] }) : e = /* @__PURE__ */ i(r, { children: [
+      e,
       s
     ] })), b = /* @__PURE__ */ t(
       "label",
       {
-        className: y(`${e}-form-item-label-label`, c.className),
-        htmlFor: f && `${f}${U}`,
-        children: o
+        className: y(`${o}-label-element`, c.className),
+        htmlFor: a && `${a}${U}`,
+        children: e
       }
     );
   }

package/form/FormList.js

@@ -1,4 +1,4 @@
-/* 2026-01-08 16:35:57 */
+/* 2026-01-12 11:30:56 */
 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-08 16:35:57 */
+/* 2026-01-12 11:30:56 */
 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,11 +1,11 @@
-/* 2026-01-08 16:35:57 */
+/* 2026-01-12 11:30:56 */
 import { createContext as t } from "react";
 import { NOOP as e } from "@unicom-cloud/ui-common/utils/constant";
 import "@unicom-cloud/ui-common/utils/pick";
 const r = {
   layout: "horizontal",
-  labelCol: { span: 5, offset: 0 },
   labelAlign: "right",
+  labelCol: { span: 5, offset: 0 },
   wrapperCol: { span: 19, offset: 0 },
   requiredSymbol: !0,
   getFormElementId() {

package/form/hook/useContext.js

@@ -1,4 +1,4 @@
-/* 2026-01-08 16:35:57 */
+/* 2026-01-12 11:30:56 */
 import { useContext as m, useRef as c, useCallback as a, useEffect as f } from "react";
 import { FormContext as b } from "../context.js";
 import d from "@unicom-cloud/ui-common/hooks/use-force-update";

package/form/hook/useForm.js

@@ -1,4 +1,4 @@
-/* 2026-01-08 16:35:57 */
+/* 2026-01-12 11:30:56 */
 import { useRef as r, useEffect as s } from "react";
 import n from "../store.js";
 function a() {

package/form/hook/useState.js

@@ -1,4 +1,4 @@
-/* 2026-01-08 16:35:57 */
+/* 2026-01-12 11:30:56 */
 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-08 16:35:57 */
+/* 2026-01-12 11:30:56 */
 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-08 16:35:57 */
+/* 2026-01-12 11:30:56 */
 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-08 16:35:57 */
+/* 2026-01-12 11:30:56 */
 const e = {
   error: "error",
   warning: "warning"

package/form/promisify.js

@@ -1,4 +1,4 @@
-/* 2026-01-08 16:35:57 */
+/* 2026-01-12 11:30:56 */
 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-08 16:35:57 */
+/* 2026-01-12 11:30:56 */
 import u from "lodash/get";
 import W from "lodash/has";
 import k from "lodash/merge";