@unicom-cloud/ui 0.8.102 → 0.8.104

package/Copy.js

@@ -44,6 +44,7 @@ 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 "uuid";
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
 import "@unicom-cloud/utils/tinycolor";
@@ -53,7 +54,6 @@ import "lodash/isPlainObject";
 import "react-is";
 import "@unicom-cloud/utils/tree";
 import "@unicom-cloud/utils/is";
-import "uuid";
 import "./dist/validate/src/index.js";
 import "@unicom-cloud/utils/constant/keyboardCode";
 import "./config-provider/context.js";

package/LiquidFill.js

@@ -46,6 +46,7 @@ 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 "uuid";
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
 import "@unicom-cloud/utils/tinycolor";
@@ -54,7 +55,6 @@ import "@unicom-cloud/utils/constant/ui.js";
 import "react-is";
 import "@unicom-cloud/utils/tree";
 import "@unicom-cloud/utils/is";
-import "uuid";
 import "./dist/validate/src/index.js";
 import "./config-provider/context.js";
 import { default as fo } from "./liquid-fill/index.js";

package/Marquee.js

@@ -46,6 +46,7 @@ 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/resizeObserver.js";
+import "uuid";
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
 import "@unicom-cloud/utils/tinycolor";
@@ -54,10 +55,9 @@ import "@unicom-cloud/utils/constant/ui.js";
 import "react-is";
 import "@unicom-cloud/utils/tree";
 import "@unicom-cloud/utils/is";
-import "uuid";
 import "./dist/validate/src/index.js";
 import "./config-provider/context.js";
-import { default as fo } from "./marquee/index.js";
+import { default as fo } from "./marquee-/index.js";
 export {
   fo as default
 };

package/QrCode.js

@@ -46,6 +46,7 @@ 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 "uuid";
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
 import "@unicom-cloud/utils/tinycolor";
@@ -54,7 +55,6 @@ import "@unicom-cloud/utils/constant/ui.js";
 import "react-is";
 import "@unicom-cloud/utils/tree";
 import "@unicom-cloud/utils/is";
-import "uuid";
 import "./dist/validate/src/index.js";
 import "./config-provider/context.js";
 import { default as fo } from "./qr-code/index.js";

package/Spin.js

@@ -1,14 +1,17 @@
 import "react/jsx-runtime";
 import "@unicom-cloud/icons/IconUiLoading";
+import "@unicom-cloud/icons/IconUiLoadingDots";
+import "@unicom-cloud/icons/IconUiLoadingInfinity";
+import "@unicom-cloud/icons/IconUiLoadingRing";
+import "@unicom-cloud/icons/IconUiLoadingSpinner";
 import "lodash/debounce";
 import "react";
 import "./config-provider/ConfigProvider.js";
 import "./components/common/hooks/useMergeProps.js";
 import "@unicom-cloud/utils/class-name";
 import "./components/common/utils/is.js";
-import "./spin/DotLoading.js";
 import "./config-provider/context.js";
-import { default as x } from "./spin/index.js";
+import { default as g } from "./spin/index.js";
 export {
-  x as default
+  g as default
 };

package/Tour.js

@@ -52,6 +52,7 @@ 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/resizeObserver.js";
+import "uuid";
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
 import "@unicom-cloud/utils/tinycolor";
@@ -60,7 +61,6 @@ import "@unicom-cloud/utils/constant/ui.js";
 import "react-is";
 import "@unicom-cloud/utils/tree";
 import "@unicom-cloud/utils/is";
-import "uuid";
 import "./dist/validate/src/index.js";
 import "./config-provider/context.js";
 import { default as co } from "./tour/index.js";

package/badge/Count.js

@@ -1,14 +1,14 @@
 import { jsx as s } from "react/jsx-runtime";
