@unicom-cloud/ui 0.8.99 → 0.8.101

package/input/Button.js

@@ -1,67 +1,72 @@
 import { jsx as u } from "react/jsx-runtime";
-import d from "lodash/isPlainObject";
+import m from "lodash/isPlainObject";
 import A, { useContext as B } from "react";
-import M from "../button/index.js";
+import P from "../button/index.js";
 import "../config-provider/ConfigProvider.js";
-import P from "../components/common/hooks/useMergeValue.js";
-import s from "@unicom-cloud/utils/class-name";
-import $, { formatValue as f } from "./Input.js";
-import j from "../config-provider/context.js";
-const z = A.forwardRef(
-  (e, c) => {
-    const { getPrefixCls: g } = B(j), {
+import $ from "../components/common/hooks/useMergeValue.js";
+import c from "@unicom-cloud/utils/class-name";
+import j, { formatValue as d } from "./Input.js";
+import z from "../config-provider/context.js";
+const I = A.forwardRef(
+  (t, f) => {
+    const { getPrefixCls: g } = B(z), {
       className: h,
       style: x,
       placeholder: C,
       disabled: o,
-      loading: I,
-      defaultValue: b,
+      loading: O,
+      defaultValue: v,
       addAfter: l,
       buttonProps: a,
-      label: v,
+      label: b,
       onCallback: L,
-      ...i
-    } = e, n = g?.("input-button"), m = l === void 0 ? /* @__PURE__ */ u(
-      M,
+      ...s
+    } = t, n = g?.("input-button"), N = {
+      error: "danger",
+      warning: "warning",
+      success: "success"
+    }, V = t.status ? N[t.status] : void 0, i = l === void 0 ? /* @__PURE__ */ u(
+      P,
       {
         type: "primary",
         disabled: o,
-        size: i.size,
+        size: s.size,
         loadingFixedWidth: !0,
+        status: V,
         ...a,
-        className: s(`${n}-btn`, a?.className),
-        onClick: (t) => {
-          L?.(V), e.onClick?.(t), a?.onClick?.(t);
+        className: c(`${n}-btn`, a?.className),
+        onClick: (e) => {
+          L?.(k), t.onClick?.(e), a?.onClick?.(e);
         },
-        children: v ?? "确定"
+        children: b ?? "确定"
       }
-    ) : l, N = d(e.maxLength) ? e.maxLength.length : e.maxLength, r = d(e.maxLength) && e.maxLength.errorOnly ? void 0 : N, [V, y] = P("", {
-      defaultValue: "defaultValue" in e ? f(e.defaultValue, r) : void 0,
-      value: "value" in e ? f(e.value, r) : void 0
+    ) : l, y = m(t.maxLength) ? t.maxLength.length : t.maxLength, r = m(t.maxLength) && t.maxLength.errorOnly ? void 0 : y, [k, M] = $("", {
+      defaultValue: "defaultValue" in t ? d(t.defaultValue, r) : void 0,
+      value: "value" in t ? d(t.value, r) : void 0
     });
     return /* @__PURE__ */ u(
-      $,
+      j,
       {
-        ...i,
-        className: s(
+        ...s,
+        className: c(
           n,
-          m && `${n}-has-after`,
+          i && `${n}-has-after`,
           h
         ),
         style: x,
-        ref: c,
-        defaultValue: b,
+        ref: f,
+        defaultValue: v,
         placeholder: C,
-        addAfter: m,
+        addAfter: i,
         disabled: o,
-        onChange: (t, k) => {
-          y(t), e.onChange?.(t, k);
+        onChange: (e, w) => {
+          M(e), t.onChange?.(e, w);
         }
       }
     );
   }
 );
-z.displayName = "Input.Button";
+I.displayName = "Input.Button";
 export {
-  z as default
+  I as default
 };

package/input/Textarea.js

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

package/liquid-fill/index.js

@@ -50,6 +50,7 @@ import "../dist/react-transition-group/src/TransitionGroup.js";
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
 import "@unicom-cloud/utils/constant/ui.js";
+import "react-is";
 import "@unicom-cloud/utils/tree";
 import { isNumber as ct } from "@unicom-cloud/utils/is";
 import { v4 as A } from "uuid";
@@ -72,7 +73,7 @@ const dt = {
   decimalPlaces: 0,
   percentFontScale: 0.5,
   waveSpeedVariation: 0.5
-}, ve = (E) => {
+}, ge = (E) => {
   const { getPrefixCls: I, componentConfig: _ } = at(pt), i = I?.("liquid-fill"), H = st(
     E,
     dt,
@@ -253,5 +254,5 @@ const dt = {
   );
 };
 export {
-  ve as default
+  ge as default
 };

package/loading/index.js

@@ -1,61 +1,80 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import m from "./style/index.module.less.js";
-import u, { useImperativeHandle as f, useEffect as x } from "react";
-function $(a, o) {
-  const d = ["#FF5F57", "#FEBC2E", "#28C840"], i = a.colors || d;
-  let s = 12, l = 25, e = 25, c = 4, r = "0.5 0 0.5 1;0.5 0 0.5 1", n = "0.7s";
-  return f(o, () => ({})), x(() => () => {
-  }, []), /* @__PURE__ */ p(
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as d, useContext as g, useMemo as u } from "react";
+import "../config-provider/ConfigProvider.js";
+import "lodash/isEqualWith";
+import "../components/common/utils/is.js";
+import "@unicom-cloud/utils/constant/keyboardCode";
+import "lodash/isNumber";
+import "lodash/merge";
+import "../components/common/utils/dom.js";
+import "../components/common/hooks/useIntersectionObserver.js";
+import A from "../components/common/hooks/useMergeProps.js";
+import "../components/common/utils/reactDOM.js";
+import "@unicom-cloud/utils/constant";
+import "lodash/debounce";
+import E from "@unicom-cloud/utils/class-name";
+import I from "../config-provider/context.js";
+const v = ["#FF5F57", "#FEBC2E", "#28C840"], e = 50, o = e / 2, S = 4, t = 7, c = 12, T = "0.7s", w = "0.5 0 0.5 1;0.5 0 0.5 1", D = (l, M) => {
+  const { getPrefixCls: m, componentConfig: p, rtl: a } = g(I), f = A(
+    l,
+    {},
+    p?.Loading
+  ), { colors: s = v, style: x, className: $, ...O } = f, n = m?.("mentions"), C = u(
+    () => [
+      {
+        cx: o - c,
+        fill: s[0],
+        values: `${o + t};${o};${o + t}`
+      },
+      {
+        cx: o,
+        fill: s[1],
+        values: `${o - t};${o};${o - t}`
+      },
+      {
+        cx: o + c,
+        fill: s[2],
+        values: `${o + t};${o};${o + t}`
+      }
+    ],
+    [s]
+  );
+  return /* @__PURE__ */ r(
     "svg",
     {
-      className: m.module,
+      style: { ...x },
+      className: E(`${n}`, !!a && `${n}-rtl`, $),
       xmlns: "http://www.w3.org/2000/svg",
-      width: "50px",
-      height: "50px",
-      viewBox: "0 0 50 50",
+      width: `${e}px`,
+      height: `${e}px`,
+      viewBox: `0 0 ${e} ${e}`,
       preserveAspectRatio: "xMidYMid",
-      children: [
-        /* @__PURE__ */ t("circle", { cx: l - s, cy: e, r: c, fill: i[0], children: /* @__PURE__ */ t(
-          "animate",
-          {
-            attributeName: "cy",
-            values: `${e + 7};${e};${e + 7}`,
-            dur: n,
-            calcMode: "spline",
-            keySplines: r,
-            begin: "0s",
-            repeatCount: "indefinite"
-          }
-        ) }),
-        /* @__PURE__ */ t("circle", { cx: l, cy: e, r: c, fill: i[1], children: /* @__PURE__ */ t(
-          "animate",
-          {
-            attributeName: "cy",
-            values: `${e - 7};${e};${e - 7}`,
-            dur: n,
-            calcMode: "spline",
-            keySplines: r,
-            begin: "0s",
-            repeatCount: "indefinite"
-          }
-        ) }),
-        /* @__PURE__ */ t("circle", { cx: l + s, cy: e, r: c, fill: i[2], children: /* @__PURE__ */ t(
-          "animate",
-          {
-            attributeName: "cy",
-            values: `${e + 7};${e};${e + 7}`,
-            dur: n,
-            calcMode: "spline",
-            keySplines: r,
-            begin: "0s",
-            repeatCount: "indefinite"
-          }
-        ) })
-      ]
+      children: C.map((i, N) => /* @__PURE__ */ r(
+        "circle",
+        {
+          cx: i.cx,
+          cy: o,
+          r: S,
+          fill: i.fill,
+          children: /* @__PURE__ */ r(
+            "animate",
+            {
+              attributeName: "cy",
+              values: i.values,
+              dur: T,
+              calcMode: "spline",
+              keySplines: w,
+              begin: "0s",
+              repeatCount: "indefinite"
+            }
+          )
+        },
+        N
+      ))
     }
   );
-}
-const w = u.forwardRef($);
+}, L = d(D);
+L.displayName = "Loading";
 export {
-  w as default
+  L as default
 };

package/loading/interface.js

@@ -0,0 +1 @@
+

package/marquee/index.js

@@ -50,6 +50,7 @@ import { resizeObserver as _ } from "../components/common/utils/resizeObserver.j
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
 import "@unicom-cloud/utils/constant/ui.js";
+import "react-is";
 import "@unicom-cloud/utils/tree";
 import "@unicom-cloud/utils/is";
 import "uuid";
@@ -64,7 +65,7 @@ const et = {
   loop: 0,
   // 0表示无限循环
   gradientSize: 50
-}, se = (q) => {
+}, ae = (q) => {
   const { getPrefixCls: O, componentConfig: P } = U(tt), s = O?.("marquee"), R = V(
     q,
     et,
@@ -278,5 +279,5 @@ const et = {
   );
 };
 export {
-  se as default
+  ae as default
 };