@unicom-cloud/ui 0.8.101 → 0.8.102

package/color-picker/utils.js

@@ -1,12 +1,11 @@
-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(
+import s from "@unicom-cloud/utils/tinycolor";
+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)})`, k = (t) => Array.isArray(t) ? w(t) : t, q = (t, r, n, e) => e < 1 ? `rgba(${t}, ${r}, ${n}, ${e.toFixed(2)})` : `rgb(${t}, ${r}, ${n})`, A = (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) => {
+), 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,
@@ -17,7 +16,7 @@ const G = (t) => t.sort((r, n) => r.percent - n.percent), H = (t, r, n) => Objec
     rgb: n,
     hex: e
   };
-}, c = () => Math.random().toFixed(10).slice(2), F = (t, r) => t.map((n) => {
+}, c = () => Math.random().toFixed(10).slice(2), A = (t, r) => t.map((n) => {
   const e = new s(n.color).toHsv_();
   return {
     id: c(),
@@ -25,7 +24,7 @@ const G = (t) => t.sort((r, n) => r.percent - n.percent), H = (t, r, n) => Objec
     alpha: r ? 100 : e.a,
     percent: n.percent
   };
-}), S = (t, r, n) => {
+}), F = (t, r, n) => {
   const e = t.findIndex((a) => a.percent === r);
   if (e !== -1)
     return {
@@ -65,7 +64,7 @@ const G = (t) => t.sort((r, n) => r.percent - n.percent), H = (t, r, n) => Objec
     alpha: v,
     percent: r
   };
-}, j = (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, P = (t, r) => typeof t == "string" && typeof r == "string" ? t === r : Array.isArray(t) && Array.isArray(r) ? t.length === r.length && t.every((n, e) => {
+}, 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(),
@@ -73,18 +72,18 @@ const G = (t) => t.sort((r, n) => r.percent - n.percent), H = (t, r, n) => Objec
   ) && n.percent === o.percent;
 }) : !1;
 export {
-  j as equalsHsv,
+  S as equalsHsv,
   C as equalsRgba,
-  A as formatHex,
-  q as formatRgba,
-  S as getColorByGradients,
+  q as formatHex,
+  k as formatRgba,
+  F as getColorByGradients,
   p as getColorFromHsv,
   b as getGradientString,
   c as getRandomId,
-  P as isEqualsColors,
-  F as mapValueToGradientColor,
+  j as isEqualsColors,
+  A as mapValueToGradientColor,
   H as mix,
-  k as renderBackground,
+  G as renderBackground,
   w as renderGradientBackground,
-  G as sortGradientColors
+  R as sortGradientColors
 };

package/components/common/utils/PqbCSSTransition.js

@@ -9,7 +9,7 @@ import { supportRef as E } from "./is.js";
 import { findDOMNode_ as R, callbackOriginRef as x } from "./reactDOM.js";
 function j(n) {
   const { children: e, ...i } = n, o = f(), t = f(), m = l(() => n.nodeRef === void 0 && E(e) && a(e) ? (t.current = !0, s(e, {
-    ref: (r) => {
+    ref(r) {
       o.current = R(r), x(e, r);
     }
   })) : (t.current = !1, e), [e, n.nodeRef]);

package/components/common/utils/constant.js

@@ -1,6 +1,9 @@
-const n = window.document.documentElement, o = () => {
+import { UI_PC_KEY as e, UI_PC_THEME_DARK_CLASS_NAME as n } from "@unicom-cloud/utils/constant/ui";
+const E = window.document.documentElement, _ = () => {
 };
 export {
-  n as CSS_VARIABLE_ELEMENT,
-  o as NOOP
+  E as CSS_VARIABLE_ELEMENT,
+  _ as NOOP,
+  e as UI_PC_KEY,
+  n as UI_PC_THEME_DARK_CLASS_NAME
 };

package/components/common/utils/reactDOM.js

@@ -18,10 +18,12 @@ function p(t) {
   const i = !!e?.has(o);
   return e?.add(o), i;
 }
-const N = (t, o) => {
+const m = (t, o) => {
   if (t) {
     if (t instanceof Element)
       return t;
+    if (t?.dom instanceof Element)
+      return t.dom;
     if (t.current instanceof Element)
       return t.current;
     if (f(t.getRootDOMNode))
@@ -34,13 +36,13 @@ const N = (t, o) => {
     "Element does not define the `getRootDOMNode` method causing a call to React.findDOMNode. but findDOMNode is deprecated in StrictMode. Please check the code logic",
     { element: t, instance: o }
   ), r) ? r(o) : null;
-}, m = (t, o) => {
+}, N = (t, o) => {
   t && t.ref && (f(t.ref) && t?.ref(o), "current" in t.ref && (t.ref.current = o));
 }, k = (t) => {
   n = t;
 };
 export {
-  m as callbackOriginRef,
-  N as findDOMNode_,
+  N as callbackOriginRef,
+  m as findDOMNode_,
   k as setCreateRoot
 };

package/components/common/utils/{scrollIntoView.js → scrollIntoViewIfNeeded.js}

@@ -21,5 +21,5 @@ function u(e, t) {
 export {
   u as default,
   u as scrollIntoView,
-  u as scrollIntoViewIfNeeded
+  a as scrollIntoViewIfNeeded
 };

package/components/common/utils/setPrimaryColor.js

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

package/components/common/utils/setTheme.js

@@ -1,10 +1,9 @@
 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/BOzCVdr0.js";
-import { TinyColor as n } from "../../../dist/tinycolor/src/index.js";
-function b(s) {
-  if (!p(s)) return;
+import n from "@unicom-cloud/utils/tinycolor";
+import $ from "lodash/isPlainObject";
+import { CSS_VARIABLE_ELEMENT as p } from "./constant.js";
+function P(s) {
+  if (!$(s)) return;
   const { prefix: e = f, ...i } = s, c = {
     primary: {
       default: `--${e}-primary-6`,
@@ -41,7 +40,7 @@ function b(s) {
     c[`${o}Color`] = r;
     const l = i[o];
     if (!l) return;
-    const a = new n(l), t = $;
+    const a = new n(l), t = p;
     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());
@@ -50,6 +49,6 @@ function b(s) {
   });
 }
 export {
-  b as default,
-  b as setTheme
+  P as default,
+  P as setTheme
 };

package/copy/index.js

@@ -5,12 +5,11 @@ import { useContext as h, useState as b, useRef as P, useEffect as w } from "rea
 import "../config-provider/ConfigProvider.js";
 import E from "../components/common/hooks/useKeyboardEvent.js";
 import N from "../tooltip/index.js";
+import "@unicom-cloud/utils/date";
 import "@unicom-cloud/utils/case-name";
 import k from "@unicom-cloud/utils/class-name";
-import "../dist/tinycolor/chunk/BOzCVdr0.js";
 import "@unicom-cloud/utils/constant/ui";
 import "../utils/contextHolder.js";
-import "@unicom-cloud/utils/dayjs";
 import I from "@unicom-cloud/utils/clipboard-copy";
 import "../components/common/utils/dayjs.js";
 import "../components/common/utils/dom.js";
@@ -47,6 +46,8 @@ import "../dist/react-transition-group/src/TransitionGroup.js";
 import "../components/common/utils/reactDOM.js";
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
+import "@unicom-cloud/utils/tinycolor";
+import "@unicom-cloud/utils/ui-color";
 import "@unicom-cloud/utils/constant/ui.js";
 import "lodash/isPlainObject";
 import "react-is";

package/dist/scroll-into-view-if-needed/compute/index.js

@@ -0,0 +1,126 @@
+const Z = (t) => typeof t == "object" && t != null && t.nodeType === 1, _ = (t, e) => e && t === "hidden" ? !1 : t !== "visible" && t !== "clip", $ = (t) => {
+  if (!t.ownerDocument || !t.ownerDocument.defaultView)
+    return null;
+  try {
+    return t.ownerDocument.defaultView.frameElement;
+  } catch {
+    return null;
+  }
+}, tt = (t) => {
+  const e = $(t);
+  return e ? e.clientHeight < t.scrollHeight || e.clientWidth < t.scrollWidth : !1;
+}, L = (t, e) => {
+  if (t.clientHeight < t.scrollHeight || t.clientWidth < t.scrollWidth) {
+    const h = getComputedStyle(t, null);
+    return _(h.overflowY, e) || _(h.overflowX, e) || tt(t);
+  }
+  return !1;
+}, S = (t, e, h, i, d, f, a, u) => f < t && a > e || f > t && a < e ? 0 : f <= t && u <= h || a >= e && u >= h ? f - t - i : a > e && u < h || f < t && u > h ? a - e + d : 0, et = (t) => t.parentElement ?? (t.getRootNode().host || null), ot = (t) => {
+  const e = window.getComputedStyle(t);
+  return {
+    top: parseFloat(e.scrollMarginTop) || 0,
+    right: parseFloat(e.scrollMarginRight) || 0,
+    bottom: parseFloat(e.scrollMarginBottom) || 0,
+    left: parseFloat(e.scrollMarginLeft) || 0
+  };
+}, nt = (t, e) => {
+  if (typeof document > "u")
+    return [];
+  const { scrollMode: h, block: i, inline: d, boundary: f, skipOverflowHiddenElements: a } = e, u = typeof f == "function" ? f : (H) => H !== f;
+  if (!Z(t))
+    throw new TypeError("Invalid target");
+  const X = document.scrollingElement || document.documentElement, y = [];
+  let l = t;
+  for (; Z(l) && u(l); ) {
+    if (l = et(l), l === X) {
+      y.push(l);
+      break;
+    }
+    l != null && l === document.body && L(l) && !L(document.documentElement) || l != null && L(l, a) && y.push(l);
+  }
+  const g = window.visualViewport?.width ?? innerWidth, p = window.visualViewport?.height ?? innerHeight, { scrollX: m, scrollY: w } = window, {
+    height: W,
+    width: b,
+    top: M,
+    right: Y,
+    bottom: j,
+    left: v
+  } = t.getBoundingClientRect(), {
+    top: G,
+    right: J,
+    bottom: K,
+    left: P
+  } = ot(t);
+  let s = i === "start" || i === "nearest" ? M - G : i === "end" ? j + K : M + W / 2 - G + K, c = d === "center" ? v + b / 2 - P + J : d === "end" ? Y + J : v - P;
+  const N = [];
+  for (let H = 0; H < y.length; H++) {
+    const o = y[H], { height: E, width: x, top: C, right: O, bottom: q, left: I } = o.getBoundingClientRect();
+    if (h === "if-needed" && M >= 0 && v >= 0 && j <= p && Y <= g && // scrollingElement is added to the frames array even if it's not scrollable, in which case checking its bounds is not required
+    (o === X && !L(o) || M >= C && j <= q && v >= I && Y <= O))
+      return N;
+    const R = getComputedStyle(o), T = parseInt(R.borderLeftWidth, 10), B = parseInt(R.borderTopWidth, 10), F = parseInt(R.borderRightWidth, 10), V = parseInt(R.borderBottomWidth, 10);
+    let n = 0, r = 0;
+    const k = "offsetWidth" in o ? o.offsetWidth - o.clientWidth - T - F : 0, D = "offsetHeight" in o ? o.offsetHeight - o.clientHeight - B - V : 0, z = "offsetWidth" in o ? o.offsetWidth === 0 ? 0 : x / o.offsetWidth : 0, A = "offsetHeight" in o ? o.offsetHeight === 0 ? 0 : E / o.offsetHeight : 0;
+    if (X === o)
+      i === "start" ? n = s : i === "end" ? n = s - p : i === "nearest" ? n = S(
+        w,
+        w + p,
+        p,
+        B,
+        V,
+        w + s,
+        w + s + W,
+        W
+      ) : n = s - p / 2, d === "start" ? r = c : d === "center" ? r = c - g / 2 : d === "end" ? r = c - g : r = S(
+        m,
+        m + g,
+        g,
+        T,
+        F,
+        m + c,
+        m + c + b,
+        b
+      ), n = Math.max(0, n + w), r = Math.max(0, r + m);
+    else {
+      i === "start" ? n = s - C - B : i === "end" ? n = s - q + V + D : i === "nearest" ? n = S(
+        C,
+        q,
+        E,
+        B,
+        V + D,
+        s,
+        s + W,
+        W
+      ) : n = s - (C + E / 2) + D / 2, d === "start" ? r = c - I - T : d === "center" ? r = c - (I + x / 2) + k / 2 : d === "end" ? r = c - O + F + k : r = S(
+        I,
+        O,
+        x,
+        T,
+        F + k,
+        c,
+        c + b,
+        b
+      );
+      const { scrollLeft: Q, scrollTop: U } = o;
+      n = A === 0 ? 0 : Math.max(
+        0,
+        Math.min(
+          U + n / A,
+          o.scrollHeight - E / A + D
+        )
+      ), r = z === 0 ? 0 : Math.max(
+        0,
+        Math.min(
+          Q + r / z,
+          o.scrollWidth - x / z + k
+        )
+      ), s += U - n, c += Q - r;
+    }
+    N.push({ el: o, top: n, left: r });
+  }
+  return N;
+};
+export {
+  nt as compute,
+  nt as default
+};

package/dist/scroll-into-view-if-needed/smooth/index.js

@@ -0,0 +1,70 @@
+import u from "../src/index.js";
+let d;
+const b = () => (d || (d = "performance" in window ? performance.now.bind(performance) : Date.now), d());
+function h(o) {
+  const s = b(), e = Math.min((s - o.startTime) / o.duration, 1), l = o.ease(e), a = o.startX + (o.x - o.startX) * l, n = o.startY + (o.y - o.startY) * l;
+  o.method(a, n, e, l), a !== o.x || n !== o.y ? requestAnimationFrame(() => h(o)) : o.cb();
+}
+function k(o, s, e, l = 600, a = (t) => 1 + --t * t * t * t * t, n, c) {
+  const t = o, i = o.scrollLeft, r = o.scrollTop;
+  h({
+    scrollable: t,
+    method: (m, w, v, y) => {
+      const f = Math.ceil(m), p = Math.ceil(w);
+      o.scrollLeft = f, o.scrollTop = p, c?.({
+        target: o,
+        elapsed: v,
+        value: y,
+        left: f,
+        top: p
+      });
+    },
+    startTime: b(),
+    startX: i,
+    startY: r,
+    x: s,
+    y: e,
+    duration: l,
+    ease: a,
+    cb: n
+  });
+}
+const M = (o) => o && !o.behavior || o.behavior === "smooth";
+function T(o, s) {
+  const e = s || {};
+  return M(e) ? u(o, {
+    block: e.block,
+    inline: e.inline,
+    scrollMode: e.scrollMode,
+    boundary: e.boundary,
+    skipOverflowHiddenElements: e.skipOverflowHiddenElements,
+    behavior: (l) => Promise.all(
+      l.reduce(
+        (a, { el: n, left: c, top: t }) => {
+          const i = n.scrollLeft, r = n.scrollTop;
+          return i === c && r === t ? a : [
+            ...a,
+            new Promise((m) => k(
+              n,
+              c,
+              t,
+              e.duration,
+              e.ease,
+              () => m({
+                el: n,
+                left: [i, c],
+                top: [r, t]
+              }),
+              e.onScrollChange
+            ))
+          ];
+        },
+        []
+      )
+    )
+  }) : Promise.resolve(u(o, s));
+}
+const Y = T;
+export {
+  Y as default
+};

package/dist/scroll-into-view-if-needed/src/index.js

@@ -1,29 +1,29 @@
-import { compute as r } from "../../compute-scroll-into-view/src/index.js";
-const f = (t) => t === Object(t) && Object.keys(t).length !== 0, p = (t) => typeof t == "object" ? typeof t.behavior == "function" : !1, d = (t) => t === !1 ? { block: "end", inline: "nearest" } : f(t) ? t : { block: "start", inline: "nearest" }, u = (t) => {
-  const o = window.getComputedStyle(t);
+import { compute as r } from "../compute/index.js";
+const f = (o) => o === Object(o) && Object.keys(o).length !== 0, p = (o) => typeof o == "object" ? typeof o.behavior == "function" : !1, d = (o) => o === !1 ? { block: "end", inline: "nearest" } : f(o) ? o : { block: "start", inline: "nearest" }, b = (o) => {
+  const t = window.getComputedStyle(o);
   return {
-    top: parseFloat(o.scrollMarginTop) || 0,
-    right: parseFloat(o.scrollMarginRight) || 0,
-    bottom: parseFloat(o.scrollMarginBottom) || 0,
-    left: parseFloat(o.scrollMarginLeft) || 0
+    top: parseFloat(t.scrollMarginTop) || 0,
+    right: parseFloat(t.scrollMarginRight) || 0,
+    bottom: parseFloat(t.scrollMarginBottom) || 0,
+    left: parseFloat(t.scrollMarginLeft) || 0
   };
-}, b = (t) => {
-  let o = t;
-  for (; o && o.parentNode; ) {
-    if (o.parentNode === document)
+}, u = (o) => {
+  let t = o;
+  for (; t && t.parentNode; ) {
+    if (t.parentNode === document)
       return !0;
-    o.parentNode instanceof ShadowRoot ? o = o.parentNode.host : o = o.parentNode;
+    t.parentNode instanceof ShadowRoot ? t = t.parentNode.host : t = t.parentNode;
   }
   return !1;
 };
-function g(t, o) {
-  if (!t.isConnected || !b(t))
+function g(o, t) {
+  if (!o.isConnected || !u(o))
     return;
-  const e = u(t);
-  if (p(o))
-    return o.behavior(r(t, o));
-  const n = typeof o == "boolean" || o == null ? void 0 : o.behavior;
-  for (const { el: a, top: l, left: s } of r(t, d(o))) {
+  const e = b(o);
+  if (p(t))
+    return t.behavior(r(o, t));
+  const n = typeof t == "boolean" ? void 0 : t?.behavior;
+  for (const { el: a, top: l, left: s } of r(o, d(t))) {
     const i = l - e.top + e.bottom, c = s - e.left + e.right;
     a.scroll({ top: i, left: c, behavior: n });
   }