@unicom-cloud/ui 0.8.108 → 0.8.109

package/form/Form.js

@@ -1,157 +1,16 @@
-import { jsx as d } from "react/jsx-runtime";
-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 Y = {
-  layout: "horizontal",
-  labelCol: { span: 5, offset: 0 },
-  labelAlign: "right",
-  wrapperCol: { span: 19, offset: 0 },
-  requiredSymbol: !0,
-  wrapper: "form",
-  validateTrigger: "onChange"
-}, 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: 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 m = a.querySelector(
-      `#${u(b, e)}`
-    );
-    m || (m = a.querySelector(
-      `#${u(b, e)}${L}`
-    )), m && q(m, {
-      behavior: "smooth",
-      block: "nearest",
-      scrollMode: "if-needed",
-      ...r
-    });
-  }, F.innerSetCallbacks({
-    onValuesChange: (e, r) => {
-      o.onValuesChange?.(e, r), s.onFormValuesChange?.(o.id, e);
-    },
-    onChange: o.onChange,
-    onValidateFail: (e) => {
-      const r = o.scrollToFirstError;
-      if (r) {
-        const a = D(r) ? r : {};
-        n.scrollToField(
-          Object.keys(e)[0],
-          a
-        );
-      }
-    },
-    onSubmitFailed: o.onSubmitFailed,
-    onSubmit: (e) => {
-      const r = o.onSubmit?.(e);
-      return s.onFormSubmit?.(o.id, e), r;
-    },
-    onReset: (e) => {
-      const r = o.onReset?.(e);
-      return s?.onFormReset?.(o.id, e), r;
-    }
-  });
-  const T = {
-    requiredSymbol: $,
-    labelAlign: v,
-    disabled: y,
-    colon: V,
-    labelCol: S,
-    wrapperCol: x,
-    layout: f,
-    store: n,
-    prefixCls: l,
-    validateTrigger: w,
-    validateMessages: j(
-      {},
-      t.locale?.Form?.validateMessages,
-      M
-    ),
-    getFormElementId: (e) => u(g, e)
-  }, E = J;
-  return _(c, () => ({
-    ...n,
-    getRootDOMNode() {
-      return p.current;
-    }
-  })), /* @__PURE__ */ d(H, { ...t, childrenName: "Form", size: C, children: /* @__PURE__ */ d(E.Provider, { value: T, children: /* @__PURE__ */ d(
-    P,
-    {
-      ref: p,
-      ...B(N, [
-        "form",
-        "size",
-        "initialValues",
-        "onValuesChange",
-        "onChange",
-        "wrapperProps",
-        "scrollToFirstError",
-        "onSubmit",
-        "onSubmitFailed",
-        "onReset"
-      ]),
-      ...o.wrapperProps,
-      className: X(
-        l,
-        `${l}-${f}`,
-        `${l}-size-${C}`,
-        { [`${l}-rtl`]: z },
-        R
-      ),
-      style: o.style,
-      onSubmit: (e) => {
-        e.preventDefault(), e.stopPropagation(), n.submit();
-      },
-      onReset: (e) => {
-        e.preventDefault(), e.stopPropagation(), n.resetFields();
-      },
-      id: g,
-      children: o.children
-    }
-  ) }) });
-}, ee = k(Z);
-ee.displayName = "Form";
+import "react/jsx-runtime";
+import "../chunk/-PX9OR3r.js";
+import "lodash/isPlainObject";
+import "lodash/merge";
+import "react";
+import "../chunk/DXlwLh0Y.js";
+import "../chunk/5_U1CBIu.js";
+import "../chunk/FgWHhRFz.js";
+import "@unicom-cloud/utils/class-name";
+import "../chunk/BKKEev13.js";
+import "./context.js";
+import { F } from "../chunk/DjPTURUf.js";
+import "./util.js";
 export {
-  ee as default
+  F as default
 };

package/form/FormItem.js

