@unicom-cloud/ui 0.8.67 → 0.8.69

package/form/FormItem.js

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

package/form/FormLabel.js

@@ -0,0 +1,54 @@
+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 { m as x } from "../chunk/JPPo5nY_.js";
+import y from "./IconSymbol.js";
+import { ID_SUFFIX as C } from "./util.js";
+const X = ({
+  htmlFor: s,
+  showColon: m,
+  label: c,
+  requiredSymbol: n,
+  required: F,
+  rules: l,
+  prefix: a,
+  tooltip: o
+}) => {
+  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 i = {}, d = /* @__PURE__ */ r(P, { className: e });
+    if (!I(o) || N(o))
+      i = {
+        content: o
+      };
+    else {
+      const { icon: t, ...h } = o;
+      i = h, t && (d = N(t) ? U.cloneElement(t, {
+        className: x(
+          e,
+          t.props.className
+        )
+      }) : t);
+    }
+    return /* @__PURE__ */ r(g, { ...i, children: d });
+  };
+  return c ? /* @__PURE__ */ u("label", { htmlFor: s && `${s}${C}`, children: [
+    p !== "end" && f,
+    " ",
+    c,
+    b(),
+    p === "end" && /* @__PURE__ */ u(j, { children: [
+      " ",
+      f
+    ] }),
+    m ? m === !0 ? ":" : m : ""
+  ] }) : null;
+};
+export {
+  X as default
+};

package/form/FormList.js

@@ -0,0 +1,100 @@
+import { jsx as g } from "react/jsx-runtime";
+import y from "lodash/get";
+import M from "lodash/isFunction";
+import S from "lodash/isUndefined";
+import { useRef as j } from "react";
+import G from "../utils/warning.js";
+import b from "./FormItem.js";
+import { FormListContext as I } from "./context.js";
+import { isFieldMatch as O, isSyntheticEvent as R } from "./util.js";
+const L = (i, n) => !S(i) && i >= 0 && i < n.length, U = (i) => {
+  const { field: n, children: v, initialValue: k } = i, p = j({
+    id: 0,
+    keys: []
+  }), V = "initialValue" in i ? { initialValue: k } : {}, l = p.current.keys;
+  return /* @__PURE__ */ g(
+    I.Provider,
+    {
+      value: {
+        getItemKey: (f) => {
+          const u = f == null ? void 0 : f.replace(/\[|\]/g, ".").split("."), a = u.indexOf(n), m = u[a + 1];
+          return `${n}_${l.indexOf(m)}_${u.slice(a + 2).join("_")}`;
+        }
+      },
+      children: /* @__PURE__ */ g(
+        b,
+        {
+          field: n,
+          ...V,
+          isFormList: !0,
+          rules: i.rules,
+          wrapperCol: { span: 24 },
+          noStyle: "noStyle" in i ? i.noStyle : !i.rules,
+          shouldUpdate: (f, u, a) => {
+            var m, h;
+            return !!(a && !a.isInner && O(a.field, [n]) && ((m = y(f, n)) == null ? void 0 : m.length) !== ((h = y(u, n)) == null ? void 0 : h.length));
+          },
+          children: (f, u, { value: a, onChange: m }) => {
+            const h = a || [], w = function(e, t) {
+              var d;
+              if (R(e)) {
+                G(
+                  !0,
+                  "Form.List: The event object cannot be used as a parameter of the add method"
+                );
+                return;
+              }
+              const s = ((d = u.getInnerMethods(!0)) == null ? void 0 : d.innerGetFieldValue(n)) || [], o = p.current.id;
+              p.current.id += 1;
+              const r = s || [];
+              let c = r;
+              t !== void 0 && t >= 0 && t <= r.length ? (l.splice(t, 0, o), c = [
+                ...r.slice(0, t),
+                e,
+                ...r.slice(t)
+              ]) : (l.push(o), c = [...r, e]), m(c, {
+                isFormList: !0,
+                ignore: e === void 0
+              });
+            }, _ = function(e) {
+              var o;
+              const s = (((o = u.getInnerMethods(!0)) == null ? void 0 : o.innerGetFieldValue(n)) || []).filter((r, c) => c !== e);
+              l.splice(e, 1), m([...s], { isFormList: !0 });
+            }, $ = function(e, t) {
+              var d;
+              const s = ((d = u.getInnerMethods(!0)) == null ? void 0 : d.innerGetFieldValue(n)) || [];
+              if (e === t || !L(e, s) || !L(t, s))
+                return;
+              const o = l[e];
+              l.splice(e, 1), l.splice(t, 0, o);
+              const r = s[e], c = [...s];
+              c.splice(e, 1), c.splice(t, 0, r), m(c, { isFormList: !0 });
+            };
+            let F;
+            if (M(v)) {
+              const e = h.map((s, o) => {
+                let r = l[o];
+                return r === void 0 && (r = p.current.id, l.push(r), p.current.id += 1), {
+                  ...s,
+                  // 潘启宝添加 2024年 9月 5日 星期四 17时09分53秒 CST
+                  field: `${n}[${o}]`,
+                  key: r
+                };
+              });
+              F = v(e, {
+                add: w,
+                remove: _,
+                move: $
+              });
+            }
+            return F;
+          }
+        }
+      )
+    }
+  );
+};
+U.displayName = "FormList";
+export {
+  U as default
+};