-import { useState as d } from "react";
-import p from "../components/common/hooks/usePrevious.js";
-import { PqbCSSTransition as u } from "../components/common/utils/PqbCSSTransition.js";
-import f from "@unicom-cloud/utils/class-name";
-function S({ prefixCls: t, maxCount: r, count: e, className: n, style: a }) {
-  const [o, m] = d(!1), i = p(e), l = e !== i;
+import { useState as u } from "react";
+import d from "../components/common/hooks/usePrevious.js";
+import { PqbCSSTransition as p } from "../components/common/utils/PqbCSSTransition.js";
+import c from "@unicom-cloud/utils/class-name";
+function $({ prefixCls: t, maxCount: r, count: e, className: n, style: o }) {
+  const [a, m] = u(!1), i = d(e), l = e !== i;
   return /* @__PURE__ */ s(
-    u,
+    p,
     {
-      classNames: "badge-zoom",
+      classNames: `${t}-zoom`,
       in: e > 0,
       timeout: 300,
       appear: !0,
@@ -17,11 +17,11 @@ function S({ prefixCls: t, maxCount: r, count: e, className: n, style: a }) {
       onEntered: () => {
         m(!0);
       },
-      children: /* @__PURE__ */ s("span", { className: n, style: a, children: /* @__PURE__ */ s(
+      children: /* @__PURE__ */ s("span", { className: n, style: o, children: /* @__PURE__ */ s(
         "span",
         {
-          className: f({
-            [`${t}-number-text`]: o && l
+          className: c({
+            [`${t}-number-text`]: a && l
           }),
           children: r && e > r ? `${r}+` : e
         },
@@ -31,5 +31,5 @@ function S({ prefixCls: t, maxCount: r, count: e, className: n, style: a }) {
   );
 }
 export {
-  S as default
+  $ as default
 };

package/badge/index.js

@@ -40,14 +40,14 @@ function Q(O, B) {
     dot: g,
     dotAnimation: C,
     maxCount: T,
-    color: t,
+    color: e,
     dotStyle: w,
     offset: E,
     style: j,
     status: m,
     children: N,
     ...v
-  } = R, p = H(null), e = D?.("badge"), a = { ...w || {} }, [x, y] = E || [];
+  } = R, p = H(null), t = D?.("badge"), a = { ...w || {} }, [x, y] = E || [];
   x && (a.marginRight = -x), y && (a.marginTop = y), L(B, () => ({
     dom: p.current,
     getRootDOMNode() {
@@ -59,42 +59,42 @@ function Q(O, B) {
       return /* @__PURE__ */ o(
         "span",
         {
-          className: l(`${e}-custom-dot`, i),
+          className: l(`${t}-custom-dot`, i),
           style: a,
           children: n
         }
       );
-    const r = t ? f.includes(t) : !1, c = !t || r ? {} : { backgroundColor: t };
-    return u && !t && !m ? /* @__PURE__ */ o(
+    const r = e ? f.includes(e) : !1, c = !e || r ? {} : { backgroundColor: e };
+    return u && !e && !m ? /* @__PURE__ */ o(
       "span",
       {
-        className: l(`${e}-text`, i),
+        className: l(`${t}-text`, i),
         style: a,
         children: u
       }
-    ) : m || t && typeof n == "number" && n <= 0 ? /* @__PURE__ */ d("span", { className: `${e}-status-wrapper`, children: [
-      !!b && /* @__PURE__ */ o("span", { className: `${e}-status-prefix-text`, children: b }),
+    ) : m || e && typeof n == "number" && n <= 0 ? /* @__PURE__ */ d("span", { className: `${t}-status-wrapper`, children: [
+      !!b && /* @__PURE__ */ o("span", { className: `${t}-status-prefix-text`, children: b }),
       /* @__PURE__ */ o(
         "span",
         {
           style: { ...c, ...a },
           className: l(
-            `${e}-status-dot`,
+            `${t}-status-dot`,
             {
-              [`${e}-dot-pulse`]: C,
-              [`${e}-status-${m}`]: m,
-              [`${e}-color-${t}`]: t && r
+              [`${t}-dot-pulse`]: C,
+              [`${t}-status-${m}`]: m,
+              [`${t}-color-${e}`]: e && r
             },
             i
           )
         }
       ),
-      !!u && /* @__PURE__ */ o("span", { className: `${e}-status-text`, children: u })
-    ] }) : (g || t) && typeof n == "number" && n > 0 ? /* @__PURE__ */ o(
+      !!u && /* @__PURE__ */ o("span", { className: `${t}-status-text`, children: u })
+    ] }) : (g || e) && typeof n == "number" && n > 0 ? /* @__PURE__ */ o(
       F,
       {
-        classNames: "badge-zoom",
-        in: g || !!t,
+        classNames: `${t}-zoom`,
+        in: g || !!e,
         timeout: 200,
         appear: !0,
         mountOnEnter: !0,
@@ -103,10 +103,10 @@ function Q(O, B) {
           "span",
           {
             className: l(
-              `${e}-dot`,
+              `${t}-dot`,
               {
-                [`${e}-dot-pulse`]: C,
-                [`${e}-color-${t}`]: t && r
+                [`${t}-dot-pulse`]: C,
+                [`${t}-color-${e}`]: e && r
               },
               i
             ),
@@ -117,8 +117,8 @@ function Q(O, B) {
     ) : /* @__PURE__ */ o(
       h,
       {
-        prefixCls: e,
-        className: l(`${e}-number`, i),
+        prefixCls: t,
+        className: l(`${t}-number`, i),
         style: { ...c, ...a },
         maxCount: T,
         count: n
@@ -134,18 +134,18 @@ function Q(O, B) {
       "div",
       {
         className: l(
-          `${e}-ribbon`,
-          `${e}-ribbon-${M}`,
+          `${t}-ribbon`,
+          `${t}-ribbon-${M}`,
           {
-            [`${e}-rtl`]: $,
-            [`${e}-color-${r}`]: r && c
+            [`${t}-rtl`]: $,
+            [`${t}-color-${r}`]: r && c
           },
           s.className
         ),
         style: I,
         children: [
-          /* @__PURE__ */ o("span", { className: `${e}-ribbon-text`, children: s.text }),
-          /* @__PURE__ */ o("div", { className: `${e}-ribbon-corner` })
+          /* @__PURE__ */ o("span", { className: `${t}-ribbon-text`, children: s.text }),
+          /* @__PURE__ */ o("div", { className: `${t}-ribbon-corner` })
         ]
       }
     );
@@ -154,13 +154,13 @@ function Q(O, B) {
     "span",
     {
       className: l(
-        e,
+        t,
         {
-          [`${e}-status`]: m,
-          [`${e}-no-children`]: !N,
-          [`${e}-rtl`]: $
+          [`${t}-status`]: m,
+          [`${t}-no-children`]: !N,
+          [`${t}-rtl`]: $
         },
-        !!s && `${e}-ribbon-wrapper`,
+        !!s && `${t}-ribbon-wrapper`,
         A
       ),
       ref: p,
@@ -176,7 +176,7 @@ function Q(O, B) {
 const S = q(Q);
 S.displayName = "Badge";
 S.Count = h;
-const se = f, ne = [
+const st = f, nt = [
   "default",
   "processing",
   "success",
@@ -184,8 +184,8 @@ const se = f, ne = [
   "error"
 ];
 export {
-  se as BADGE_COLORS,
-  ne as BADGE_STATUS,
+  st as BADGE_COLORS,
+  nt as BADGE_STATUS,
   h as BadgeCount,
   S as default
 };

package/components/common/space/index.js

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as _ } from "react/jsx-runtime";
+import { jsx as s, jsxs as _ } from "react/jsx-runtime";
 import { UI_COMMON_PREFIX as b } from "@unicom-cloud/utils/constant/ui";
 import O from "lodash/isArray";
 import R from "lodash/isNumber";
@@ -15,57 +15,57 @@ const u = {
   size: "small",
   direction: "horizontal"
 }, d = f(
-  function(a, y) {
-    const $ = E(a, U, {}), {
+  function(a, $) {
+    const y = E(a, U, {}), {
       className: N,
       style: S,
       children: h,
       gap: G,
-      size: x,
+      size: w,
       direction: n = "horizontal",
-      align: P,
-      alignItems: V,
+      align: x,
+      alignItems: P,
       justifyContent: l,
-      wrap: j,
+      wrap: V,
       split: p,
-      rtl: w,
+      rtl: j,
       ...z
-    } = $, e = `${b}-space`, r = G ?? x, m = V ?? P ?? (n === "horizontal" ? "center" : ""), A = F(
-      e,
+    } = y, t = `${b}-space`, r = G ?? w, m = P ?? x ?? (n === "horizontal" ? "center" : ""), A = F(
+      t,
       {
-        [`${e}-${n}`]: n,
-        [`${e}-justify-content-${l}`]: l,
-        [`${e}-align-items-${m}`]: m,
-        [`${e}-wrap`]: j,
-        [`${e}-rtl`]: w
+        [`${t}-${n}`]: n,
+        [`${t}-justify-content-${l}`]: l,
+        [`${t}-align-items-${m}`]: m,
+        [`${t}-rtl`]: j
       },
+      V ? `${t}-wrap` : `${t}-no-wrap`,
       N
-    ), i = (t) => R(t) ? t : u[t] ?? u.small, C = {
+    ), i = (e) => R(e) ? e : u[e] ?? u.small, C = {
       ...(() => {
         if (typeof r == "string" || typeof r == "number")
           return {
             gap: `${i(r)}px`
           };
         if (O(r)) {
-          const t = i(r[1]), s = i(r[0]);
+          const e = i(r[1]), o = i(r[0]);
           return {
-            rowGap: `${t}px`,
-            columnGap: `${s}px`
+            rowGap: `${e}px`,
+            columnGap: `${o}px`
           };
         }
         return {};
       })(),
       ...S
     }, v = L(h);
-    return /* @__PURE__ */ o("div", { ref: y, className: A, style: C, ...z, children: v.map((t, s) => {
-      const I = t?.key ?? s, M = p != null && s > 0;
+    return /* @__PURE__ */ s("div", { ref: $, className: A, style: C, ...z, children: v.map((e, o) => {
+      const I = e?.key ?? o, M = p != null && o > 0;
       return /* @__PURE__ */ _(k, { children: [
-        M && /* @__PURE__ */ o("div", { className: `${e}-item-split`, children: p }),
-        /* @__PURE__ */ o("div", { className: `${e}-item`, children: t })
+        M && /* @__PURE__ */ s("div", { className: `${t}-item-split`, children: p }),
+        /* @__PURE__ */ s("div", { className: `${t}-item`, children: e })
       ] }, I);
     }) });
   }
-), g = f((c, a) => /* @__PURE__ */ o(d, { ref: a, ...c, direction: "vertical" })), T = Object.assign(d, {
+), g = f((c, a) => /* @__PURE__ */ s(d, { ref: a, ...c, direction: "vertical" })), T = Object.assign(d, {
   displayName: "Space",
   Vertical: g
 });

package/copy/index.js

@@ -44,6 +44,7 @@ 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 "uuid";
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
 import "@unicom-cloud/utils/tinycolor";
@@ -53,7 +54,6 @@ import "lodash/isPlainObject";
 import "react-is";
 import "@unicom-cloud/utils/tree";
 import { isFunction as v } from "@unicom-cloud/utils/is";
-import "uuid";
 import "../dist/validate/src/index.js";
 import "@unicom-cloud/utils/constant/keyboardCode";
 import F from "../config-provider/context.js";

package/divider/index.js

@@ -1,47 +1,61 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as l, useContext as v } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as f, useContext as b, useMemo as D } from "react";
 import "../config-provider/ConfigProvider.js";
-import N from "../components/common/hooks/useMergeProps.js";
-import C from "@unicom-cloud/utils/class-name";
-import h from "../config-provider/context.js";
-const y = {
+import g from "../components/common/hooks/useMergeProps.js";
+import P from "@unicom-cloud/utils/class-name";
+import w from "../config-provider/context.js";
+const z = {
   type: "horizontal",
   orientation: "center"
 };
-function D(r, o) {
-  const { getPrefixCls: m, componentConfig: p } = v(h), d = N(
-    r,
-    y,
-    p?.Divider
-  ), { children: e, style: f, className: x, type: n, orientation: i, ...$ } = d, t = m?.("divider"), u = C(
+function S(n, a) {
+  const { getPrefixCls: u, componentConfig: x } = b(w), h = g(
+    n,
+    z,
+    x?.Divider
+  ), {
+    children: o,
+    style: m,
+    className: $,
+    type: p,
+    orientation: l,
+    borderStyle: r,
+    // 潘启宝添加
+    borderWidth: i,
+    // 潘启宝添加
+    ...v
+  } = h, s = p === "horizontal", t = u?.("divider"), N = P(
     t,
-    `${t}-${n}`,
+    `${t}-${p}`,
     {
-      [`${t}-with-text`]: e,
-      [`${t}-with-text-${i}`]: e && i
+      [`${t}-with-text`]: o,
+      [`${t}-with-text-${l}`]: o && l
     },
-    x
-  );
-  return /* @__PURE__ */ s(
+    $
+  ), C = D(() => {
+    const e = { ...m };
+    return r && (s ? e.borderBottomStyle = r : e.borderLeftStyle = r), i && (s ? e.borderBottomWidth = i : e.borderLeftWidth = i), e;
+  }, [r, i, s, m]);
+  return /* @__PURE__ */ c(
     "div",
     {
       role: "separator",
-      ref: o,
-      className: u,
-      style: f,
-      ...$,
-      children: e && n === "horizontal" ? /* @__PURE__ */ s("span", { className: `${t}-text ${t}-text-${i}`, children: e }) : null
+      ref: a,
+      style: C,
+      className: N,
+      ...v,
+      children: o && s ? /* @__PURE__ */ c("span", { className: `${t}-text ${t}-text-${l}`, children: o }) : null
     }
   );
 }
-const a = l(
-  D
+const d = f(
+  S
 );
-a.displayName = "Divider";
-const c = l((r, o) => /* @__PURE__ */ s(a, { ref: o, type: "vertical", ...r }));
-c.displayName = "DividerVertical";
-a.Vertical = c;
+d.displayName = "Divider";
+const y = f((n, a) => /* @__PURE__ */ c(d, { ref: a, type: "vertical", ...n }));
+y.displayName = "DividerVertical";
+d.Vertical = y;
 export {
-  c as DividerVertical,
-  a as default
+  y as DividerVertical,
+  d as default
 };