@unicom-cloud/ui 0.8.98 → 0.8.100

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

@@ -1,4 +1,258 @@
-import l from "./LiquidFill.js";
+import { jsx as n, jsxs as x } from "react/jsx-runtime";
+import { useContext as at, useRef as $, useState as V, useEffect as D } 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 st from "../components/common/hooks/useMergeProps.js";
+import "../components/common/utils/reactDOM.js";
+import "@unicom-cloud/utils/constant";
+import mt from "../components/common/hooks/useUpdateEffect.js";
+import "lodash/debounce";
+import "@unicom-cloud/utils/case-name";
+import lt from "@unicom-cloud/utils/class-name";
+import "../dist/tinycolor/chunk/BOzCVdr0.js";
+import "@unicom-cloud/utils/constant/ui";
+import "../utils/contextHolder.js";
+import "@unicom-cloud/utils/dayjs";
+import "@unicom-cloud/utils/clipboard-copy";
+import "../components/common/utils/dayjs.js";
+import "@unicom-cloud/utils/file/fileToURL";
+import "lodash/escapeRegExp";
+import "lodash/isArray";
+import "lodash/isString";
+import "lodash/isFunction";
+import "lodash/throttle";
+import "lodash/camelCase";
+import "lodash/capitalize";
+import "lodash/cloneDeep";
+import "lodash/get";
+import "lodash/has";
+import "lodash/kebabCase";
+import "lodash/mergeWith";
+import "lodash/set";
+import "lodash/setWith";
+import "lodash/snakeCase";
+import "lodash/startCase";
+import "lodash/uniq";
+import "lodash/upperFirst";
+import "@unicom-cloud/utils/math";
+import "lodash/isPlainObject";
+import "../dist/react-transition-group/src/CSSTransition.js";
+import "../dist/react-transition-group/src/ReplaceTransition.js";
+import "../dist/react-transition-group/src/SwitchTransition.js";
+import "../dist/react-transition-group/chunk/CPfP7aNL.js";
+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";
+import "../dist/validate/src/index.js";
+import pt from "../config-provider/context.js";
+const dt = {
+  value: 0.5,
+  size: 200,
+  waveColor: "rgb(var(--pqb-blue-6))",
+  backgroundColor: "var(--pqb-color-neutral-1)",
+  textColor: "var(--pqb-color-neutral-8)",
+  showPercent: !0,
+  duration: 2e3,
+  waveCount: 3,
+  waveAmplitude: 10,
+  borderColor: "var(--pqb-color-neutral-4)",
+  borderWidth: 2,
+  outerBorderWidth: 0,
+  borderGap: 2,
+  decimalPlaces: 0,
+  percentFontScale: 0.5,
+  waveSpeedVariation: 0.5
+}, ge = (E) => {
+  const { getPrefixCls: I, componentConfig: _ } = at(pt), i = I?.("liquid-fill"), H = st(
+    E,
+    dt,
+    _?.LiquidFill
+  ), {
+    style: U,
+    className: Y,
+    value: F,
+    size: a,
+    fontSize: h = `${a * 0.15}px`,
+    waveColor: N,
+    backgroundColor: q,
+    textColor: J,
+    showPercent: K,
+    duration: y,
+    waveCount: c,
+    waveAmplitude: Q,
+    borderColor: G,
+    borderWidth: v,
+    outerBorderColor: W,
+    outerBorderWidth: g,
+    borderGap: X,
+    decimalPlaces: Z,
+    percentFontScale: tt,
+    waveSpeedVariation: B
+  } = H, d = $({
+    clipPath: A(),
+    // 裁剪路径ID
+    waveGradient: A(),
+    // 波浪渐变ID
+    bgGradient: A()
+    // 背景渐变ID
+  }).current, et = $(null), e = $({
+    fill: 0,
+    // 填充动画ID
+    wave: 0,
+    // 波浪动画ID
+    startTime: 0
+    // 动画开始时间
+  }).current, [C, M] = V(0), [rt, z] = V([]), S = a / 2 - g / 2, k = S - g / 2 - X - v / 2, m = k - v / 2, r = a / 2, R = m * 2, ot = R * (C / 100) + v / 2, T = (o, t) => {
+    if (typeof t == "string") return null;
+    const { from: s, to: l, direction: p = "vertical" } = t;
+    return /* @__PURE__ */ x("linearGradient", { id: o, x1: "0%", y1: "0%", x2: p === "horizontal" ? "100%" : "0%", y2: p === "horizontal" ? "0%" : "100%", children: [
+      /* @__PURE__ */ n("stop", { offset: "0%", stopColor: s }),
+      /* @__PURE__ */ n("stop", { offset: "100%", stopColor: l })
+    ] });
+  }, L = (o, t) => typeof o == "string" ? o : `url(#${t})`, it = (o, t, s) => {
+    const l = [], w = r - m, j = r + m;
+    for (let u = 0; u <= 30; u++) {
+      const f = w + u / 30 * R, P = Math.min(
+        r + m - ot + // 这里原来是减去 waterHeight，现在直接使用 waterHeight
+        o * Math.sin((f - w) * t + s),
+        r + m
+      );
+      l.push([f, P]);
+    }
+    return l.push([j, r + m]), l.push([w, r + m]), l.map(([u, f], P) => `${P === 0 ? "M" : "L"}${u} ${f}`).join(" ");
+  }, nt = () => Array.from({ length: c }).map((o, t) => {
+    const s = Q * (c - t) / c, l = 0.02 * (t + 1), p = rt[t] || 0;
+    return /* @__PURE__ */ n(
+      "path",
+      {
+        className: `${i}-path`,
+        d: it(s, l, p),
+        fill: L(N, d.waveGradient),
+        fillOpacity: 0.3 + 0.7 / c * t
+      },
+      t
+    );
+  }), b = () => {
+    z(
+      (o) => o.map(
+        (t, s) => t + 0.02 * (s + 1) * (1 + B * Math.random())
+      )
+    ), C < 100 && (e.wave = requestAnimationFrame(b));
+  }, O = (o) => {
+    e.startTime || (e.startTime = o);
+    const t = o - e.startTime, s = Math.min(t / y, 1) * F * 100;
+    M(s), t < y && (e.fill = requestAnimationFrame(O));
+  };
+  return D(() => {
+    z(Array.from({ length: c }, (o, t) => t * Math.PI));
+  }, [c]), D(() => (cancelAnimationFrame(e.fill), cancelAnimationFrame(e.wave), e.startTime = 0, M(0), e.fill = requestAnimationFrame(O), e.wave = requestAnimationFrame(b), () => {
+    cancelAnimationFrame(e.fill), cancelAnimationFrame(e.wave);
+  }), [F, y, c]), mt(() => (cancelAnimationFrame(e.wave), e.wave = requestAnimationFrame(b), () => {
+    cancelAnimationFrame(e.wave);
+  }), [B]), /* @__PURE__ */ n(
+    "div",
+    {
+      className: lt(i, Y),
+      style: {
+        width: a,
+        height: a,
+        ...U
+      },
+      children: /* @__PURE__ */ x(
+        "svg",
+        {
+          className: `${i}-svg`,
+          ref: et,
+          width: a,
+          height: a,
+          viewBox: `0 0 ${a} ${a}`,
+          preserveAspectRatio: "xMidYMid meet",
+          children: [
+            /* @__PURE__ */ x("defs", { children: [
+              T(d.waveGradient, N),
+              T(d.bgGradient, q),
+              /* @__PURE__ */ n("clipPath", { id: d.clipPath, className: `${i}-clipPath`, children: /* @__PURE__ */ n(
+                "circle",
+                {
+                  className: `${i}-clipPath-circle`,
+                  cx: r,
+                  cy: r,
+                  r: m
+                }
+              ) })
+            ] }),
+            g > 0 && /* @__PURE__ */ n(
+              "circle",
+              {
+                className: `${i}-outerBorder`,
+                cx: r,
+                cy: r,
+                r: S,
+                fill: "none",
+                stroke: W || G,
+                strokeWidth: g,
+                strokeOpacity: W ? 1 : 0.5
+              }
+            ),
+            /* @__PURE__ */ n(
+              "circle",
+              {
+                className: `${i}-border`,
+                cx: r,
+                cy: r,
+                r: k,
+                fill: L(q, d.bgGradient),
+                stroke: G,
+                strokeWidth: v
+              }
+            ),
+            /* @__PURE__ */ n("g", { className: `${i}-g`, clipPath: `url(#${d.clipPath})`, children: nt() }),
+            K && /* @__PURE__ */ x(
+              "text",
+              {
+                style: {},
+                className: `${i}-text`,
+                x: r,
+                y: r,
+                fill: J,
+                fontSize: h,
+                textAnchor: "middle",
+                dominantBaseline: "middle",
+                alignmentBaseline: "middle",
+                children: [
+                  C.toFixed(Z),
+                  /* @__PURE__ */ n(
+                    "tspan",
+                    {
+                      style: {
+                        fontSize: `calc(${ct(h) ? h + "px" : h} * ${tt})`
+                      },
+                      className: `${i}-text-tspan`,
+                      alignmentBaseline: "middle",
+                      dominantBaseline: "middle",
+                      children: "%"
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
 export {
-  l as default
+  ge as default
 };