@unicom-cloud/ui 0.8.45 → 0.8.47

package/Popover.js

@@ -1,55 +1,50 @@
-import { jsxs as j, jsx as t } from "react/jsx-runtime";
-/* empty css                 */
-/* empty css                         */
-/* empty css                         */
-/* empty css                         */
-import a from "lodash/isFunction";
+import { jsxs as j, jsx as o } from "react/jsx-runtime";
+import m from "lodash/isFunction";
 import { forwardRef as O, useContext as R } from "react";
-import "./config-provider/ConfigProvider.js";
-import T from "./hooks/useMergeProps.js";
-import w from "./Tooltip.js";
-import F from "@unicom-cloud/utils/class-name";
+import { a as T } from "./chunk/z7sBNzI4.js";
+import w from "./hooks/useMergeProps.js";
+import F from "./Tooltip.js";
+import H from "@unicom-cloud/utils/class-name";
 import { isEmptyReactNode as c } from "./utils/is.js";
-import { ConfigContext as H } from "./config-provider/context.js";
 const M = {
   position: "top",
   trigger: "hover",
   unmountOnExit: !0
 };
 function S(u, d) {
-  const { getPrefixCls: f, componentConfig: e, rtl: g } = R(H), l = T(
+  const { getPrefixCls: f, componentConfig: t, rtl: g } = R(T), l = w(
     u,
     M,
-    e == null ? void 0 : e.Popover
+    t == null ? void 0 : t.Popover
   ), {
     style: C,
     className: h,
-    children: r,
+    children: n,
     position: v,
     getPopupContainer: x,
     trigger: P,
     defaultPopupVisible: N,
     popupVisible: b,
-    triggerProps: i,
+    triggerProps: r,
     unmountOnExit: y,
     onVisibleChange: V,
-    content: n,
+    content: i,
     title: s,
     ...$
-  } = l, o = f("popover"), p = a(s) ? s() : s, m = a(n) ? n() : n, E = c(p, !0) && c(m, !0) ? null : /* @__PURE__ */ j(
+  } = l, e = f("popover"), p = m(s) ? s() : s, a = m(i) ? i() : i, E = c(p, !0) && c(a, !0) ? null : /* @__PURE__ */ j(
     "div",
     {
-      className: F(`${o}-inner`, {
-        [`${o}-inner-rtl`]: g
+      className: H(`${e}-inner`, {
+        [`${e}-inner-rtl`]: g
       }),
       children: [
-        p ? /* @__PURE__ */ t("div", { className: `${o}-title`, children: p }) : null,
-        /* @__PURE__ */ t("div", { className: `${o}-inner-content`, children: m })
+        p ? /* @__PURE__ */ o("div", { className: `${e}-title`, children: p }) : null,
+        /* @__PURE__ */ o("div", { className: `${e}-inner-content`, children: a })
       ]
     }
   );
-  return /* @__PURE__ */ t(
-    w,
+  return /* @__PURE__ */ o(
+    F,
     {
       ...$,
       ref: d,
@@ -58,19 +53,19 @@ function S(u, d) {
         ...C
       },
       className: h,
-      prefixCls: o,
+      prefixCls: e,
       getPopupContainer: x,
       position: v,
       trigger: P,
       content: E,
       popupHoverStay: !0,
       unmountOnExit: y,
-      triggerProps: i,
+      triggerProps: r,
       defaultPopupVisible: N,
-      onVisibleChange: V || (i ? i.onVisibleChange : void 0),
-      childrenPrefix: o,
+      onVisibleChange: V || (r ? r.onVisibleChange : void 0),
+      childrenPrefix: e,
       ..."popupVisible" in l ? { popupVisible: b } : {},
-      children: typeof r == "string" ? /* @__PURE__ */ t("span", { children: r }) : r
+      children: typeof n == "string" ? /* @__PURE__ */ o("span", { children: n }) : n
     }
   );
 }

package/Portal.js

@@ -1,15 +1,35 @@
-import { jsx as f } from "react/jsx-runtime";
-import l, { useRef as u, useEffect as c, useImperativeHandle as s } from "react";
-import i from "./portal/Portal.js";
-function t(e, o) {
-  const { forceRender: n, visible: a } = e, r = u(null);
-  return c(() => () => {
-  }, []), s(o, () => ({
-    instance: r.current
-  })), n || a || r.current ? /* @__PURE__ */ f(i, { ref: r, ...e }) : null;
+import { jsx as d } from "react/jsx-runtime";
+import f, { useRef as a, useEffect as i, useImperativeHandle as l } from "react";
+import p from "react-dom";
+import P from "./hooks/useForceUpdate.js";
+function R(t, n) {
+  const o = P(), r = a(null), e = a(void 0);
+  i(() => (c(), e.current = setTimeout(() => {
+    r.current || c();
+  }), () => {
+    clearTimeout(e.current);
+  }), []);
+  function c() {
+    const { getContainer: u } = t;
+    r.current = (u == null ? void 0 : u()) || document.body, o();
+  }
+  l(n, () => ({
+    container: r.current,
+    createContainer: c
+  }));
+  const { children: m } = t;
+  return r.current ? p.createPortal(m, r.current) : null;
 }
-t.displayName = "Portal";
-const P = l.forwardRef(t);
+const v = f.forwardRef(R);
+function s(t, n) {
+  const { forceRender: o, visible: r } = t, e = a(null);
+  return i(() => () => {
+  }, []), l(n, () => ({
+    instance: e.current
+  })), o || r || e.current ? /* @__PURE__ */ d(v, { ref: e, ...t }) : null;
+}
+s.displayName = "Portal";
+const T = f.forwardRef(s);
 export {
-  P as default
+  T as default
 };

package/Progress.js

@@ -1,55 +1,316 @@
-import { jsxs as w, jsx as i } from "react/jsx-runtime";
-/* empty css                 */
-/* empty css                         */
-/* empty css                         */
-/* empty css                          */
-import { forwardRef as y, useContext as $ } from "react";
-import "./config-provider/ConfigProvider.js";
-import k from "./hooks/useMergeProps.js";
-import N from "@unicom-cloud/utils/class-name";
-import S from "./utils/omit.js";
-import n from "./progress/CircleProgress.js";
-import T from "./progress/LineProgess.js";
-import { StepProgress as W } from "./progress/StepProgress.js";
-import { ConfigContext as b } from "./config-provider/context.js";
-const j = {
+import { jsx as t, jsxs as v } from "react/jsx-runtime";
+import { useCallback as N, forwardRef as I, useContext as j } from "react";
+import { a as _ } from "./chunk/z7sBNzI4.js";
+import F from "./hooks/useMergeProps.js";
+import w from "@unicom-cloud/utils/class-name";
+import G from "./utils/omit.js";
+import b from "@unicom-cloud/icons/IconUiCheck";
+import M from "@unicom-cloud/icons/IconUiExclamation";
+import T from "lodash/isFunction";
+import S from "lodash/isPlainObject";
+import O from "./hooks/useId.js";
+import U from "./Tooltip.js";
+import z from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+const A = {
+  mini: 4,
+  small: 3,
+  default: 4,
+  large: 4
+}, B = {
+  mini: 16,
+  small: 48,
+  default: 64,
+  large: 80
+}, W = (e) => {
+  const {
+    size: l,
+    percent: a = 0,
+    prefixCls: h,
+    showText: i,
+    inlineText: r,
+    status: g,
+    formatText: x
+  } = e, f = S(e.color), n = e.width || B[l], u = e.strokeWidth || (l === "mini" ? n / 2 : A[l]), p = (n - u) / 2, c = Math.PI * 2 * p, m = n / 2, o = `${h}-circle`, s = `${o}-svg`, d = N(
+    (k) => {
+      if (T(x))
+        return x(a);
+      switch (k) {
+        case "success":
+          return /* @__PURE__ */ t(b, {});
+        case "error":
+          return /* @__PURE__ */ t(M, {});
+        default:
+          return `${a}%`;
+      }
+    },
+    [x, a]
+  ), $ = O(`${h}-linear-gradient-`), y = f ? `url(#${$})` : e.color;
+  let C = /* @__PURE__ */ v(
+    "div",
+    {
+      className: `${o}-wrapper`,
+      role: "progressbar",
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-valuenow": a,
+      style: { width: n, height: n },
+      children: [
+        /* @__PURE__ */ v("svg", { viewBox: `0 0 ${n} ${n}`, className: `${s}`, children: [
+          f && /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("linearGradient", { id: $, x1: "0", y1: "1", x2: "0", y2: "0", children: Object.keys(e.color).sort().map((k) => /* @__PURE__ */ t("stop", { offset: k, stopColor: e.color[k] }, k)) }) }),
+          /* @__PURE__ */ t(
+            "circle",
+            {
+              className: `${o}-mask`,
+              fill: "none",
+              cx: m,
+              cy: m,
+              r: p,
+              strokeWidth: e.pathStrokeWidth || (l === "mini" ? u : Math.max(2, u - 2)),
+              style: {
+                stroke: e.pathStrokeColor
+              }
+            }
+          ),
+          /* @__PURE__ */ t(
+            "circle",
+            {
+              className: `${o}-path`,
+              fill: "none",
+              cx: m,
+              cy: m,
+              r: p,
+              strokeWidth: u,
+              style: {
+                stroke: y,
+                strokeDasharray: c,
+                strokeDashoffset: (a > 100 ? 100 : 1 - a / 100) * c
+              }
+            }
+          )
+        ] }),
+        i && l !== "mini" && /* @__PURE__ */ t(
+          "div",
+          {
+            className: w(`${o}-text`, {
+              [`${o}-text-inline`]: r
+            }),
+            children: d(g)
+          }
+        )
+      ]
+    }
+  );
+  return l === "mini" && g === "success" && e.type === "circle" && (C = /* @__PURE__ */ t("div", { className: `${o}-wrapper`, style: { width: n, height: n }, children: /* @__PURE__ */ t(b, { style: { fontSize: n - 2, color: y } }) })), l === "mini" && i ? /* @__PURE__ */ t(
+    U,
+    {
+      content: /* @__PURE__ */ t(
+        "div",
+        {
+          className: w(`${o}-text`, {
+            [`${o}-text-inline`]: r
+          }),
+          children: d("normal")
+        }
+      ),
+      children: C
+    }
+  ) : C;
+}, P = (e, l) => {
+  if (S(e)) {
+    const a = Object.keys(e).map((i) => `${e[i]} ${i}`).join(","), h = l ? { backgroundSize: `${100 * 100 / l}%` } : {};
+    return {
+      backgroundImage: `linear-gradient(to right, ${a})`,
+      ...h
+    };
+  }
+  return {
+    backgroundColor: e
+  };
+}, D = {
+  small: 3,
+  default: 4,
+  large: 8
+};
+function E(e) {
+  const {
+    // textInside,
+    type: l,
+    prefixCls: a,
+    buffer: h,
+    percent: i,
+    color: r,
+    animation: g,
+    bufferColor: x,
+    formatText: f,
+    trailColor: n,
+    showText: u = !0,
+    inlineText: p = !1,
+    size: c = "default",
+    status: m = "normal"
+  } = e, o = e.strokeWidth || D[c], s = `${a}-${l}`, d = o, $ = m === "success" || m === "error" || i >= 100, y = N(() => {
+    if (T(f))
+      return f(i);
+    switch (m) {
+      case "error":
+        return /* @__PURE__ */ v("span", { children: [
+          i,
+          "% ",
+          /* @__PURE__ */ t(z, {})
+        ] });
+      default:
+        return `${i}%`;
+    }
+  }, [f, i, m]);
+  return /* @__PURE__ */ v("div", { className: `${s}-wrapper`, children: [
+    /* @__PURE__ */ v(
+      "div",
+      {
+        className: `${s}-outer`,
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": i,
+        style: { height: d, backgroundColor: n },
+        children: [
+          h && !$ && /* @__PURE__ */ t(
+            "div",
+            {
+              className: `${s}-inner-buffer`,
+              style: {
+                width: `${i > 0 ? i + 10 : 0}%`,
+                ...P(x)
+              }
+            }
+          ),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: w(`${s}-inner`, {
+                [`${s}-inner-animate`]: g
+              }),
+              style: {
+                width: `${i}%`,
+                ...P(r, i)
+              }
+            }
+          )
+        ]
+      }
+    ),
+    u && /* @__PURE__ */ t(
+      "div",
+      {
+        className: w(`${s}-text`, {
+          [`${s}-text-with-icon`]: m,
+          [`${s}-text-inline`]: p
+        }),
+        children: y()
+      }
+    )
+  ] });
+}
+const L = (e) => {
+  const {
+    prefixCls: l,
+    percent: a,
+    color: h,
+    type: i,
+    formatText: r,
+    trailColor: g,
+    showText: x = !0,
+    inlineText: f = !1,
+    size: n = "default",
+    status: u = "normal"
+  } = e, p = e.strokeWidth || (n === "small" ? 8 : 4), c = `${l}-${i}`, m = p, o = N(() => {
+    if (T(r))
+      return r(a);
+    switch (u) {
+      case "error":
+        return /* @__PURE__ */ v("span", { children: [
+          a,
+          "% ",
+          /* @__PURE__ */ t(z, {})
+        ] });
+      default:
+        return `${a}%`;
+    }
+  }, [r, a, u]);
+  return /* @__PURE__ */ v("div", { className: `${c}-wrapper`, children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: `${c}-outer`,
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": a,
+        style: { height: m },
+        children: [...new Array(e.steps)].map((s, d) => {
+          const $ = a > 100 / e.steps * d;
+          return /* @__PURE__ */ t(
+            "div",
+            {
+              className: w(`${c}-item`, {
+                [`${c}-item-active`]: $
+              }),
+              style: {
+                backgroundColor: $ ? h : g || ""
+              }
+            },
+            d
+          );
+        })
+      }
+    ),
+    x && /* @__PURE__ */ t(
+      "div",
+      {
+        className: w(`${c}-text`, {
+          [`${c}-text-with-icon`]: u,
+          [`${c}-text-inline`]: f
+        }),
+        children: o()
+      }
+    )
+  ] });
+}, R = {
   type: "line",
   showText: !0,
   inlineText: !1,
   percent: 0,
   size: "default"
 };
