@unicom-cloud/ui 0.8.100 → 0.8.102

package/calendar/index.js

@@ -1,65 +1,65 @@
-import { jsxs as te, jsx as r } from "react/jsx-runtime";
-import ne from "lodash/merge";
-import { useContext as re, useState as M, useMemo as se } from "react";
+import { jsxs as ne, jsx as r } from "react/jsx-runtime";
+import re from "lodash/merge";
+import { useContext as se, useState as M, useMemo as le } from "react";
 import "../config-provider/ConfigProvider.js";
-import le from "../components/common/hooks/useMergeProps.js";
+import de from "../components/common/hooks/useMergeProps.js";
 import me from "@unicom-cloud/utils/class-name";
-import { getDayjsValue as u, getNow as $, methods as g } from "../components/common/utils/dayjs.js";
-import { pickDataAttributes as de } from "../components/common/utils/pick.js";
-import ce, { getAllDaysByTime as ie } from "./Month.js";
-import pe from "./Year.js";
-import fe from "./header/index.js";
-import he from "./header/Panel.js";
-import ue from "../config-provider/context.js";
-function ge(d, y) {
-  return d === "month" || d === "year" && !y ? "YYYY-MM-DD" : "YYYY-MM";
+import { getDayjsValue as u, getNow as A, methods as g } from "../components/common/utils/dayjs.js";
+import { pickDataAttributes as ce } from "../components/common/utils/pick.js";
+import ie, { getAllDaysByTime as pe } from "./Month.js";
+import fe from "./Year.js";
+import he from "./header/index.js";
+import ue from "./header/Panel.js";
+import ge from "../config-provider/context.js";
+function ye(m, y) {
+  return m === "month" || m === "year" && !y ? "YYYY-MM-DD" : "YYYY-MM";
 }
-const ye = {
+const Ce = {
   dayStartOfWeek: 0,
   panelWidth: 265,
   defaultMode: "month",
   headerType: "button",
   modes: ["month", "year"]
 };
-function Ce(d) {
+function De(m) {
   const {
     getPrefixCls: y,
-    locale: A,
-    componentConfig: k,
-    rtl: H
-  } = re(ue), s = le(
-    d,
-    ye,
-    k?.Calendar
+    locale: k,
+    componentConfig: H,
+    rtl: L
+  } = se(ge), s = de(
+    m,
+    Ce,
+    H?.Calendar
   ), {
-    style: L,
-    className: O,
-    dayStartOfWeek: T,
-    panel: m,
-    locale: W,
-    panelWidth: j,
-    panelTodayBtn: B,
-    defaultPageShowDate: E,
+    style: O,
+    className: T,
+    dayStartOfWeek: W,
+    panel: d,
+    locale: j,
+    panelWidth: B,
+    panelTodayBtn: E,
+    defaultPageShowDate: F,
     value: w,
-    pageShowDate: F,
-    defaultValue: R,
+    pageShowDate: R,
+    defaultValue: _,
     mode: S,
-    defaultMode: _,
-    onChange: q,
+    defaultMode: q,
+    onChange: z,
     onPanelChange: c,
     headerRender: P,
-    headerType: z,
-    modes: G,
-    panelOperations: I
-  } = s, l = ne(A.Calendar, W), o = y?.("calendar"), [J, K] = M(
-    S || _
-  ), a = S || J, i = ge(a, m), [Y, Q] = M(
-    u(w || R, i)
-  ), [U, p] = M(
-    u(E, i) || Y || $()
-  ), t = u(F, i) || U, C = "value" in s ? u(w, i) : Y, N = se(() => ie(s, t), [t.toString(), a, T]);
+    headerType: G,
+    modes: I,
+    panelOperations: J
+  } = s, l = re(k.Calendar, j), o = y?.("calendar"), [K, Q] = M(
+    S || q
+  ), a = S || K, i = ye(a, d), [Y, U] = M(
+    u(w || _, i)
+  ), [X, p] = M(
+    u(F, i) || Y || A()
+  ), t = u(R, i) || X, C = "value" in s ? u(w, i) : Y, N = le(() => pe(s, t), [t.toString(), a, W]);
   function f(e) {
-    Q(e), q?.(e), v(e);
+    U(e), z?.(e), v(e);
   }
   function v(e) {
     p(e), c?.(e);
@@ -69,66 +69,67 @@ function Ce(d) {
   }
   let D = "";
   a === "month" ? D = l.formatMonth : a === "year" && (D = l.formatYear);
-  function X(e, n) {
+  function Z(e, n) {
     let h;
     e === "prev" && (h = g.subtract(t, 1, n)), e === "next" && (h = g.add(t, 1, n)), p(h), c?.(h);
   }
-  function Z(e) {
+  function ee(e) {
     const n = g.set(t, "year", e);
     p(n), c?.(n);
   }
-  function ee(e) {
+  function ae(e) {
     const n = g.set(t, "month", e - 1);
     p(n), c?.(n);
   }
   function x(e) {
-    K(e);
+    Q(e);
   }
-  const ae = me(
+  const oe = me(
     o,
     a === "month" ? `${o}-mode-month` : `${o}-mode-year`,
     {
-      [`${o}-panel`]: m && (a === "month" || a === "year"),
-      [`${o}-rtl`]: H
+      [`${o}-panel`]: d && (a === "month" || a === "year"),
+      [`${o}-rtl`]: L
     },
-    O
-  ), oe = m ? { width: j } : {}, V = {
+    T
+  ), te = d ? { width: B } : {}, V = {
     prefixCls: o,
-    changePageShowDate: X,
+    changePageShowDate: Z,
     headerValueFormat: D,
     mergedPageShowDate: t,
-    modes: G,
+    modes: I,
     innerMode: a,
-    panelOperations: I
-  };
-  return /* @__PURE__ */ te(
+    panelOperations: J
+  }, $ = d ? /* @__PURE__ */ r(ue, { ...V }) : /* @__PURE__ */ r(
+    he,
+    {
+      ...V,
+      CALENDAR_LOCALE: l,
+      move: f,
+      innerMode: a,
+      changeMode: x,
+      onChangeYear: ee,
+      onChangeMonth: ae,
+      headerType: G
+    }
+  );
+  return /* @__PURE__ */ ne(
     "div",
     {
-      className: ae,
-      style: { ...L, ...oe },
-      ...de(s),
+      className: oe,
+      style: { ...O, ...te },
+      ...ce(s),
       children: [
         typeof P == "function" ? P({
           value: C,
           pageShowDate: t,
           onChangeMode: x,
           onChange: f,
-          onChangePageDate: v
-        }) : m ? /* @__PURE__ */ r(he, { ...V }) : /* @__PURE__ */ r(
-          fe,
-          {
-            ...V,
-            CALENDAR_LOCALE: l,
-            move: f,
-            innerMode: a,
-            changeMode: x,
-            onChangeYear: Z,
-            onChangeMonth: ee,
-            headerType: z
-          }
-        ),
+          onChangePageDate: v,
+          header: $
+        }) : $,
         a === "month" && /* @__PURE__ */ r("div", { className: `${o}-body`, children: /* @__PURE__ */ r(
-          ce,
+          ie,
           {
             ...s,
             prefixCls: o,
@@ -141,7 +142,7 @@ function Ce(d) {
           }
         ) }),
         a === "year" && /* @__PURE__ */ r("div", { className: `${o}-body`, children: /* @__PURE__ */ r(
-          pe,
+          fe,
           {
             ...s,
             prefixCls: o,
@@ -153,11 +154,11 @@ function Ce(d) {
             CALENDAR_LOCALE: l
           }
         ) }),
-        B && m && /* @__PURE__ */ r(
+        E && d && /* @__PURE__ */ r(
           "div",
           {
             className: `${o}-footer-btn-wrapper`,
-            onClick: () => f($()),
+            onClick: () => f(A()),
             children: l.today
           }
         )
@@ -165,9 +166,9 @@ function Ce(d) {
     }
   );
 }
-Ce.displayName = "Calendar";
+De.displayName = "Calendar";
 export {
-  ce as CalendarMonth,
-  pe as CalendarYear,
-  Ce as default
+  ie as CalendarMonth,
+  fe as CalendarYear,
+  De 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
 };

package/color-picker/utils.js

@@ -1,12 +1,11 @@
-import "../dist/tinycolor/chunk/BOzCVdr0.js";
-import { TinyColor as s } from "../dist/tinycolor/src/index.js";
-const G = (t) => t.sort((r, n) => r.percent - n.percent), H = (t, r, n) => Object.keys(t).reduce(
+import s from "@unicom-cloud/utils/tinycolor";
+const R = (t) => t.sort((r, n) => r.percent - n.percent), H = (t, r, n) => Object.keys(t).reduce(
   (e, o) => ({
     ...e,
     [o]: t[o] + (r[o] - t[o]) * n
   }),
   { ...t }
-), b = (t) => t.map(({ color: r, percent: n }) => `${r} ${n}%`).join(", "), w = (t) => `linear-gradient(to right, ${b(t)})`, k = (t) => Array.isArray(t) ? w(t) : t, q = (t, r, n, e) => e < 1 ? `rgba(${t}, ${r}, ${n}, ${e.toFixed(2)})` : `rgb(${t}, ${r}, ${n})`, A = (t, r, n, e) => e < 1 ? new s({ r: t, g: r, b: n, a: e }).toHexString() : new s({ r: t, g: r, b: n }).toHexString(), p = (t) => {
+), b = (t) => t.map(({ color: r, percent: n }) => `${r} ${n}%`).join(", "), w = (t) => `linear-gradient(to right, ${b(t)})`, G = (t) => Array.isArray(t) ? w(t) : t, k = (t, r, n, e) => e < 1 ? `rgba(${t}, ${r}, ${n}, ${e.toFixed(2)})` : `rgb(${t}, ${r}, ${n})`, q = (t, r, n, e) => e < 1 ? new s({ r: t, g: r, b: n, a: e }).toHexString() : new s({ r: t, g: r, b: n }).toHexString(), p = (t) => {
   const r = new s({
     h: t.h * 360,
     s: t.s * 100,
@@ -17,7 +16,7 @@ const G = (t) => t.sort((r, n) => r.percent - n.percent), H = (t, r, n) => Objec
     rgb: n,
     hex: e
   };
-}, c = () => Math.random().toFixed(10).slice(2), F = (t, r) => t.map((n) => {
+}, c = () => Math.random().toFixed(10).slice(2), A = (t, r) => t.map((n) => {
   const e = new s(n.color).toHsv_();
   return {
     id: c(),
@@ -25,7 +24,7 @@ const G = (t) => t.sort((r, n) => r.percent - n.percent), H = (t, r, n) => Objec
     alpha: r ? 100 : e.a,
     percent: n.percent
   };
-}), S = (t, r, n) => {
+}), F = (t, r, n) => {
   const e = t.findIndex((a) => a.percent === r);
   if (e !== -1)
     return {
@@ -65,7 +64,7 @@ const G = (t) => t.sort((r, n) => r.percent - n.percent), H = (t, r, n) => Objec
     alpha: v,
     percent: r
   };
-}, j = (t, r) => t.h === r.h && t.s === r.s && t.v === r.v, C = (t, r) => t.r === r.r && t.g === r.g && t.b === r.b && t.a === r.a, P = (t, r) => typeof t == "string" && typeof r == "string" ? t === r : Array.isArray(t) && Array.isArray(r) ? t.length === r.length && t.every((n, e) => {
+}, S = (t, r) => t.h === r.h && t.s === r.s && t.v === r.v, C = (t, r) => t.r === r.r && t.g === r.g && t.b === r.b && t.a === r.a, j = (t, r) => typeof t == "string" && typeof r == "string" ? t === r : Array.isArray(t) && Array.isArray(r) ? t.length === r.length && t.every((n, e) => {
   const o = r[e];
   return C(
     new s(n.color).toRgba(),
@@ -73,18 +72,18 @@ const G = (t) => t.sort((r, n) => r.percent - n.percent), H = (t, r, n) => Objec
   ) && n.percent === o.percent;
 }) : !1;
 export {
-  j as equalsHsv,
+  S as equalsHsv,
   C as equalsRgba,
-  A as formatHex,
-  q as formatRgba,
-  S as getColorByGradients,
+  q as formatHex,
+  k as formatRgba,
+  F as getColorByGradients,
   p as getColorFromHsv,
   b as getGradientString,
   c as getRandomId,
-  P as isEqualsColors,
-  F as mapValueToGradientColor,
+  j as isEqualsColors,
+  A as mapValueToGradientColor,
   H as mix,
-  k as renderBackground,
+  G as renderBackground,
   w as renderGradientBackground,
-  G as sortGradientColors
+  R as sortGradientColors
 };