@unicom-cloud/ui 0.8.96 → 0.8.98

package/input/InputElement.js

@@ -1,20 +1,20 @@
-import { jsxs as K, Fragment as L, jsx as c } from "react/jsx-runtime";
+import { jsxs as H, Fragment as K, jsx as l } from "react/jsx-runtime";
 import Y from "@unicom-cloud/icons/IconUiClose";
 import Z from "lodash/isFunction";
-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 { fillNBSP as re } from "../components/common/utils/fillNBSP.js";
+import _, { useState as ee, useRef as b, useImperativeHandle as te, useEffect as L } from "react";
+import oe from "../components/common/hooks/useKeyboardEvent.js";
+import re from "../icon-hover/index.js";
+import O from "@unicom-cloud/utils/class-name";
+import { fillNBSP as ne } 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 { resizeObserver as ae } from "../components/common/utils/resizeObserver.js";
 import se from "./useComposition.js";
-import { isPlainObject as h } from "@unicom-cloud/utils/is";
-const le = 2, ue = (n) => {
-  if (!n)
+import { isPlainObject as p } from "@unicom-cloud/utils/is";
+const le = 2, ue = (o) => {
+  if (!o)
     return {};
-  const g = window.getComputedStyle(n);
+  const h = window.getComputedStyle(o);
   return [
     "font",
     "letterSpacing",
@@ -30,30 +30,30 @@ const le = 2, ue = (n) => {
     "borderLeft",
     "borderRight",
     "boxSizing"
-  ].reduce((l, d) => (l[d] = g[d], l), {});
+  ].reduce((a, u) => (a[u] = h[u], a), {});
 }, ce = _.forwardRef(
-  (n, g) => {
+  (o, h) => {
     const {
-      allowClear: y,
-      disabled: l,
-      placeholder: d,
-      className: M,
-      style: I,
-      height: z,
-      prefixCls: a,
-      hasParent: C,
-      size: W,
-      value: v,
-      autoFitWidth: o,
-      onClear: x,
-      readOnly: N,
+      allowClear: g,
+      disabled: a,
+      placeholder: u,
+      className: k,
+      style: w,
+      height: S,
+      prefixCls: n,
+      hasParent: y,
+      size: I,
+      value: C,
+      autoFitWidth: t,
+      onClear: M,
+      readOnly: z,
       onChange: T,
       onKeyDown: j,
       onPressEnter: F,
-      maxLength: m,
-      clearIcon: P,
-      ...i
-    } = n, V = ie(i, [
+      maxLength: c,
+      clearIcon: W,
+      ...d
+    } = o, V = ie(d, [
       "error",
       "status",
       "showWordLimit",
@@ -68,128 +68,121 @@ const le = 2, ue = (n) => {
       "normalize",
       "normalizeTrigger",
       "autoWidth"
-    ]), [$, 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 = n.normalizeTrigger || ["onBlur"];
-      return Array.isArray(s) && s.indexOf(e) > -1 && Z(n.normalize) && (t = n.normalize), t;
+    ]), [N, A] = ee(), P = oe(), r = b(), s = b(), $ = b(null), D = p(c) ? c.errorOnly ? void 0 : c.length : c, E = (e) => {
+      let i;
+      const R = o.normalizeTrigger || ["onBlur"];
+      return Array.isArray(R) && R.indexOf(e) > -1 && Z(o.normalize) && (i = o.normalize), i;
     }, {
       compositionValue: U,
       valueChangeHandler: q,
-      compositionHandler: b,
+      compositionHandler: v,
       keyDownHandler: G,
-      triggerValueChangeCallback: H
+      triggerValueChangeCallback: B
     } = se({
-      value: v,
-      maxLength: B,
+      value: C,
+      maxLength: D,
       onChange: T,
       onKeyDown: j,
       onPressEnter: F,
-      normalizeHandler: R
-    }), J = k(
-      a,
-      a && {
-        [`${a}-size-${W}`]: W,
-        [`${a}-${n.status}`]: n.status,
-        [`${a}-disabled`]: l,
-        [`${a}-autowidth`]: o
+      normalizeHandler: E
+    }), J = O(
+      n,
+      n && {
+        [`${n}-size-${I}`]: I,
+        [`${n}-${o.status}`]: o.status,
+        [`${n}-disabled`]: a,
+        [`${n}-autowidth`]: t
       },
-      C ? void 0 : M
-    ), w = {
-      "aria-invalid": n.status === "error" || void 0,
+      y ? void 0 : k
+    ), x = {
+      "aria-invalid": o.status === "error" || void 0,
       ...V,
-      readOnly: N,
-      maxLength: B,
-      disabled: l,
-      placeholder: d,
-      value: U || v || "",
+      readOnly: z,
+      maxLength: D,
+      disabled: a,
+      placeholder: u,
+      value: U || C || "",
       className: J,
       onKeyDown: G,
       onChange: q,
       onCompositionStart: (e) => {
-        var t;
-        (t = i.onCompositionStart) == null || t.call(i, e), b(e);
+        d.onCompositionStart?.(e), v(e);
       },
       onCompositionUpdate: (e) => {
-        var t;
-        (t = i.onCompositionUpdate) == null || t.call(i, e), b(e);
+        d.onCompositionUpdate?.(e), v(e);
       },
       onCompositionEnd: (e) => {
-        var t;
-        (t = i.onCompositionEnd) == null || t.call(i, e), b(e);
+        d.onCompositionEnd?.(e), v(e);
       },
       onBlur: (e) => {
-        var s;
-        (s = n.onBlur) == null || s.call(n, e);
-        const t = R("onBlur");
-        t && H(t(e.target.value), e);
+        o.onBlur?.(e);
+        const i = E("onBlur");
+        i && B(i(e.target.value), e);
       }
     };
-    te(g, () => ({
+    te(h, () => ({
       dom: r.current,
       getRootDOMNode: () => r.current,
       focus: () => {
-        var e, t;
-        (t = (e = r.current) == null ? void 0 : e.focus) == null || t.call(e);
+        r.current?.focus?.();
       },
       blur: () => {
-        var e, t;
-        (t = (e = r.current) == null ? void 0 : e.blur) == null || t.call(e);
+        r.current?.blur?.();
       }
     }), []);
-    const f = () => {
-      if (u.current && r.current) {
-        const e = u.current.offsetWidth;
+    const m = () => {
+      if (s.current && r.current) {
+        const e = s.current.offsetWidth;
         r.current.style.width = `${e + le}px`;
       }
     };
-    O(() => {
-      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();
+    L(() => {
+      t && ((!p(t) || !t.pure) && A(ue(r.current)), m());
+    }, [t]);
+    const Q = x.value || u, f = (e) => {
+      r.current && r.current.focus && r.current.focus(), B("", e), M?.();
     };
     function X() {
-      var t;
-      const e = (t = u.current) == null ? void 0 : t.offsetWidth;
-      if (typeof o == "object") {
-        const s = typeof o.delay == "function" ? o.delay(e, D.current) : o.delay;
-        s ? setTimeout(f, s) : f();
+      const e = s.current?.offsetWidth;
+      if (typeof t == "object") {
+        const i = typeof t.delay == "function" ? t.delay(e, $.current) : t.delay;
+        i ? setTimeout(m, i) : m();
       } else
-        f();
-      D.current = e;
+        m();
+      $.current = e;
     }
-    return O(() => {
-      const e = ae([u.current], X);
+    return L(() => {
+      const e = ae([s.current], X);
       return () => {
         e();
       };
-    }, [u.current]), /* @__PURE__ */ K(L, { children: [
-      y ? /* @__PURE__ */ K(L, { children: [
-        /* @__PURE__ */ c("input", { ref: r, ...w }),
-        !N && !l && y && v ? P !== void 0 ? /* @__PURE__ */ c(
+    }, [s.current]), /* @__PURE__ */ H(K, { children: [
+      g ? /* @__PURE__ */ H(K, { children: [
+        /* @__PURE__ */ l("input", { ref: r, ...x }),
+        !z && !a && g && C ? W !== void 0 ? /* @__PURE__ */ l(
           "span",
           {
             tabIndex: 0,
-            className: `${a}-clear-icon`,
-            ...E({ onPressEnter: p }),
+            className: `${n}-clear-icon`,
+            ...P({ onPressEnter: f }),
             onClick: (e) => {
-              e.stopPropagation(), p(e);
+              e.stopPropagation(), f(e);
             },
             onMouseDown: (e) => {
               e.preventDefault();
             },
-            children: P
+            children: W
           }
-        ) : /* @__PURE__ */ c(
-          oe,
+        ) : /* @__PURE__ */ l(
+          re,
           {
             tabIndex: 0,
-            className: `${a}-clear-icon`,
-            ...E({ onPressEnter: p }),
+            className: `${n}-clear-icon`,
+            ...P({ onPressEnter: f }),
             onClick: (e) => {
-              e.stopPropagation(), p(e);
+              e.stopPropagation(), f(e);
             },
-            children: /* @__PURE__ */ c(
+            children: /* @__PURE__ */ l(
               Y,
               {
                 onMouseDown: (e) => {
@@ -199,30 +192,30 @@ const le = 2, ue = (n) => {
             )
           }
         ) : null
-      ] }) : /* @__PURE__ */ c(
+      ] }) : /* @__PURE__ */ l(
         "input",
         {
           ref: r,
-          ...w,
-          style: C ? {} : {
-            minWidth: h(o) ? o.minWidth : void 0,
-            maxWidth: h(o) ? o.maxWidth : void 0,
-            ...I,
-            ..."height" in n ? { height: z } : {}
+          ...x,
+          style: y ? {} : {
+            minWidth: p(t) ? t.minWidth : void 0,
+            maxWidth: p(t) ? t.maxWidth : void 0,
+            ...w,
+            ..."height" in o ? { height: S } : {}
           }
         }
       ),
-      o && /* @__PURE__ */ c(
+      t && /* @__PURE__ */ l(
         "span",
         {
-          className: k(`${a}-mirror`),
-          style: C ? $ : {
-            ...$,
-            ...I,
-            ..."height" in n ? { height: z } : {}
+          className: O(`${n}-mirror`),
+          style: y ? N : {
+            ...N,
+            ...w,
+            ..."height" in o ? { height: S } : {}
           },
-          ref: u,
-          children: re(Q)
+          ref: s,
+          children: ne(Q)
         }
       )
     ] });

package/input/Password.js

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

package/input/Search.js

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