@unicom-cloud/ui 0.8.96 → 0.8.98

package/liquid-fill/LiquidFill.js

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

package/liquid-fill/LiquidFill2.js

@@ -0,0 +1,3 @@
+import "react/jsx-runtime";
+import r from "../_virtual/index.js";
+r.number, r.number, r.number, r.oneOf(["circle", "rect"]), r.number, r.number, r.string, r.string, r.string, r.number, r.string, r.number, r.number;

package/liquid-fill/index.js

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

package/list/Item.js

@@ -1,45 +1,45 @@
-import { jsx as n, jsxs as p } from "react/jsx-runtime";
-import d, { useContext as L } from "react";
+import { jsx as n, jsxs as m } from "react/jsx-runtime";
+import p, { useContext as L } from "react";
 import "../config-provider/ConfigProvider.js";
 import M from "../components/common/hooks/useMergeProps.js";
-import R from "@unicom-cloud/utils/class-name";
+import P from "@unicom-cloud/utils/class-name";
 import f from "./Meta.js";
-import j from "../config-provider/context.js";
-const w = {
+import R from "../config-provider/context.js";
+const j = {
   actionLayout: "horizontal"
 };
-function z(u, C) {
-  const { getPrefixCls: s, componentConfig: i } = L(j), N = M(
-    u,
-    w,
-    i && i["List.Item"]
-  ), { children: x, className: $, actions: e, extra: c, actionLayout: r, ...v } = N, o = `${s == null ? void 0 : s("list")}-item`, l = [], a = [];
-  d.Children.forEach(x, (t) => {
-    t && t.type && t.type === f ? l.push(t) : a.push(t);
+function w(h, u) {
+  const { getPrefixCls: C, componentConfig: a } = L(R), x = M(
+    h,
+    j,
+    a && a["List.Item"]
+  ), { children: N, className: $, actions: e, extra: i, actionLayout: r, ...g } = x, o = `${C?.("list")}-item`, c = [], s = [];
+  p.Children.forEach(N, (t) => {
+    t && t.type && t.type === f ? c.push(t) : s.push(t);
   });
-  const y = a.length ? /* @__PURE__ */ n("div", { className: `${o}-content`, children: a }) : null, I = c ? /* @__PURE__ */ n("div", { className: `${o}-extra-content`, children: c }) : null, m = e && e.length ? /* @__PURE__ */ n("div", { className: `${o}-action`, children: e.map((t, g) => /* @__PURE__ */ n("li", { children: t }, `${o}-action-${g}`)) }) : null;
-  return /* @__PURE__ */ p(
+  const v = s.length ? /* @__PURE__ */ n("div", { className: `${o}-content`, children: s }) : null, y = i ? /* @__PURE__ */ n("div", { className: `${o}-extra-content`, children: i }) : null, l = e && e.length ? /* @__PURE__ */ n("div", { className: `${o}-action`, children: e.map((t, I) => /* @__PURE__ */ n("li", { children: t }, `${o}-action-${I}`)) }) : null;
+  return /* @__PURE__ */ m(
     "div",
     {
       role: "listitem",
-      ref: C,
-      className: R(o, $),
-      ...v,
+      ref: u,
+      className: P(o, $),
+      ...g,
       children: [
-        /* @__PURE__ */ p("div", { className: `${o}-main`, children: [
-          l,
-          y,
-          r === "vertical" ? m : null
+        /* @__PURE__ */ m("div", { className: `${o}-main`, children: [
+          c,
+          v,
+          r === "vertical" ? l : null
         ] }),
-        r === "horizontal" ? m : null,
-        I
+        r === "horizontal" ? l : null,
+        y
       ]
     }
   );
 }
-const b = d.forwardRef(z), h = b;
-h.displayName = "ListItem";
-h.Meta = f;
+const z = p.forwardRef(w), d = z;
+d.displayName = "ListItem";
+d.Meta = f;
 export {
-  h as default
+  d as default
 };

package/list/Meta.js

@@ -1,19 +1,19 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import f, { useContext as N } from "react";
+import { jsxs as o, jsx as a } from "react/jsx-runtime";
+import p, { useContext as N } from "react";
 import "../config-provider/ConfigProvider.js";
-import h from "@unicom-cloud/utils/class-name";
-import v from "../config-provider/context.js";
-function C(r, c) {
-  const { getPrefixCls: s } = N(v), { className: m, avatar: i, title: a, description: e, ...l } = r, t = `${s == null ? void 0 : s("list")}-item-meta`, d = !!i, p = !!(a || e);
-  return /* @__PURE__ */ n("div", { ref: c, ...l, className: h(t, m), children: [
-    d && /* @__PURE__ */ o("div", { className: `${t}-avatar`, children: i }),
-    p && /* @__PURE__ */ n("div", { className: `${t}-content`, children: [
-      a && /* @__PURE__ */ o("div", { className: `${t}-title`, children: a }),
-      e && /* @__PURE__ */ o("div", { className: `${t}-description`, children: e })
+import C from "@unicom-cloud/utils/class-name";
+import h from "../config-provider/context.js";
+function v(r, n) {
+  const { getPrefixCls: c } = N(h), { className: m, avatar: i, title: e, description: s, ...l } = r, t = `${c?.("list")}-item-meta`, d = !!i, f = !!(e || s);
+  return /* @__PURE__ */ o("div", { ref: n, ...l, className: C(t, m), children: [
+    d && /* @__PURE__ */ a("div", { className: `${t}-avatar`, children: i }),
+    f && /* @__PURE__ */ o("div", { className: `${t}-content`, children: [
+      e && /* @__PURE__ */ a("div", { className: `${t}-title`, children: e }),
+      s && /* @__PURE__ */ a("div", { className: `${t}-description`, children: s })
     ] })
   ] });
 }
-const x = f.forwardRef(C);
+const x = p.forwardRef(v);
 x.displayName = "ListItemMeta";
 export {
   x as default