@unicom-cloud/ui 0.8.101 → 0.8.103

package/badge/index.js

@@ -1,58 +1,11 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import q from "lodash/isPlainObject";
-import { forwardRef as z, useContext as H, useRef as O, useImperativeHandle as L } from "react";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import _ from "lodash/isPlainObject";
+import { forwardRef as q, useContext as z, useRef as H, useImperativeHandle as L } from "react";
 import "../config-provider/ConfigProvider.js";
-import M from "../components/common/hooks/useMergeProps.js";
-import "@unicom-cloud/utils/case-name";
-import n 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 "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 { PqbCSSTransition as U } from "../components/common/utils/PqbCSSTransition.js";
-import "../components/common/utils/reactDOM.js";
-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 "@unicom-cloud/utils/is";
-import { v4 as F } from "uuid";
-import "../dist/validate/src/index.js";
-import "@unicom-cloud/utils/constant/keyboardCode";
-import B from "./Count.js";
+import U from "../components/common/hooks/useMergeProps.js";
+import { PqbCSSTransition as F } from "../components/common/utils/PqbCSSTransition.js";
+import l from "@unicom-cloud/utils/class-name";
+import h from "./Count.js";
 import J from "../config-provider/context.js";
 const f = [
   "red",
@@ -72,164 +25,158 @@ const f = [
   dotAnimation: !0
   // 默认开启 dot 动画
 };
-function Q(P, v) {
-  const { getPrefixCls: A, componentConfig: R, rtl: $ } = H(J), T = M(
-    P,
+function Q(O, B) {
+  const { getPrefixCls: D, componentConfig: P, rtl: $ } = z(J), R = U(
+    O,
     K,
-    R?.Badge
+    P?.Badge
   ), {
-    ribbon: o,
-    count: s,
-    prefixText: g,
-    text: l,
-    className: w,
-    dotClassName: m,
-    dot: b,
-    dotAnimation: x,
-    maxCount: E,
-    color: r,
-    dotStyle: j,
-    offset: I,
-    style: N,
-    status: p,
-    children: u,
-    ...y
-  } = T, d = O(null), C = O(F()), t = A?.("badge"), i = { ...j || {} }, [h, S] = I || [];
-  h && (i.marginRight = -h), S && (i.marginTop = S), L(v, () => ({
-    dom: d.current
+    ribbon: s,
+    count: n,
+    prefixText: b,
+    text: u,
+    className: A,
+    dotClassName: i,
+    dot: g,
+    dotAnimation: C,
+    maxCount: T,
+    color: t,
+    dotStyle: w,
+    offset: E,
+    style: j,
+    status: m,
+    children: N,
+    ...v
+  } = R, p = H(null), e = D?.("badge"), a = { ...w || {} }, [x, y] = E || [];
+  x && (a.marginRight = -x), y && (a.marginTop = y), L(B, () => ({
+    dom: p.current,
+    getRootDOMNode() {
+      return p.current;
+    }
   }));
   const k = () => {
-    if (q(s))
-      return /* @__PURE__ */ e(
+    if (_(n))
+      return /* @__PURE__ */ o(
         "span",
         {
-          className: n(`${t}-custom-dot`, m),
-          style: i,
-          children: s
+          className: l(`${e}-custom-dot`, i),
+          style: a,
+          children: n
         }
       );
-    const a = !r || f.indexOf(r) > -1 ? {} : { backgroundColor: r };
-    return l && !r && !p ? /* @__PURE__ */ e(
+    const r = t ? f.includes(t) : !1, c = !t || r ? {} : { backgroundColor: t };
+    return u && !t && !m ? /* @__PURE__ */ o(
       "span",
       {
-        className: n(`${t}-text`, m),
-        style: i,
-        children: l
+        className: l(`${e}-text`, i),
+        style: a,
+        children: u
       }
-    ) : p || r && typeof s == "number" && s <= 0 ? /* @__PURE__ */ c("span", { className: `${t}-status-wrapper`, children: [
-      !!g && /* @__PURE__ */ e("span", { className: `${t}-status-prefix-text`, children: g }),
-      /* @__PURE__ */ e(
+    ) : 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 }),
+      /* @__PURE__ */ o(
         "span",
         {
-          className: n(
-            `${t}-status-dot`,
+          style: { ...c, ...a },
+          className: l(
+            `${e}-status-dot`,
             {
-              [`${t}-dot-pulse`]: x,
-              [`${t}-status-${p}`]: p,
-              [`${t}-color-${r}`]: r
+              [`${e}-dot-pulse`]: C,
+              [`${e}-status-${m}`]: m,
+              [`${e}-color-${t}`]: t && r
             },
-            m
-          ),
-          style: { ...a, ...i }
+            i
+          )
         }
       ),
-      !!l && /* @__PURE__ */ e("span", { className: `${t}-status-text`, children: l })
-    ] }) : (b || r) && typeof s == "number" && s > 0 ? /* @__PURE__ */ e(
-      U,
+      !!u && /* @__PURE__ */ o("span", { className: `${e}-status-text`, children: u })
+    ] }) : (g || t) && typeof n == "number" && n > 0 ? /* @__PURE__ */ o(
+      F,
       {
         classNames: "badge-zoom",
-        in: b || !!r,
+        in: g || !!t,
         timeout: 200,
         appear: !0,
         mountOnEnter: !0,
         unmountOnExit: !0,
-        children: /* @__PURE__ */ e(
+        children: /* @__PURE__ */ o(
           "span",
           {
-            className: n(
-              `${t}-dot`,
+            className: l(
+              `${e}-dot`,
               {
-                [`${t}-dot-pulse`]: x,
-                [`${t}-color-${r}`]: r
+                [`${e}-dot-pulse`]: C,
+                [`${e}-color-${t}`]: t && r
               },
-              m
+              i
             ),
-            style: { ...a, ...i }
+            style: { ...c, ...a }
           }
         )
       }
-    ) : /* @__PURE__ */ e(
-      B,
+    ) : /* @__PURE__ */ o(
+      h,
       {
-        prefixCls: t,
-        className: n(`${t}-number`, m),
-        style: { ...a, ...i },
-        maxCount: E,
-        count: s
+        prefixCls: e,
+        className: l(`${e}-number`, i),
+        style: { ...c, ...a },
+        maxCount: T,
+        count: n
       }
     );
   }, G = () => {
-    if (!o || !o.text) return null;
-    const a = o.color ? { backgroundColor: o.color } : {}, _ = o.placement || "end";
-    return /* @__PURE__ */ c(
+    if (!s) return;
+    const r = s.color, c = r ? f.includes(r) : !1, I = {
+      ...c ? {} : { backgroundColor: r },
+      ...s.style
+    }, M = s.placement || "end";
+    return /* @__PURE__ */ d(
       "div",
       {
-        className: n(
-          `${t}-ribbon`,
-          `${t}-ribbon-${_}`,
+        className: l(
+          `${e}-ribbon`,
+          `${e}-ribbon-${M}`,
           {
-            [`${t}-rtl`]: $,
-            [`${t}-color-${o.color}`]: o.color && f.includes(o.color)
-          }
+            [`${e}-rtl`]: $,
+            [`${e}-color-${r}`]: r && c
+          },
+          s.className
         ),
-        style: a,
+        style: I,
         children: [
-          /* @__PURE__ */ e("span", { className: `${t}-ribbon-text`, children: o.text }),
-          /* @__PURE__ */ e("div", { className: `${t}-ribbon-corner` })
+          /* @__PURE__ */ o("span", { className: `${e}-ribbon-text`, children: s.text }),
+          /* @__PURE__ */ o("div", { className: `${e}-ribbon-corner` })
         ]
       }
     );
   };
-  return o ? /* @__PURE__ */ c(
-    "div",
-    {
-      className: `${t}-ribbon-wrapper`,
-      ref: d,
-      style: N,
-      id: C.current,
-      ...y,
-      children: [
-        u,
-        G()
-      ]
-    }
-  ) : /* @__PURE__ */ c(
+  return /* @__PURE__ */ d(
     "span",
     {
-      className: n(
-        t,
+      className: l(
+        e,
         {
-          [`${t}-status`]: p,
-          [`${t}-no-children`]: !u,
-          [`${t}-rtl`]: $
+          [`${e}-status`]: m,
+          [`${e}-no-children`]: !N,
+          [`${e}-rtl`]: $
         },
-        w
+        !!s && `${e}-ribbon-wrapper`,
+        A
       ),
-      ref: d,
-      style: N,
-      id: C.current,
-      ...y,
+      ref: p,
+      style: j,
+      ...v,
       children: [
-        u,
-        k()
+        N,
+        s ? G() : k()
       ]
     }
   );
 }
-const D = z(Q);
-D.displayName = "Badge";
-D.Count = B;
-const Xt = f, Yt = [
+const S = q(Q);
+S.displayName = "Badge";
+S.Count = h;
+const se = f, ne = [
   "default",
   "processing",
   "success",
@@ -237,8 +184,8 @@ const Xt = f, Yt = [
   "error"
 ];
 export {
-  Xt as BADGE_COLORS,
-  Yt as BADGE_STATUS,
-  B as BadgeCount,
-  D as default
+  se as BADGE_COLORS,
+  ne as BADGE_STATUS,
+  h as BadgeCount,
+  S as default
 };

package/card/index.js

@@ -1,102 +1,122 @@
-import { jsx as a, jsxs as s } from "react/jsx-runtime";
-import n, { useContext as L } from "react";
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import d, { useContext as q } from "react";
 import "../config-provider/ConfigProvider.js";
-import k from "../components/common/hooks/useMergeProps.js";
-import q from "../spin/index.js";
-import h from "@unicom-cloud/utils/class-name";
-import C from "./Grid.js";
+import A from "../components/common/hooks/useMergeProps.js";
+import B from "../spin/index.js";
+import n from "@unicom-cloud/utils/class-name";
+import h from "./Grid.js";
 import $ from "./Meta.js";
-import A from "../config-provider/context.js";
-const B = {
+import D from "../config-provider/context.js";
+const H = {
   size: "default",
   bordered: !0
 };
-function D(u, N) {
-  const { getPrefixCls: v, loadingElement: g, componentConfig: y, rtl: x } = L(A), b = k(
+function I(u, N) {
+  const { getPrefixCls: v, loadingElement: y, componentConfig: g, rtl: x } = q(D), b = A(
     u,
-    B,
-    y?.Card
+    H,
+    g?.Card
   ), {
     className: M,
     children: z,
     bordered: G,
-    loading: l,
+    loading: c,
     hoverable: P,
     size: R,
     title: t,
     extra: o,
-    cover: c,
-    actions: i,
+    cover: m,
+    actions: s,
     headerStyle: S,
     bodyStyle: j,
-    ...w
-  } = b, e = v?.("card"), m = i && i.length ? /* @__PURE__ */ a("div", { className: `${e}-actions`, children: /* @__PURE__ */ a("div", { className: `${e}-actions-right`, children: i.map((r, F) => /* @__PURE__ */ a(
+    headerClassName: w,
+    // 潘启宝添加
+    bodyClassName: E,
+    // 潘启宝添加
+    ...F
+  } = b, e = v?.("card"), p = s && s.length ? /* @__PURE__ */ a("div", { className: `${e}-actions`, children: /* @__PURE__ */ a("div", { className: `${e}-actions-right`, children: s.map((r, k) => /* @__PURE__ */ a(
     "span",
     {
       className: `${e}-actions-item`,
       children: r
     },
-    `action-${F}`
+    `action-${k}`
   )) }) }) : null;
-  let p = !1, f = !1;
-  const E = n.Children.map(
+  let f = !1, C = !1;
+  const L = d.Children.map(
     z,
     (r) => {
       if (r && r.type) {
-        if (r.type === C)
-          p = !0;
+        if (r.type === h)
+          f = !0;
         else if (r.type === $)
-          return f = !0, n.cloneElement(r, { actionList: m });
+          return C = !0, d.cloneElement(r, { actionList: p });
       }
       return r;
     }
   );
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ i(
     "div",
     {
-      ...w,
+      ...F,
       ref: N,
-      className: h(
+      className: n(
         e,
         `${e}-size-${R}`,
         {
-          [`${e}-loading`]: l,
+          [`${e}-loading`]: c,
           [`${e}-bordered`]: G,
           [`${e}-hoverable`]: P,
-          [`${e}-contain-grid`]: p,
+          [`${e}-contain-grid`]: f,
           [`${e}-rtl`]: x
         },
         M
       ),
       children: [
-        t || o ? /* @__PURE__ */ s(
+        t || o ? /* @__PURE__ */ i(
           "div",
           {
-            className: h(`${e}-header`, {
-              [`${e}-header-no-title`]: !t
-            }),
             style: S,
+            className: n(
+              `${e}-header`,
+              {
+                [`${e}-header-no-title`]: !t
+              },
+              w
+              // 潘启宝添加
+            ),
             children: [
               t && /* @__PURE__ */ a("div", { className: `${e}-header-title`, children: t }),
               o && /* @__PURE__ */ a("div", { className: `${e}-header-extra`, children: o })
             ]
           }
         ) : null,
-        c ? /* @__PURE__ */ a("div", { className: `${e}-cover`, children: c }) : null,
-        /* @__PURE__ */ s("div", { className: `${e}-body`, style: j, children: [
-          l ? g || /* @__PURE__ */ a(q, {}) : E,
-          f ? null : m
-        ] })
+        m ? /* @__PURE__ */ a("div", { className: `${e}-cover`, children: m }) : null,
+        /* @__PURE__ */ i(
+          "div",
+          {
+            style: j,
+            className: n(
+              `${e}-body`,
+              E
+              // 潘启宝添加
+            ),
+            children: [
+              c ? y || /* @__PURE__ */ a(B, {}) : L,
+              C ? null : p
+            ]
+          }
+        )
       ]
     }
   );
 }
-const H = n.forwardRef(D), d = H;
-d.Meta = $;
-d.Grid = C;
-d.displayName = "Card";
+const J = d.forwardRef(I), l = J;
+l.Meta = $;
+l.Grid = h;
+l.displayName = "Card";
 export {
-  C as CardGrid,
+  h as CardGrid,
   $ as CardMeta,
-  d as default
+  l as default
 };

package/color-picker/InputHex.js

@@ -1,12 +1,11 @@
 import { jsxs as C, jsx as p } from "react/jsx-runtime";
-import "../dist/tinycolor/chunk/BOzCVdr0.js";
-import { TinyColor as m } from "../dist/tinycolor/src/index.js";
+import m from "@unicom-cloud/utils/tinycolor";
 import { useContext as v, useState as I, useEffect as j } from "react";
 import "../config-provider/ConfigProvider.js";
 import c from "../input/Input.js";
 import { InputAlpha as D } from "./InputAlpha.js";
 import H from "../config-provider/context.js";
-const T = ({
+const N = ({
   color: o,
   alpha: f,
   onHsvChange: u,
@@ -52,5 +51,5 @@ const T = ({
   ] });
 };
 export {
-  T as InputHex
+  N as InputHex
 };

package/color-picker/InputRgb.js

@@ -1,20 +1,19 @@
 import { jsxs as h, jsx as n } from "react/jsx-runtime";
-import "../dist/tinycolor/chunk/BOzCVdr0.js";
-import { TinyColor as f } from "../dist/tinycolor/src/index.js";
+import f from "@unicom-cloud/utils/tinycolor";
 import { useContext as x } from "react";
 import "../config-provider/ConfigProvider.js";
 import b from "../input/Input.js";
 import m from "../input-number/index.js";
 import { InputAlpha as I } from "./InputAlpha.js";
 import d from "../config-provider/context.js";
-const P = ({
+const H = ({
   color: p,
   alpha: s,
   onHsvChange: u,
-  onAlphaChange: a,
-  disabledAlpha: c
+  onAlphaChange: c,
+  disabledAlpha: C
 }) => {
-  const { getPrefixCls: C } = x(d), g = C?.("color-picker"), r = (o) => {
+  const { getPrefixCls: a } = x(d), g = a?.("color-picker"), r = (o) => {
     const l = new f({
       r: o.r,
       g: o.g,
@@ -56,9 +55,9 @@ const P = ({
         onChange: (o) => r({ r: t, g: e, b: o })
       }
     ),
-    !c && /* @__PURE__ */ n(I, { value: s, onChange: a })
+    !C && /* @__PURE__ */ n(I, { value: s, onChange: c })
   ] });
 };
 export {
-  P as InputRgb
+  H as InputRgb
 };

package/color-picker/Palette.js

@@ -1,11 +1,10 @@
 import { jsx as s } from "react/jsx-runtime";
-import "../dist/tinycolor/chunk/BOzCVdr0.js";
-import { TinyColor as u } from "../dist/tinycolor/src/index.js";
+import u from "@unicom-cloud/utils/tinycolor";
 import { useContext as d, useMemo as h } from "react";
 import "../config-provider/ConfigProvider.js";
 import { useControlBlock as g } from "./hooks/useControlBlock.js";
 import x from "../config-provider/context.js";
-const M = ({ color: l, onChange: c }) => {
+const w = ({ color: l, onChange: c }) => {
   const { getPrefixCls: i } = d(x), e = i?.("color-picker"), { h: r, s: t, v: n } = l.hsv, { blockRef: m, handlerRef: f, onMouseDown: a } = g({
     value: [t, 1 - n],
     onChange: (o) => c(o[0], 1 - o[1])
@@ -32,5 +31,5 @@ const M = ({ color: l, onChange: c }) => {
   );
 };
 export {
-  M as Palette
+  w as Palette
 };

package/color-picker/Panel.js

@@ -1,6 +1,5 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import "../dist/tinycolor/chunk/BOzCVdr0.js";
-import { TinyColor as d } from "../dist/tinycolor/src/index.js";
+import d from "@unicom-cloud/utils/tinycolor";
 import { useContext as cr, useState as ar, useMemo as sr } from "react";
 import "../config-provider/ConfigProvider.js";
 import k from "../radio/Radio.js";
@@ -16,7 +15,7 @@ import { isMultiMode as X, isGradientMode as _ } from "./Mode.js";
 import { Palette as gr } from "./Palette.js";
 import { renderBackground as br, sortGradientColors as D, getColorByGradients as fr } from "./utils.js";
 import vr from "../config-provider/context.js";
-const hr = k.Group, Er = ({
+const hr = k.Group, qr = ({
   value: F,
   mode: y,
   activeMode: h,
@@ -264,5 +263,5 @@ const hr = k.Group, Er = ({
   ] });
 };
 export {
-  Er as Panel
+  qr as Panel
 };

package/color-picker/colors.js

@@ -1,9 +1,9 @@
-import { a as e } from "../dist/tinycolor/chunk/BOzCVdr0.js";
-import { TinyColor as l } from "../dist/tinycolor/src/index.js";
-new l("#eee");
+import t from "@unicom-cloud/utils/tinycolor";
+import * as e from "@unicom-cloud/utils/ui-color";
+new t("#eee");
 const i = [
-  e.colors.map((o, r, a) => e.palette({ color: o.value, level: 4 }).toHexString()),
-  e.colors.map((o, r, a) => o.value)
+  e.colors.map((o, r, l) => e.palette({ color: o.value, level: 4 }).toHexString()),
+  e.colors.map((o, r, l) => o.value)
   // '#00B42A',
   // '#3C7EFF',
   // '#FF7D00',

package/color-picker/hooks/useColorPicker.js

@@ -1,12 +1,11 @@
-import "../../dist/tinycolor/chunk/BOzCVdr0.js";
-import { TinyColor as P } from "../../dist/tinycolor/src/index.js";
+import P from "@unicom-cloud/utils/tinycolor";
 import { useState as C, useRef as k, useMemo as G, useCallback as F, useEffect as M } from "react";
 import Z from "../../components/common/hooks/useIsFirstRender.js";
 import q from "../../components/common/hooks/useMergeValue.js";
 import { ColorPickerMode as y } from "../interface.js";
 import { getModeByValue as $, isGradientMode as H, isSingleMode as w } from "../Mode.js";
 import { mapValueToGradientColor as ee, getColorFromHsv as E, formatRgba as oe, formatHex as te, isEqualsColors as re, equalsHsv as ne, getRandomId as T } from "../utils.js";
-const Ce = (s) => {
+const ge = (s) => {
   const {
     mode: B = y.Single,
     defaultValue: j,
@@ -121,5 +120,5 @@ const Ce = (s) => {
   };
 };
 export {
-  Ce as useColorPicker
+  ge as useColorPicker
 };