@unicom-cloud/ui 0.8.94 → 0.8.96

package/Tooltip.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import "./dist/tinycolor/chunk/DGZSWe7E.js";
+import "./dist/tinycolor/chunk/BOzCVdr0.js";
 import "./dist/tinycolor/src/index.js";
 import "lodash/isFunction";
 import "react";

package/alert/index.js

@@ -1,9 +1,9 @@
-import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import k from "@unicom-cloud/icons/IconUiCheckCircleFill";
-import P from "@unicom-cloud/icons/IconUiClose";
-import R from "@unicom-cloud/icons/IconUiCloseCircleFill";
-import T from "@unicom-cloud/icons/IconUiExclamationCircleFill";
-import _ from "@unicom-cloud/icons/IconUiInfoCircleFill";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import P from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import R from "@unicom-cloud/icons/IconUiClose";
+import T from "@unicom-cloud/icons/IconUiCloseCircleFill";
+import _ from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import f from "@unicom-cloud/icons/IconUiInfoCircleFill";
 import { forwardRef as g, useRef as q, useContext as z, useState as H } from "react";
 import "../config-provider/ConfigProvider.js";
 import M from "../components/common/hooks/useMergeProps.js";
@@ -12,81 +12,82 @@ import { PqbCSSTransition as V } from "../components/common/utils/PqbCSSTransiti
 import B from "../config-provider/context.js";
 const D = {
   showIcon: !0,
-  type: "info"
+  type: "default"
 };
