@unicom-cloud/ui 0.8.55 → 0.8.57

package/ColorPicker.js

@@ -1,582 +1,13 @@
-import { jsx as n, jsxs as x } from "react/jsx-runtime";
-import J from "lodash/isFunction";
-import K from "lodash/isNil";
-import Q, { useState as z, useRef as O, useEffect as F, useContext as S, useMemo as H, useCallback as Z } from "react";
-import { a as R } from "./chunk/xPzFRQJn.js";
-import ee from "./Copy.js";
-import ne from "./hooks/useMergeProps.js";
-import te from "./Trigger.js";
-import D from "@unicom-cloud/utils/class-name";
-import w from "@unicom-cloud/utils/tinycolor";
-import { S as re } from "./chunk/PuuHmqnW.js";
-import G from "./Tooltip.js";
-import { a as M, I as A } from "./chunk/BUQBof6z.js";
-import { colors as _, palette as oe } from "@unicom-cloud/utils/ui-color";
-import se from "./hooks/useIsFirstRender.js";
-import X from "./hooks/useMergeValue.js";
-function U(e, s) {
-  return e < 0 ? 0 : e > s ? 1 : e / s;
-}
-function Y({ value: e, onChange: s }) {
-  const [a, g] = z(!1), u = O(), m = O();
-  function i(o) {
-    const { clientX: t, clientY: p } = o;
-    if (!u.current)
-      return;
-    const b = u.current.getBoundingClientRect(), C = [
-      U(t - b.x, b.width),
-      U(p - b.y, b.height)
-    ];
-    (C[0] !== e[0] || C[1] !== e[1]) && (s == null || s(C));
-  }
-  function r() {
-    g(!1), window.removeEventListener("mousemove", l), window.removeEventListener("mouseup", r), window.removeEventListener("contextmenu", r);
-  }
-  function d() {
-    g(!0), window.addEventListener("mousemove", l), window.addEventListener("mouseup", r), window.addEventListener("contextmenu", r);
-  }
-  function v(o) {
-    i(o), d();
-  }
-  function l(o) {
-    o.preventDefault(), o.buttons > 0 ? i(o) : r();
-  }
-  return F(() => () => {
-    r();
-  }, []), {
-    active: a,
-    blockRef: u,
-    handlerRef: m,
-    onMouseDown: v
-  };
-}
-const W = ({
-  x: e,
-  type: s = "hue",
-  color: a,
-  onChange: g,
-  style: u
-}) => {
-  const { getPrefixCls: m } = S(R), i = m("color-picker"), { r, g: d, b: v } = a.rgb, { blockRef: l, handlerRef: o, onMouseDown: t } = Y({
-    value: [e, 0],
-    onChange: (b) => g(b[0])
-  }), p = () => /* @__PURE__ */ n(
-    "div",
-    {
-      ref: o,
-      style: {
-        left: `${e * 100}%`
-      },
-      className: `${i}-handler`,
-      children: /* @__PURE__ */ n(
-        "div",
-        {
-          className: `${i}-handler-center`,
-          style: { backgroundColor: a.string }
-        }
-      )
-    }
-  );
-  return s === "alpha" ? /* @__PURE__ */ n("div", { className: `${i}-control-bar-bg`, children: /* @__PURE__ */ n(
-    "div",
-    {
-      ref: l,
-      className: D(
-        `${i}-control-bar`,
-        `${i}-control-bar-alpha`,
-        `${i}-control-bar-alpha`
-      ),
-      style: {
-        background: `linear-gradient(to right, rgba(0, 0, 0, 0), rgb(${r}, ${d}, ${v}))`,
-        ...u
-      },
-      onMouseDown: t,
-      children: p()
-    }
-  ) }) : /* @__PURE__ */ n(
-    "div",
-    {
-      ref: l,
-      style: u,
-      className: D(`${i}-control-bar`, `${i}-control-bar-hue`),
-      onMouseDown: t,
-      children: p()
-    }
-  );
-}, q = ({ value: e, onChange: s }) => {
-  const { getPrefixCls: a } = S(R), g = a("color-picker");
-  return /* @__PURE__ */ n(
-    M,
-    {
-      className: `${g}-input-alpha`,
-      size: "mini",
-      min: 0,
-      max: 100,
-      value: Math.round(e * 100),
-      suffix: "%",
-      onChange: (u) => s(u / 100)
-    }
-  );
-}, ie = ({
-  color: e,
-  alpha: s,
-  onHsvChange: a,
-  onAlphaChange: g,
-  disabledAlpha: u
-}) => {
-  const { getPrefixCls: m } = S(R), i = m("color-picker"), [r, d] = z(e.hex);
-  F(() => {
-    e.hex !== r && d(e.hex);
-  }, [e]);
-  const v = (t) => {
-    var b;
-    const p = ((b = t.match(/[a-fA-F0-9]*/g)) == null ? void 0 : b.join("")) ?? "";
-    p !== r && d(p.toUpperCase());
-  }, l = () => {
-    let t = new w(r);
-    t.ok || (t = new w({
-      r: 255,
-      g: 0,
-      b: 0
-    }));
-    const p = t.toHsv_();
-    a(p);
-  }, o = (t) => {
-    let p = t.clipboardData.getData("Text");
-    p.startsWith("#") && (p = p.slice(1)), v(p), t.preventDefault();
-  };
-  return /* @__PURE__ */ x(A.Group, { className: `${i}-input-group`, compact: !0, children: [
-    /* @__PURE__ */ n(
-      A,
-      {
-        className: `${i}-input-hex`,
-        prefix: "#",
-        size: "mini",
-        maxLength: 6,
-        value: r,
-        onChange: v,
-        onBlur: l,
-        onPressEnter: l,
-        onPaste: o
-      }
-    ),
-    !u && /* @__PURE__ */ n(q, { value: s, onChange: g })
-  ] });
-}, le = ({
-  color: e,
-  alpha: s,
-  onHsvChange: a,
-  onAlphaChange: g,
-  disabledAlpha: u
-}) => {
-  const { getPrefixCls: m } = S(R), i = m("color-picker"), r = (o) => {
-    const t = new w({
-      r: o.r,
-      g: o.g,
-      b: o.b
-    }).toHsv_();
-    a(t);
-  }, { r: d, g: v, b: l } = e.rgb;
-  return /* @__PURE__ */ x(A.Group, { className: `${i}-input-group`, compact: !0, children: [
-    /* @__PURE__ */ n(
-      M,
-      {
-        size: "mini",
-        min: 0,
-        max: 255,
-        hideControl: !0,
-        value: d,
-        onChange: (o) => r({ r: o, g: v, b: l })
-      }
-    ),
-    /* @__PURE__ */ n(
-      M,
-      {
-        size: "mini",
-        min: 0,
-        max: 255,
-        hideControl: !0,
-        value: v,
-        onChange: (o) => r({ r: d, g: o, b: l })
-      }
-    ),
-    /* @__PURE__ */ n(
-      M,
-      {
-        size: "mini",
-        min: 0,
-        max: 255,
-        hideControl: !0,
-        value: l,
-        onChange: (o) => r({ r: d, g: v, b: o })
-      }
-    ),
-    !u && /* @__PURE__ */ n(q, { value: s, onChange: g })
-  ] });
-}, ce = ({ color: e, onChange: s }) => {
-  const { getPrefixCls: a } = S(R), g = a("color-picker"), { h: u, s: m, v: i } = e.hsv, { blockRef: r, handlerRef: d, onMouseDown: v } = Y({
-    value: [m, 1 - i],
-    onChange: (t) => s(t[0], 1 - t[1])
-  }), l = H(() => new w({ h: u * 360, s: 100, v: 100 }).toRgbString(), [u]), o = () => /* @__PURE__ */ n(
-    "div",
-    {
-      ref: d,
-      className: `${g}-handler`,
-      style: {
-        top: `${(1 - i) * 100}%`,
-        left: `${m * 100}%`
-      }
-    }
-  );
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      ref: r,
-      className: `${g}-palette`,
-      style: { backgroundColor: l },
-      onMouseDown: v,
-      children: o()
-    }
-  );
-}, ae = ({
-  color: e,
-  alpha: s,
-  disabledAlpha: a,
-  colorString: g,
-  historyColors: u,
-  presetColors: m,
-  showHistory: i,
-  showPreset: r,
-  renderPreset: d,
-  renderHistory: v,
-  renderPickSection: l,
-  renderFooter: o,
-  onHsvChange: t,
-  onAlphaChange: p
-}) => {
-  const { getPrefixCls: b, locale: C } = S(R), f = b("color-picker"), [I, $] = z("hex"), { h: c, s: k, v: P } = e.hsv, N = H(() => {
-    if (!i)
-      return [];
-    const h = new Set(u ?? []);
-    return Array.from(h);
-  }, [u, i]), y = (h) => {
-    let V = new w(h);
-    V.ok || (V = new w({
-      r: 255,
-      g: 0,
-      b: 0
-    })), t(V.toHsv_());
-  }, E = () => I === "rgb" ? /* @__PURE__ */ n(
-    le,
-    {
-      color: e,
-      alpha: s,
-      onHsvChange: t,
-      onAlphaChange: p,
-      disabledAlpha: a
-    }
-  ) : /* @__PURE__ */ n(
-    ie,
-    {
-      color: e,
-      alpha: s,
-      onHsvChange: t,
-      onAlphaChange: p,
-      disabledAlpha: a
-    }
-  ), L = (h) => /* @__PURE__ */ n(G, { mini: !0, content: h, color: h, children: /* @__PURE__ */ n(
-    "div",
-    {
-      className: `${f}-color-block`,
-      onClick: () => {
-        y(h);
-      },
-      children: /* @__PURE__ */ n(
-        "div",
-        {
-          className: `${f}-block`,
-          style: { backgroundColor: h }
-        }
-      )
-    },
-    h
-  ) }, h), B = () => v ? v() : i ? /* @__PURE__ */ x("div", { className: `${f}-colors-section`, children: [
-    /* @__PURE__ */ n("div", { className: `${f}-colors-text`, children: C.ColorPicker.history }),
-    /* @__PURE__ */ n("div", { className: `${f}-colors-wrapper`, children: N != null && N.length ? /* @__PURE__ */ n("div", { className: `${f}-colors-list`, children: N.map(L) }) : /* @__PURE__ */ n("span", { className: `${f}-colors-empty`, children: C.ColorPicker.empty }) })
-  ] }) : null, T = () => {
-    var h;
-    return d ? d() : r ? /* @__PURE__ */ x("div", { className: `${f}-colors-section`, children: [
-      /* @__PURE__ */ n("div", { className: `${f}-colors-text`, children: C.ColorPicker.preset }),
-      /* @__PURE__ */ n("div", { className: `${f}-colors-wrapper`, children: /* @__PURE__ */ n("div", { className: `${f}-colors-list`, children: (h = m == null ? void 0 : m.map) == null ? void 0 : h.call(m, L) }) })
-    ] }) : null;
-  }, j = () => l ? l() : i || r ? /* @__PURE__ */ x("div", { className: `${f}-panel-colors`, children: [
-    B(),
-    T()
-  ] }) : null;
-  return /* @__PURE__ */ x("div", { className: `${f}-panel`, children: [
-    /* @__PURE__ */ n(ce, { color: e, onChange: (h, V) => t({ h: c, s: h, v: V }) }),
-    /* @__PURE__ */ x("div", { className: `${f}-panel-control`, children: [
-      /* @__PURE__ */ x("div", { className: `${f}-control-wrapper`, children: [
-        /* @__PURE__ */ x("div", { children: [
-          /* @__PURE__ */ n(
-            W,
-            {
-              type: "hue",
-              x: c,
-              color: e,
-              onChange: (h) => t({ h, s: k, v: P })
-            }
-          ),
-          !a && /* @__PURE__ */ n(
-            W,
-            {
-              type: "alpha",
-              x: s,
-              color: e,
-              onChange: p
-            }
-          )
-        ] }),
-        /* @__PURE__ */ n(G, { mini: !0, content: e.hex8String, color: e.string, children: /* @__PURE__ */ n(
-          "div",
-          {
-            className: `${f}-preview`,
-            style: { backgroundColor: e.string }
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ x("div", { className: `${f}-input-wrapper`, children: [
-        /* @__PURE__ */ n(
-          re,
-          {
-            className: `${f}-select-type`,
-            size: "mini",
-            options: [
-              {
-                value: "hex",
-                label: "HEX"
-              },
-              // {
-              //   value: 'hsl',
-              //   label: 'HSL',
-              // },
-              {
-                value: "rgb",
-                label: "RGB"
-              }
-            ],
-            value: I,
-            triggerProps: {
-              className: `${f}-type-dropdown`,
-              getPopupContainer() {
-                return window.document.body;
-              }
-            },
-            onChange: $
-          }
-        ),
-        /* @__PURE__ */ n("div", { className: `${f}-group-wrapper`, children: E() })
-      ] })
-    ] }),
-    j(),
-    typeof o == "function" ? o() : null
-  ] });
-};
-new w("#eee");
-const ue = [
-  Object.entries(_).map(([e, s], a, g) => oe({ color: s, level: 4 })),
-  Object.entries(_).map(([e, s], a, g) => s),
-  !1,
-  !1,
-  !1,
-  !1
-  // '#00B42A',
-  // '#3C7EFF',
-  // '#FF7D00',
-  // '#F76965',
-  // '#F7BA1E',
-  // '#F5319D',
-  // '#D91AD9',
-  // '#9FDB1D',
-  // '#FADC19',
-  // '#722ED1',
-  // '#3491FA',
-  // '#7BE188',
-  // '#93BEFF',
-  // '#FFCF8B',
-  // '#FBB0A7',
-  // '#FCE996',
-  // '#FB9DC7',
-  // '#F08EE6',
-  // '#DCF190',
-  // '#FDFA94',
-  // '#C396ED',
-  // '#9FD4FD',
-].flat(1 / 0).filter(Boolean), me = (e) => {
-  const { format: s, onChange: a, disabledAlpha: g } = e ?? {}, u = se(), [m, i] = X("", e), r = H(() => new w(m).toHsv_(), [m]), [d, v] = X(!1, {
-    defaultValue: e.defaultPopupVisible,
-    value: e.popupVisible
-  }), [l, o] = z({
-    h: r.h,
-    s: r.s,
-    v: r.v
-  }), [t, p] = z(r.a), b = H(() => {
-    let c = new w({
-      h: l.h * 360,
-      s: l.s * 100,
-      v: l.v * 100,
-      a: t
-    });
-    const k = c.toRgb(), { r: P, g: N, b: y } = k;
-    return {
-      hsv: l,
-      rgb: k,
-      rgbString: c.toRgbString(),
-      hex: c.toHex(),
-      hexString: c.toHexString(),
-      hex8String: c.toHex8String(),
-      string: `rgba(${P}, ${N}, ${y}, ${t.toFixed(2)})`,
-      tiny: c,
-      alpha: t
-    };
-  }, [l, t, s]), C = H(() => s === "rgb" ? b.rgbString : t < 1 ? b.hex8String : b.hexString, [b]);
-  F(() => {
-    i(C), !u && (a == null || a(C));
-  }, [C]);
-  const f = Z(
-    (c) => {
-      var k;
-      if (c && m !== C) {
-        const { h: P, s: N, v: y, a: E } = r;
-        o({ h: P, s: N, v: y }), p(E);
-      }
-      c !== d && ((k = e.onVisibleChange) == null || k.call(e, c), "popupVisible" in e || v(c));
-    },
-    [e.onVisibleChange, d, m]
-  );
-  return {
-    value: m,
-    popupVisible: d,
-    color: b,
-    alpha: t,
-    onHsvChange: (c) => {
-      o(c), g && t !== 100 && p(100);
-    },
-    onAlphaChange: (c) => {
-      p(c);
-    },
-    onVisibleChange: f
-  };
-}, de = {
-  size: "default",
-  presetColors: ue
-};
-function pe(e, s) {
-  const { getPrefixCls: a, componentConfig: g } = S(R), u = ne(
-    e,
-    de,
-    g == null ? void 0 : g.ColorPicker
-  ), {
-    style: m,
-    className: i,
-    size: r,
-    disabled: d,
-    disabledAlpha: v = !1,
-    triggerProps: l = {},
-    unmountOnExit: o,
-    showText: t,
-    historyColors: p,
-    presetColors: b,
-    showHistory: C,
-    showPreset: f,
-    renderFooter: I
-  } = u, $ = a("color-picker"), {
-    value: c,
-    popupVisible: k,
-    color: P,
-    alpha: N,
-    colorString: y,
-    onHsvChange: E,
-    onAlphaChange: L,
-    onVisibleChange: B
-  } = me(u);
-  return /* @__PURE__ */ n(
-    te,
-    {
-      popup: () => /* @__PURE__ */ n(
-        ae,
-        {
-          color: P,
-          alpha: N,
-          colorString: y,
-          historyColors: p,
-          presetColors: b,
-          showHistory: C,
-          showPreset: f,
-          onHsvChange: E,
-          onAlphaChange: L,
-          disabledAlpha: v,
-          renderFooter: I
-        }
-      ),
-      trigger: "click",
-      position: "bl",
-      popupAlign: {
-        top: 8,
-        bottom: 8,
-        left: 8,
-        right: 8
-      },
-      disabled: d,
-      popupVisible: k,
-      classNames: "slideDynamicOrigin",
-      unmountOnExit: o,
-      ...l,
-      onVisibleChange: B,
-      children: (() => {
-        const h = J(e.triggerElement) ? e.triggerElement({ value: c }) : e.triggerElement;
-        return K(h) ? /* @__PURE__ */ x(
-          "div",
-          {
-            className: D($, i, {
-              [`${$}-size-${r}`]: r,
-              [`${$}-disabled`]: d
-            }),
-            style: m,
-            ref: s,
-            children: [
-              /* @__PURE__ */ n(
-                "div",
-                {
-                  className: `${$}-preview`,
-                  style: { backgroundColor: c }
-                }
-              ),
-              !!t && /* @__PURE__ */ x("div", { className: `${$}-value`, children: [
-                c,
-                !d && /* @__PURE__ */ n(ee, { text: c, className: `${$}-copy` })
-              ] }),
-              /* @__PURE__ */ n(
-                "input",
-                {
-                  className: `${$}-input`,
-                  value: c,
-                  disabled: d,
-                  readOnly: !0
-                }
-              ),
-              u.extra
-            ]
-          }
-        ) : h;
-      })()
-    }
-  );
-}
-const fe = Q.forwardRef(
-  pe
-);
-fe.displayName = "ColorPicker";
+import "react/jsx-runtime";
+import "lodash/isFunction";
+import "lodash/isNil";
+import "react";
+import "./chunk/DUxWiN2U.js";
+import "./Copy.js";
+import "./hooks/useMergeProps.js";
+import "./Trigger.js";
+import "./chunk/Do1aMgY3.js";
+import { a as s } from "./chunk/BlKc_pDZ.js";
 export {
-  fe as default
+  s as default
 };

package/Comment.js

@@ -2,23 +2,23 @@ import { jsxs as n, jsx as a } from "react/jsx-runtime";
 import g from "lodash/isPlainObject";
 import N from "lodash/isString";
 import { forwardRef as v, useContext as u } from "react";
-import { a as C } from "./chunk/xPzFRQJn.js";
+import { b as C } from "./chunk/DUxWiN2U.js";
 import x from "./hooks/useMergeProps.js";
-import d from "@unicom-cloud/utils/class-name";
-import { pickDataAttributes as P } from "./utils/pick.js";
-const j = {
+import { y as d } from "./chunk/Do1aMgY3.js";
+import { pickDataAttributes as y } from "./utils/pick.js";
+const P = {
   datetime: "left",
   actions: "left"
-}, y = {
+}, b = {
   align: "left"
 };
-function b(f, p) {
+function j(f, p) {
   const { getPrefixCls: $, componentConfig: s, rtl: h } = u(C), e = x(
     f,
-    y,
+    b,
     s == null ? void 0 : s.Comment
-  ), t = $("comment"), { actions: m, author: r, avatar: i, content: o, datetime: l } = e, c = {
-    ...j,
+  ), t = $("comment"), { actions: o, author: r, avatar: i, content: m, datetime: l } = e, c = {
+    ...P,
     ...g(e.align) ? e.align : {
       datetime: e.align,
       actions: e.align
@@ -34,7 +34,7 @@ function b(f, p) {
         e.className
       ),
       style: e.style,
-      ...P(e),
+      ...y(e),
       children: [
         i && /* @__PURE__ */ a("div", { className: d(`${t}-avatar`), children: N(i) ? /* @__PURE__ */ a("img", { src: i, alt: "comment-avatar" }) : i }),
         /* @__PURE__ */ n("div", { className: `${t}-inner`, children: [
@@ -49,12 +49,12 @@ function b(f, p) {
                 ]
               }
             ),
-            o && /* @__PURE__ */ a("div", { className: `${t}-content`, children: o }),
-            m && /* @__PURE__ */ a(
+            m && /* @__PURE__ */ a("div", { className: `${t}-content`, children: m }),
+            o && /* @__PURE__ */ a(
               "div",
               {
                 className: `${t}-actions ${t}-actions-align-${c.actions}`,
-                children: m
+                children: o
               }
             )
           ] }),
@@ -65,7 +65,7 @@ function b(f, p) {
   );
 }
 const A = v(
-  b
+  j
 );
 A.displayName = "Comment";
 export {

package/ConfigProvider.js

@@ -1,5 +1,5 @@
-import { b as r } from "./chunk/xPzFRQJn.js";
-import { C as e, a as f, c as t } from "./chunk/xPzFRQJn.js";
+import { C as r } from "./chunk/DUxWiN2U.js";
+import { a as e, b as f, c as t } from "./chunk/DUxWiN2U.js";
 export {
   e as ConfigConsumer,
   f as ConfigContext,