package/form/FormProvider.js

@@ -0,0 +1,48 @@
+import { jsx as F } from "react/jsx-runtime";
+import { forwardRef as a, useRef as d, useCallback as m } from "react";
+import { FormProviderContext as l } from "./context.js";
+const v = (e, R) => {
+  const n = d({}), u = m((r, t) => (r && (n.current[r] = t), () => {
+    delete n.current[r];
+  }), []), i = m(
+    (r, t) => {
+      var o;
+      (o = e.onFormSubmit) == null || o.call(e, r, t, {
+        forms: n.current
+      });
+    },
+    [e.onFormSubmit]
+  ), c = m(
+    (r, t) => {
+      var o;
+      (o = e.onFormReset) == null || o.call(e, r, t, {
+        forms: n.current
+      });
+    },
+    [e.onFormReset]
+  ), f = m(
+    (r, t) => {
+      var o;
+      (o = e.onFormValuesChange) == null || o.call(e, r, t, {
+        forms: n.current
+      });
+    },
+    [e.onFormValuesChange]
+  );
+  return /* @__PURE__ */ F(
+    l.Provider,
+    {
+      value: {
+        onFormValuesChange: f,
+        onFormSubmit: i,
+        onFormReset: c,
+        register: u
+      },
+      children: e.children
+    }
+  );
+}, C = a(v);
+C.displayName = "FormProvider";
+export {
+  C as default
+};

package/form/IconSymbol.js

@@ -0,0 +1,20 @@
+import { jsx as l } from "react/jsx-runtime";
+function o(e) {
+  return /* @__PURE__ */ l(
+    "svg",
+    {
+      width: "1em",
+      height: "1em",
+      "aria-hidden": !0,
+      focusable: !1,
+      fill: "currentColor",
+      stroke: "none",
+      viewBox: "0 0 48 48",
+      ...e,
+      children: /* @__PURE__ */ l("path", { d: "M30.841,46.115l5.864,-2.824l-6.841,-14.205l15.371,3.508l1.449,-6.345l-15.372,-3.509l12.327,-9.83l-4.058,-5.088l-12.327,9.83l0,-15.767l-6.508,0l-0,15.767l-12.327,-9.83l-4.058,5.088l12.327,9.83l-15.372,3.509l1.449,6.345l15.371,-3.508l-6.841,14.205l5.864,2.824l6.841,-14.206l6.841,14.206Z" })
+    }
+  );
+}
+export {
+  o as default
+};

package/form/context.js

@@ -0,0 +1,43 @@
+import { createContext as t } from "react";
+import { N as e } from "../chunk/D0ZWT7db.js";
+const o = t({
+  layout: "horizontal",
+  labelCol: { span: 5, offset: 0 },
+  labelAlign: "right",
+  wrapperCol: { span: 19, offset: 0 },
+  requiredSymbol: !0,
+  getFormElementId: () => "pqb-",
+  store: {
+    clearFields: e,
+    getFieldsValue: e,
+    getFieldValue: e,
+    getFieldError: e,
+    getFieldsError: e,
+    getTouchedFields: e,
+    getFields: e,
+    getInitialValues: e,
+    setInitialValues: e,
+    setInitialValue: e,
+    setFieldValue: e,
+    setFieldsValue: e,
+    setFields: e,
+    resetFields: e,
+    submit: e,
+    validate: e,
+    getFieldsState: e,
+    scrollToField: e,
+    getInnerMethods: () => ({
+      registerField: e,
+      innerGetStore: e,
+      registerStateWatcher: e,
+      registerWatcher: e,
+      innerGetStoreStatus: e
+    })
+  }
+}), i = t({}), s = t({}), a = t({});
+export {
+  o as FormContext,
+  i as FormItemContext,
+  a as FormListContext,
+  s as FormProviderContext
+};

package/form/index.js

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

package/form/interface.js

@@ -0,0 +1,11 @@
+const s = {
+  error: "error",
+  success: "success",
+  warning: "warning",
+  validating: "validating"
+};
+var n = /* @__PURE__ */ ((r) => (r.init = "init", r.error = "error", r.success = "success", r.submitting = "submitting", r))(n || {});
+export {
+  n as SubmitStatus,
+  s as VALIDATE_STATUS
+};

package/form/promisify.js

@@ -0,0 +1,32 @@
+var p = Object.defineProperty;
+var c = (e, t, r) => t in e ? p(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var n = (e, t, r) => c(e, typeof t != "symbol" ? t + "" : t, r);
+import "../chunk/D-TPB2Do.js";
+import m from "lodash/isFunction.js";
+class a extends Error {
+  constructor(r) {
+    super("form validate error, get errors by error.errors");
+    n(this, "errors", {});
+    this.errors = r;
+  }
+}
+function _(e) {
+  return Object.defineProperty((...r) => {
+    if (m(r[r.length - 1]))
+      return e.apply(this, r);
+    {
+      const i = (s, l) => {
+        const u = (o, f) => {
+          if (o)
+            return l(new a(o));
+          s(f);
+        };
+        return r[r.length] = u, r.length++, e.apply(this, r);
+      };
+      return new Promise(i);
+    }
+  }, "name", { value: e.name });
+}
+export {
+  _ as default
+};