-function z(f, c) {
-  const { getPrefixCls: h, componentConfig: l, rtl: d } = $(b), t = k(
-    f,
-    j,
-    l == null ? void 0 : l.Progress
+function q(e, l) {
+  const { getPrefixCls: a, componentConfig: h, rtl: i } = j(_), r = F(
+    e,
+    R,
+    h == null ? void 0 : h.Progress
   ), {
-    className: u,
+    className: g,
     style: x,
-    size: p,
-    width: o,
-    strokeWidth: a,
-    steps: g,
-    percent: C,
-    ...P
-  } = t, e = g && t.type !== "circle" ? "steps" : t.type, r = h("progress"), s = "status" in t ? t.status : C >= 100 ? "success" : "normal", m = { width: o };
-  return p === "mini" && e === "line" && (m.width = o || 16, m.height = o || 16), /* @__PURE__ */ w(
+    size: f,
+    width: n,
+    strokeWidth: u,
+    steps: p,
+    percent: c,
+    ...m
+  } = r, o = p && r.type !== "circle" ? "steps" : r.type, s = a("progress"), d = "status" in r ? r.status : c >= 100 ? "success" : "normal", $ = { width: n };
+  return f === "mini" && o === "line" && ($.width = n || 16, $.height = n || 16), /* @__PURE__ */ v(
     "div",
     {
-      ref: c,
-      className: N(
-        r,
-        `${r}-${e}`,
-        `${r}-${p}`,
+      ref: l,
+      className: w(
+        s,
+        `${s}-${o}`,
+        `${s}-${f}`,
         {
-          [`${r}-is-${s}`]: s !== "normal",
-          [`${r}-rtl`]: d
+          [`${s}-is-${d}`]: d !== "normal",
+          [`${s}-rtl`]: i
         },
-        u
+        g
       ),
-      style: { ...m, ...x },
-      ...S(P, [
+      style: { ...$, ...x },
+      ...G(m, [
         "type",
         "animation",
         "status",
@@ -62,43 +323,43 @@ function z(f, c) {
         "bufferColor"
       ]),
       children: [
-        e === "steps" && /* @__PURE__ */ i(
-          W,
+        o === "steps" && /* @__PURE__ */ t(
+          L,
           {
-            ...t,
-            type: e,
-            status: s,
-            prefixCls: r
+            ...r,
+            type: o,
+            status: d,
+            prefixCls: s
           }
         ),
-        e === "circle" && /* @__PURE__ */ i(
-          n,
+        o === "circle" && /* @__PURE__ */ t(
+          W,
           {
-            width: t.width,
-            ...t,
-            pathStrokeColor: t.trailColor,
-            status: s,
-            prefixCls: r
+            width: r.width,
+            ...r,
+            pathStrokeColor: r.trailColor,
+            status: d,
+            prefixCls: s
           }
         ),
-        e === "line" && (p === "mini" ? /* @__PURE__ */ i(
-          n,
+        o === "line" && (f === "mini" ? /* @__PURE__ */ t(
+          W,
           {
-            pathStrokeColor: t.trailColor,
-            ...t,
-            pathStrokeWidth: a || 4,
-            width: o || 16,
-            strokeWidth: a || 4,
-            prefixCls: r,
-            status: s
+            pathStrokeColor: r.trailColor,
+            ...r,
+            pathStrokeWidth: u || 4,
+            width: n || 16,
+            strokeWidth: u || 4,
+            prefixCls: s,
+            status: d
           }
-        ) : /* @__PURE__ */ i(T, { ...t, status: s, prefixCls: r }))
+        ) : /* @__PURE__ */ t(E, { ...r, status: d, prefixCls: s }))
       ]
     }
   );
 }
-const R = y(z);
-R.displayName = "Progress";
+const H = I(q);
+H.displayName = "Progress";
 export {
-  R as default
+  H as default
 };

package/Radio.js

@@ -1,8 +1,6 @@
-/* empty css                 */
-/* empty css                       */
-import p from "./radio/Radio.js";
-import { ClearRadioGroupContext as i } from "./radio/Group.js";
+import { R as a } from "./chunk/CkIWpIl6.js";
+import { C as e } from "./chunk/CkIWpIl6.js";
 export {
-  i as ClearRadioGroupContext,
-  p as default
+  e as ClearRadioGroupContext,
+  a as default
 };