@unicom-cloud/ui 0.8.67 → 0.8.68

package/color-picker/index.js

@@ -0,0 +1,270 @@
+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/ll867Bf3.js";
+import le from "../copy/index.js";
+import { u as ce } from "../chunk/BFTV6myl.js";
+import de from "../trigger/index.js";
+import { m as ue } from "../chunk/JPPo5nY_.js";
+import { colors as me } from "./colors.js";
+import { n as U } from "../chunk/B4JiMp8I.js";
+import { u as fe } from "../chunk/oopARUrq.js";
+import { u as W } from "../chunk/CdaT1b_F.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 = fe(), [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]), m = Array.isArray(i) ? new U(i[c].color).toHsv_() : new U(i).toHsv_(), [f, H] = k({
+    h: m.h,
+    s: m.s,
+    v: m.v
+  }), [a, I] = k(m.a), g = q(() => X(f), [f]), 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 } = m;
+        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, f)) return;
+    const e = [...t];
+    e[c] = {
+      ...e[c],
+      color: X(f)
+    }, n(e);
+  }, [f]), 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: me
+};
+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: m,
+    activeColorIdRef: f,
+    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: m,
+          activeColorIdRef: f,
+          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";
+export {
+  ke as default
+};

package/color-picker/interface.js

@@ -0,0 +1,4 @@
+var e = /* @__PURE__ */ ((n) => (n.Single = "single", n.Gradient = "gradient", n))(e || {});
+export {
+  e as ColorPickerMode
+};

package/color-picker/utils.js

