@unicom-cloud/ui 0.8.90 → 0.8.91

package/input/InputElement.js

@@ -1,20 +1,20 @@
 import { jsxs as K, Fragment as L, jsx as c } from "react/jsx-runtime";
 import Y from "@unicom-cloud/icons/IconUiClose";
 import Z from "lodash/isFunction";
-import _, { useState as ee, useRef as I, useImperativeHandle as te, useEffect as O } from "react";
-import { u as oe } from "../chunk/BYdIoY50.js";
-import { I as ne } from "../chunk/B44Hj5ad.js";
+import _, { useState as ee, useRef as S, useImperativeHandle as te, useEffect as O } from "react";
+import ne from "../components/common/hooks/useKeyboardEvent.js";
+import oe from "../icon-hover/index.js";
 import k from "@unicom-cloud/utils/class-name";
-import { f as re } from "../chunk/CftuXmo_.js";
-import "../chunk/ClM74To2.js";
-import { o as ie } from "../chunk/BKKEev13.js";
-import { r as ae } from "../chunk/CIRG541s.js";
+import { fillNBSP as re } from "../components/common/utils/fillNBSP.js";
+import "../components/common/utils/is.js";
+import { omit as ie } from "../components/common/utils/omit.js";
+import { resizeObserverEffect as ae } from "../components/common/utils/resizeObserverEffect.js";
 import se from "./useComposition.js";
 import { isPlainObject as h } from "@unicom-cloud/utils/is";
