@unicom-cloud/ui 0.8.126 → 0.8.128

package/form/Form.js

@@ -1,4 +1,4 @@
-/* 2025-11-27 15:08:04 */
+/* 2025-12-17 18:27:10 */
 import { jsx as d } from "react/jsx-runtime";
 import j from "@unicom-cloud/ui-common/utils/scrollIntoViewIfNeeded";
 import k from "lodash/merge";
@@ -13,7 +13,7 @@ import { FormProviderContext as J, FormContext as K } from "./context.js";
 import L from "./hook/useForm.js";
 import { ID_INPUT_SUFFIX as Q } from "./utils.js";
 import Y from "../config-provider/context.js";
-function u(s, c) {
+function f(s, c) {
   const t = c.replace(/[[.]/g, "_").replace(/\]/g, "");
   return s ? `${s}-${t}` : `${t}`;
 }
@@ -33,7 +33,7 @@ const Z = {
     Z,
     t.componentConfig?.Form
   ), {
-    layout: f,
+    layout: u,
     labelCol: S,
     wrapperCol: P,
     wrapper: x,
@@ -58,10 +58,10 @@ const Z = {
     const a = p.current, b = r.id;
     if (!a) return;
     let m = a.querySelector(
-      `#${u(b, e)}`
+      `#${f(b, e)}`
     );
     m || (m = a.querySelector(
-      `#${u(b, e)}${Q}`
+      `#${f(b, e)}${Q}`
     )), m && j(m, {
       behavior: "smooth",
       block: "nearest",
@@ -100,7 +100,7 @@ const Z = {
     colon: V,
     labelCol: S,
     wrapperCol: P,
-    layout: f,
+    layout: u,
     store: n,
     prefixCls: l,
     validateTrigger: N,
@@ -110,7 +110,7 @@ const Z = {
       R
     ),
     schemaOptions: z,
-    getFormElementId: (e) => u(g, e)
+    getFormElementId: (e) => f(g, e)
   }, q = K;
   return A(c, () => ({
     ...n,
@@ -136,7 +136,7 @@ const Z = {
       ...r.wrapperProps,
       className: X(
         l,
-        `${l}-${f}`,
+        `${l}-${u}`,
         `${l}-size-${C}`,
         { [`${l}-rtl`]: T },
         y

package/form/FormItem.js

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

package/form/FormLabel.js

@@ -1,4 +1,4 @@
-/* 2025-11-27 15:08:04 */
+/* 2025-12-17 18:27:10 */
 import { jsx as i, jsxs as l, Fragment as r } from "react/jsx-runtime";
 import $ from "@unicom-cloud/icons/IconUiQuestionCircleFill";
 import { useContext as I, isValidElement as g } from "react";

package/form/FormList.js

@@ -1,4 +1,4 @@
-/* 2025-11-27 15:08:04 */
+/* 2025-12-17 18:27:10 */
 import { jsx as v } from "react/jsx-runtime";
 import y from "lodash/get";
 import { useRef as $ } from "react";

package/form/FormProvider.js

@@ -1,9 +1,9 @@
-/* 2025-11-27 15:08:04 */
+/* 2025-12-17 18:27:10 */
 import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as F, useRef as a, useCallback as n } from "react";
-import { FormProviderContext as f } from "./context.js";
+import { forwardRef as F, useRef as f, useCallback as n } from "react";
+import { FormProviderContext as a } from "./context.js";
 const d = (o, v) => {
-  const t = a({}), m = n((r, e) => (r && (t.current[r] = e), () => {
+  const t = f({}), m = n((r, e) => (r && (t.current[r] = e), () => {
     delete t.current[r];
   }), []), u = n(
     (r, e) => {
@@ -28,7 +28,7 @@ const d = (o, v) => {
     [o.onFormValuesChange]
   );
   return /* @__PURE__ */ c(
-    f.Provider,
+    a.Provider,
     {
       value: {
         onFormValuesChange: s,

package/form/context.js

@@ -1,7 +1,7 @@
-/* 2025-11-27 15:08:04 */
+/* 2025-12-17 18:27:10 */
 import { createContext as t } from "react";
-import "@unicom-cloud/ui-common/utils/pick";
 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 },

package/form/hook/useContext.js

@@ -1,4 +1,4 @@
-/* 2025-11-27 15:08:04 */
+/* 2025-12-17 18:27:10 */
 import { useContext as c, useRef as m, 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 @@
-/* 2025-11-27 15:08:04 */
+/* 2025-12-17 18:27:10 */
 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 @@
-/* 2025-11-27 15:08:04 */
+/* 2025-12-17 18:27:10 */
 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 { isEqualWith as x } from "@unicom-cloud/ui-common/utils/is";

package/form/hook/useWatch.js

@@ -1,4 +1,4 @@
-/* 2025-11-27 15:08:04 */
+/* 2025-12-17 18:27:10 */
 import f from "lodash/get";
 import { useContext as d, useState as S, useRef as h, useEffect as x } from "react";
 import { FormContext as F } from "../context.js";

package/form/index.js

@@ -1,6 +1,6 @@
-/* 2025-11-27 15:08:04 */
-import t from "./Form.js";
-import { FormContext as r, FormItemContext as m, FormProviderContext as e, FormListContext as F } from "./context.js";
+/* 2025-12-17 18:27:10 */
+import r from "./Form.js";
+import { FormContext as t, FormItemContext as m, FormProviderContext as e, FormListContext as F } from "./context.js";
 import n from "./Control.js";
 import s from "./FormItem.js";
 import i from "./FormList.js";
@@ -9,7 +9,8 @@ import p from "./hook/useContext.js";
 import a, { getFormInstance as f } from "./hook/useForm.js";
 import x from "./hook/useState.js";
 import u from "./hook/useWatch.js";
-const o = t;
+import { ValidateError as V } from "./utils.js";
+const o = r;
 o.Provider = C;
 o.Item = s;
 o.List = i;
@@ -19,12 +20,12 @@ o.useForm = a;
 o.useFormContext = p;
 o.useWatch = u;
 o.useFormState = x;
-o.FormContext = r;
+o.FormContext = t;
 o.FormItemContext = m;
 o.FormProviderContext = e;
 o.FormListContext = F;
 export {
-  r as FormContext,
+  t as FormContext,
   n as FormControl,
   s as FormItem,
   m as FormItemContext,
@@ -32,6 +33,7 @@ export {
   F as FormListContext,
   C as FormProvider,
   e as FormProviderContext,
+  V as ValidateError,
   o as default,
   f as getFormInstance,
   a as useForm,

package/form/interface.js

@@ -1,4 +1,4 @@
-/* 2025-11-27 15:08:04 */
+/* 2025-12-17 18:27:10 */
 const e = {
   error: "error",
   warning: "warning"

package/form/promisify.js

@@ -1,18 +1,14 @@
-/* 2025-11-27 15:08:04 */
+/* 2025-12-17 18:27:10 */
 import { isFunction as l } from "@unicom-cloud/ui-common/utils/is";
-class p extends Error {
-  constructor(t) {
-    super("表单验证错误，请通过 error.errors 获取错误详情"), this.errors = {}, this.errors = t;
-  }
-}
-function a(r) {
-  return Object.defineProperty((...e) => l(e[e.length - 1]) ? r.apply(this, e) : new Promise((o, i) => {
-    const s = (n, c) => {
-      n ? i(new p(n)) : o(c);
+import { ValidateError as u } from "./utils.js";
+function f(t) {
+  return Object.defineProperty((...e) => l(e[e.length - 1]) ? t.apply(this, e) : new Promise((i, o) => {
+    const r = (n, p) => {
+      n ? o(new u(n)) : i(p);
     };
-    return e[e.length] = s, e.length++, r.apply(this, e);
-  }), "name", { value: r.name });
+    return e[e.length] = r, e.length++, t.apply(this, e);
+  }), "name", { value: t.name });
 }
 export {
-  a as default
+  f as default
 };