-function G(d, r) {
+function G(u, r) {
   r || (r = q());
-  const { getPrefixCls: t, componentConfig: n, rtl: u } = z(B), c = M(
-    d,
+  const { getPrefixCls: t, componentConfig: l, rtl: N } = z(B), c = M(
+    u,
     D,
-    n == null ? void 0 : n.Alert
+    l == null ? void 0 : l.Alert
   ), {
-    style: N,
-    className: b,
+    style: b,
+    className: h,
     action: a,
-    type: m = "info",
-    title: i,
+    type: m,
+    title: n,
     content: p,
-    icon: h,
-    showIcon: $,
-    closable: C,
-    closeable: I,
-    afterClose: s,
-    onClose: l,
-    closeElement: x,
-    banner: v,
-    ...w
-  } = c, o = t == null ? void 0 : t("alert"), [y, U] = H(!0), A = h || {
-    info: /* @__PURE__ */ e(_, {}),
-    success: /* @__PURE__ */ e(k, {}),
-    warning: /* @__PURE__ */ e(T, {}),
-    error: /* @__PURE__ */ e(R, {})
+    icon: $,
+    showIcon: C,
+    closable: I,
+    closeable: x,
+    afterClose: i,
+    onClose: s,
+    closeElement: v,
+    banner: w,
+    ...y
+  } = c, o = t == null ? void 0 : t("alert"), [U, A] = H(!0), E = $ || {
+    default: /* @__PURE__ */ e(f, {}),
+    info: /* @__PURE__ */ e(f, {}),
+    success: /* @__PURE__ */ e(P, {}),
+    warning: /* @__PURE__ */ e(_, {}),
+    error: /* @__PURE__ */ e(T, {})
   }[m];
-  function E(j) {
-    U(!1), l == null || l(j);
+  function F(k) {
+    A(!1), s == null || s(k);
   }
-  const F = O(
+  const S = O(
     o,
     `${o}-${m}`,
     {
-      [`${o}-with-title`]: i,
-      [`${o}-banner`]: v,
-      [`${o}-rtl`]: u
+      [`${o}-with-title`]: n,
+      [`${o}-banner`]: w,
+      [`${o}-rtl`]: N
     },
-    b
-  ), S = "closeable" in c ? I : C;
+    h
+  ), j = "closeable" in c ? x : I;
   return /* @__PURE__ */ e(
     V,
     {
-      in: y,
+      in: U,
       timeout: 300,
       classNames: "zoomInTop",
       unmountOnExit: !0,
       onExited: () => {
-        s == null || s();
+        i == null || i();
       },
-      children: /* @__PURE__ */ f(
+      children: /* @__PURE__ */ d(
         "div",
         {
           ref: r,
-          style: N,
-          className: F,
+          style: b,
+          className: S,
           role: "alert",
-          ...w,
+          ...y,
           children: [
-            $ && /* @__PURE__ */ e("div", { className: `${o}-icon-wrapper`, children: A }),
-            /* @__PURE__ */ f("div", { className: `${o}-content-wrapper`, children: [
-              i && /* @__PURE__ */ e("div", { className: `${o}-title`, children: i }),
+            C && /* @__PURE__ */ e("div", { className: `${o}-icon-wrapper`, children: E }),
+            /* @__PURE__ */ d("div", { className: `${o}-content-wrapper`, children: [
+              n && /* @__PURE__ */ e("div", { className: `${o}-title`, children: n }),
               p && /* @__PURE__ */ e("div", { className: `${o}-content`, children: p })
             ] }),
             a && /* @__PURE__ */ e("div", { className: `${o}-action`, children: a }),
-            S && /* @__PURE__ */ e(
+            j && /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: E,
+                onClick: F,
                 className: `${o}-close-btn`,
-                children: x || /* @__PURE__ */ e(P, {})
+                children: v || /* @__PURE__ */ e(R, {})
               }
             )
           ]

package/badge/index.js

@@ -1,9 +1,9 @@
 import { jsxs as x, jsx as s } from "react/jsx-runtime";
 import R from "lodash/isPlainObject";
-import { forwardRef as q, useContext as G } from "react";
+import { forwardRef as G, useContext as _ } from "react";
 import "../config-provider/ConfigProvider.js";
-import _ from "../components/common/hooks/useMergeProps.js";
-import { PqbCSSTransition as k } from "../components/common/utils/PqbCSSTransition.js";
+import k from "../components/common/hooks/useMergeProps.js";
+import { PqbCSSTransition as q } from "../components/common/utils/PqbCSSTransition.js";
 import a from "@unicom-cloud/utils/class-name";
 import y from "./Count.js";
 import z from "../config-provider/context.js";
@@ -15,7 +15,7 @@ const N = [
   "lime",
   "green",
   "cyan",
-  "pqbblue",
+  "primary",
   "purple",
   "magenta",
   "gray"
@@ -23,9 +23,9 @@ const N = [
   count: 0,
   maxCount: 99
 };
-function L(b, h) {
-  const { getPrefixCls: c, componentConfig: i, rtl: S } = G(z), O = _(
-    b,
+function L(h, S) {
+  const { getPrefixCls: c, componentConfig: i, rtl: b } = _(z), O = k(
+    h,
     I,
     i == null ? void 0 : i.Badge
   ), {
@@ -83,7 +83,7 @@ function L(b, h) {
       ),
       !!m && /* @__PURE__ */ s("span", { className: `${t}-status-text`, children: m })
     ] }) : (d || e) && typeof o == "number" && o > 0 ? /* @__PURE__ */ s(
-      k,
+      q,
       {
         classNames: "badge-zoom",
         in: d || !!e,
@@ -124,11 +124,11 @@ function L(b, h) {
         {
           [`${t}-status`]: l,
           [`${t}-no-children`]: !f,
-          [`${t}-rtl`]: S
+          [`${t}-rtl`]: b
         },
         B
       ),
-      ref: h,
+      ref: S,
       style: P,
       ...j,
       children: [
@@ -138,7 +138,7 @@ function L(b, h) {
     }
   );
 }
-const C = q(L);
+const C = G(L);
 C.displayName = "Badge";
 C.Count = y;
 const W = N, X = ["default", "processing", "success", "warning", "error"];

package/color-picker/InputHex.js

@@ -1,5 +1,5 @@
 import { jsxs as v, jsx as c } from "react/jsx-runtime";
-import "../dist/tinycolor/chunk/DGZSWe7E.js";
+import "../dist/tinycolor/chunk/BOzCVdr0.js";
 import { TinyColor as u } from "../dist/tinycolor/src/index.js";
 import { useContext as I, useState as j, useEffect as D } from "react";
 import "../config-provider/ConfigProvider.js";

package/color-picker/InputRgb.js

@@ -1,5 +1,5 @@
 import { jsxs as l, jsx as n } from "react/jsx-runtime";
-import "../dist/tinycolor/chunk/DGZSWe7E.js";
+import "../dist/tinycolor/chunk/BOzCVdr0.js";
 import { TinyColor as f } from "../dist/tinycolor/src/index.js";
 import { useContext as x } from "react";
 import "../config-provider/ConfigProvider.js";

package/color-picker/Palette.js

@@ -1,5 +1,5 @@
 import { jsx as c } from "react/jsx-runtime";
-import "../dist/tinycolor/chunk/DGZSWe7E.js";
+import "../dist/tinycolor/chunk/BOzCVdr0.js";
 import { TinyColor as d } from "../dist/tinycolor/src/index.js";
 import { useContext as h, useMemo as C } from "react";
 import "../config-provider/ConfigProvider.js";

package/color-picker/Panel.js

@@ -1,5 +1,5 @@
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import "../dist/tinycolor/chunk/DGZSWe7E.js";
+import "../dist/tinycolor/chunk/BOzCVdr0.js";
 import { TinyColor as m } from "../dist/tinycolor/src/index.js";
 import { useContext as ar, useState as lr, useMemo as sr } from "react";
 import "../config-provider/ConfigProvider.js";

package/color-picker/colors.js

@@ -1,4 +1,4 @@
-import { a as e } from "../dist/tinycolor/chunk/DGZSWe7E.js";
+import { a as e } from "../dist/tinycolor/chunk/BOzCVdr0.js";
 import { TinyColor as l } from "../dist/tinycolor/src/index.js";
 new l("#eee");
 const i = [

package/color-picker/hooks/useColorPicker.js

@@ -1,4 +1,4 @@
-import "../../dist/tinycolor/chunk/DGZSWe7E.js";
+import "../../dist/tinycolor/chunk/BOzCVdr0.js";
 import { TinyColor as F } from "../../dist/tinycolor/src/index.js";
 import { useState as v, useRef as q, useMemo as M, useCallback as E, useEffect as y } from "react";
 import w from "../../components/common/hooks/useIsFirstRender.js";

package/color-picker/utils.js

@@ -1,4 +1,4 @@
-import "../dist/tinycolor/chunk/DGZSWe7E.js";
+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(
   (e, o) => ({

package/components/common/empty/index.js

@@ -1,17 +1,37 @@
-import { jsx as s, jsxs as f } from "react/jsx-runtime";
-import N from "@unicom-cloud/icons/IconUiEmpty";
+import { jsxs as N, jsx as t } from "react/jsx-runtime";
+import $ from "@unicom-cloud/icons/IconUiEmpty";
 import { UI_COMMON_PREFIX as y } from "@unicom-cloud/utils/constant/ui";
-import { memo as x, forwardRef as $ } from "react";
-import g from "@unicom-cloud/utils/class-name";
-function h(i, t) {
-  const { style: o, className: a, description: m, icon: c, imgSrc: r, prefixCls: p, ...n } = i, e = p ?? `${y}-empty`, l = g(e, a), d = typeof m == "string" ? m : "empty";
-  return /* @__PURE__ */ s("div", { ref: t, className: l, style: o, ...n, children: /* @__PURE__ */ f("div", { className: `${e}-wrapper`, children: [
-    /* @__PURE__ */ s("div", { className: `${e}-image`, children: r ? /* @__PURE__ */ s("img", { alt: d, src: r }) : c || /* @__PURE__ */ s(N, {}) }),
-    /* @__PURE__ */ s("div", { className: `${e}-description`, children: m || "无数据" })
-  ] }) });
+import { memo as g, forwardRef as x } from "react";
+import { SpaceVertical as u } from "../space/index.js";
+import s from "@unicom-cloud/utils/class-name";
+function C(c, n) {
+  const { style: a, className: p, description: m, icon: o, imgSrc: r, prefixCls: l, ...f } = c, e = `${y}-empty`, i = l ?? e, d = typeof m == "string" ? m : "empty";
+  return /* @__PURE__ */ N(
+    u,
+    {
+      ref: n,
+      className: s(e, i, p),
+      style: a,
+      justifyContent: "center",
+      alignItems: "center",
+      gap: 5,
+      ...f,
+      children: [
+        r ? /* @__PURE__ */ t(
+          "img",
+          {
+            className: s(`${e}-img`, `${i}-img`),
+            alt: d,
+            src: r
+          }
+        ) : o ? /* @__PURE__ */ t("div", { className: s(`${e}-icon`, `${i}-icon`), children: o }) : /* @__PURE__ */ t($, { className: s(`${e}-icon`, `${i}-icon`) }),
+        /* @__PURE__ */ t("div", { className: s(`${e}-description`, `${i}-description`), children: m || "无数据" })
+      ]
+    }
+  );
 }
-const v = x($(h));
-v.displayName = "Empty";
+const E = g(x(C));
+E.displayName = "Empty";
 export {
-  v as default
+  E as default
 };

package/components/common/hooks/useForceUpdate.js

@@ -1,7 +1,11 @@
 import { useReducer as r } from "react";
 function c() {
-  const [n, e] = r((t) => (t + 1) % 27, 0);
-  return e;
+  const [n, t] = r(
+    (e) => (e + 1) % 27,
+    0,
+    (e) => e
+  );
+  return t;
 }
 export {
   c as default

package/components/common/hooks/useId.js

@@ -1,11 +1,11 @@
-import { useState as e, useEffect as u } from "react";
-const n = {};
-function d(t) {
-  const [o, s] = e();
-  return u(() => {
-    n[t] = t in n ? n[t] : 0, s(n[t]), n[t] += 1;
-  }, []), typeof o == "number" ? `${t}${o}` : void 0;
+import { useState as d, useEffect as n } from "react";
+const o = {};
+function e(t) {
+  const [u, s] = d();
+  return n(() => {
+    o[t] ?? (o[t] = 0), s(o[t]), o[t] += 1;
+  }, []), typeof u == "number" ? `${t}${u}` : void 0;
 }
 export {
-  d as default
+  e as default
 };

package/components/common/space/index.js

@@ -3,7 +3,7 @@ import { UI_COMMON_PREFIX as C } from "@unicom-cloud/utils/constant/ui";
 import { forwardRef as c } from "react";
 import "@unicom-cloud/utils/case-name";
 import _ from "@unicom-cloud/utils/class-name";
-import "../../../dist/tinycolor/chunk/DGZSWe7E.js";
+import "../../../dist/tinycolor/chunk/BOzCVdr0.js";
 import "@unicom-cloud/utils/clipboard-copy";
 import "../utils/dayjs.js";
 import "../utils/dom.js";

package/components/common/utils/setPrimaryColor.js

@@ -1,30 +1,30 @@
-import { a as e } from "../../../dist/tinycolor/chunk/DGZSWe7E.js";
-import { TinyColor as c } from "../../../dist/tinycolor/src/index.js";
-import { UI_PC_PREFIX as u } from "@unicom-cloud/utils/constant/ui";
-import { CSS_VARIABLE_ELEMENT as y } from "./constant.js";
-function g(m) {
+import { a as o } from "../../../dist/tinycolor/chunk/BOzCVdr0.js";
+import { TinyColor as y } from "../../../dist/tinycolor/src/index.js";
+import { UI_PC_PREFIX as c } from "@unicom-cloud/utils/constant/ui";
+import { CSS_VARIABLE_ELEMENT as E } from "./constant.js";
+function v(l) {
   const {
-    color: o,
-    element: t = y,
+    color: e,
+    element: a = E,
     isDark: f = !1,
-    prefix: a = u
-  } = m ?? {}, l = {
-    color: o
-  }, n = f ? e.generateDark(l) : e.generate(l);
-  new c(o).equals(e.pqbblue.value) ? s() : n.forEach((i, r, p) => {
-    t.style.setProperty(
-      `--${a}-pqbblue-${r + 1}`,
-      i.toRgbArrayString()
+    prefix: t = c
+  } = l ?? {}, i = {
+    color: e
+  }, m = f ? o.generateDark(i) : o.generate(i);
+  new y(e).equals(o.primary.value) ? n() : m.forEach((s, r, p) => {
+    a.style.setProperty(
+      `--${t}-primary-${r + 1}`,
+      s.toRgbArrayString()
     );
   });
-  function s() {
-    n.forEach((i, r, p) => {
-      t.style.removeProperty(`--${a}-pqbblue-${r + 1}`);
+  function n() {
+    m.forEach((s, r, p) => {
+      a.style.removeProperty(`--${t}-primary-${r + 1}`);
     });
   }
-  return s;
+  return n;
 }
 export {
-  g as default,
-  g as setPrimaryColor
+  v as default,
+  v as setPrimaryColor
 };

package/components/common/utils/setTheme.js

@@ -1,15 +1,15 @@
 import { UI_PC_PREFIX as f } from "@unicom-cloud/utils/constant/ui.js";
 import p from "lodash/isPlainObject";
 import { CSS_VARIABLE_ELEMENT as $ } from "./constant.js";
-import "../../../dist/tinycolor/chunk/DGZSWe7E.js";
-import { TinyColor as a } from "../../../dist/tinycolor/src/index.js";
-function P(l) {
-  if (!p(l)) return;
-  const { prefix: e = f, ...n } = l, s = {
+import "../../../dist/tinycolor/chunk/BOzCVdr0.js";
+import { TinyColor as n } from "../../../dist/tinycolor/src/index.js";
+function b(s) {
+  if (!p(s)) return;
+  const { prefix: e = f, ...i } = s, c = {
     primary: {
-      default: `--${e}-pqbblue-6`,
-      hover: `--${e}-pqbblue-5`,
-      active: `--${e}-pqbblue-7`
+      default: `--${e}-primary-6`,
+      hover: `--${e}-primary-5`,
+      active: `--${e}-primary-7`
     },
     success: {
       default: `--${e}-green-6`,
@@ -17,9 +17,9 @@ function P(l) {
       active: `--${e}-green-7`
     },
     info: {
-      default: `--${e}-pqbblue-6`,
-      hover: `--${e}-pqbblue-5`,
-      active: `--${e}-pqbblue-7`
+      default: `--${e}-primary-6`,
+      hover: `--${e}-primary-5`,
+      active: `--${e}-primary-7`
     },
     // warning: {
     //   default: `--${prefix}-orangered-6`,
@@ -37,19 +37,19 @@ function P(l) {
       active: `--${e}-red-7`
     }
   };
-  Object.entries(s).forEach(([o, r], u, y) => {
-    s[`${o}Color`] = r;
-    const c = n[o];
-    if (!c) return;
-    const i = new a(c), t = $;
-    t.style.setProperty(r.default, i.toRgbArrayString());
-    const g = n[`${o}Hover`];
-    g ? t.style.setProperty(r.hover, new a(g).toRgbArrayString()) : t.style.setProperty(r.hover, i.lighten(10).toRgbArrayString());
-    const b = n[`${o}Active`];
-    b ? t.style.setProperty(r.active, new a(b).toRgbArrayString()) : t.style.setProperty(r.active, i.lighten(-10).toRgbArrayString());
+  Object.entries(c).forEach(([o, r], m, h) => {
+    c[`${o}Color`] = r;
+    const l = i[o];
+    if (!l) return;
+    const a = new n(l), t = $;
+    t.style.setProperty(r.default, a.toRgbArrayString());
+    const y = i[`${o}Hover`];
+    y ? t.style.setProperty(r.hover, new n(y).toRgbArrayString()) : t.style.setProperty(r.hover, a.lighten(10).toRgbArrayString());
+    const g = i[`${o}Active`];
+    g ? t.style.setProperty(r.active, new n(g).toRgbArrayString()) : t.style.setProperty(r.active, a.lighten(-10).toRgbArrayString());
   });
 }
 export {
-  P as default,
-  P as setTheme
+  b as default,
+  b as setTheme
 };

package/details/index.js

@@ -1,71 +1,72 @@
 import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import F from "@unicom-cloud/icons/IconUiCheckCircleFill";
-import b from "@unicom-cloud/icons/IconUiCloseCircleFill";
-import j from "@unicom-cloud/icons/IconUiDown";
-import S from "@unicom-cloud/icons/IconUiExclamationCircleFill";
-import k from "@unicom-cloud/icons/IconUiInfoCircleFill";
+import b from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import j from "@unicom-cloud/icons/IconUiCloseCircleFill";
+import S from "@unicom-cloud/icons/IconUiDown";
+import k from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import d from "@unicom-cloud/icons/IconUiInfoCircleFill";
 import { forwardRef as E, useContext as M, useState as P } from "react";
 import "../config-provider/ConfigProvider.js";
 import R from "../components/common/hooks/useMergeProps.js";
-import d from "@unicom-cloud/utils/class-name";
+import u from "@unicom-cloud/utils/class-name";
 import T from "../config-provider/context.js";
 const _ = {
-  type: "info"
+  type: "default"
 };
 function q(N, $) {
-  const { getPrefixCls: t, componentConfig: s, rtl: u } = M(T), C = R(
+  const { getPrefixCls: t, componentConfig: s, rtl: C } = M(T), h = R(
     N,
     _,
     s == null ? void 0 : s.Details
   ), {
-    style: h,
-    className: x,
-    type: r = "info",
+    style: x,
+    className: y,
+    type: r,
     title: i,
     content: n,
-    icon: y,
-    banner: I,
-    ...g
-  } = C, e = t == null ? void 0 : t("details"), [w, D] = P({}), l = y || {
-    info: /* @__PURE__ */ o(k, {}),
-    success: /* @__PURE__ */ o(F, {}),
-    warning: /* @__PURE__ */ o(S, {}),
-    error: /* @__PURE__ */ o(b, {})
-  }[r], U = d(
+    icon: I,
+    banner: g,
+    ...w
+  } = h, e = t == null ? void 0 : t("details"), [D, U] = P({}), l = I || {
+    default: /* @__PURE__ */ o(d, {}),
+    info: /* @__PURE__ */ o(d, {}),
+    success: /* @__PURE__ */ o(b, {}),
+    warning: /* @__PURE__ */ o(k, {}),
+    error: /* @__PURE__ */ o(j, {})
+  }[r], v = u(
     e,
     `${e}-${r}`,
     {
-      [`${e}-banner`]: I,
-      [`${e}-rtl`]: u
+      [`${e}-banner`]: g,
+      [`${e}-rtl`]: C
     },
-    x
+    y
   );
   return /* @__PURE__ */ f(
     "details",
     {
       ref: $,
-      style: h,
-      className: U,
+      style: x,
+      className: v,
       role: "details",
       onToggle: (a) => {
         var c;
-        (c = a.target) != null && c.open, D((v) => {
+        (c = a.target) != null && c.open, U((F) => {
           var p;
-          const m = { ...v };
+          const m = { ...F };
           return m.open = (p = a.target) == null ? void 0 : p.open, m;
         });
       },
-      ...g,
+      ...w,
       children: [
         /* @__PURE__ */ f("summary", { className: `${e}-summary-wrapper`, children: [
           l && /* @__PURE__ */ o("div", { className: `${e}-icon`, children: l }),
           i && /* @__PURE__ */ o("div", { className: `${e}-title`, children: i }),
           /* @__PURE__ */ o(
-            j,
+            S,
             {
-              className: d(
+              className: u(
                 `${e}-collapse-icon`,
-                w.open && `${e}-collapse-icon-open`
+                D.open && `${e}-collapse-icon-open`
               )
             }
           )