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