@@ -1,23 +1,22 @@
-import { jsx as i, jsxs as q, Fragment as ie } from "react/jsx-runtime";
-import W, { forwardRef as ae, useContext as F, useState as _, useRef as me, useEffect as de, useMemo as z, createElement as H, cloneElement as K } from "react";
-import ce from "lodash/isArray";
-import pe from "lodash/isFunction";
+import { jsx as i, jsxs as q, Fragment as ae } from "react/jsx-runtime";
+import W, { forwardRef as me, useContext as F, useState as _, useRef as de, useEffect as ce, useMemo as z, createElement as H, cloneElement as K } from "react";
+import pe from "lodash/isArray";
+import ue from "lodash/isFunction";
 import C from "lodash/isPlainObject";
 import x from "lodash/isUndefined";
-import "../config-provider/ConfigProvider.js";
-import ue from "../components/common/hooks/useMergeProps.js";
-import fe from "../row-col/index.js";
-import { PqbCSSTransition as be } from "../components/common/utils/PqbCSSTransition.js";
+import { a as fe } from "../chunk/DXlwLh0Y.js";
+import { u as be } from "../chunk/FgWHhRFz.js";
+import he from "../row-col/index.js";
+import { P as ge } from "../chunk/B--6x-RL.js";
 import S from "@unicom-cloud/utils/class-name";
-import { omit as he } from "../components/common/utils/omit.js";
+import { o as Ce } from "../chunk/BKKEev13.js";
 import I from "./Control.js";
-import ge from "./FormLabel.js";
-import { FormItemContext as B, FormListContext as Ce, FormContext as G } from "./context.js";
+import xe from "./FormLabel.js";
+import { FormItemContext as B, FormListContext as ye, FormContext as G } from "./context.js";
 import { VALIDATE_STATUS as T } from "./interface.js";
-import { formatValidateMsg as xe } from "./util.js";
-import ye from "../config-provider/context.js";
+import { formatValidateMsg as ve } from "./util.js";
 import J from "../row-col/Col.js";
