@unicom-cloud/ui 0.8.75 → 0.8.77

package/chunk/D0ZWT7db.js

@@ -0,0 +1,5 @@
+const o = () => {
+};
+export {
+  o as N
+};

package/chunk/{CWlklVfi.js → tpmioyz1.js}

@@ -3,7 +3,7 @@ import U from "@unicom-cloud/icons/IconUiCaretLeft";
 import L from "@unicom-cloud/icons/IconUiCaretRight";
 import V from "lodash/isFunction";
 import M, { useContext as K, useRef as A, createContext as B } from "react";
-import { a as T, I as S } from "./C9XYyypq.js";
+import { a as T, I as S } from "./CNcLypMY.js";
 import { u as q } from "./BFTV6myl.js";
 import { u as D } from "./DeV0v__J.js";
 import { p } from "./CUFsOxJ2.js";

package/collapse/Collapse.js

@@ -3,12 +3,12 @@ import "@unicom-cloud/icons/IconUiCaretLeft";
 import "@unicom-cloud/icons/IconUiCaretRight";
 import "lodash/isFunction";
 import "react";
-import "../chunk/C9XYyypq.js";
+import "../chunk/CNcLypMY.js";
 import "../chunk/BFTV6myl.js";
 import "../chunk/DeV0v__J.js";
 import "../chunk/CUFsOxJ2.js";
 import "../chunk/BKKEev13.js";
