@unicom-cloud/ui 0.8.66 → 0.8.67

package/chunk/Dz5BdmXo.js

@@ -0,0 +1,270 @@
+import { jsxs as M, Fragment as O, jsx as I } from "react/jsx-runtime";
+import Z from "@unicom-cloud/icons/IconUiClose";
+import _ from "lodash/isFunction";
+import tt, { useRef as w, useState as F, useImperativeHandle as et, useEffect as j } from "react";
+import { h as nt } from "./D2KPqPhV.js";
+import { I as ot } from "./BJQ5UNa-.js";
+import { m as E } from "./JPPo5nY_.js";
+import { l as rt } from "./DGTIZ_0O.js";
+import "./CkNSv2U7.js";
+import { c as it } from "./BdUcgWdu.js";
+import { l as at } from "./flvYlqx3.js";
+import { e as st } from "./BrOW642m.js";
+import "./CSC_V_25.js";
+import W from "lodash/isPlainObject.js";
+function ut({
+  value: r,
+  maxLength: h,
+  onChange: f,
+  onKeyDown: s,
+  onPressEnter: c,
+  beforeTriggerValueChangeCallback: v,
+  normalizeHandler: g
+}) {
+  const l = w(!1), [i, m] = F(""), p = (n, o) => {
+    v && v(n), // Avoid triggering onChange repeatedly for the same value
+    // Compositionend is earlier than onchange in Firefox, different with chrome
+    n !== r && (h === void 0 || n.length <= h) && (f == null || f(n, o));
+  };
+  return {
+    compositionValue: i,
+    triggerValueChangeCallback: p,
+    compositionHandler: (n) => {
+      l.current = n.type !== "compositionend", l.current || (m(void 0), p(n.target.value, n));
+    },
+    valueChangeHandler: (n) => {
+      const o = n.target.value;
+      l.current ? (l.current = !1, m(o)) : (i && m(void 0), p(o, n));
+    },
+    keyDownHandler: (n) => {
+      const o = n.key;
+      if (!l.current && (s == null || s(n), o === st.key)) {
+        c == null || c(n);
+        const y = g == null ? void 0 : g("onPressEnter");
+        y && p(y(n.target.value), n);
+      }
+    }
+  };
+}
+const ct = 2, lt = (r) => {
+  if (!r)
+    return {};
+  const h = window.getComputedStyle(r);
+  return [
+    "font",
+    "letterSpacing",
+    "overflow",
+    "tabSize",
+    "textIndent",
+    "textTransform",
+    "whiteSpace",
+    "wordBreak",
+    "wordSpacing",
+    "paddingLeft",
+    "paddingRight",
+    "borderLeft",
+    "borderRight",
+    "boxSizing"
+  ].reduce((s, c) => (s[c] = h[c], s), {});
+}, dt = tt.forwardRef(
+  (r, h) => {
+    const {
+      allowClear: f,
+      disabled: s,
+      placeholder: c,
+      className: v,
+      style: g,
+      height: l,
+      prefixCls: i,
+      hasParent: m,
+      size: p,
+      value: n,
+      autoFitWidth: o,
+      onClear: y,
+      readOnly: N,
+      onChange: T,
+      onKeyDown: V,
+      onPressEnter: A,
+      maxLength: x,
+      clearIcon: P,
+      ...u
+    } = r, U = it(u, [
+      "error",
+      "status",
+      "showWordLimit",
+      "className",
+      "defaultValue",
+      "addBefore",
+      "addAfter",
+      "afterStyle",
+      "beforeStyle",
+      "prefix",
+      "suffix",
+      "normalize",
+      "normalizeTrigger",
+      "autoWidth"
+    ]), [R, K] = F(), $ = nt(), a = w(), C = w(), B = w(null), D = W(x) ? x.errorOnly ? void 0 : x.length : x, H = (t) => {
+      let e;
+      const d = r.normalizeTrigger || ["onBlur"];
+      return Array.isArray(d) && d.indexOf(t) > -1 && _(r.normalize) && (e = r.normalize), e;
+    }, {
+      compositionValue: q,
+      valueChangeHandler: G,
+      compositionHandler: z,
+      keyDownHandler: J,
+      triggerValueChangeCallback: L
+    } = ut({
+      value: n,
+      maxLength: D,
+      onChange: T,
+      onKeyDown: V,
+      onPressEnter: A,
+      normalizeHandler: H
+    }), Q = E(
+      i,
+      i && {
+        [`${i}-size-${p}`]: p,
+        [`${i}-${r.status}`]: r.status,
+        [`${i}-disabled`]: s,
+        [`${i}-autowidth`]: o
+      },
+      m ? void 0 : v
+    ), k = {
+      "aria-invalid": r.status === "error" || void 0,
+      ...U,
+      readOnly: N,
+      maxLength: D,
+      disabled: s,
+      placeholder: c,
+      value: q || n || "",
+      className: Q,
+      onKeyDown: J,
+      onChange: G,
+      onCompositionStart: (t) => {
+        var e;
+        (e = u.onCompositionStart) == null || e.call(u, t), z(t);
+      },
+      onCompositionUpdate: (t) => {
+        var e;
+        (e = u.onCompositionUpdate) == null || e.call(u, t), z(t);
+      },
+      onCompositionEnd: (t) => {
+        var e;
+        (e = u.onCompositionEnd) == null || e.call(u, t), z(t);
+      },
+      onBlur: (t) => {
+        var d;
+        (d = r.onBlur) == null || d.call(r, t);
+        const e = H("onBlur");
+        e && L(e(t.target.value), t);
+      }
+    };
+    et(h, () => ({
+      dom: a.current,
+      getRootDOMNode: () => a.current,
+      focus: () => {
+        var t, e;
+        (e = (t = a.current) == null ? void 0 : t.focus) == null || e.call(t);
+      },
+      blur: () => {
+        var t, e;
+        (e = (t = a.current) == null ? void 0 : t.blur) == null || e.call(t);
+      }
+    }), []);
+    const S = () => {
+      if (C.current && a.current) {
+        const t = C.current.offsetWidth;
+        a.current.style.width = `${t + ct}px`;
+      }
+    };
+    j(() => {
+      o && ((!W(o) || !o.pure) && K(lt(a.current)), S());
+    }, [o]);
+    const X = k.value || c, b = (t) => {
+      a.current && a.current.focus && a.current.focus(), L("", t), y == null || y();
+    };
+    function Y() {
+      var e;
+      const t = (e = C.current) == null ? void 0 : e.offsetWidth;
+      if (typeof o == "object") {
+        const d = typeof o.delay == "function" ? o.delay(t, B.current) : o.delay;
+        d ? setTimeout(S, d) : S();
+      } else
+        S();
+      B.current = t;
+    }
+    return j(() => {
+      const t = at([C.current], Y);
+      return () => {
+        t();
+      };
+    }, [C.current]), /* @__PURE__ */ M(O, { children: [
+      f ? /* @__PURE__ */ M(O, { children: [
+        /* @__PURE__ */ I("input", { ref: a, ...k }),
+        !N && !s && f && n ? P !== void 0 ? /* @__PURE__ */ I(
+          "span",
+          {
+            tabIndex: 0,
+            className: `${i}-clear-icon`,
+            ...$({ onPressEnter: b }),
+            onClick: (t) => {
+              t.stopPropagation(), b(t);
+            },
+            onMouseDown: (t) => {
+              t.preventDefault();
+            },
+            children: P
+          }
+        ) : /* @__PURE__ */ I(
+          ot,
+          {
+            tabIndex: 0,
+            className: `${i}-clear-icon`,
+            ...$({ onPressEnter: b }),
+            onClick: (t) => {
+              t.stopPropagation(), b(t);
+            },
+            children: /* @__PURE__ */ I(
+              Z,
+              {
+                onMouseDown: (t) => {
+                  t.preventDefault();
+                }
+              }
+            )
+          }
+        ) : null
+      ] }) : /* @__PURE__ */ I(
+        "input",
+        {
+          ref: a,
+          ...k,
+          style: m ? {} : {
+            minWidth: W(o) ? o.minWidth : void 0,
+            maxWidth: W(o) ? o.maxWidth : void 0,
+            ...g,
+            ..."height" in r ? { height: l } : {}
+          }
+        }
+      ),
+      o && /* @__PURE__ */ I(
+        "span",
+        {
+          className: E(`${i}-mirror`),
+          style: m ? R : {
+            ...R,
+            ...g,
+            ..."height" in r ? { height: l } : {}
+          },
+          ref: C,
+          children: rt(X)
+        }
+      )
+    ] });
+  }
+);
+dt.displayName = "InputComponent";
+export {
+  dt as I,
+  ut as u
+};