@unicom-cloud/ui 0.8.103 → 0.8.104

package/spin/index.js

@@ -1,93 +1,106 @@
-import { jsx as n, jsxs as $, Fragment as h } from "react/jsx-runtime";
-import w from "@unicom-cloud/icons/IconUiLoading";
-import P from "lodash/debounce";
-import y, { useContext as _, useState as D, useCallback as F, useRef as H, useImperativeHandle as M, useEffect as U } from "react";
+import { jsx as n, jsxs as N, Fragment as $ } from "react/jsx-runtime";
+import P from "@unicom-cloud/icons/IconUiLoading";
+import _ from "@unicom-cloud/icons/IconUiLoadingDots";
+import D from "@unicom-cloud/icons/IconUiLoadingInfinity";
+import F from "@unicom-cloud/icons/IconUiLoadingRing";
+import H from "@unicom-cloud/icons/IconUiLoadingSpinner";
+import M from "lodash/debounce";
+import h, { useContext as q, useState as A, useCallback as B, useRef as G, useImperativeHandle as J, useEffect as K } from "react";
 import "../config-provider/ConfigProvider.js";
-import q from "../components/common/hooks/useMergeProps.js";
-import a from "@unicom-cloud/utils/class-name";
-import { isEmptyReactNode as A } from "../components/common/utils/is.js";
-import B from "./DotLoading.js";
-import G from "../config-provider/context.js";
-function J(S, C) {
-  const { getPrefixCls: x, componentConfig: v } = _(G), L = q(S, {}, v?.Spin), {
-    style: b,
-    className: z,
+import O from "../components/common/hooks/useMergeProps.js";
+import m from "@unicom-cloud/utils/class-name";
+import { isEmptyReactNode as Q } from "../components/common/utils/is.js";
+import T from "../config-provider/context.js";
+function V(C, S) {
+  const {
+    prefixCls: x,
+    getPrefixCls: I,
+    componentConfig: L
+  } = q(T), v = O(C, {}, L?.Spin), {
+    style: R,
+    className: b,
     children: r,
-    loading: s,
-    size: o,
+    loading: t,
+    size: s,
     icon: f,
-    element: R,
-    tip: c,
-    dot: k,
+    element: z,
+    tip: a,
+    type: U,
     delay: i,
-    block: E = !1,
+    block: k = !1,
     fullscreen: p,
-    ...I
-  } = L, [u, g] = D(i ? !1 : s), l = F(P(g, i), [i]), d = i ? u : s, e = x?.("spin"), N = H(null);
-  M(C, () => ({
+    ...E
+  } = v, [g, u] = A(i ? !1 : t), o = B(M(u, i), [i]), c = i ? g : t, e = I?.("spin"), y = G(null);
+  J(S, () => ({
     // 潘启宝添加于 2023年10月23日 星期一 10时52分55秒 CST
-    dom: N.current,
-    loading: u,
-    setLoading: g,
-    debouncedSetLoading: l
-  })), U(() => (i && l(s), () => {
-    l && l.cancel();
-  }), [s]);
-  const j = /* @__PURE__ */ n("span", { className: `${e}-icon`, children: f ? y.cloneElement(f, {
-    className: a(`${e.replace("-spin", "-icon")}-loading`),
+    dom: y.current,
+    loading: g,
+    setLoading: u,
+    debouncedSetLoading: o
+  })), K(() => (i && o(t), () => {
+    o && o.cancel();
+  }), [o, i, t]);
+  const j = {
+    dot: _,
+    infinity: D,
+    ring: F,
+    circle: H,
+    default: P
+  }[U || "default"], w = /* @__PURE__ */ n("span", { className: `${e}-icon`, children: f ? h.cloneElement(f, {
+    className: `${x}-icon-ui-loading`,
     style: {
-      fontSize: o
+      fontSize: s
     }
-  }) : R || (k ? /* @__PURE__ */ n(B, { size: o }) : /* @__PURE__ */ n(w, { style: { fontSize: o } })) }), m = /* @__PURE__ */ $(h, { children: [
-    j,
-    c ? /* @__PURE__ */ n("div", { className: `${e}-tip`, children: c }) : null
+  }) : z || /* @__PURE__ */ n(j, { style: { fontSize: s } }) }), d = /* @__PURE__ */ N($, { children: [
+    w,
+    a ? /* @__PURE__ */ n("div", { className: `${e}-tip`, children: a }) : null
   ] });
-  let t;
-  return A(r) ? p ? d && (t = /* @__PURE__ */ n(
+  let l;
+  return Q(r) ? p ? c && (l = /* @__PURE__ */ n(
     "div",
     {
-      className: a(
+      className: m(
         `${e}-loading-layer`,
         `${e}-fullscreen`
       ),
-      style: { fontSize: o },
-      children: m
+      style: { fontSize: s },
+      children: d
     }
-  )) : t = m : t = /* @__PURE__ */ $(h, { children: [
+  )) : l = d : l = /* @__PURE__ */ N($, { children: [
     /* @__PURE__ */ n("div", { className: `${e}-children`, children: r }),
-    d && /* @__PURE__ */ n(
+    c && /* @__PURE__ */ n(
       "div",
       {
-        className: a(
+        className: m(
           `${e}-loading-layer`,
           p && `${e}-fullscreen`
           // 潘启宝添加
         ),
-        style: { fontSize: o },
-        children: /* @__PURE__ */ n("span", { className: `${e}-loading-layer-inner`, children: m })
+        style: { fontSize: s },
+        children: /* @__PURE__ */ n("span", { className: `${e}-loading-layer-inner`, children: d })
       }
     )
   ] }), /* @__PURE__ */ n(
     "div",
     {
-      ref: N,
-      className: a(
+      ref: y,
+      className: m(
         e,
         {
-          [`${e}-block`]: E,
-          [`${e}-loading`]: d,
-          [`${e}-with-tip`]: c && !r
+          [`${e}-block`]: k,
+          [`${e}-loading`]: c,
+          [`${e}-with-tip`]: a && !r
         },
-        z
+        b
       ),
-      style: b,
-      ...I,
-      children: t
+      style: R,
+      ...E,
+      children: l
     }
   );
 }
-const K = y.forwardRef(J);
-K.displayName = "Spin";
+const W = h.forwardRef(V);
+W.displayName = "Spin";
 export {
-  K as default
+  W as default
 };