@unicom-cloud/ui 0.8.67 → 0.8.69

package/input/Group.js

@@ -0,0 +1,18 @@
+import { jsx as i } from "react/jsx-runtime";
+import f, { useContext as l } from "react";
+import { a as u } from "../chunk/ll867Bf3.js";
+import { m as x } from "../chunk/JPPo5nY_.js";
+const d = f.forwardRef((o, s) => {
+  const { getPrefixCls: r } = l(u), { className: e, style: a, children: m, compact: c, ...p } = o, t = r("input-group"), n = x(
+    t,
+    {
+      [`${t}-compact`]: c
+    },
+    e
+  );
+  return /* @__PURE__ */ i("div", { ref: s, className: n, style: a, ...p, children: m });
+});
+d.displayName = "InputGroup";
+export {
+  d as default
+};

package/input/Input.js

@@ -0,0 +1,688 @@
+import { jsx as c, jsxs as Z, Fragment as We } from "react/jsx-runtime";
+import ie from "lodash/isPlainObject";
+import He from "lodash/isString";
+import Be from "lodash/isUndefined";
+import ue, { useContext as ce, useState as re, useRef as ee, useMemo as le, useImperativeHandle as Ne, useCallback as Fe, useEffect as ye } from "react";
+import { a as fe, I as _e } from "../chunk/ll867Bf3.js";
+import { u as Ee } from "../chunk/BFTV6myl.js";
+import { u as he } from "../chunk/CdaT1b_F.js";
+import { m as O } from "../chunk/JPPo5nY_.js";
+import { contains as Se } from "../utils/dom.js";
+import Ge from "./Group.js";
+import Ke from "./InputElement.js";
+import je from "@unicom-cloud/icons/IconUiDown";
+import qe from "@unicom-cloud/icons/IconUiMinus";
+import Ye from "@unicom-cloud/icons/IconUiPlus";
+import Je from "@unicom-cloud/icons/IconUiUp";
+import Ce from "lodash/isNumber";
+import Qe from "@unicom-cloud/icons/IconUiEye";
+import Xe from "@unicom-cloud/icons/IconUiEyeInvisible";
+import { u as Ze } from "../chunk/XTEsYGuF.js";
+import { o as ve } from "../chunk/BKKEev13.js";
+import et from "@unicom-cloud/icons/IconUiLoading";
+import Ve from "@unicom-cloud/icons/IconUiSearch";
+import tt from "../button/index.js";
+import Re from "../input-tag/InputTag.js";
+import nt from "@unicom-cloud/icons/IconUiClose";
+import { u as rt } from "../chunk/B2yFlXke.js";
+import "../chunk/D-TPB2Do.js";
+import ot from "./autoSizeTextAreaHeight.js";
+import st from "./useComposition.js";
+import Pe from "lodash/isPlainObject.js";
+import { r as at, d as it } from "../chunk/BrOW642m.js";
+import { getDecimal as ne } from "../input-number/decimal.js";
+import lt from "../input-number/useSelectionRange.js";
+const ut = 200, ct = 1e3, ft = {
+  max: 1 / 0,
+  min: -1 / 0,
+  step: 1,
+  mode: "embed",
+  parser: (e) => (e == null ? void 0 : e.replace(/[^\w.-]+/g, "")) || ""
+};
+function dt(e, b) {
+  var we;
+  const {
+    getPrefixCls: y,
+    size: A,
+    componentConfig: P,
+    rtl: L
+  } = ce(fe), n = Ee(
+    e,
+    ft,
+    P == null ? void 0 : P.InputNumber
+  ), {
+    className: C,
+    style: p,
+    defaultValue: D,
+    disabled: v,
+    error: z,
+    readOnly: g,
+    strictMode: T,
+    placeholder: M,
+    hideControl: $,
+    suffix: I,
+    prefix: S,
+    icons: l,
+    mode: d,
+    size: i,
+    step: f,
+    precision: U,
+    min: m,
+    max: k,
+    parser: G,
+    formatter: W,
+    onBlur: w,
+    onFocus: K,
+    onChange: H,
+    onKeyDown: B,
+    ...se
+  } = n, x = y("input-number"), r = i || A, E = (() => {
+    if (Ce(U)) {
+      const t = `${f}`.split(".")[1], u = t && t.length || 0;
+      return Math.max(u, U);
+    }
+    return null;
+  })(), [q, j] = re(() => ne(
+    "value" in n ? n.value : "defaultValue" in n ? D : void 0
+  )), [V, Q] = re(""), [te, Y] = re(!1), [J, F] = re(!1), a = ee(null), o = ee(null), h = ee(!1), s = le(() => "value" in n ? ne(n.value) : q, [n.value, q]), [_, X] = le(() => [ne(k), ne(m)], [k, m]);
+  Ne(b, () => o.current, []);
+  const de = (t, u) => {
+    if (j(t), !t.equals(s) && H) {
+      const N = t.toString({
+        safe: !0,
+        precision: E
+      });
+      H(
+        t.isEmpty ? void 0 : T ? N : t.isNaN ? NaN : Number(N),
+        u
+      );
+    }
+  }, me = () => {
+    a.current && clearTimeout(a.current), a.current = null;
+  }, ae = Fe(
+    (t) => {
+      let u = t;
+      return u.less(X) ? u = X : _.less(u) && (u = _), u;
+    },
+    [X, _]
+  );
+  ye(() => () => me(), []), ye(() => {
+    h.current = !1;
+  }, [n.value]), ye(() => {
+    const t = s.less(X) || _.less(s);
+    t && h.current && de(ae(s), "outOfRange"), Y(t);
+  }, [X, _, s, ae]);
+  const xe = (t, u, N = !1) => {
+    if (t.persist(), t.preventDefault(), F(!1), v || g)
+      return;
+    const Oe = s.isInvalid ? ne(m === -1 / 0 || m <= 0 && k >= 0 ? 0 : m) : s.add(u === "plus" ? f : -f);
+    if (de(
+      ae(Oe),
+      u === "plus" ? "increase" : "decrease"
+    ), o.current && o.current.focus(), N) {
+      const ze = a.current === null;
+      a.current = setTimeout(
+        () => t.target.dispatchEvent(t.nativeEvent),
+        ze ? ct : ut
+      );
+    }
+  }, $e = le(() => {
+    let t;
+    return J ? t = G ? `${G(V)}` : V : Ce(E) ? t = s.toString({ safe: !0, precision: E }) : s.isInvalid ? t = "" : t = s.toString(), W ? W(t, { userTyping: J, input: V }) : t;
+  }, [s, V, J, E, G, W]), Te = lt({
+    inputElement: (we = o.current) == null ? void 0 : we.dom,
+    inputValue: $e
+  }), Me = {
+    onChange: (t, u) => {
+      F(!0), t = t.trim().replace(/。/g, ".");
+      const N = G ? G(t) : t;
+      (Ce(+N) || N === "-" || !N || N === ".") && (Q(t), de(ae(ne(N)), "manual"), Te(u));
+    },
+    onKeyDown: (t) => {
+      const u = t.key;
+      u === at.key ? (t.stopPropagation(), xe(t, "minus")) : u === it.key && (t.stopPropagation(), xe(t, "plus")), me(), B == null || B(t);
+    },
+    onFocus: (t) => {
+      var u, N;
+      h.current = !0, Q((N = (u = o.current) == null ? void 0 : u.dom) == null ? void 0 : N.value), K == null || K(t);
+    },
+    onBlur: (t) => {
+      de(ae(s), "outOfRange"), F(!1), w == null || w(t);
+    }
+  }, Ue = (t) => g ? {} : {
+    onMouseDown: (u) => xe(u, t, !0)
+  }, Ie = !$ && d === "button", ke = !$ && !g && d === "embed", pe = (t, u) => {
+    const N = !v && (s.isInvalid || (t === "plus" ? _.isInvalid || s.less(_) : X.isInvalid || X.less(s)));
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        className: O(`${x}-step-button`, {
+          [`${x}-step-button-disabled`]: !N
+        }),
+        onMouseLeave: me,
+        onMouseUp: me,
+        ...N ? Ue(t) : {},
+        children: u
+      }
+    );
+  };
+  return /* @__PURE__ */ c(
+    R,
+    {
+      _ignorePropsFromGlobal: !0,
+      role: "spinbutton",
+      "aria-valuemax": k,
+      "aria-valuemin": m,
+      "aria-valuenow": s.isEmpty ? void 0 : s.toNumber(),
+      ...ve(se, ["allowClear"]),
+      ...Me,
+      style: p,
+      className: O(
+        x,
+        `${x}-mode-${d}`,
+        `${x}-size-${r}`,
+        {
+          [`${x}-rtl`]: L,
+          [`${x}-readonly`]: g,
+          [`${x}-illegal-value`]: !s.isEmpty && te
+        },
+        C
+      ),
+      ref: o,
+      size: r,
+      error: z,
+      disabled: v,
+      readOnly: g,
+      value: $e,
+      placeholder: M,
+      prefix: S && /* @__PURE__ */ c("div", { className: `${x}-prefix`, children: S }),
+      suffix: /* @__PURE__ */ Z(We, { children: [
+        ke && /* @__PURE__ */ Z("div", { className: `${x}-step-layer`, children: [
+          pe(
+            "plus",
+            l && l.up ? l.up : /* @__PURE__ */ c(Je, {})
+          ),
+          pe(
+            "minus",
+            l && l.down ? l.down : /* @__PURE__ */ c(je, {})
+          )
+        ] }),
+        I && /* @__PURE__ */ c("div", { className: `${x}-suffix`, children: I })
+      ] }),
+      addBefore: Ie && pe(
+        "minus",
+        l && l.minus ? l.minus : /* @__PURE__ */ c(qe, {})
+      ),
+      addAfter: Ie && pe(
+        "plus",
+        l && l.plus ? l.plus : /* @__PURE__ */ c(Ye, {})
+      )
+    }
+  );
+}
+const be = ue.forwardRef(
+  dt
+);
+be.displayName = "InputNumber";
+const Ae = ue.forwardRef(
+  (e, b) => {
+    const [y, A] = he(!1, {
+      defaultValue: e.defaultVisibility,
+      value: e.visibility
+    }), { getPrefixCls: P } = ce(fe), L = Ze(), {
+      className: n,
+      visibilityToggle: C = !0,
+      onVisibilityChange: p,
+      ...D
+    } = e, v = P("input-password"), z = O(
+      v,
+      {
+        [`${v}-visibility`]: C
+      },
+      n
+    ), g = ($) => {
+      "visibility" in e || A($), p == null || p($);
+    };
+    let T = e.suffix;
+    const M = () => {
+      g(!y);
+    };
+    if (C) {
+      const $ = {
+        onClick: M,
+        // 预防focus丢失
+        onMouseDown: (I) => I.preventDefault(),
+        onMouseUp: (I) => I.preventDefault(),
+        ...L({
+          onPressEnter: M
+        })
+      };
+      e.suffix ? T = /* @__PURE__ */ c("span", { ...$, children: e.suffix }) : T = /* @__PURE__ */ c(
+        y ? Qe : Xe,
+        {
+          ...$,
+          focusable: void 0,
+          "aria-hidden": void 0,
+          // tabIndex: 0,
+          className: `${v}-visibility-icon`
+        }
+      );
+    }
+    return /* @__PURE__ */ c(
+      R,
+      {
+        ...ve(D, ["visibility", "defaultVisibility"]),
+        type: y ? "text" : "password",
+        className: z,
+        ref: b,
+        suffix: T
+      }
+    );
+  }
+);
+Ae.displayName = "Password";
+const Le = ue.forwardRef(
+  (e, b) => {
+    const { getPrefixCls: y } = ce(fe), {
+      className: A,
+      style: P,
+      placeholder: L,
+      disabled: n,
+      searchButton: C,
+      loading: p,
+      defaultValue: D,
+      addAfter: v,
+      suffix: z,
+      ...g
+    } = e, T = ie(e.maxLength) ? e.maxLength.length : e.maxLength, M = ie(e.maxLength) && e.maxLength.errorOnly ? void 0 : T, [$, I] = he("", {
+      defaultValue: "defaultValue" in e ? oe(e.defaultValue, M) : void 0,
+      value: "value" in e ? oe(e.value, M) : void 0
+    }), S = y("input-search"), l = O(
+      S,
+      {
+        [`${S}-button`]: C
+      },
+      A
+    ), d = () => {
+      var i;
+      !n && ((i = e.onSearch) == null || i.call(e, $));
+    };
+    return /* @__PURE__ */ c(
+      R,
+      {
+        ...ve(g, ["onSearch"]),
+        disabled: n,
+        className: l,
+        style: P,
+        ref: b,
+        placeholder: L,
+        addAfter: v !== void 0 ? v : C ? /* @__PURE__ */ c(
+          tt,
+          {
+            disabled: n,
+            size: g.size,
+            className: `${S}-btn`,
+            type: "primary",
+            onClick: d,
+            loading: p,
+            loadingFixedWidth: !0,
+            icon: C === !0 && !p && /* @__PURE__ */ c(Ve, {}),
+            ...e == null ? void 0 : e.searchButtonProps,
+            children: C !== !0 && C
+          }
+        ) : null,
+        suffix: z !== void 0 ? z : !C && (p ? /* @__PURE__ */ c(et, {}) : /* @__PURE__ */ c(Ve, { onClick: d })),
+        onChange: (i, f) => {
+          var U;
+          I(i), (U = e.onChange) == null || U.call(e, i, f);
+        },
+        defaultValue: D,
+        onPressEnter: (i) => {
+          var f;
+          d(), (f = e.onPressEnter) == null || f.call(e, i);
+        }
+      }
+    );
+  }
+);
+Le.displayName = "Search";
+const mt = (e, b) => {
+  const {
+    className: y,
+    style: A,
+    wrapperStyle: P,
+    placeholder: L,
+    disabled: n,
+    error: C,
+    maxLength: p,
+    showWordLimit: D,
+    allowClear: v,
+    onChange: z,
+    onClear: g,
+    onKeyDown: T,
+    onPressEnter: M,
+    status: $,
+    clearIcon: I,
+    ...S
+  } = e, l = Pe(p) ? p.length : p, d = Pe(p) ? p.errorOnly ? void 0 : p.length : p, i = ee(), [f, U] = re({}), [m, k] = he("", {
+    defaultValue: "defaultValue" in e ? oe(e.defaultValue, d) : void 0,
+    value: "value" in e ? oe(e.value, d) : void 0
+  }), {
+    compositionValue: G,
+    compositionHandler: W,
+    valueChangeHandler: w,
+    keyDownHandler: K,
+    triggerValueChangeCallback: H
+  } = st({
+    value: m,
+    maxLength: d,
+    onChange: z,
+    onKeyDown: T,
+    onPressEnter: M,
+    beforeTriggerValueChangeCallback: (a) => {
+      !("value" in e) && (d === void 0 || a.length <= d) && k(a);
+    }
+  }), B = G || m || "", { getPrefixCls: se, rtl: x } = ce(fe), r = se("textarea");
+  n && (f.resize = "none");
+  const E = () => {
+    if (i.current && i.current.focus) {
+      if (i.current.setSelectionRange) {
+        const a = i.current.textContent.length;
+        i.current.setSelectionRange(a, a);
+      }
+      i.current.focus();
+    }
+  }, q = () => {
+    const a = ot(
+      e.autoSize,
+      i.current
+    );
+    a && U(a);
+  }, j = (a) => {
+    a.stopPropagation(), E(), H("", a), g == null || g();
+  };
+  rt(() => {
+    q();
+  }, [B]), Ne(
+    b,
+    () => ({
+      dom: i.current,
+      focus: () => {
+        E();
+      },
+      blur: () => {
+        var a, o;
+        (o = (a = i.current) == null ? void 0 : a.blur) == null || o.call(a);
+      },
+      getRootDOMNode: () => i.current
+    }),
+    []
+  );
+  const V = m ? m.length : 0, Q = l && D || v, te = le(() => !d && l ? V > l : !1, [V, l, d]), Y = $ || (C || te ? "error" : void 0), J = O(
+    r,
+    {
+      [`${r}-${Y}`]: Y,
+      // [`${prefixCls}-error`]: error || lengthError || status === 'error',
+      [`${r}-disabled`]: n,
+      [`${r}-rtl`]: x
+    },
+    y
+  ), F = /* @__PURE__ */ c(
+    "textarea",
+    {
+      ...ve(S, ["autoSize", "defaultValue"]),
+      maxLength: d,
+      ref: i,
+      style: { ...A, ...f },
+      className: J,
+      placeholder: L,
+      disabled: n,
+      value: B,
+      onChange: w,
+      onKeyDown: K,
+      onCompositionStart: W,
+      onCompositionUpdate: W,
+      onCompositionEnd: W
+    }
+  );
+  if (Q) {
+    const a = !n && v && m, [o, h] = x ? [l, V] : [V, l];
+    return /* @__PURE__ */ Z(
+      "div",
+      {
+        className: O(`${r}-wrapper`, {
+          [`${r}-clear-wrapper`]: v,
+          [`${r}-wrapper-rtl`]: x
+        }),
+        style: P,
+        children: [
+          F,
+          a ? I !== void 0 ? /* @__PURE__ */ c(
+            "span",
+            {
+              className: `${r}-clear-icon`,
+              onClick: j,
+              onMouseDown: (s) => {
+                s.preventDefault();
+              },
+              children: I
+            }
+          ) : /* @__PURE__ */ c(_e, { className: `${r}-clear-icon`, children: /* @__PURE__ */ c(
+            nt,
+            {
+              onClick: j,
+              onMouseDown: (s) => {
+                s.preventDefault();
+              }
+            }
+          ) }) : null,
+          l && D && /* @__PURE__ */ Z(
+            "span",
+            {
+              className: O(`${r}-word-limit`, {
+                [`${r}-word-limit-error`]: te
+              }),
+              children: [
+                o,
+                "/",
+                h
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+  return F;
+}, De = ue.forwardRef(mt);
+De.displayName = "TextArea";
+const pt = (e) => {
+  e.target.tagName !== "INPUT" && e.preventDefault();
+}, ge = (e, b, y = {}, A) => b ? /* @__PURE__ */ c("span", { style: y, className: e, onClick: A, children: b }) : null;
+function oe(e, b) {
+  const y = e !== null && !Be(e) && !He(e) ? String(e) : e || "";
+  return b ? y.slice(0, b) : y;
+}
+function gt(e, b) {
+  const {
+    getPrefixCls: y,
+    size: A,
+    componentConfig: P,
+    rtl: L
+  } = ce(fe), n = Ee(
+    e,
+    {},
+    P == null ? void 0 : P.Input
+  ), {
+    className: C,
+    style: p,
+    addBefore: D,
+    addAfter: v,
+    suffix: z,
+    prefix: g,
+    beforeStyle: T,
+    afterStyle: M,
+    height: $,
+    disabled: I,
+    maxLength: S,
+    showWordLimit: l,
+    allowClear: d,
+    autoWidth: i
+  } = n, f = i ? {
+    minWidth: 0,
+    maxWidth: "100%",
+    ...ie(i) ? i : {}
+  } : null, U = {
+    minWidth: f == null ? void 0 : f.minWidth,
+    maxWidth: f == null ? void 0 : f.maxWidth,
+    width: f && "auto",
+    ...p
+  }, m = ie(S) ? S.length : S, k = ie(S) && S.errorOnly ? void 0 : m, [G, W] = re(!1), w = ee(), K = ee(), H = ee(), [B, se] = he("", {
+    defaultValue: "defaultValue" in n ? oe(n.defaultValue, k) : void 0,
+    value: "value" in n ? oe(n.value, k) : void 0
+  });
+  Ne(
+    b,
+    () => {
+      var o, h, s;
+      return {
+        focus: (o = w.current) == null ? void 0 : o.focus,
+        blur: (h = w.current) == null ? void 0 : h.blur,
+        dom: (s = w.current) == null ? void 0 : s.dom,
+        // 保持之前逻辑
+        getRootDOMNode: () => {
+          var _;
+          return K.current || ((_ = w.current) == null ? void 0 : _.dom);
+        }
+      };
+    },
+    []
+  );
+  const x = (o, h) => {
+    var s;
+    "value" in n || se(o), (s = n.onChange) == null || s.call(n, o, h);
+  }, r = y("input"), E = n.size || A, q = "height" in n;
+  let j = z;
+  const V = B ? B.length : 0, Q = le(() => !k && m ? V > m : !1, [V, m, k]);
+  if (m && l) {
+    const [o, h] = L ? [m, V] : [V, m];
+    j = /* @__PURE__ */ Z(
+      "span",
+      {
+        className: O(`${r}-word-limit`, {
+          [`${r}-word-limit-error`]: Q
+        }),
+        children: [
+          o,
+          "/",
+          h
+        ]
+      }
+    );
+  }
+  const te = O(
+    `${r}-group-wrapper`,
+    `${r}-group-wrapper-${E}`,
+    {
+      [`${r}-custom-height`]: q,
+      [`${r}-has-suffix`]: j,
+      [`${r}-group-wrapper-disabled`]: I,
+      [`${r}-group-wrapper-rtl`]: L,
+      [`${r}-group-wrapper-autowidth`]: f
+    },
+    C
+  ), Y = n.status || (n.error || Q ? "error" : void 0), J = D || v || j || g, F = /* @__PURE__ */ c(
+    Ke,
+    {
+      ref: w,
+      ...n,
+      autoFitWidth: !!f,
+      style: U,
+      status: Y,
+      onFocus: (o) => {
+        var h;
+        W(!0), (h = n.onFocus) == null || h.call(n, o);
+      },
+      onBlur: (o) => {
+        var h;
+        W(!1), (h = n.onBlur) == null || h.call(n, o);
+      },
+      onChange: x,
+      prefixCls: r,
+      value: B,
+      hasParent: !!J || d,
+      size: E
+    }
+  ), a = O(`${r}-inner-wrapper`, {
+    [`${r}-inner-wrapper-${Y}`]: Y,
+    [`${r}-inner-wrapper-disabled`]: I,
+    [`${r}-inner-wrapper-focus`]: G,
+    [`${r}-inner-wrapper-has-prefix`]: g,
+    [`${r}-inner-wrapper-${E}`]: E,
+    [`${r}-clear-wrapper`]: d,
+    [`${r}-inner-wrapper-rtl`]: L
+  });
+  return J ? /* @__PURE__ */ c(
+    "div",
+    {
+      ref: K,
+      className: te,
+      style: { ...U, ...q ? { height: $ } : {} },
+      children: /* @__PURE__ */ Z("span", { className: `${r}-group`, children: [
+        ge(`${r}-group-addbefore`, D, T),
+        /* @__PURE__ */ Z(
+          "span",
+          {
+            className: a,
+            ref: H,
+            onMouseDown: (o) => {
+              o.target.tagName !== "INPUT" && H.current && Se(H.current, o.target) && o.preventDefault();
+            },
+            onClick: (o) => {
+              H.current && Se(H.current, o.target) && w.current && w.current.focus();
+            },
+            children: [
+              ge(`${r}-group-prefix`, g),
+              F,
+              ge(`${r}-group-suffix`, j)
+            ]
+          }
+        ),
+        ge(`${r}-group-addafter`, v, M)
+      ] })
+    }
+  ) : d ? /* @__PURE__ */ c(
+    "span",
+    {
+      ref: K,
+      className: O(C, a),
+      style: { ...U, ...q ? { height: $ } : {} },
+      onMouseDown: pt,
+      onClick: () => {
+        w.current && w.current.focus();
+      },
+      children: F
+    }
+  ) : F;
+}
+const R = ue.forwardRef(gt);
+R.displayName = "Input";
+R.Search = Le;
+R.TextArea = De;
+R.Password = Ae;
+R.Number = be;
+R.InputNumber = be;
+R.Tag = Re;
+R.InputTag = Re;
+R.Group = Ge;
+export {
+  Ge as InputGroup,
+  be as InputNumber,
+  Ae as InputPassword,
+  Le as InputSearch,
+  Re as InputTag,
+  De as InputTextArea,
+  De as TextArea,
+  R as default,
+  oe as formatValue
+};