@unicom-cloud/ui 0.8.96 → 0.8.98

package/form/Form.js

@@ -1,22 +1,22 @@
 import { jsx as d } from "react/jsx-runtime";
-import O from "../dist/scroll-into-view-if-needed/src/index.js";
-import A from "lodash/isPlainObject";
-import _ from "lodash/merge";
-import { forwardRef as H, useContext as V, useRef as U, useEffect as W, useImperativeHandle as X } from "react";
-import B from "../config-provider/ConfigProvider.js";
-import G from "../components/common/hooks/useCreate.js";
-import J from "../components/common/hooks/useMergeProps.js";
-import K from "@unicom-cloud/utils/class-name";
-import { omit as L } from "../components/common/utils/omit.js";
-import { FormProviderContext as Q, FormContext as Y } from "./context.js";
-import Z from "./hook/useForm.js";
-import { ID_SUFFIX as ee } from "./util.js";
-import oe from "../config-provider/context.js";
-function f(a, u) {
-  const n = u.replace(/[[.]/g, "_").replace(/\]/g, "");
-  return a ? `${a}-${n}` : `${n}`;
+import q from "../dist/scroll-into-view-if-needed/src/index.js";
+import D from "lodash/isPlainObject";
+import j from "lodash/merge";
+import { forwardRef as k, useContext as h, useRef as O, useEffect as A, useImperativeHandle as _ } from "react";
+import H from "../config-provider/ConfigProvider.js";
+import U from "../components/common/hooks/useCreate.js";
+import W from "../components/common/hooks/useMergeProps.js";
+import X from "@unicom-cloud/utils/class-name";
+import { omit as B } from "../components/common/utils/omit.js";
+import { FormProviderContext as G, FormContext as J } from "./context.js";
+import K from "./hook/useForm.js";
+import { ID_SUFFIX as L } from "./util.js";
+import Q from "../config-provider/context.js";
+function u(i, c) {
+  const t = c.replace(/[[.]/g, "_").replace(/\]/g, "");
+  return i ? `${i}-${t}` : `${t}`;
 }
-const re = {
+const Y = {
   layout: "horizontal",
   labelCol: { span: 5, offset: 0 },
   labelAlign: "right",
@@ -24,106 +24,102 @@ const re = {
   requiredSymbol: !0,
   wrapper: "form",
   validateTrigger: "onChange"
-}, te = (a, u) => {
-  var h, S, $, y;
-  const n = V(oe), t = V(Q), p = U(null), [l] = Z(
-    a.form
-  ), e = J(
-    a,
-    re,
-    (h = n.componentConfig) == null ? void 0 : h.Form
+}, Z = (i, c) => {
+  const t = h(Q), s = h(G), p = O(null), [n] = K(
+    i.form
+  ), o = W(
+    i,
+    Y,
+    t.componentConfig?.Form
   ), {
-    layout: g,
-    labelCol: R,
-    wrapperCol: w,
-    wrapper: I,
-    id: F,
-    requiredSymbol: M,
-    labelAlign: N,
-    disabled: z,
-    colon: T,
-    className: E,
-    validateTrigger: P,
-    prefixCls: q,
-    validateMessages: D,
-    ...j
-  } = e, m = q || ((S = n.getPrefixCls) == null ? void 0 : S.call(n, "form")), k = n.rtl, b = "size" in e ? e.size : n.size, C = l.getInnerMethods(!0);
-  G(() => {
-    C.innerSetInitialValues(e.initialValues);
-  }), W(() => {
-    let o;
-    return t.register && (o = t.register(e.id, l)), o;
-  }, [e.id, l]), l.scrollToField = (o, s) => {
-    const r = p.current, i = e.id;
-    if (!r)
+    layout: f,
+    labelCol: S,
+    wrapperCol: x,
+    wrapper: P,
+    id: g,
+    requiredSymbol: $,
+    labelAlign: v,
+    disabled: y,
+    colon: V,
+    className: R,
+    validateTrigger: w,
+    prefixCls: I,
+    validateMessages: M,
+    ...N
+  } = o, l = I || t.getPrefixCls?.("form"), z = t.rtl, C = "size" in o ? o.size : t.size, F = n.getInnerMethods(!0);
+  U(() => {
+    F.innerSetInitialValues(o.initialValues);
+  }), A(() => {
+    let e;
+    return s.register && (e = s.register(o.id, n)), e;
+  }, [o.id, n]), n.scrollToField = (e, r) => {
+    const a = p.current, b = o.id;
+    if (!a)
       return;
-    let c = r.querySelector(
-      `#${f(i, o)}`
+    let m = a.querySelector(
+      `#${u(b, e)}`
     );
-    c || (c = r.querySelector(
-      `#${f(i, o)}${ee}`
-    )), c && O(c, {
+    m || (m = a.querySelector(
+      `#${u(b, e)}${L}`
+    )), m && q(m, {
       behavior: "smooth",
       block: "nearest",
       scrollMode: "if-needed",
-      ...s
+      ...r
     });
-  }, C.innerSetCallbacks({
-    onValuesChange: (o, s) => {
-      var r, i;
-      (r = e.onValuesChange) == null || r.call(e, o, s), (i = t.onFormValuesChange) == null || i.call(t, e.id, o);
+  }, F.innerSetCallbacks({
+    onValuesChange: (e, r) => {
+      o.onValuesChange?.(e, r), s.onFormValuesChange?.(o.id, e);
     },
-    onChange: e.onChange,
-    onValidateFail: (o) => {
-      const s = e.scrollToFirstError;
-      if (s) {
-        const r = A(s) ? s : {};
-        l.scrollToField(
-          Object.keys(o)[0],
-          r
+    onChange: o.onChange,
+    onValidateFail: (e) => {
+      const r = o.scrollToFirstError;
+      if (r) {
+        const a = D(r) ? r : {};
+        n.scrollToField(
+          Object.keys(e)[0],
+          a
         );
       }
     },
-    onSubmitFailed: e.onSubmitFailed,
-    onSubmit: (o) => {
-      var r, i;
-      const s = (r = e.onSubmit) == null ? void 0 : r.call(e, o);
-      return (i = t.onFormSubmit) == null || i.call(t, e.id, o), s;
+    onSubmitFailed: o.onSubmitFailed,
+    onSubmit: (e) => {
+      const r = o.onSubmit?.(e);
+      return s.onFormSubmit?.(o.id, e), r;
     },
-    onReset: (o) => {
-      var r, i;
-      const s = (r = e.onReset) == null ? void 0 : r.call(e, o);
-      return (i = t == null ? void 0 : t.onFormReset) == null || i.call(t, e.id, o), s;
+    onReset: (e) => {
+      const r = o.onReset?.(e);
+      return s?.onFormReset?.(o.id, e), r;
     }
   });
-  const v = {
-    requiredSymbol: M,
-    labelAlign: N,
-    disabled: z,
-    colon: T,
-    labelCol: R,
-    wrapperCol: w,
-    layout: g,
-    store: l,
-    prefixCls: m,
-    validateTrigger: P,
-    validateMessages: _(
+  const T = {
+    requiredSymbol: $,
+    labelAlign: v,
+    disabled: y,
+    colon: V,
+    labelCol: S,
+    wrapperCol: x,
+    layout: f,
+    store: n,
+    prefixCls: l,
+    validateTrigger: w,
+    validateMessages: j(
       {},
-      (y = ($ = n.locale) == null ? void 0 : $.Form) == null ? void 0 : y.validateMessages,
-      D
+      t.locale?.Form?.validateMessages,
+      M
     ),
-    getFormElementId: (o) => f(F, o)
-  }, x = Y;
-  return X(u, () => ({
-    ...l,
+    getFormElementId: (e) => u(g, e)
+  }, E = J;
+  return _(c, () => ({
+    ...n,
     getRootDOMNode() {
       return p.current;
     }
-  })), /* @__PURE__ */ d(B, { ...n, childrenName: "Form", size: b, children: /* @__PURE__ */ d(x.Provider, { value: v, children: /* @__PURE__ */ d(
-    I,
+  })), /* @__PURE__ */ d(H, { ...t, childrenName: "Form", size: C, children: /* @__PURE__ */ d(E.Provider, { value: T, children: /* @__PURE__ */ d(
+    P,
     {
       ref: p,
-      ...L(j, [
+      ...B(N, [
         "form",
         "size",
         "initialValues",
@@ -135,27 +131,27 @@ const re = {
         "onSubmitFailed",
         "onReset"
       ]),
-      ...e.wrapperProps,
-      className: K(
-        m,
-        `${m}-${g}`,
-        `${m}-size-${b}`,
-        { [`${m}-rtl`]: k },
-        E
+      ...o.wrapperProps,
+      className: X(
+        l,
+        `${l}-${f}`,
+        `${l}-size-${C}`,
+        { [`${l}-rtl`]: z },
+        R
       ),
-      style: e.style,
-      onSubmit: (o) => {
-        o.preventDefault(), o.stopPropagation(), l.submit();
+      style: o.style,
+      onSubmit: (e) => {
+        e.preventDefault(), e.stopPropagation(), n.submit();
       },
-      onReset: (o) => {
-        o.preventDefault(), o.stopPropagation(), l.resetFields();
+      onReset: (e) => {
+        e.preventDefault(), e.stopPropagation(), n.resetFields();
       },
-      id: F,
-      children: e.children
+      id: g,
+      children: o.children
     }
   ) }) });
-}, ne = H(te);
-ne.displayName = "Form";
+}, ee = k(Z);
+ee.displayName = "Form";
 export {
-  ne as default
+  ee as default
 };

package/form/FormItem.js

@@ -1,39 +1,39 @@
-import { jsx as i, jsxs as q, Fragment as pe } from "react/jsx-runtime";
-import L, { forwardRef as ue, useContext as N, useState as W, useRef as fe, useEffect as be, useMemo as G, createElement as K, cloneElement as B } from "react";
-import he from "lodash/isArray";
-import ge from "lodash/isFunction";
-import v from "lodash/isPlainObject";
-import F from "lodash/isUndefined";
+import { jsx as i, jsxs as E, Fragment as ie } from "react/jsx-runtime";
+import V, { forwardRef as ae, useContext as F, useState as O, useRef as me, useEffect as de, useMemo as U, createElement as _, cloneElement as z } from "react";
+import ce from "lodash/isArray";
+import pe from "lodash/isFunction";
+import h from "lodash/isPlainObject";
+import y from "lodash/isUndefined";
 import "../config-provider/ConfigProvider.js";
-import Y from "../grid/index.js";
-import Ce from "../components/common/hooks/useMergeProps.js";
-import { PqbCSSTransition as ye } from "../components/common/utils/PqbCSSTransition.js";
-import w from "@unicom-cloud/utils/class-name";
-import { omit as ve } from "../components/common/utils/omit.js";
-import S from "./Control.js";
-import we from "./FormLabel.js";
-import { FormItemContext as J, FormListContext as Fe, FormContext as Q } from "./context.js";
-import { VALIDATE_STATUS as T } from "./interface.js";
-import { formatValidateMsg as $e } from "./util.js";
-import Ie from "../config-provider/context.js";
-const Ne = Y.Row, X = Y.Col, Se = ({
-  prefixCls: h,
-  help: g,
+import K from "../grid/index.js";
+import ue from "../components/common/hooks/useMergeProps.js";
+import { PqbCSSTransition as fe } from "../components/common/utils/PqbCSSTransition.js";
+import C from "@unicom-cloud/utils/class-name";
+import { omit as be } from "../components/common/utils/omit.js";
+import $ from "./Control.js";
+import ge from "./FormLabel.js";
+import { FormItemContext as H, FormListContext as he, FormContext as W } from "./context.js";
+import { VALIDATE_STATUS as k } from "./interface.js";
+import { formatValidateMsg as Ce } from "./util.js";
+import ye from "../config-provider/context.js";
+const xe = K.Row, G = K.Col, ve = ({
+  prefixCls: f,
+  help: b,
   errors: e,
-  warnings: C
+  warnings: I
 }) => {
-  const y = e.map((p, d) => {
+  const g = e.map((p, d) => {
     if (p)
       return /* @__PURE__ */ i("div", { role: "alert", children: p.message }, d);
   }), c = [];
-  C.map((p, d) => {
+  I.map((p, d) => {
     c.push(
-      /* @__PURE__ */ i("div", { role: "alert", className: `${h}-message-help-warning`, children: p }, d)
+      /* @__PURE__ */ i("div", { role: "alert", className: `${f}-message-help-warning`, children: p }, d)
     );
   });
-  const m = !F(g) || !!c.length, u = m || !!y.length;
+  const x = !y(b) || !!c.length, u = x || !!g.length;
   return u && /* @__PURE__ */ i(
-    ye,
+    fe,
     {
       in: u,
       appear: !0,
@@ -43,111 +43,109 @@ const Ne = Y.Row, X = Y.Col, Se = ({
       children: /* @__PURE__ */ i(
         "div",
         {
-          className: w(`${h}-message`, {
-            [`${h}-message-help`]: m
+          className: C(`${f}-message`, {
+            [`${f}-message-help`]: x
           }),
-          children: F(g) ? /* @__PURE__ */ q(pe, { children: [
-            y.length > 0 && y,
+          children: y(b) ? /* @__PURE__ */ E(ie, { children: [
+            g.length > 0 && g,
             c.length > 0 && c
-          ] }) : g
+          ] }) : b
         }
       )
     }
   );
-}, xe = {
+}, we = {
   trigger: "onChange",
   triggerPropName: "value"
-}, ke = (h, g) => {
-  var U, _, z;
-  const e = Ce(h, xe), { getPrefixCls: C, prefixCls: y } = N(Ie), c = N(J), m = N(Fe), [u, p] = W(null), [d, A] = W(null), r = N(Q), l = r.prefixCls || (C == null ? void 0 : C("form")), D = e.layout || r.layout, Z = e.labelAlign || r.labelAlign, x = fe(!1), ee = (n, t = {}) => {
-    if (x.current)
+}, Fe = (f, b) => {
+  const e = ue(f, we), { getPrefixCls: I, prefixCls: g } = F(ye), c = F(H), x = F(he), [u, p] = O(null), [d, T] = O(null), r = F(W), l = r.prefixCls || I?.("form"), q = e.layout || r.layout, B = e.labelAlign || r.labelAlign, N = me(!1), J = (n, t = {}) => {
+    if (N.current)
       return;
-    const { errors: a, warnings: f } = t || {};
-    p((b) => {
-      const o = { ...b || {} };
-      return a ? o[n] = a : delete o[n], o;
-    }), A((b) => {
-      const o = { ...b || {} };
-      return f && f.length ? o[n] = f : delete o[n], o;
+    const { errors: m, warnings: s } = t || {};
+    p((o) => {
+      const a = { ...o || {} };
+      return m ? a[n] = m : delete a[n], a;
+    }), T((o) => {
+      const a = { ...o || {} };
+      return s && s.length ? a[n] = s : delete a[n], a;
     });
-  }, re = v(e.noStyle) && e.noStyle.showErrorTip && c.updateFormItem ? c.updateFormItem : ee;
-  be(() => (x.current = !1, () => {
-    x.current = !0, p(null), A(null);
+  }, Q = h(e.noStyle) && e.noStyle.showErrorTip && c.updateFormItem ? c.updateFormItem : J;
+  de(() => (N.current = !1, () => {
+    N.current = !0, p(null), T(null);
   }), []);
-  const te = {
+  const X = {
     ...r,
-    validateMessages: r.validateMessages && $e(r.validateMessages, {
+    validateMessages: r.validateMessages && Ce(r.validateMessages, {
       label: e.label
     }),
     prefixCls: l,
-    updateFormItem: re,
+    updateFormItem: Q,
     disabled: "disabled" in e ? e.disabled : r.disabled
-  }, { label: M, extra: j, className: oe, style: le, validateStatus: $, hidden: ne, ...se } = e, ie = w(`${l}-label-item`, {
-    [`${l}-label-item-left`]: Z === "left"
-  }), R = u ? Object.values(u) : [], k = d ? Object.values(d).reduce((n, t) => n.concat(t), []) : [], I = G(() => {
-    if ($)
-      return $;
-    if (R.length)
-      return T.error;
-    if (k.length)
-      return T.warning;
-  }, [u, d, $]), V = G(() => !F(e.help) || k.length > 0, [e.help, d]), ae = w(
+  }, { label: A, extra: D, className: Y, style: Z, validateStatus: v, hidden: ee, ...re } = e, te = C(`${l}-label-item`, {
+    [`${l}-label-item-left`]: B === "left"
+  }), L = u ? Object.values(u) : [], S = d ? Object.values(d).reduce((n, t) => n.concat(t), []) : [], w = U(() => {
+    if (v)
+      return v;
+    if (L.length)
+      return k.error;
+    if (S.length)
+      return k.warning;
+  }, [u, d, v]), M = U(() => !y(e.help) || S.length > 0, [e.help, d]), oe = C(
     `${l}-item`,
     {
-      [`${l}-item-error`]: V || !$ && I === T.error,
-      [`${l}-item-status-${I}`]: I,
-      [`${l}-item-has-help`]: V,
-      [`${l}-item-hidden`]: ne,
-      [`${l}-item-has-feedback`]: I && e.hasFeedback
+      [`${l}-item-error`]: M || !v && w === k.error,
+      [`${l}-item-status-${w}`]: w,
+      [`${l}-item-has-help`]: M,
+      [`${l}-item-hidden`]: ee,
+      [`${l}-item-has-feedback`]: w && e.hasFeedback
     },
-    `${l}-layout-${D}`,
-    oe
-  ), O = () => {
-    var f, b;
-    const { field: n, children: t } = e, a = "disabled" in e ? e.disabled : r.disabled;
-    if (ge(t)) {
-      const { key: o, ...s } = e ?? {};
-      return /* @__PURE__ */ K(
-        S,
+    `${l}-layout-${q}`,
+    Y
+  ), j = () => {
+    const { field: n, children: t } = e, m = "disabled" in e ? e.disabled : r.disabled;
+    if (pe(t)) {
+      const { key: s, ...o } = e ?? {};
+      return /* @__PURE__ */ _(
+        $,
         {
-          disabled: a,
-          ...s,
-          key: n || o,
-          _key: n || o
+          disabled: m,
+          ...o,
+          key: n || s,
+          _key: n || s
         },
-        (...P) => t(
-          ...P
+        (...a) => t(
+          ...a
         )
       );
     }
-    if (he(t)) {
-      const o = L.Children.map(t, (s, P) => {
-        const H = v(s) && s.key || P, de = v(s) && "disabled" in s.props, ce = !F(a) && !de ? { key: H, disabled: a } : { key: H };
-        return v(s) ? B(s, ce) : s;
+    if (ce(t)) {
+      const s = V.Children.map(t, (o, a) => {
+        const R = h(o) && o.key || a, ne = h(o) && "disabled" in o.props, se = !y(m) && !ne ? { key: R, disabled: m } : { key: R };
+        return h(o) ? z(o, se) : o;
       });
-      return /* @__PURE__ */ i(S, { ...e, field: void 0, children: o });
+      return /* @__PURE__ */ i($, { ...e, field: void 0, children: s });
     }
-    if (L.Children.count(t) == 1) {
+    if (V.Children.count(t) == 1) {
       if (n) {
-        const o = ((f = m == null ? void 0 : m.getItemKey) == null ? void 0 : f.call(m, n)) || n;
-        return /* @__PURE__ */ K(S, { disabled: a, ...e, key: o, _key: o }, t);
+        const s = x?.getItemKey?.(n) || n;
+        return /* @__PURE__ */ _($, { disabled: m, ...e, key: s, _key: s }, t);
       }
-      if (v(t)) {
-        if ((b = t.type) != null && b.isFormControl)
+      if (h(t)) {
+        if (t.type?.isFormControl)
           return t;
-        const s = !("disabled" in t.props) && !F(a) ? { disabled: a } : null;
-        return /* @__PURE__ */ i(S, { ...e, field: void 0, children: s ? B(t, s) : t });
+        const o = !("disabled" in t.props) && !y(m) ? { disabled: m } : null;
+        return /* @__PURE__ */ i($, { ...e, field: void 0, children: o ? z(t, o) : t });
       }
     }
     return t;
-  }, me = J, E = {
+  }, le = H, P = {
     ...r
   };
-  return e.noStyle || (E.wrapperCol = void 0, E.labelCol = void 0), /* @__PURE__ */ i(Q.Provider, { value: E, children: /* @__PURE__ */ i(me.Provider, { value: te, children: e.noStyle ? O() : /* @__PURE__ */ q(
-    Ne,
+  return e.noStyle || (P.wrapperCol = void 0, P.labelCol = void 0), /* @__PURE__ */ i(W.Provider, { value: P, children: /* @__PURE__ */ i(le.Provider, { value: X, children: e.noStyle ? j() : /* @__PURE__ */ E(
+    xe,
     {
-      ref: g,
-      ...ve(se, [
+      ref: b,
+      ...be(re, [
         "tooltip",
         "children",
         "prefixCls",
@@ -177,29 +175,29 @@ const Ne = Y.Row, X = Y.Col, Se = ({
         "requiredSymbol",
         "isFormList"
       ]),
-      className: ae,
-      div: D !== "horizontal",
-      style: le,
+      className: oe,
+      div: q !== "horizontal",
+      style: Z,
       children: [
-        M ? /* @__PURE__ */ i(
-          X,
+        A ? /* @__PURE__ */ i(
+          G,
           {
             ...e.labelCol || r.labelCol,
-            className: w(
-              ie,
-              (U = e.labelCol) == null ? void 0 : U.className,
-              (_ = r.labelCol) == null ? void 0 : _.className,
+            className: C(
+              te,
+              e.labelCol?.className,
+              r.labelCol?.className,
               {
                 [`${l}-label-item-flex`]: !e.labelCol && !r.labelCol
               }
             ),
             children: /* @__PURE__ */ i(
-              we,
+              ge,
               {
                 tooltip: e.tooltip,
-                htmlFor: e.field && ((z = r == null ? void 0 : r.getFormElementId) == null ? void 0 : z.call(r, e.field)),
-                label: M,
-                prefix: y,
+                htmlFor: e.field && r?.getFormElementId?.(e.field),
+                label: A,
+                prefix: g,
                 requiredSymbol: "requiredSymbol" in e ? e.requiredSymbol : r.requiredSymbol,
                 required: e.required,
                 rules: e.rules,
@@ -208,33 +206,33 @@ const Ne = Y.Row, X = Y.Col, Se = ({
             )
           }
         ) : null,
-        /* @__PURE__ */ q(
-          X,
+        /* @__PURE__ */ E(
+          G,
           {
-            className: w(`${l}-item-wrapper`, {
+            className: C(`${l}-item-wrapper`, {
               [`${l}-item-wrapper-flex`]: !e.wrapperCol && !r.wrapperCol
             }),
             ...e.wrapperCol || r.wrapperCol,
             children: [
-              O(),
+              j(),
               /* @__PURE__ */ i(
-                Se,
+                ve,
                 {
                   prefixCls: l,
                   help: e.help,
-                  errors: R,
-                  warnings: k
+                  errors: L,
+                  warnings: S
                 }
               ),
-              j && /* @__PURE__ */ i("div", { className: `${l}-extra`, children: j })
+              D && /* @__PURE__ */ i("div", { className: `${l}-extra`, children: D })
             ]
           }
         )
       ]
     }
   ) }) });
-}, Ee = ue(ke);
-Ee.displayName = "FormItem";
+}, $e = ae(Fe);
+$e.displayName = "FormItem";
 export {
-  Ee as default
+  $e as default
 };