@@ -0,0 +1,89 @@
+import { n as s } from "../chunk/B4JiMp8I.js";
+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)})`, 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,
+    v: t.v * 100
+  }), n = r.toRgb(), e = r.toHex();
+  return {
+    hsv: t,
+    rgb: n,
+    hex: e
+  };
+}, c = () => Math.random().toFixed(10).slice(2), A = (t, r) => t.map((n) => {
+  const e = new s(n.color).toHsv_();
+  return {
+    id: c(),
+    color: p(e),
+    alpha: r ? 100 : e.a,
+    percent: n.percent
+  };
+}), F = (t, r, n) => {
+  const e = t.findIndex((a) => a.percent === r);
+  if (e !== -1)
+    return {
+      ...t[e],
+      id: n ?? c()
+    };
+  const o = t.findIndex(
+    (a) => a.percent > r
+  ), l = o - 1, {
+    color: d,
+    alpha: g,
+    percent: i
+  } = t[l], {
+    color: u,
+    alpha: x,
+    percent: f
+  } = t[o], h = H(
+    {
+      ...d.rgb,
+      a: g
+    },
+    {
+      ...u.rgb,
+      a: x
+    },
+    (r - i) / (f - i)
+  ), { r: m, g: $, b: v, a: y } = h;
+  return {
+    id: n ?? c(),
+    color: p(
+      new s({
+        r: m,
+        g: $,
+        b: v
+      }).toHsv_()
+    ),
+    alpha: y,
+    percent: r
+  };
+}, 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(),
+    new s(o.color).toRgba()
+  ) && n.percent === o.percent;
+}) : !1;
+export {
+  S as equalsHsv,
+  C as equalsRgba,
+  q as formatHex,
+  k as formatRgba,
+  F as getColorByGradients,
+  p as getColorFromHsv,
+  b as getGradientString,
+  c as getRandomId,
+  j as isEqualsColors,
+  A as mapValueToGradientColor,
+  H as mix,
+  G as renderBackground,
+  w as renderGradientBackground,
+  R as sortGradientColors
+};

package/comment/index.js

@@ -0,0 +1,73 @@
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import g from "lodash/isPlainObject";
+import N from "lodash/isString";
+import { forwardRef as u, useContext as v } from "react";
+import { a as C } from "../chunk/ll867Bf3.js";
+import { u as x } from "../chunk/BFTV6myl.js";
+import { m as d } from "../chunk/JPPo5nY_.js";
+import { a as P } from "../chunk/ClqoGc3r.js";
+const j = {
+  datetime: "left",
+  actions: "left"
+}, y = {
+  align: "left"
+};
+function b(f, p) {
+  const { getPrefixCls: $, componentConfig: s, rtl: h } = v(C), e = x(
+    f,
+    y,
+    s == null ? void 0 : s.Comment
+  ), t = $("comment"), { actions: m, author: r, avatar: i, content: o, datetime: l } = e, c = {
+    ...j,
+    ...g(e.align) ? e.align : {
+      datetime: e.align,
+      actions: e.align
+    }
+  };
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ref: p,
+      className: d(
+        `${t}`,
+        { [`${t}-rtl`]: h },
+        e.className
+      ),
+      style: e.style,
+      ...P(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: [
+          /* @__PURE__ */ n("div", { className: `${t}-inner-content`, children: [
+            (r || l) && /* @__PURE__ */ n(
+              "div",
+              {
+                className: `${t}-title ${t}-title-align-${c.datetime}`,
+                children: [
+                  r && /* @__PURE__ */ a("span", { className: `${t}-author`, children: r }),
+                  l && /* @__PURE__ */ a("span", { className: `${t}-datetime`, children: l })
+                ]
+              }
+            ),
+            o && /* @__PURE__ */ a("div", { className: `${t}-content`, children: o }),
+            m && /* @__PURE__ */ a(
+              "div",
+              {
+                className: `${t}-actions ${t}-actions-align-${c.actions}`,
+                children: m
+              }
+            )
+          ] }),
+          e.children && /* @__PURE__ */ a("div", { className: `${t}-inner-comment`, children: e.children })
+        ] })
+      ]
+    }
+  );
+}
+const A = u(
+  b
+);
+A.displayName = "Comment";
+export {
+  A as default
+};

package/comment/interface.js

@@ -0,0 +1 @@
+

package/config-provider/ConfigProvider.js

@@ -0,0 +1,15 @@
+import "react/jsx-runtime";
+import "@unicom-cloud/icons/context";
+import "../chunk/B4JiMp8I.js";
+import "lodash/isPlainObject";
+import "react";
+import "../chunk/BFTV6myl.js";
+import { C as f, a as n, e as g, b as l } from "../chunk/ll867Bf3.js";
+import "../modal/config.js";
+import "../chunk/BKKEev13.js";
+export {
+  f as ConfigConsumer,
+  n as ConfigContext,
+  g as colors,
+  l as default
+};

package/config-provider/context.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "react";
+import { D as p, a as e } from "../chunk/ll867Bf3.js";
+import "../locale/zh-CN.js";
+export {
+  p as DefaultConfigProviderProps,
+  e as default
+};

package/config-provider/index.js

@@ -0,0 +1,8 @@
+import { b as r } from "../chunk/ll867Bf3.js";
+import { C as s, a as f, e as t } from "../chunk/ll867Bf3.js";
+export {
+  s as ConfigConsumer,
+  f as ConfigContext,
+  t as colors,
+  r as default
+};

package/config-provider/interface.js

@@ -0,0 +1 @@
+

package/copy/index.js

@@ -0,0 +1,63 @@
+import { jsx as r, jsxs as T } from "react/jsx-runtime";
+import h from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import b from "@unicom-cloud/icons/IconUiCopy";
+import { useContext as P, useState as w, useRef as E, useEffect as k } from "react";
+import { a as v } from "../chunk/ll867Bf3.js";
+import { u as I } from "../chunk/XTEsYGuF.js";
+import N from "../tooltip/index.js";
+import { m as j } from "../chunk/JPPo5nY_.js";
+import { s as S } from "../chunk/Ey4YJCkX.js";
+import { m as U } from "../chunk/B5RFT17G.js";
+function $(t) {
+  var l, u;
+  const { children: c } = t, p = I(), x = P(v), { getPrefixCls: g, locale: o } = x, m = g("copy"), [e, s] = w(!1), n = E(-1), i = t.tooltips || [
+    (l = o == null ? void 0 : o.Typography) == null ? void 0 : l.copy,
+    (u = o == null ? void 0 : o.Typography) == null ? void 0 : u.copied
+  ];
+  let a = null;
+  t.icon !== null && t.icon !== !1 && (a = e ? /* @__PURE__ */ r(h, {}) : t.icon || /* @__PURE__ */ r(b, {}));
+  function f(C) {
+    var y;
+    if (C.stopPropagation(), e)
+      return;
+    const d = t.text !== void 0 ? t.text : U(c);
+    S(d), s(!0), (y = t.onCopy) == null || y.call(t, d, C), n.current = window.setTimeout(() => {
+      s(!1);
+    }, 3e3);
+  }
+  return k(() => () => {
+    clearTimeout(n.current), n.current = -1;
+  }, []), /* @__PURE__ */ r(
+    N,
+    {
+      content: e ? i[1] : i[0],
+      getPopupContainer: () => window.document.body,
+      ...t.tooltipProps,
+      children: /* @__PURE__ */ T(
+        "span",
+        {
+          className: j(
+            `${m}-copy`,
+            !!e && `${m}-copied`,
+            t.className
+          ),
+          role: "button",
+          "aria-label": i[0],
+          tabIndex: 0,
+          onClick: f,
+          ...p({
+            onPressEnter: f
+          }),
+          children: [
+            c,
+            a
+          ]
+        }
+      )
+    }
+  );
+}
+$.displayName = "Copy";
+export {
+  $ as default
+};

package/copy/interface.js

@@ -0,0 +1 @@
+