@unicom-cloud/ui 0.8.46 → 0.8.48

package/input/InputElement.js

@@ -1,233 +0,0 @@
-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

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

package/input/Password.js

@@ -1,72 +0,0 @@
-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

@@ -1,80 +0,0 @@
-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

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

package/input/Textarea.js

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

package/input/autoSizeTextAreaHeight.js

@@ -1,65 +0,0 @@
-import c from "lodash/isNumber";
-import b from "lodash/isPlainObject";
-const u = [
-  "position: absolute",
-  "min-height: 0 !important",
-  "max-height: none",
-  "height:0",
-  "visibility: hidden",
-  "z-index: -100",
-  "top: 0",
-  "right: 0"
-].join(";"), w = [
-  "border-width",
-  "box-sizing",
-  "font-family",
-  "font-weight",
-  "font-size",
-  "font-variant",
-  "letter-spacing",
-  "line-height",
-  "padding-top",
-  "padding-bottom",
-  "padding-left",
-  "padding-right",
-  "text-indent",
-  "text-rendering",
-  "text-transform",
-  "width"
-];
-let r;
-function y(n) {
-  r || (r = document.createElement("textarea"), document.body.appendChild(r));
-  const t = window.getComputedStyle(n), m = w.map((a) => `${a}:${t.getPropertyValue(a)}`).join(";");
-  r.setAttribute("style", u + m);
-  const e = parseFloat(t.getPropertyValue("padding-top")) + parseFloat(t.getPropertyValue("padding-bottom")), i = t.getPropertyValue("box-sizing"), l = parseFloat(t.getPropertyValue("border-top-width")) + parseFloat(t.getPropertyValue("border-bottom-width"));
-  return {
-    paddingSize: e,
-    boxSizing: i,
-    borderSize: l
-  };
-}
-function H(n, t) {
-  const m = () => {
-    let e, i;
-    return b(n) && (e = n.minRows, i = n.maxRows), {
-      minRows: e,
-      maxRows: i
-    };
-  };
-  if (n) {
-    const { minRows: e, maxRows: i } = m(), l = t, { paddingSize: a, boxSizing: x, borderSize: p } = y(l);
-    r.value = l.value || l.placeholder || "";
-    let d = r.scrollHeight + p, g, o, h;
-    if (e || i) {
-      r.value = "";
-      const f = r.scrollHeight - a;
-      c(e) && (g = f * e, x === "border-box" && (g += a, g += p), d = Math.max(d, g)), c(i) && (o = f * i, x === "border-box" && (o += a, o += p), h = d > o ? "auto" : "", o = Math.min(d, o));
-    }
-    const s = {};
-    return s.height = d, g && (s.minHeight = g), o && (s.maxHeight = o), h && (s.overflowY = h), s;
-  }
-}
-export {
-  H as default
-};

package/input/useComposition.js

@@ -1,39 +0,0 @@
-import { useRef as d, useState as k } from "react";
-import { Enter as y } from "../utils/keyCode.js";
-function S({
-  value: a,
-  maxLength: v,
-  onChange: s,
-  onKeyDown: u,
-  onPressEnter: f,
-  beforeTriggerValueChangeCallback: m,
-  normalizeHandler: r
-}) {
-  const c = d(!1), [e, p] = k(""), o = (t, i) => {
-    m && m(t), // Avoid triggering onChange repeatedly for the same value
-    // Compositionend is earlier than onchange in Firefox, different with chrome
-    t !== a && (v === void 0 || t.length <= v) && (s == null || s(t, i));
-  };
-  return {
-    compositionValue: e,
-    triggerValueChangeCallback: o,
-    compositionHandler: (t) => {
-      c.current = t.type !== "compositionend", c.current || (p(void 0), o(t.target.value, t));
-    },
-    valueChangeHandler: (t) => {
-      const i = t.target.value;
-      c.current ? (c.current = !1, p(i)) : (e && p(void 0), o(i, t));
-    },
-    keyDownHandler: (t) => {
-      const i = t.key;
-      if (!c.current && (u == null || u(t), i === y.key)) {
-        f == null || f(t);
-        const l = r == null ? void 0 : r("onPressEnter");
-        l && o(l(t.target.value), t);
-      }
-    }
-  };
-}
-export {
-  S as default
-};