@unicom-cloud/ui 0.8.108 → 0.8.110

package/color-picker/InputHex.js

@@ -1,27 +1,26 @@
 import { jsxs as C, jsx as p } from "react/jsx-runtime";
-import m from "@unicom-cloud/utils/tinycolor";
+import c 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 N = ({
-  color: o,
+import { a as D } from "../chunk/BcEZk8pT.js";
+import m from "../input/Input.js";
+import { InputAlpha as H } from "./InputAlpha.js";
+const E = ({
+  color: n,
   alpha: f,
   onHsvChange: u,
   onAlphaChange: x,
   disabledAlpha: h
 }) => {
-  const { getPrefixCls: l } = v(H), s = l?.("color-picker"), [n, r] = I(o.hex);
+  const { getPrefixCls: l } = v(D), s = l?.("color-picker"), [o, r] = I(n.hex);
   j(() => {
-    o.hex !== n && r(o.hex);
-  }, [o]);
-  const i = (e) => {
+    n.hex !== o && r(n.hex);
+  }, [n]);
+  const a = (e) => {
     const t = e.match(/[a-fA-F0-9]*/g)?.join("") ?? "";
-    t !== n && r(t.toUpperCase());
-  }, a = () => {
-    let e = new m(n);
-    e.ok || (e = new m({
+    t !== o && r(t.toUpperCase());
+  }, i = () => {
+    let e = new c(o);
+    e.ok || (e = new c({
       r: 255,
       g: 0,
       b: 0
@@ -30,26 +29,26 @@ const N = ({
     u(t);
   }, g = (e) => {
     let t = e.clipboardData.getData("Text");
-    t.startsWith("#") && (t = t.slice(1)), i(t), e.preventDefault();
+    t.startsWith("#") && (t = t.slice(1)), a(t), e.preventDefault();
   };
-  return /* @__PURE__ */ C(c.Group, { className: `${s}-input-group`, compact: !0, children: [
+  return /* @__PURE__ */ C(m.Group, { className: `${s}-input-group`, compact: !0, children: [
     /* @__PURE__ */ p(
-      c,
+      m,
       {
         className: `${s}-input-hex`,
         prefix: "#",
         size: "mini",
         maxLength: 6,
-        value: n,
-        onChange: i,
-        onBlur: a,
-        onPressEnter: a,
+        value: o,
+        onChange: a,
+        onBlur: i,
+        onPressEnter: i,
         onPaste: g
       }
     ),
-    !h && /* @__PURE__ */ p(D, { value: f, onChange: x })
+    !h && /* @__PURE__ */ p(H, { value: f, onChange: x })
   ] });
 };
 export {
-  N as InputHex
+  E as InputHex
 };

package/color-picker/InputRgb.js

@@ -1,27 +1,25 @@
 import { jsxs as h, jsx as n } from "react/jsx-runtime";
-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 H = ({
-  color: p,
-  alpha: s,
+import x from "@unicom-cloud/utils/tinycolor";
+import { useContext as f } from "react";
+import { a as b } from "../chunk/BcEZk8pT.js";
+import I, { InputNumber as m } from "../input/Input.js";
+import { InputAlpha as d } from "./InputAlpha.js";
+const A = ({
+  color: s,
+  alpha: p,
   onHsvChange: u,
-  onAlphaChange: c,
-  disabledAlpha: C
+  onAlphaChange: a,
+  disabledAlpha: c
 }) => {
-  const { getPrefixCls: a } = x(d), g = a?.("color-picker"), r = (o) => {
-    const l = new f({
+  const { getPrefixCls: C } = f(b), g = C?.("color-picker"), r = (o) => {
+    const l = new x({
       r: o.r,
       g: o.g,
       b: o.b
     }).toHsv_();
     u(l);
-  }, { r: t, g: e, b: i } = p.rgb;
-  return /* @__PURE__ */ h(b.Group, { className: `${g}-input-group`, compact: !0, children: [
+  }, { r: t, g: e, b: i } = s.rgb;
+  return /* @__PURE__ */ h(I.Group, { className: `${g}-input-group`, compact: !0, children: [
     /* @__PURE__ */ n(
       m,
       {
@@ -55,9 +53,9 @@ const H = ({
         onChange: (o) => r({ r: t, g: e, b: o })
       }
     ),
-    !C && /* @__PURE__ */ n(I, { value: s, onChange: c })
+    !c && /* @__PURE__ */ n(d, { value: p, onChange: a })
   ] });
 };
 export {
-  H as InputRgb
+  A as InputRgb
 };

package/color-picker/Palette.js

@@ -1,14 +1,13 @@
 import { jsx as s } from "react/jsx-runtime";
-import u from "@unicom-cloud/utils/tinycolor";
+import C 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 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({
+import { a as g } from "../chunk/BcEZk8pT.js";
+import { u as x } from "../chunk/CQPG8hFg.js";
+const R = ({ color: l, onChange: c }) => {
+  const { getPrefixCls: a } = d(g), e = a?.("color-picker"), { h: r, s: t, v: n } = l.hsv, { blockRef: i, handlerRef: f, onMouseDown: m } = x({
     value: [t, 1 - n],
     onChange: (o) => c(o[0], 1 - o[1])
-  }), p = h(() => new u({ h: r * 360, s: 100, v: 100 }).toRgbString(), [r]), C = () => /* @__PURE__ */ s(
+  }), p = h(() => new C({ h: r * 360, s: 100, v: 100 }).toRgbString(), [r]), u = () => /* @__PURE__ */ s(
     "div",
     {
       ref: f,
@@ -22,14 +21,14 @@ const w = ({ color: l, onChange: c }) => {
   return /* @__PURE__ */ s(
     "div",
     {
-      ref: m,
+      ref: i,
       className: `${e}-palette`,
       style: { backgroundColor: p },
-      onMouseDown: a,
-      children: C()
+      onMouseDown: m,
+      children: u()
     }
   );
 };
 export {
-  w as Palette
+  R as Palette
 };

package/color-picker/Panel.js

@@ -1,21 +1,19 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 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";
-import "../radio/Group.js";
-import dr from "../select/Select.js";
+import { useContext as ir, useState as ar, useMemo as sr } from "react";
+import { a as dr } from "../chunk/BcEZk8pT.js";
+import { R as C } from "../chunk/BUNoUPLs.js";
+import mr from "../select/Select.js";
 import E from "../tooltip/index.js";
-import mr from "@unicom-cloud/utils/class-name";
-import { ControlBar as C } from "./ControlBar.js";
-import { InputHex as ur } from "./InputHex.js";
-import { InputRgb as pr } from "./InputRgb.js";
+import ur from "@unicom-cloud/utils/class-name";
+import { ControlBar as k } from "./ControlBar.js";
+import { InputHex as pr } from "./InputHex.js";
+import { InputRgb as gr } from "./InputRgb.js";
 import { ColorPickerMode as H } from "./interface.js";
 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, qr = ({
+import { Palette as br } from "./Palette.js";
+import { renderBackground as fr, sortGradientColors as D, getColorByGradients as vr } from "./utils.js";
+const Tr = ({
   value: F,
   mode: y,
   activeMode: h,
@@ -31,28 +29,28 @@ const hr = k.Group, qr = ({
   showPreset: S,
   renderPreset: P,
   renderHistory: R,
-  renderPickSection: G,
-  renderFooter: B,
+  renderPickSection: B,
+  renderFooter: G,
   onHsvChange: s,
   onAlphaChange: p,
   onActiveModeChange: O,
   onGradientColorsChange: M,
   onActiveColorIdChange: I
 }) => {
-  const { getPrefixCls: Q, locale: g } = cr(vr), r = Q?.("color-picker"), [T, U] = ar("hex"), j = sr(() => {
+  const { getPrefixCls: Q, locale: g } = ir(dr), r = Q?.("color-picker"), [T, U] = ar("hex"), j = sr(() => {
     const n = new Set(w ?? []);
     return Array.from(n);
   }, [w]), { h: z, s: V, v: W } = a.hsv, { r: b, g: f, b: v } = a.rgb, Y = (n) => {
-    let i = new d(n);
-    i.ok || (i = new d({
+    let c = new d(n);
+    c.ok || (c = new d({
       r: 255,
       g: 0,
       b: 0
     }));
-    const t = i.toHsv_();
+    const t = c.toHsv_();
     s(t);
   }, Z = () => /* @__PURE__ */ l(
-    hr,
+    C.Group,
     {
       className: `${r}-panel-control-gradient-tag`,
       type: "button",
@@ -60,28 +58,28 @@ const hr = k.Group, qr = ({
       value: h,
       onChange: O,
       children: [
-        /* @__PURE__ */ e(k, { value: H.Single, children: g?.ColorPicker.singleColor }),
-        /* @__PURE__ */ e(k, { value: H.Gradient, children: g?.ColorPicker.gradientColor })
+        /* @__PURE__ */ e(C, { value: H.Single, children: g?.ColorPicker.singleColor }),
+        /* @__PURE__ */ e(C, { value: H.Gradient, children: g?.ColorPicker.gradientColor })
       ]
     }
   ), A = (n) => {
-    const i = Math.round(n * 100);
+    const c = Math.round(n * 100);
     M((t) => D(
       t.map((o) => o.id === K.current ? {
         ...o,
-        percent: i
+        percent: c
       } : o)
     ));
   }, rr = () => {
     const n = (t) => {
-      const o = Math.round(t * 100), c = fr(m, o), N = D(m.concat(c));
-      M(N), I(c.id), s(c.color.hsv), p(c.alpha);
-    }, i = (t) => {
-      const o = m.find((c) => c.id === t);
+      const o = Math.round(t * 100), i = vr(m, o), N = D(m.concat(i));
+      M(N), I(i.id), s(i.color.hsv), p(i.alpha);
+    }, c = (t) => {
+      const o = m.find((i) => i.id === t);
       I(t), s(o.color.hsv), p(o.alpha);
     };
     return /* @__PURE__ */ e("div", { className: `${r}-control-bar-gradient`, children: /* @__PURE__ */ e(
-      C,
+      k,
       {
         multiple: !0,
         value: m.map(({ percent: t, id: o }) => ({
@@ -90,9 +88,9 @@ const hr = k.Group, qr = ({
         })),
         onAdd: n,
         onChange: A,
-        onActive: i,
+        onActive: c,
         style: {
-          background: br(F)
+          background: fr(F)
         },
         renderHandlerStyle: (t) => J === t ? {
           outline: "1px solid rgb(var(--pqb-primary-6))"
@@ -100,18 +98,18 @@ const hr = k.Group, qr = ({
         renderHandlerCenterStyle: (t) => {
           const {
             color: {
-              rgb: { r: o, g: c, b: N }
+              rgb: { r: o, g: i, b: N }
             },
             alpha: lr
-          } = m.find((ir) => ir.id === t);
+          } = m.find((cr) => cr.id === t);
           return {
-            background: new d({ r: o, g: c, b: N, a: lr }).toRgbaString()
+            background: new d({ r: o, g: i, b: N, a: lr }).toRgbaString()
           };
         }
       }
     ) });
   }, er = () => T === "rgb" ? /* @__PURE__ */ e(
-    pr,
+    gr,
     {
       color: a,
       alpha: u,
@@ -120,7 +118,7 @@ const hr = k.Group, qr = ({
       disabledAlpha: $
     }
   ) : /* @__PURE__ */ e(
-    ur,
+    pr,
     {
       color: a,
       alpha: u,
@@ -150,7 +148,7 @@ const hr = k.Group, qr = ({
   ] }) : null, tr = () => P ? P() : S ? /* @__PURE__ */ l("div", { className: `${r}-colors-section`, children: [
     /* @__PURE__ */ e("div", { className: `${r}-colors-text`, children: g?.ColorPicker.preset }),
     /* @__PURE__ */ e("div", { className: `${r}-colors-wrapper`, children: /* @__PURE__ */ e("div", { className: `${r}-colors-list`, children: L?.map?.(q) }) })
-  ] }) : null, or = () => G ? G() : x || S ? /* @__PURE__ */ l("div", { className: `${r}-panel-colors`, children: [
+  ] }) : null, or = () => B ? B() : x || S ? /* @__PURE__ */ l("div", { className: `${r}-panel-colors`, children: [
     nr(),
     tr()
   ] }) : null;
@@ -158,18 +156,18 @@ const hr = k.Group, qr = ({
     /* @__PURE__ */ l(
       "div",
       {
-        className: mr(
+        className: ur(
           (X(y) || _(h)) && `${r}-panel-control-gradient`
         ),
         children: [
           X(y) && Z(),
           _(h) && rr(),
           /* @__PURE__ */ e(
-            gr,
+            br,
             {
               color: a,
-              onChange: (n, i) => {
-                s({ h: z, s: n, v: i });
+              onChange: (n, c) => {
+                s({ h: z, s: n, v: c });
               }
             }
           )
@@ -180,7 +178,7 @@ const hr = k.Group, qr = ({
       /* @__PURE__ */ l("div", { className: `${r}-control-wrapper`, children: [
         /* @__PURE__ */ l("div", { children: [
           /* @__PURE__ */ e(
-            C,
+            k,
             {
               className: `${r}-control-bar-hue`,
               value: z,
@@ -191,7 +189,7 @@ const hr = k.Group, qr = ({
             }
           ),
           !$ && /* @__PURE__ */ e("div", { className: `${r}-control-bar-bg`, children: /* @__PURE__ */ e(
-            C,
+            k,
             {
               className: `${r}-control-bar-alpha`,
               style: {
@@ -227,7 +225,7 @@ const hr = k.Group, qr = ({
       ] }),
       /* @__PURE__ */ l("div", { className: `${r}-input-wrapper`, children: [
         /* @__PURE__ */ e(
-          dr,
+          mr,
           {
             className: `${r}-select-type`,
             size: "mini",
@@ -259,9 +257,9 @@ const hr = k.Group, qr = ({
       ] })
     ] }),
     or(),
-    typeof B == "function" ? B() : null
+    typeof G == "function" ? G() : null
   ] });
 };
 export {
-  qr as Panel
+  Tr as Panel
 };