-import { a as x, C as d } from "../chunk/CWlklVfi.js";
+import { a as x, C as d } from "../chunk/tpmioyz1.js";
 export {
   x as CollapseContext,
   d as default

package/collapse/Item.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
 import "../chunk/BJ9_azwQ.js";
 import "react";
-import "../chunk/C9XYyypq.js";
+import "../chunk/CNcLypMY.js";
 import "../chunk/XTEsYGuF.js";
 import "../chunk/CUFsOxJ2.js";
 import "../utils/dom.js";
-import { I as d } from "../chunk/CWlklVfi.js";
+import { I as d } from "../chunk/tpmioyz1.js";
 export {
   d as default
 };

package/collapse/index.js

@@ -1,4 +1,4 @@
-import { C as a } from "../chunk/CWlklVfi.js";
+import { C as a } from "../chunk/tpmioyz1.js";
 export {
   a as default
 };

package/color-picker/ControlBar.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import { useContext as b } from "react";
-import { a as l } from "../chunk/C9XYyypq.js";
+import { a as l } from "../chunk/CNcLypMY.js";
 import { p as B } from "../chunk/CUFsOxJ2.js";
 import { u as R } from "../chunk/k-OUstoD.js";
 const P = ({

package/color-picker/InputAlpha.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { useContext as i } from "react";
-import { a as p } from "../chunk/C9XYyypq.js";
+import { a as p } from "../chunk/CNcLypMY.js";
 import { InputNumber as s } from "../input/Input.js";
 const l = ({ value: o, onChange: t }) => {
   const { getPrefixCls: n } = i(p), r = n("color-picker");

package/color-picker/InputHex.js

@@ -1,7 +1,7 @@
 import { jsxs as v, jsx as c } from "react/jsx-runtime";
-import { c as m } from "../chunk/BbqvFW5R.js";
+import { c as m } from "../chunk/9TSjT7x_.js";
 import { useContext as I, useState as j, useEffect as D } from "react";
-import { a as E } from "../chunk/C9XYyypq.js";
+import { a as E } from "../chunk/CNcLypMY.js";
 import f from "../input/Input.js";
 import { InputAlpha as H } from "./InputAlpha.js";
 const N = ({

package/color-picker/InputRgb.js

@@ -1,7 +1,7 @@
 import { jsxs as h, jsx as o } from "react/jsx-runtime";
-import { c as x } from "../chunk/BbqvFW5R.js";
+import { c as x } from "../chunk/9TSjT7x_.js";
 import { useContext as f } from "react";
-import { a as b } from "../chunk/C9XYyypq.js";
+import { a as b } from "../chunk/CNcLypMY.js";
 import I, { InputNumber as m } from "../input/Input.js";
 import { InputAlpha as d } from "./InputAlpha.js";
 const E = ({

package/color-picker/Palette.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as C } from "../chunk/BbqvFW5R.js";
+import { c as C } from "../chunk/9TSjT7x_.js";
 import { useContext as d, useMemo as h } from "react";
-import { a as g } from "../chunk/C9XYyypq.js";
+import { a as g } from "../chunk/CNcLypMY.js";
 import { u as x } from "../chunk/k-OUstoD.js";
 const w = ({ color: c, onChange: l }) => {
   const { getPrefixCls: a } = d(g), e = a("color-picker"), { h: r, s: t, v: n } = c.hsv, { blockRef: f, handlerRef: i, onMouseDown: m } = x({

package/color-picker/Panel.js

@@ -1,268 +1,17 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { c as d } from "../chunk/BbqvFW5R.js";
-import { useContext as ar, useState as ir, useMemo as sr } from "react";
-import { a as dr } from "../chunk/C9XYyypq.js";
-import { R as x } from "../chunk/EL5Jmjgr.js";
-import mr from "../select/Select.js";
-import X from "../tooltip/index.js";
-import { p as ur } from "../chunk/CUFsOxJ2.js";
-import { ControlBar as y } from "./ControlBar.js";
-import { InputHex as pr } from "./InputHex.js";
-import { InputRgb as gr } from "./InputRgb.js";
-import { ColorPickerMode as _ } from "./interface.js";
-import { isMultiMode as q, isGradientMode as D } from "./Mode.js";
-import { Palette as fr } from "./Palette.js";
-import { renderBackground as vr, sortGradientColors as F, getColorByGradients as br } from "./utils.js";
-const hr = x.Group, zr = ({
-  value: J,
-  mode: S,
-  activeMode: N,
-  gradientColors: m,
-  activeColorId: K,
-  activeColorIdRef: L,
-  color: i,
-  alpha: u,
-  disabledAlpha: k,
-  historyColors: C,
-  presetColors: p,
-  showHistory: P,
-  showPreset: R,
-  renderPreset: G,
-  renderHistory: B,
-  renderPickSection: M,
-  renderFooter: I,
-  onHsvChange: s,
-  onAlphaChange: g,
-  onActiveModeChange: O,
-  onGradientColorsChange: j,
-  onActiveColorIdChange: z
-}) => {
-  const { getPrefixCls: Q, locale: f } = ar(dr), r = Q("color-picker"), [T, U] = ir("hex"), v = sr(() => {
-    const n = new Set(C ?? []);
-    return Array.from(n);
-  }, [C]), { h: E, s: V, v: W } = i.hsv, { r: b, g: h, b: $ } = i.rgb, Y = (n) => {
-    let c = new d(n);
-    c.ok || (c = new d({
-      r: 255,
-      g: 0,
-      b: 0
-    }));
-    const t = c.toHsv_();
-    s(t);
-  }, Z = () => /* @__PURE__ */ l(
-    hr,
-    {
-      className: `${r}-panel-control-gradient-tag`,
-      type: "button",
-      size: "small",
-      value: N,
-      onChange: O,
-      children: [
-        /* @__PURE__ */ e(x, { value: _.Single, children: f.ColorPicker.singleColor }),
-        /* @__PURE__ */ e(x, { value: _.Gradient, children: f.ColorPicker.gradientColor })
-      ]
-    }
-  ), A = (n) => {
-    const c = Math.round(n * 100);
-    j((t) => F(
-      t.map((o) => o.id === L.current ? {
-        ...o,
-        percent: c
-      } : o)
-    ));
-  }, rr = () => {
-    const n = (t) => {
-      const o = Math.round(t * 100), a = br(m, o), w = F(m.concat(a));
-      j(w), z(a.id), s(a.color.hsv), g(a.alpha);
-    }, c = (t) => {
-      const o = m.find((a) => a.id === t);
-      z(t), s(o.color.hsv), g(o.alpha);
-    };
-    return /* @__PURE__ */ e("div", { className: `${r}-control-bar-gradient`, children: /* @__PURE__ */ e(
-      y,
-      {
-        multiple: !0,
-        value: m.map(({ percent: t, id: o }) => ({
-          value: t / 100,
-          key: o
-        })),
-        onAdd: n,
-        onChange: A,
-        onActive: c,
-        style: {
-          background: vr(J)
-        },
-        renderHandlerStyle: (t) => K === t ? {
-          outline: "1px solid rgb(var(--primary-6))"
-        } : {},
-        renderHandlerCenterStyle: (t) => {
-          const {
-            color: {
-              rgb: { r: o, g: a, b: w }
-            },
-            alpha: lr
-          } = m.find((cr) => cr.id === t);
-          return {
-            background: new d({ r: o, g: a, b: w, a: lr }).toRgbaString()
-          };
-        }
-      }
-    ) });
-  }, er = () => T === "rgb" ? /* @__PURE__ */ e(
-    gr,
-    {
-      color: i,
-      alpha: u,
-      onHsvChange: s,
-      onAlphaChange: g,
-      disabledAlpha: k
-    }
-  ) : /* @__PURE__ */ e(
-    pr,
-    {
-      color: i,
-      alpha: u,
-      onHsvChange: s,
-      onAlphaChange: g,
-      disabledAlpha: k
-    }
-  ), H = (n) => /* @__PURE__ */ e(X, { mini: !0, content: n, color: n, children: /* @__PURE__ */ e(
-    "div",
-    {
-      className: `${r}-color-block`,
-      onClick: () => {
-        Y(n);
-      },
-      children: /* @__PURE__ */ e(
-        "div",
-        {
-          className: `${r}-block`,
-          style: { backgroundColor: n }
-        }
-      )
-    },
-    n
-  ) }, n), nr = () => B ? B() : P ? /* @__PURE__ */ l("div", { className: `${r}-colors-section`, children: [
-    /* @__PURE__ */ e("div", { className: `${r}-colors-text`, children: f.ColorPicker.history }),
-    /* @__PURE__ */ e("div", { className: `${r}-colors-wrapper`, children: v != null && v.length ? /* @__PURE__ */ e("div", { className: `${r}-colors-list`, children: v.map(H) }) : /* @__PURE__ */ e("span", { className: `${r}-colors-empty`, children: f.ColorPicker.empty }) })
-  ] }) : null, tr = () => {
-    var n;
-    return G ? G() : R ? /* @__PURE__ */ l("div", { className: `${r}-colors-section`, children: [
-      /* @__PURE__ */ e("div", { className: `${r}-colors-text`, children: f.ColorPicker.preset }),
-      /* @__PURE__ */ e("div", { className: `${r}-colors-wrapper`, children: /* @__PURE__ */ e("div", { className: `${r}-colors-list`, children: (n = p == null ? void 0 : p.map) == null ? void 0 : n.call(p, H) }) })
-    ] }) : null;
-  }, or = () => M ? M() : P || R ? /* @__PURE__ */ l("div", { className: `${r}-panel-colors`, children: [
-    nr(),
-    tr()
-  ] }) : null;
-  return /* @__PURE__ */ l("div", { className: `${r}-panel`, children: [
-    /* @__PURE__ */ l(
-      "div",
-      {
-        className: ur(
-          (q(S) || D(N)) && `${r}-panel-control-gradient`
-        ),
-        children: [
-          q(S) && Z(),
-          D(N) && rr(),
-          /* @__PURE__ */ e(
-            fr,
-            {
-              color: i,
-              onChange: (n, c) => {
-                s({ h: E, s: n, v: c });
-              }
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ l("div", { className: `${r}-panel-control`, children: [
-      /* @__PURE__ */ l("div", { className: `${r}-control-wrapper`, children: [
-        /* @__PURE__ */ l("div", { children: [
-          /* @__PURE__ */ e(
-            y,
-            {
-              className: `${r}-control-bar-hue`,
-              value: E,
-              onChange: (n) => s({ h: n, s: V, v: W }),
-              renderHandlerCenterStyle: () => ({
-                background: new d({ r: b, g: h, b: $ }).toRgbString()
-              })
-            }
-          ),
-          !k && /* @__PURE__ */ e("div", { className: `${r}-control-bar-bg`, children: /* @__PURE__ */ e(
-            y,
-            {
-              className: `${r}-control-bar-alpha`,
-              style: {
-                background: `linear-gradient(to right, rgba(0, 0, 0, 0), rgb(${b}, ${h}, ${$}))`
-              },
-              value: u,
-              onChange: g,
-              renderHandlerCenterStyle: () => ({
-                background: new d({
-                  r: b,
-                  g: h,
-                  b: $,
-                  a: u
-                }).toRgbaString()
-              })
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ e(X, { mini: !0, content: i.hex8String, color: i.string, children: /* @__PURE__ */ e(
-          "div",
-          {
-            className: `${r}-preview`,
-            style: {
-              backgroundColor: new d({
-                r: b,
-                g: h,
-                b: $,
-                a: u
-              }).toRgbaString()
-            }
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ l("div", { className: `${r}-input-wrapper`, children: [
-        /* @__PURE__ */ e(
-          mr,
-          {
-            className: `${r}-select-type`,
-            size: "mini",
-            options: [
-              {
-                value: "hex",
-                label: "HEX"
-              },
-              // {
-              //   value: 'hsl',
-              //   label: 'HSL',
-              // },
-              {
-                value: "rgb",
-                label: "RGB"
-              }
-            ],
-            value: T,
-            triggerProps: {
-              className: `${r}-type-dropdown`,
-              getPopupContainer() {
-                return window.document.body;
-              }
-            },
-            onChange: U
-          }
-        ),
-        /* @__PURE__ */ e("div", { className: `${r}-group-wrapper`, children: er() })
-      ] })
-    ] }),
-    or(),
-    typeof I == "function" ? I() : null
-  ] });
-};
+import "react/jsx-runtime";
+import "../chunk/9TSjT7x_.js";
+import "react";
+import "../chunk/CNcLypMY.js";
+import { a3 as c } from "../chunk/Cwm8LL5p.js";
+import "../tooltip/index.js";
+import "../chunk/CUFsOxJ2.js";
+import "./ControlBar.js";
+import "./InputHex.js";
+import "./InputRgb.js";
+import "./interface.js";
+import "./Mode.js";
+import "./Palette.js";
+import "./utils.js";
 export {
-  zr as Panel
+  c as Panel
 };

package/color-picker/colors.js

@@ -1,8 +1,8 @@
-import { c as r, R as o } from "../chunk/BbqvFW5R.js";
-new r("#eee");
+import { c as t, R as o } from "../chunk/9TSjT7x_.js";
+new t("#eee");
 const n = [
-  o.colors.map((e, l, a) => o.palette({ color: e.value, level: 4 })),
-  o.colors.map((e, l, a) => e.value)
+  o.colors.map((e, l, r) => o.palette({ color: e.value, level: 4 }).toHexString()),
+  o.colors.map((e, l, r) => e.value)
   // '#00B42A',
   // '#3C7EFF',
   // '#FF7D00',

package/color-picker/index.js

@@ -1,270 +1,15 @@
-import { jsx as P, jsxs as K } from "react/jsx-runtime";
-import te from "lodash/isFunction";
-import ne from "lodash/isNil";
-import ie, { useState as k, useRef as L, useMemo as q, useCallback as Q, useEffect as D, useContext as se } from "react";
-import { a as ae } from "../chunk/C9XYyypq.js";
-import le from "../copy/index.js";
-import { u as ce } from "../chunk/BFTV6myl.js";
-import de from "../trigger/index.js";
-import { p as ue } from "../chunk/CUFsOxJ2.js";
-import { colors as fe } from "./colors.js";
-import { c as U } from "../chunk/BbqvFW5R.js";
-import { u as me } from "../chunk/oopARUrq.js";
-import { u as W } from "../chunk/DeV0v__J.js";
-import { ColorPickerMode as w } from "./interface.js";
-import { getModeByValue as ge, isGradientMode as J, isSingleMode as pe } from "./Mode.js";
-import { mapValueToGradientColor as Ce, getColorFromHsv as X, formatRgba as ve, formatHex as he, isEqualsColors as Ae, equalsHsv as be, getRandomId as Y, getGradientString as ye, renderBackground as xe } from "./utils.js";
-import { Panel as Ie } from "./Panel.js";
-const Ve = (r) => {
-  var j;
-  const {
-    mode: N = w.Single,
-    defaultValue: z,
-    format: C,
-    onChange: b,
-    disabledAlpha: u
-  } = r, E = me(), [y, M] = W(!1, {
-    defaultValue: r.defaultPopupVisible,
-    value: r.popupVisible
-  }), [l, v] = k(
-    ge(
-      r.value,
-      z,
-      N
-    )
-  ), [i, S] = W(
-    l === w.Gradient ? void 0 : "",
-    r
-  ), [G, $] = k(
-    J(l) && Array.isArray(i) ? Ce(i, u) : []
-  ), [_, F] = k((j = G[0]) == null ? void 0 : j.id), h = L(G), x = L(_), t = h.current, s = x.current, n = (e) => {
-    $(e), h.current = typeof e == "function" ? e(h.current) : e;
-  }, R = (e) => {
-    F(e), x.current = e;
-  }, c = q(() => {
-    const e = t.findIndex(
-      (o) => o.id === s
-    );
-    return e !== -1 ? e : 0;
-  }, [t, s]), f = Array.isArray(i) ? new U(i[c].color).toHsv_() : new U(i).toHsv_(), [m, H] = k({
-    h: f.h,
-    s: f.s,
-    v: f.v
-  }), [a, I] = k(f.a), g = q(() => X(m), [m]), V = Q(
-    (e, o, d, A) => C === "rgb" ? ve(e, o, d, A) : he(e, o, d, A),
-    [C]
-  ), p = q(() => {
-    if (pe(l)) {
-      const { r: e, g: o, b: d } = g.rgb;
-      return V(e, o, d, a);
-    }
-    return t.map((e) => {
-      const { r: o, g: d, b: A } = e.color.rgb;
-      return {
-        color: V(o, d, A, e.alpha),
-        percent: e.percent
-      };
-    });
-  }, [l, t, g.rgb, V, a]);
-  D(() => {
-    S(p), !E && !Ae(i, p) && (b == null || b(p));
-  }, [p]);
-  const T = Q(
-    (e) => {
-      var o;
-      if (e && i !== p) {
-        const { h: d, s: A, v: oe, a: re } = f;
-        H({ h: d, s: A, v: oe }), I(re);
-      }
-      e !== y && ((o = r.onVisibleChange) == null || o.call(r, e), "popupVisible" in r || M(e));
-    },
-    [r.onVisibleChange, y, i]
-  ), B = (e) => {
-    H(e), u && a !== 100 && I(100);
-  }, O = (e) => {
-    I(e);
-  };
-  return D(() => {
-    if (!J(l) || !t.length || be(t[c].color.hsv, m)) return;
-    const e = [...t];
-    e[c] = {
-      ...e[c],
-      color: X(m)
-    }, n(e);
-  }, [m]), D(() => {
-    if (!J(l) || !t.length || t[c].alpha === a) return;
-    const e = [...t];
-    e[c] = {
-      ...e[c],
-      alpha: u ? 100 : a
-    }, n(e);
-  }, [a]), {
-    value: i,
-    activeMode: l,
-    gradientColors: t,
-    gradientColorsRef: h,
-    activeColorId: s,
-    activeColorIdRef: x,
-    popupVisible: y,
-    color: g,
-    alpha: a,
-    onHsvChange: B,
-    onAlphaChange: O,
-    onVisibleChange: T,
-    onActiveModeChange: (e) => {
-      var o;
-      e !== l && (e === w.Single ? R((o = t[0]) == null ? void 0 : o.id) : n([
-        {
-          id: Y(),
-          color: g,
-          alpha: a,
-          percent: 0
-        },
-        {
-          id: Y(),
-          color: g,
-          alpha: a,
-          percent: 100
-        }
-      ]), v(e));
-    },
-    onActiveColorIdChange: R,
-    onGradientColorsChange: n
-  };
-}, Z = {
-  size: "default",
-  presetColors: fe
-};
-function Pe(r, N) {
-  const {
-    getPrefixCls: z,
-    componentConfig: C,
-    size: b
-  } = se(ae), u = ce(
-    r,
-    { ...Z, size: b || Z.size },
-    C == null ? void 0 : C.ColorPicker
-  ), {
-    style: E,
-    className: y,
-    size: M,
-    mode: l,
-    disabled: v,
-    disabledAlpha: i = !1,
-    triggerProps: S = {},
-    unmountOnExit: G,
-    showText: $,
-    historyColors: _,
-    presetColors: F,
-    showHistory: h,
-    showPreset: x,
-    renderFooter: t
-  } = u, s = z("color-picker"), {
-    value: n,
-    activeMode: R,
-    gradientColors: c,
-    activeColorId: f,
-    activeColorIdRef: m,
-    popupVisible: H,
-    color: a,
-    alpha: I,
-    onHsvChange: g,
-    onAlphaChange: V,
-    onVisibleChange: p,
-    onActiveModeChange: T,
-    onGradientColorsChange: B,
-    onActiveColorIdChange: O
-  } = Ve(u);
-  return /* @__PURE__ */ P(
-    de,
-    {
-      popup: () => /* @__PURE__ */ P(
-        Ie,
-        {
-          value: n,
-          mode: l,
-          activeMode: R,
-          gradientColors: c,
-          activeColorId: f,
-          activeColorIdRef: m,
-          color: a,
-          alpha: I,
-          historyColors: _,
-          presetColors: F,
-          showHistory: h,
-          showPreset: x,
-          onHsvChange: g,
-          onAlphaChange: V,
-          onActiveModeChange: T,
-          onGradientColorsChange: B,
-          onActiveColorIdChange: O,
-          disabledAlpha: i,
-          renderFooter: t
-        }
-      ),
-      trigger: "click",
-      position: "bl",
-      popupAlign: {
-        top: 8,
-        bottom: 8,
-        left: 8,
-        right: 8
-      },
-      disabled: v,
-      popupVisible: H,
-      classNames: "slideDynamicOrigin",
-      unmountOnExit: G,
-      ...S,
-      onVisibleChange: p,
-      children: (() => {
-        const e = te(r.triggerElement) ? r.triggerElement({ value: n }) : r.triggerElement;
-        if (!ne(e))
-          return e;
-        const o = typeof n == "string" ? n : ye(n);
-        return /* @__PURE__ */ K(
-          "div",
-          {
-            className: ue(s, y, {
-              [`${s}-size-${M}`]: M,
-              [`${s}-disabled`]: v
-            }),
-            style: E,
-            ref: N,
-            children: [
-              /* @__PURE__ */ P(
-                "div",
-                {
-                  className: `${s}-preview`,
-                  style: Array.isArray(n) ? {
-                    background: xe(n)
-                  } : { backgroundColor: n }
-                }
-              ),
-              !!$ && /* @__PURE__ */ K("div", { className: `${s}-value`, children: [
-                o,
-                !v && /* @__PURE__ */ P(le, { text: o, className: `${s}-copy` })
-              ] }),
-              /* @__PURE__ */ P(
-                "input",
-                {
-                  className: `${s}-input`,
-                  value: o,
-                  disabled: v,
-                  readOnly: !0
-                }
-              ),
-              u.extra
-            ]
-          }
-        );
-      })()
-    }
-  );
-}
-const ke = ie.forwardRef(
-  Pe
-);
-ke.displayName = "ColorPicker";
+import "react/jsx-runtime";
+import "lodash/isFunction";
+import "lodash/isNil";
+import "react";
+import "../chunk/CNcLypMY.js";
+import "../copy/index.js";
+import "../chunk/BFTV6myl.js";
+import "../trigger/index.js";
+import "../chunk/CUFsOxJ2.js";
+import "./colors.js";
+import { d as x } from "../chunk/Cwm8LL5p.js";
+import "./utils.js";
 export {
-  ke as default
+  x as default
 };

package/color-picker/utils.js

@@ -1,4 +1,4 @@
-import { c as s } from "../chunk/BbqvFW5R.js";
+import { c as s } from "../chunk/9TSjT7x_.js";
 const R = (t) => t.sort((r, n) => r.percent - n.percent), H = (t, r, n) => Object.keys(t).reduce(
   (e, o) => ({
     ...e,