-const ve = ({
+const we = ({
   prefixCls: b,
   help: h,
   errors: e,
@@ -34,7 +33,7 @@ const ve = ({
   });
   const y = !x(h) || !!p.length, f = y || !!g.length;
   return f && /* @__PURE__ */ i(
-    be,
+    ge,
     {
       in: f,
       appear: !0,
@@ -47,7 +46,7 @@ const ve = ({
           className: S(`${b}-message`, {
             [`${b}-message-help`]: y
           }),
-          children: x(h) ? /* @__PURE__ */ q(ie, { children: [
+          children: x(h) ? /* @__PURE__ */ q(ae, { children: [
             g.length > 0 && g,
             p.length > 0 && p
           ] }) : h
@@ -55,11 +54,11 @@ const ve = ({
       )
     }
   );
-}, we = {
+}, $e = {
   trigger: "onChange",
   triggerPropName: "value"
-}, $e = (b, h) => {
-  const e = ue(b, we), { getPrefixCls: N, prefixCls: g } = F(ye), p = F(B), y = F(Ce), [f, u] = _(null), [d, A] = _(null), r = F(G), c = r.prefixCls || N?.("form"), l = `${c}-item`, D = e.layout || r.layout, Q = e.labelAlign || r.labelAlign, P = me(!1), L = !e.labelCol && !r.labelCol, M = !e.wrapperCol && !r.wrapperCol, X = (n, o = {}) => {
+}, Fe = (b, h) => {
+  const e = be(b, $e), { getPrefixCls: N, prefixCls: g } = F(fe), p = F(B), y = F(ye), [f, u] = _(null), [d, A] = _(null), r = F(G), c = r.prefixCls || N?.("form"), l = `${c}-item`, L = e.layout || r.layout, Q = e.labelAlign || r.labelAlign, P = de(!1), D = !e.labelCol && !r.labelCol, M = !e.wrapperCol && !r.wrapperCol, X = (n, o = {}) => {
     if (P.current)
       return;
     const { errors: m, warnings: s } = o || {};
@@ -71,18 +70,18 @@ const ve = ({
       return s && s.length ? a[n] = s : delete a[n], a;
     });
   }, Y = C(e.noStyle) && e.noStyle.showErrorTip && p.updateFormItem ? p.updateFormItem : X;
-  de(() => (P.current = !1, () => {
+  ce(() => (P.current = !1, () => {
     P.current = !0, u(null), A(null);
   }), []);
   const Z = {
     ...r,
-    validateMessages: r.validateMessages && xe(r.validateMessages, {
+    validateMessages: r.validateMessages && ve(r.validateMessages, {
       label: e.label
     }),
     prefixCls: c,
     updateFormItem: Y,
     disabled: "disabled" in e ? e.disabled : r.disabled
-  }, { label: v, extra: j, className: ee, style: re, validateStatus: w, hidden: oe, ...te } = e, V = f ? Object.values(f) : [], k = d ? Object.values(d).reduce((n, o) => n.concat(o), []) : [], $ = z(() => {
+  }, { label: v, extra: j, className: ee, style: re, validateStatus: w, hidden: oe, ...te } = e, le = !!v, V = f ? Object.values(f) : [], k = d ? Object.values(d).reduce((n, o) => n.concat(o), []) : [], $ = z(() => {
     if (w)
       return w;
     if (V.length)
@@ -91,7 +90,7 @@ const ve = ({
       return T.warning;
   }, [f, d, w]), O = z(() => !x(e.help) || k.length > 0, [e.help, d]), R = () => {
     const { field: n, children: o } = e, m = "disabled" in e ? e.disabled : r.disabled;
-    if (pe(o)) {
+    if (ue(o)) {
       const { key: s, ...t } = e ?? {};
       return /* @__PURE__ */ H(
         I,
@@ -106,10 +105,13 @@ const ve = ({
         )
       );
     }
-    if (ce(o)) {
+    if (pe(o)) {
       const s = W.Children.map(o, (t, a) => {
-        const U = C(t) && t.key || a, ne = C(t) && "disabled" in t.props, se = !x(m) && !ne ? { key: U, disabled: m } : { key: U };
-        return C(t) ? K(t, se) : t;
+        if (C(t)) {
+          const se = C(t) && t.key || a, ie = C(t) && "disabled" in t.props, U = { key: se };
+          return x(m) || ie || (U.disabled = m), K(t, U);
+        }
+        return t;
       });
       return /* @__PURE__ */ i(I, { ...e, field: void 0, children: s });
     }
@@ -121,19 +123,19 @@ const ve = ({
       if (C(o)) {
         if (o.type?.isFormControl)
           return o;
-        const t = !("disabled" in o.props) && !x(m) ? { disabled: m } : null;
+        const t = !("disabled" in o.props) && x(m) ? null : { disabled: m };
         return /* @__PURE__ */ i(I, { ...e, field: void 0, children: t ? K(o, t) : o });
       }
     }
     return o;
-  }, le = B, E = {
+  }, ne = B, E = {
     ...r
   };
-  return e.noStyle || (E.wrapperCol = void 0, E.labelCol = void 0), /* @__PURE__ */ i(G.Provider, { value: E, children: /* @__PURE__ */ i(le.Provider, { value: Z, children: e.noStyle ? R() : /* @__PURE__ */ q(
-    fe,
+  return e.noStyle || (E.wrapperCol = void 0, E.labelCol = void 0), /* @__PURE__ */ i(G.Provider, { value: E, children: /* @__PURE__ */ i(ne.Provider, { value: Z, children: e.noStyle ? R() : /* @__PURE__ */ q(
+    he,
     {
       ref: h,
-      ...he(te, [
+      ...Ce(te, [
         "tooltip",
         "children",
         "prefixCls",
@@ -172,14 +174,14 @@ const ve = ({
           [`${l}-hidden`]: oe,
           [`${l}-has-feedback`]: $ && e.hasFeedback
         },
-        `${c}-layout-${D}`,
+        `${c}-layout-${L}`,
         v ? `${l}-has-label` : `${l}-no-label`,
         ee
       ),
-      div: D !== "horizontal",
+      div: L !== "horizontal",
       style: re,
       children: [
-        !!v && /* @__PURE__ */ i(
+        le && /* @__PURE__ */ i(
           J,
           {
             className: S(
@@ -189,16 +191,18 @@ const ve = ({
               r.labelCol?.className,
               {
                 [`${c}-label-item-left`]: Q === "left",
-                [`${c}-label-item-flex`]: L
+                [`${c}-label-item-flex`]: D
               }
             ),
-            flex: L ? 0 : void 0,
+            flex: D ? 0 : void 0,
             ...e.labelCol || r.labelCol,
             children: /* @__PURE__ */ i(
-              ge,
+              xe,
               {
                 tooltip: e.tooltip,
-                htmlFor: e.field && r?.getFormElementId?.(e.field),
+                htmlFor: e.field && r?.getFormElementId?.(
+                  e.field
+                ),
                 label: v,
                 prefix: g,
                 requiredSymbol: "requiredSymbol" in e ? e.requiredSymbol : r.requiredSymbol,
@@ -224,7 +228,7 @@ const ve = ({
             children: [
               R(),
               /* @__PURE__ */ i(
-                ve,
+                we,
                 {
                   prefixCls: c,
                   help: e.help,
@@ -239,8 +243,8 @@ const ve = ({
       ]
     }
   ) }) });
-}, Fe = ae($e);
-Fe.displayName = "FormItem";
+}, Ie = me(Fe);
+Ie.displayName = "FormItem";
 export {
-  Fe as default
+  Ie as default
 };

package/form/FormLabel.js

@@ -1,54 +1,46 @@
-import { jsxs as u, jsx as r, Fragment as j } from "react/jsx-runtime";
-import P from "@unicom-cloud/icons/IconUiQuestionCircleFill";
-import R from "lodash/isArray";
-import I from "lodash/isPlainObject";
-import U, { isValidElement as N } from "react";
-import g from "../tooltip/index.js";
-import x from "@unicom-cloud/utils/class-name";
-import y from "./IconSymbol.js";
-import { ID_SUFFIX as C } from "./util.js";
-const X = ({
-  htmlFor: i,
-  showColon: m,
-  label: c,
-  requiredSymbol: n,
-  required: F,
-  rules: l,
-  prefix: a,
-  tooltip: o
+import { jsxs as d, jsx as r, Fragment as P } from "react/jsx-runtime";
+import U from "@unicom-cloud/icons/IconUiQuestionCircleFill";
+import $ from "lodash/isArray";
+import u from "lodash/isPlainObject";
+import { isValidElement as b } from "react";
+import j from "../tooltip/index.js";
+import T from "./IconSymbol.js";
+import { ID_INPUT_SUFFIX as g } from "./util.js";
+const E = ({
+  htmlFor: n,
+  showColon: t,
+  label: m,
+  requiredSymbol: i,
+  required: I,
+  rules: s,
+  prefix: l,
+  tooltip: e
 }) => {
-  const $ = R(l) && l.some((e) => e && e.required), p = I(n) ? n.position : "end", f = (F || $) && !!n && /* @__PURE__ */ r("strong", { className: `${a}-form-item-symbol`, children: /* @__PURE__ */ r(y, {}) }), b = () => {
-    if (!o)
-      return null;
-    const e = `${a}-form-item-tooltip`;
-    let s = {}, d = /* @__PURE__ */ r(P, { className: e });
-    if (!I(o) || N(o))
-      s = {
-        content: o
+  const F = $(s) && s.some((o) => o && o.required), c = u(i) ? i.position : "end", f = (I || F) && !!i && /* @__PURE__ */ r("strong", { className: `${l}-form-item-symbol`, children: /* @__PURE__ */ r(T, {}) }), h = () => {
+    if (!e) return null;
+    let o = {}, p = /* @__PURE__ */ r(U, {});
+    if (!u(e) || b(e))
+      o = {
+        content: e
       };
     else {
-      const { icon: t, ...h } = o;
-      s = h, t && (d = N(t) ? U.cloneElement(t, {
-        className: x(
-          e,
-          t.props.className
-        )
-      }) : t);
+      const { icon: a, ...N } = e;
+      o = N, a && (p = a);
     }
-    return /* @__PURE__ */ r(g, { ...s, children: d });
+    return /* @__PURE__ */ r(j, { ...o, children: /* @__PURE__ */ r("span", { className: `${l}-form-item-tooltip`, children: p }) });
   };
-  return c ? /* @__PURE__ */ u("label", { htmlFor: i && `${i}${C}`, children: [
-    p !== "end" && f,
+  return m ? /* @__PURE__ */ d("label", { htmlFor: n && `${n}${g}`, children: [
+    c !== "end" && f,
     " ",
-    c,
-    b(),
-    p === "end" && /* @__PURE__ */ u(j, { children: [
+    m,
+    h(),
+    c === "end" && /* @__PURE__ */ d(P, { children: [
       " ",
       f
     ] }),
-    m ? m === !0 ? ":" : m : ""
+    t ? t === !0 ? ":" : t : ""
   ] }) : null;
 };
 export {
-  X as default
+  E as default
 };

package/form/FormList.js

@@ -3,7 +3,7 @@ import y from "lodash/get";
 import $ from "lodash/isFunction";
 import M from "lodash/isUndefined";
 import { useRef as S } from "react";
-import { warning as j } from "../components/common/utils/warning.js";
+import j from "../utils/warning.js";
 import G from "./FormItem.js";
 import { FormListContext as b } from "./context.js";
 import { isFieldMatch as I, isSyntheticEvent as K } from "./util.js";
@@ -17,8 +17,8 @@ function O(n) {
     b.Provider,
     {
       value: {
-        getItemKey: (d) => {
-          const l = d?.replace(/\[|\]/g, ".").split("."), c = l.indexOf(i), f = l[c + 1];
+        getItemKey(d) {
+          const l = d?.replace?.(/\[|\]/g, ".")?.split?.("."), c = l?.indexOf?.(i), f = l[c + 1];
           return `${i}_${o.indexOf(f)}_${l.slice(c + 2).join("_")}`;
         }
       },

package/form/context.js

@@ -1,5 +1,5 @@
 import { createContext as t } from "react";
-import { NOOP as e } from "../components/common/utils/constant.js";
+import { N as e } from "../chunk/CjNkKiBA.js";
 const o = t({
   layout: "horizontal",
   labelCol: { span: 5, offset: 0 },

package/form/index.js

@@ -1,31 +1,104 @@
-import r from "./Form.js";
-import m from "./Control.js";
-import t from "./FormItem.js";
-import e from "./FormList.js";
-import s from "./FormProvider.js";
-import F from "./hook/useContext.js";
-import n, { getFormInstance as i } from "./hook/useForm.js";
-import p from "./hook/useState.js";
-import a from "./hook/useWatch.js";
-const o = r;
-o.Provider = s;
-o.Item = t;
-o.List = e;
-o.Control = m;
-o.getFormInstance = i;
-o.useForm = n;
-o.useFormContext = F;
-o.useWatch = a;
-o.useFormState = p;
+import { F as x, g as v, u as R } from "../chunk/DjPTURUf.js";
+import w from "./Control.js";
+import M from "./FormItem.js";
+import y from "./FormList.js";
+import E from "./FormProvider.js";
+import { useContext as p, useRef as g, useCallback as W, useEffect as d, useState as V } from "react";
+import { FormContext as I } from "./context.js";
+import { u as J } from "../chunk/BJeTDXdz.js";
+import h from "../utils/warning.js";
+import { SubmitStatus as L } from "./interface.js";
+import N from "lodash/isEqualWith";
+import b from "lodash/get";
+import O from "lodash/isArray";
+import P from "lodash/isString";
+const U = () => {
+  const t = p(I), n = t.store, a = g(!1), r = J(), c = W(() => {
+    const { submitStatus: s } = n?.getInnerMethods?.(!0)?.innerGetStoreStatus?.() ?? {}, e = s === L.submitting;
+    e !== a.current && (a.current = e, r());
+  }, []);
+  return d(() => {
+    if (!n) {
+      h(!0, "formInstance is not available");
+      return;
+    }
+    const { registerFormWatcher: s } = n?.getInnerMethods?.(!0) ?? {}, e = () => c();
+    e();
+    const i = s?.(e) ?? {};
+    return () => {
+      i?.();
+    };
+  }, []), {
+    form: n,
+    disabled: t.disabled,
+    isSubmitting: a.current
+  };
+}, k = (t, n) => {
+  const a = p(I), r = n || a.store, c = g(t);
+  c.current = t;
+  const s = W(() => {
+    const u = c.current;
+    return r.getFieldsState([u])?.[u];
+  }, []), [e, i] = V(s), m = g(e);
+  return d(() => {
+    if (!r) {
+      h(!0, "formInstance is not available");
+      return;
+    }
+    const { registerStateWatcher: u } = r?.getInnerMethods?.(!0) ?? {}, l = () => {
+      const f = s();
+      N(m.current, f) || (i(f), m.current = f);
+    };
+    l();
+    const S = u?.(l);
+    return () => {
+      S?.();
+    };
+  }, []), e;
+}, q = (t, n) => {
+  const a = p(I), r = n || a.store, [c, s] = V(() => {
+    const m = r?.getFieldsValue([].concat(t));
+    return P(t) ? b(m, t) : m;
+  }), e = g(t);
+  e.current = t;
+  const i = g(JSON.stringify(c));
+  return d(() => {
+    if (!r) {
+      h(!0, "formInstance is not available");
+      return;
+    }
+    const { registerWatcher: m } = r?.getInnerMethods?.(!0) ?? {}, u = () => {
+      const S = e.current, f = r.getFieldsValue([].concat(S));
+      let F = f;
+      O(S) || (F = b(f, S));
+      const C = JSON.stringify(F);
+      i.current !== C && (s(F), i.current = C);
+    };
+    u();
+    const l = m?.(u);
+    return () => {
+      l?.();
+    };
+  }, []), c;
+}, o = x;
+o.Provider = E;
+o.Item = M;
+o.List = y;
+o.Control = w;
+o.getFormInstance = v;
+o.useForm = R;
+o.useFormContext = U;
+o.useWatch = q;
+o.useFormState = k;
 export {
-  m as FormControl,
-  t as FormItem,
-  e as FormList,
-  s as FormProvider,
+  w as FormControl,
+  M as FormItem,
+  y as FormList,
+  E as FormProvider,
   o as default,
-  i as getFormInstance,
-  n as useForm,
-  F as useFormContext,
-  p as useFormState,
-  a as useFormWatch
+  v as getFormInstance,
+  R as useForm,
+  U as useFormContext,
+  k as useFormState,
+  q as useFormWatch
 };

package/form/promisify.js

@@ -1,12 +1,11 @@
-import "../components/common/utils/is.js";
+import "../chunk/DsaQZE4X.js";
 import { isFunction as f } from "@unicom-cloud/utils/is";
 class p extends Error {
-  errors = {};
   constructor(t) {
-    super("form validate error, get errors by error.errors"), this.errors = t;
+    super("form validate error, get errors by error.errors"), this.errors = {}, this.errors = t;
   }
 }
-function a(e) {
+function h(e) {
   return Object.defineProperty((...r) => {
     if (f(r[r.length - 1]))
       return e.apply(this, r);
@@ -24,5 +23,5 @@ function a(e) {
   }, "name", { value: e.name });
 }
 export {
-  a as default
+  h as default
 };