-const le = 2, ue = (o) => {
-  if (!o)
+const le = 2, ue = (n) => {
+  if (!n)
     return {};
-  const g = window.getComputedStyle(o);
+  const g = window.getComputedStyle(n);
   return [
     "font",
     "letterSpacing",
@@ -32,19 +32,19 @@ const le = 2, ue = (o) => {
     "boxSizing"
   ].reduce((l, d) => (l[d] = g[d], l), {});
 }, ce = _.forwardRef(
-  (o, g) => {
+  (n, g) => {
     const {
       allowClear: y,
       disabled: l,
       placeholder: d,
       className: M,
-      style: S,
+      style: I,
       height: z,
       prefixCls: a,
       hasParent: C,
       size: W,
       value: v,
-      autoFitWidth: n,
+      autoFitWidth: o,
       onClear: x,
       readOnly: N,
       onChange: T,
@@ -53,7 +53,7 @@ const le = 2, ue = (o) => {
       maxLength: m,
       clearIcon: P,
       ...i
-    } = o, V = ie(i, [
+    } = n, V = ie(i, [
       "error",
       "status",
       "showWordLimit",
@@ -68,10 +68,10 @@ const le = 2, ue = (o) => {
       "normalize",
       "normalizeTrigger",
       "autoWidth"
-    ]), [$, A] = ee(), E = oe(), r = I(), u = I(), D = I(null), B = h(m) ? m.errorOnly ? void 0 : m.length : m, R = (e) => {
+    ]), [$, A] = ee(), E = ne(), r = S(), u = S(), D = S(null), B = h(m) ? m.errorOnly ? void 0 : m.length : m, R = (e) => {
       let t;
-      const s = o.normalizeTrigger || ["onBlur"];
-      return Array.isArray(s) && s.indexOf(e) > -1 && Z(o.normalize) && (t = o.normalize), t;
+      const s = n.normalizeTrigger || ["onBlur"];
+      return Array.isArray(s) && s.indexOf(e) > -1 && Z(n.normalize) && (t = n.normalize), t;
     }, {
       compositionValue: U,
       valueChangeHandler: q,
@@ -89,13 +89,13 @@ const le = 2, ue = (o) => {
       a,
       a && {
         [`${a}-size-${W}`]: W,
-        [`${a}-${o.status}`]: o.status,
+        [`${a}-${n.status}`]: n.status,
         [`${a}-disabled`]: l,
-        [`${a}-autowidth`]: n
+        [`${a}-autowidth`]: o
       },
       C ? void 0 : M
     ), w = {
-      "aria-invalid": o.status === "error" || void 0,
+      "aria-invalid": n.status === "error" || void 0,
       ...V,
       readOnly: N,
       maxLength: B,
@@ -119,7 +119,7 @@ const le = 2, ue = (o) => {
       },
       onBlur: (e) => {
         var s;
-        (s = o.onBlur) == null || s.call(o, e);
+        (s = n.onBlur) == null || s.call(n, e);
         const t = R("onBlur");
         t && H(t(e.target.value), e);
       }
@@ -143,16 +143,16 @@ const le = 2, ue = (o) => {
       }
     };
     O(() => {
-      n && ((!h(n) || !n.pure) && A(ue(r.current)), f());
-    }, [n]);
+      o && ((!h(o) || !o.pure) && A(ue(r.current)), f());
+    }, [o]);
     const Q = w.value || d, p = (e) => {
       r.current && r.current.focus && r.current.focus(), H("", e), x == null || x();
     };
     function X() {
       var t;
       const e = (t = u.current) == null ? void 0 : t.offsetWidth;
-      if (typeof n == "object") {
-        const s = typeof n.delay == "function" ? n.delay(e, D.current) : n.delay;
+      if (typeof o == "object") {
+        const s = typeof o.delay == "function" ? o.delay(e, D.current) : o.delay;
         s ? setTimeout(f, s) : f();
       } else
         f();
@@ -181,7 +181,7 @@ const le = 2, ue = (o) => {
             children: P
           }
         ) : /* @__PURE__ */ c(
-          ne,
+          oe,
           {
             tabIndex: 0,
             className: `${a}-clear-icon`,
@@ -205,21 +205,21 @@ const le = 2, ue = (o) => {
           ref: r,
           ...w,
           style: C ? {} : {
-            minWidth: h(n) ? n.minWidth : void 0,
-            maxWidth: h(n) ? n.maxWidth : void 0,
-            ...S,
-            ..."height" in o ? { height: z } : {}
+            minWidth: h(o) ? o.minWidth : void 0,
+            maxWidth: h(o) ? o.maxWidth : void 0,
+            ...I,
+            ..."height" in n ? { height: z } : {}
           }
         }
       ),
-      n && /* @__PURE__ */ c(
+      o && /* @__PURE__ */ c(
         "span",
         {
           className: k(`${a}-mirror`),
           style: C ? $ : {
             ...$,
-            ...S,
-            ..."height" in o ? { height: z } : {}
+            ...I,
+            ..."height" in n ? { height: z } : {}
           },
           ref: u,
           children: re(Q)

package/input/Number.js

@@ -1,4 +1,4 @@
-import { InputNumber as e } from "./Input.js";
+import t from "../input-number/index.js";
 export {
-  e as default
+  t as default
 };

package/input/Password.js

@@ -1,13 +1,71 @@
-import "react/jsx-runtime";
-import "@unicom-cloud/icons/IconUiEye";
-import "@unicom-cloud/icons/IconUiEyeInvisible";
-import "react";
-import "../chunk/B44Hj5ad.js";
-import "../chunk/BYdIoY50.js";
-import "../chunk/D5wldVRB.js";
-import "@unicom-cloud/utils/class-name";
-import "../chunk/BKKEev13.js";
-import { InputPassword as u } from "./Input.js";
+import { jsx as r } from "react/jsx-runtime";
+import x from "@unicom-cloud/icons/IconUiEye";
+import C from "@unicom-cloud/icons/IconUiEyeInvisible";
+import I, { useContext as N } from "react";
+import "../config-provider/ConfigProvider.js";
+import w from "../components/common/hooks/useKeyboardEvent.js";
+import V from "../components/common/hooks/useMergeValue.js";
+import E from "@unicom-cloud/utils/class-name";
+import { omit as g } from "../components/common/utils/omit.js";
+import k from "./Input.js";
+import D from "../config-provider/context.js";
+const M = I.forwardRef(
+  (i, c) => {
+    const [s, u] = V(!1, {
+      defaultValue: i.defaultVisibility,
+      value: i.visibility
+    }), { getPrefixCls: e } = N(D), d = w(), {
+      className: y,
+      visibilityToggle: f = !0,
+      onVisibilityChange: n,
+      ...b
+    } = i, l = e == null ? void 0 : e("input-password"), p = E(
+      l,
+      {
+        [`${l}-visibility`]: f
+      },
+      y
+    ), v = (t) => {
+      "visibility" in i || u(t), n == null || n(t);
+    };
+    let a = i.suffix;
+    const m = () => {
+      v(!s);
+    };
+    if (f) {
+      const t = {
+        onClick: m,
+        // 预防focus丢失
+        onMouseDown: (o) => o.preventDefault(),
+        onMouseUp: (o) => o.preventDefault(),
+        ...d({
+          onPressEnter: m
+        })
+      };
+      i.suffix ? a = /* @__PURE__ */ r("span", { ...t, children: i.suffix }) : a = /* @__PURE__ */ r(
+        s ? x : C,
+        {
+          ...t,
+          focusable: void 0,
+          "aria-hidden": void 0,
+          // tabIndex: 0,
+          className: `${l}-visibility-icon`
+        }
+      );
+    }
+    return /* @__PURE__ */ r(
+      k,
+      {
+        ...g(b, ["visibility", "defaultVisibility"]),
+        type: s ? "text" : "password",
+        className: p,
+        ref: c,
+        suffix: a
+      }
+    );
+  }
+);
+M.displayName = "Password";
 export {
-  u as default
+  M as default
 };

package/input/Search.js

@@ -1,13 +1,70 @@
-import "react/jsx-runtime";
-import "@unicom-cloud/icons/IconUiLoading";
-import "@unicom-cloud/icons/IconUiSearch";
-import "lodash/isPlainObject";
-import "react";
-import "../chunk/B44Hj5ad.js";
-import "../chunk/D5wldVRB.js";
-import "@unicom-cloud/utils/class-name";
-import "../chunk/BKKEev13.js";
-import { InputSearch as d } from "./Input.js";
+import { jsx as i } from "react/jsx-runtime";
+import k from "@unicom-cloud/icons/IconUiLoading";
+import g from "@unicom-cloud/icons/IconUiSearch";
+import x from "lodash/isPlainObject";
+import M, { useContext as $ } from "react";
+import "../config-provider/ConfigProvider.js";
+import j from "../components/common/hooks/useMergeValue.js";
+import y from "@unicom-cloud/utils/class-name";
+import { omit as A } from "../components/common/utils/omit.js";
+import B from "./Button.js";
+import { formatValue as s } from "./Input.js";
+import E from "../config-provider/context.js";
+const I = M.forwardRef(
+  (e, C) => {
+    const { getPrefixCls: l } = $(E), {
+      className: L,
+      disabled: r,
+      searchButton: n,
+      loading: o,
+      addAfter: v,
+      suffix: u,
+      buttonProps: m,
+      ...N
+    } = e, c = l == null ? void 0 : l("input-search"), S = x(e.maxLength) ? e.maxLength.length : e.maxLength, d = x(e.maxLength) && e.maxLength.errorOnly ? void 0 : S, [V, b] = j("", {
+      defaultValue: "defaultValue" in e ? s(e.defaultValue, d) : void 0,
+      value: "value" in e ? s(e.value, d) : void 0
+    }), f = () => {
+      var t;
+      r || (t = e.onSearch) == null || t.call(e, V);
+    };
+    return /* @__PURE__ */ i(
+      B,
+      {
+        ...A(N, ["onSearch"]),
+        disabled: r,
+        className: y(
+          c,
+          n && `${c}-button`,
+          L
+        ),
+        ref: C,
+        label: n !== !0 && n,
+        addAfter: n ? v : null,
+        suffix: u === void 0 ? n ? null : o ? /* @__PURE__ */ i(k, {}) : /* @__PURE__ */ i(g, { onClick: f }) : u,
+        buttonProps: {
+          className: `${c}-btn`,
+          loading: o,
+          icon: n === !0 && !o && /* @__PURE__ */ i(g, {}),
+          ...m,
+          onClick(t) {
+            var a;
+            f(), (a = m == null ? void 0 : m.onClick) == null || a.call(m, t);
+          }
+        },
+        onChange: (t, a) => {
+          var h;
+          b(t), (h = e.onChange) == null || h.call(e, t, a);
+        },
+        onPressEnter: (t) => {
+          var a;
+          f(), (a = e.onPressEnter) == null || a.call(e, t);
+        }
+      }
+    );
+  }
+);
+I.displayName = "Search";
 export {
-  d as default
+  I as default
 };

package/input/Textarea.js

@@ -1,16 +1,168 @@
-import "react/jsx-runtime";
-import "@unicom-cloud/icons/IconUiClose";
-import "react";
-import "../chunk/B44Hj5ad.js";
-import "../chunk/B2yFlXke.js";
-import "../chunk/D5wldVRB.js";
-import "@unicom-cloud/utils/class-name";
-import "../chunk/ClM74To2.js";
-import "../chunk/BKKEev13.js";
-import { InputTextArea as s } from "./Input.js";
-import "./autoSizeTextAreaHeight.js";
-import "./useComposition.js";
-import "@unicom-cloud/utils/is";
+import { jsx as m, jsxs as A } from "react/jsx-runtime";
+import Z from "@unicom-cloud/icons/IconUiClose";
+import _, { useRef as ee, useState as te, useContext as oe, useImperativeHandle as re, useMemo as ne } from "react";
+import "../config-provider/ConfigProvider.js";
+import ae from "../components/common/hooks/useIsomorphicLayoutEffect.js";
+import le from "../components/common/hooks/useMergeValue.js";
+import se from "../icon-hover/index.js";
+import C from "@unicom-cloud/utils/class-name";
+import "../components/common/utils/is.js";
+import { omit as ie } from "../components/common/utils/omit.js";
+import { formatValue as L } from "./Input.js";
+import ce from "./autoSizeTextAreaHeight.js";
+import ue from "./useComposition.js";
+import me from "../config-provider/context.js";
+import { isPlainObject as T } from "@unicom-cloud/utils/is";
+const fe = (n, H) => {
+  const {
+    className: M,
+    style: R,
+    wrapperStyle: k,
+    placeholder: I,
+    disabled: i,
+    error: z,
+    maxLength: a,
+    showWordLimit: v,
+    allowClear: f,
+    onChange: E,
+    onClear: d,
+    onKeyDown: W,
+    onPressEnter: j,
+    status: O,
+    clearIcon: w,
+    ...P
+  } = n, l = T(a) ? a.length : a, r = T(a) ? a.errorOnly ? void 0 : a.length : a, t = ee(), [y, K] = te({}), [s, U] = le("", {
+    defaultValue: "defaultValue" in n ? L(n.defaultValue, r) : void 0,
+    value: "value" in n ? L(n.value, r) : void 0
+  }), {
+    compositionValue: F,
+    compositionHandler: p,
+    valueChangeHandler: q,
+    keyDownHandler: B,
+    triggerValueChangeCallback: G
+  } = ue({
+    value: s,
+    maxLength: r,
+    onChange: E,
+    onKeyDown: W,
+    onPressEnter: j,
+    beforeTriggerValueChangeCallback: (e) => {
+      !("value" in n) && (r === void 0 || e.length <= r) && U(e);
+    }
+  }), S = F || s || "", { getPrefixCls: h, rtl: g } = oe(me), o = h == null ? void 0 : h("textarea");
+  i && (y.resize = "none");
+  const $ = () => {
+    if (t.current && t.current.focus) {
+      if (t.current.setSelectionRange) {
+        const e = t.current.textContent.length;
+        t.current.setSelectionRange(e, e);
+      }
+      t.current.focus();
+    }
+  }, J = () => {
+    const e = ce(
+      n.autoSize,
+      t.current
+    );
+    e && K(e);
+  }, N = (e) => {
+    e.stopPropagation(), $(), G("", e), d == null || d();
+  };
+  ae(() => {
+    J();
+  }, [S]), re(
+    H,
+    () => ({
+      dom: t.current,
+      focus: () => {
+        $();
+      },
+      blur: () => {
+        var e, u;
+        (u = (e = t.current) == null ? void 0 : e.blur) == null || u.call(e);
+      },
+      getRootDOMNode: () => t.current
+    }),
+    []
+  );
+  const c = s ? s.length : 0, Q = l && v || f, V = ne(() => !r && l ? c > l : !1, [c, l, r]), D = O || (z || V ? "error" : void 0), X = C(
+    o,
+    {
+      [`${o}-${D}`]: D,
+      // [`${prefixCls}-error`]: error || lengthError || status === 'error',
+      [`${o}-disabled`]: i,
+      [`${o}-rtl`]: g
+    },
+    M
+  ), b = /* @__PURE__ */ m(
+    "textarea",
+    {
+      ...ie(P, ["autoSize", "defaultValue"]),
+      maxLength: r,
+      ref: t,
+      style: { ...R, ...y },
+      className: X,
+      placeholder: I,
+      disabled: i,
+      value: S,
+      onChange: q,
+      onKeyDown: B,
+      onCompositionStart: p,
+      onCompositionUpdate: p,
+      onCompositionEnd: p
+    }
+  );
+  if (Q) {
+    const e = !i && f && s, [u, Y] = g ? [l, c] : [c, l];
+    return /* @__PURE__ */ A(
+      "div",
+      {
+        className: C(`${o}-wrapper`, {
+          [`${o}-clear-wrapper`]: f,
+          [`${o}-wrapper-rtl`]: g
+        }),
+        style: k,
+        children: [
+          b,
+          e ? w !== void 0 ? /* @__PURE__ */ m(
+            "span",
+            {
+              className: `${o}-clear-icon`,
+              onClick: N,
+              onMouseDown: (x) => {
+                x.preventDefault();
+              },
+              children: w
+            }
+          ) : /* @__PURE__ */ m(se, { className: `${o}-clear-icon`, children: /* @__PURE__ */ m(
+            Z,
+            {
+              onClick: N,
+              onMouseDown: (x) => {
+                x.preventDefault();
+              }
+            }
+          ) }) : null,
+          l && v && /* @__PURE__ */ A(
+            "span",
+            {
+              className: C(`${o}-word-limit`, {
+                [`${o}-word-limit-error`]: V
+              }),
+              children: [
+                u,
+                "/",
+                Y
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+  return b;
+}, de = _.forwardRef(fe);
+de.displayName = "TextArea";
 export {
-  s as default
+  de as default
 };

package/input/index.js

@@ -1,15 +1,19 @@
-import r from "./Input.js";
-import { InputButton as u, InputNumber as a, InputPassword as o, InputSearch as n, InputTextArea as I, InputTextArea as f } from "./Input.js";
-import { default as m } from "./Group.js";
-import { default as d } from "../input-tag/InputTag.js";
+import a from "./Input.js";
+import { default as o } from "./Button.js";
+import { default as p } from "./Group.js";
+import { default as s } from "../input-number/index.js";
+import { default as m } from "./Password.js";
+import { default as l } from "./Search.js";
+import { default as I } from "../input-tag/InputTag.js";
+import { default as A, default as b } from "./Textarea.js";
 export {
-  u as InputButton,
-  m as InputGroup,
-  a as InputNumber,
-  o as InputPassword,
-  n as InputSearch,
-  d as InputTag,
-  I as InputTextArea,
-  f as TextArea,
-  r as default
+  o as InputButton,
+  p as InputGroup,
+  s as InputNumber,
+  m as InputPassword,
+  l as InputSearch,
+  I as InputTag,
+  A as InputTextArea,
+  b as TextArea,
+  a as default
 };