@unicom-cloud/ui 0.8.43 → 0.8.45

package/input/Group.js

@@ -0,0 +1,20 @@
+import { jsx as n } from "react/jsx-runtime";
+import l, { useContext as f } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import u from "@unicom-cloud/utils/class-name";
+import { ConfigContext as x } from "../config-provider/context.js";
+const N = l.forwardRef((o, s) => {
+  const { getPrefixCls: r } = f(x), { className: e, style: a, children: m, compact: c, ...p } = o, t = r("input-group"), i = u(
+    t,
+    {
+      [`${t}-compact`]: c
+    },
+    e
+  );
+  return /* @__PURE__ */ n("div", { ref: s, className: i, style: a, ...p, children: m });
+});
+N.displayName = "InputGroup";
+export {
+  N as default
+};

package/input/Input.js

@@ -0,0 +1,185 @@
+import { jsxs as T, jsx as x } from "react/jsx-runtime";
+import V from "lodash/isPlainObject";
+import er from "lodash/isString";
+import tr from "lodash/isUndefined";
+import nr, { useContext as or, useState as sr, useRef as G, useImperativeHandle as ar, useMemo as ir } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import ur from "../hooks/useMergeProps.js";
+import pr from "../hooks/useMergeValue.js";
+import $ from "@unicom-cloud/utils/class-name";
+import { contains as H } from "../utils/dom.js";
+import lr from "./Group.js";
+import mr from "./InputElement.js";
+import cr from "../InputNumber.js";
+import fr from "./Password.js";
+import dr from "./Search.js";
+/* empty css                      */
+/* empty css                            */
+import gr from "../input-tag/InputTag.js";
+import hr from "./Textarea.js";
+import { ConfigContext as $r } from "../config-provider/context.js";
+const wr = (n) => {
+  n.target.tagName !== "INPUT" && n.preventDefault();
+}, w = (n, i, p = {}, N) => i ? /* @__PURE__ */ x("span", { style: p, className: n, onClick: N, children: i }) : null;
+function O(n, i) {
+  const p = n !== null && !tr(n) && !er(n) ? String(n) : n || "";
+  return i ? p.slice(0, i) : p;
+}
+function xr(n, i) {
+  const {
+    getPrefixCls: p,
+    size: N,
+    componentConfig: C,
+    rtl: I
+  } = or($r), e = ur(
+    n,
+    {},
+    C == null ? void 0 : C.Input
+  ), {
+    className: A,
+    style: q,
+    addBefore: F,
+    addAfter: z,
+    suffix: J,
+    prefix: W,
+    beforeStyle: K,
+    afterStyle: Q,
+    height: D,
+    disabled: E,
+    maxLength: m,
+    showWordLimit: X,
+    allowClear: b,
+    autoWidth: v
+  } = e, s = v ? {
+    minWidth: 0,
+    maxWidth: "100%",
+    ...V(v) ? v : {}
+  } : null, y = {
+    minWidth: s == null ? void 0 : s.minWidth,
+    maxWidth: s == null ? void 0 : s.maxWidth,
+    width: s && "auto",
+    ...q
+  }, u = V(m) ? m.length : m, f = V(m) && m.errorOnly ? void 0 : u, [Y, L] = sr(!1), l = G(), c = G(), [S, Z] = pr("", {
+    defaultValue: "defaultValue" in e ? O(e.defaultValue, f) : void 0,
+    value: "value" in e ? O(e.value, f) : void 0
+  });
+  ar(i, () => l.current, []);
+  const _ = (t, a) => {
+    var U;
+    "value" in e || Z(t), (U = e.onChange) == null || U.call(e, t, a);
+  }, r = p("input"), d = e.size || N, P = "height" in e;
+  let g = J;
+  const h = S ? S.length : 0, j = ir(() => !f && u ? h > u : !1, [h, u, f]);
+  if (u && X) {
+    const [t, a] = I ? [u, h] : [h, u];
+    g = /* @__PURE__ */ T(
+      "span",
+      {
+        className: $(`${r}-word-limit`, {
+          [`${r}-word-limit-error`]: j
+        }),
+        children: [
+          t,
+          "/",
+          a
+        ]
+      }
+    );
+  }
+  const rr = $(
+    `${r}-group-wrapper`,
+    `${r}-group-wrapper-${d}`,
+    {
+      [`${r}-custom-height`]: P,
+      [`${r}-has-suffix`]: g,
+      [`${r}-group-wrapper-disabled`]: E,
+      [`${r}-group-wrapper-rtl`]: I,
+      [`${r}-group-wrapper-autowidth`]: s
+    },
+    A
+  ), M = e.status || (e.error || j ? "error" : void 0), k = F || z || g || W, R = /* @__PURE__ */ x(
+    mr,
+    {
+      ref: l,
+      ...e,
+      autoFitWidth: !!s,
+      style: y,
+      status: M,
+      onFocus: (t) => {
+        var a;
+        L(!0), (a = e.onFocus) == null || a.call(e, t);
+      },
+      onBlur: (t) => {
+        var a;
+        L(!1), (a = e.onBlur) == null || a.call(e, t);
+      },
+      onChange: _,
+      prefixCls: r,
+      value: S,
+      hasParent: !!k || b,
+      size: d
+    }
+  ), B = $(`${r}-inner-wrapper`, {
+    [`${r}-inner-wrapper-${M}`]: M,
+    [`${r}-inner-wrapper-disabled`]: E,
+    [`${r}-inner-wrapper-focus`]: Y,
+    [`${r}-inner-wrapper-has-prefix`]: W,
+    [`${r}-inner-wrapper-${d}`]: d,
+    [`${r}-clear-wrapper`]: b,
+    [`${r}-inner-wrapper-rtl`]: I
+  });
+  return k ? /* @__PURE__ */ x(
+    "div",
+    {
+      className: rr,
+      style: { ...y, ...P ? { height: D } : {} },
+      children: /* @__PURE__ */ T("span", { className: `${r}-group`, children: [
+        w(`${r}-group-addbefore`, F, K),
+        /* @__PURE__ */ T(
+          "span",
+          {
+            className: B,
+            ref: c,
+            onMouseDown: (t) => {
+              t.target.tagName !== "INPUT" && c.current && H(c.current, t.target) && t.preventDefault();
+            },
+            onClick: (t) => {
+              c.current && H(c.current, t.target) && l.current && l.current.focus();
+            },
+            children: [
+              w(`${r}-group-prefix`, W),
+              R,
+              w(`${r}-group-suffix`, g)
+            ]
+          }
+        ),
+        w(`${r}-group-addafter`, z, Q)
+      ] })
+    }
+  ) : b ? /* @__PURE__ */ x(
+    "span",
+    {
+      className: $(A, B),
+      style: { ...y, ...P ? { height: D } : {} },
+      onMouseDown: wr,
+      onClick: () => {
+        l.current && l.current.focus();
+      },
+      children: R
+    }
+  ) : R;
+}
+const o = nr.forwardRef(xr);
+o.displayName = "Input";
+o.Search = dr;
+o.TextArea = hr;
+o.Password = fr;
+o.Number = o.InputNumber = cr;
+o.Tag = o.InputTag = gr;
+o.Group = lr;
+const Br = o;
+export {
+  Br as default,
+  O as formatValue
+};

package/input/InputElement.js

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

package/input/Number.js

@@ -0,0 +1,4 @@
+import t from "../InputNumber.js";
+export {
+  t as default
+};

package/input/Password.js

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

package/input/Search.js

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

package/input/Tag.js

@@ -0,0 +1,7 @@
+/* empty css                  */
+/* empty css                      */
+/* empty css                            */
+import m from "../input-tag/InputTag.js";
+export {
+  m as default
+};