@unicom-cloud/ui 0.8.100 → 0.8.102

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/components/common/utils/toArray.js

@@ -0,0 +1,12 @@
+import o from "react";
+import { isFragment as a } from "react-is";
+function t(s, p = {}) {
+  const e = [];
+  return o.Children.forEach(s, (r) => {
+    r == null && !p.keepEmpty || (Array.isArray(r) ? e.push(...t(r, p)) : a(r) && "props" in r && r.props ? e.push(...t(r.props.children, p)) : e.push(r));
+  }), e;
+}
+export {
+  t as default,
+  t as toArray
+};

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/details/index.js

@@ -1,81 +1,121 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import v from "@unicom-cloud/icons/IconUiCheckCircleFill";
-import F from "@unicom-cloud/icons/IconUiCloseCircleFill";
-import P from "@unicom-cloud/icons/IconUiDown";
-import b from "@unicom-cloud/icons/IconUiExclamationCircleFill";
-import c from "@unicom-cloud/icons/IconUiInfoCircleFill";
-import { forwardRef as j, useContext as S, useState as k } from "react";
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import b from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import j from "@unicom-cloud/icons/IconUiCloseCircleFill";
+import T from "@unicom-cloud/icons/IconUiDown";
+import M from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import f from "@unicom-cloud/icons/IconUiInfoCircleFill";
+import { forwardRef as R, useContext as _, useState as q, useEffect as z } from "react";
 import "../config-provider/ConfigProvider.js";
-import E from "../components/common/hooks/useMergeProps.js";
-import m from "@unicom-cloud/utils/class-name";
-import M from "../config-provider/context.js";
-const R = {
+import "lodash/isEqualWith";
+import "../components/common/utils/is.js";
+import "@unicom-cloud/utils/constant/keyboardCode";
+import "lodash/isNumber";
+import "lodash/merge";
+import "../components/common/utils/dom.js";
+import "../components/common/hooks/useIntersectionObserver.js";
+import A from "../components/common/hooks/useMergeProps.js";
+import "../components/common/utils/reactDOM.js";
+import "@unicom-cloud/utils/constant";
+import B from "../components/common/hooks/useUpdateEffect.js";
+import "lodash/debounce";
+import d from "@unicom-cloud/utils/class-name";
+import G from "../config-provider/context.js";
+const H = {
   type: "default"
 };
-function T(p, f) {
-  const { getPrefixCls: d, componentConfig: u, rtl: C } = S(M), N = E(
-    p,
-    R,
-    u?.Details
+function J(u, C) {
+  const { getPrefixCls: N, componentConfig: $, rtl: g } = _(G), v = A(
+    u,
+    H,
+    $?.Details
   ), {
-    style: $,
-    className: g,
-    type: t,
-    title: s,
-    content: r,
-    icon: x,
-    banner: h,
-    ...y
-  } = N, e = d?.("details"), [I, w] = k({}), n = x || {
-    default: /* @__PURE__ */ o(c, {}),
-    info: /* @__PURE__ */ o(c, {}),
-    success: /* @__PURE__ */ o(v, {}),
-    warning: /* @__PURE__ */ o(b, {}),
-    error: /* @__PURE__ */ o(F, {})
-  }[t], D = m(
+    style: h,
+    className: x,
+    type: s = "default",
+    title: l,
+    content: c,
+    icon: y,
+    banner: D,
+    open: t,
+    defaultOpen: I,
+    onOpen: U,
+    onClose: w,
+    ...F
+  } = v, e = N?.("details"), [k, a] = q({ open: !!I }), n = t === void 0 ? k.open : t, m = y || {
+    default: /* @__PURE__ */ o(f, {}),
+    info: /* @__PURE__ */ o(f, {}),
+    success: /* @__PURE__ */ o(b, {}),
+    warning: /* @__PURE__ */ o(M, {}),
+    error: /* @__PURE__ */ o(j, {})
+  }[s], E = d(
     e,
-    `${e}-${t}`,
+    `${e}-${s}`,
     {
-      [`${e}-banner`]: h,
-      [`${e}-rtl`]: C
+      [`${e}-banner`]: D,
+      [`${e}-rtl`]: g
     },
-    g
+    x
   );
-  return /* @__PURE__ */ a(
+  B(() => (n ? U?.() : w?.(), () => {
+  }), [n]), z(() => {
+    if (t !== void 0)
+      return a((r) => {
+        const i = { ...r };
+        return i.open = t, i;
+      }), () => {
+      };
+  }, [t]);
+  const O = (r) => {
+    if (t !== void 0) {
+      r.preventDefault();
+      return;
+    }
+    const i = r.target;
+    a((S) => ({
+      ...S,
+      open: i.open
+    }));
+  }, P = (r) => {
+    t !== void 0 && r.preventDefault();
+  };
+  return /* @__PURE__ */ p(
     "details",
     {
-      ref: f,
-      style: $,
-      className: D,
+      ref: C,
+      style: h,
+      className: E,
       role: "details",
-      onToggle: (i) => {
-        i.target?.open, w((U) => {
-          const l = { ...U };
-          return l.open = i.target?.open, l;
-        });
-      },
-      ...y,
+      open: n,
+      onToggle: O,
+      ...F,
       children: [
-        /* @__PURE__ */ a("summary", { className: `${e}-summary-wrapper`, children: [
-          n && /* @__PURE__ */ o("div", { className: `${e}-icon`, children: n }),
-          s && /* @__PURE__ */ o("div", { className: `${e}-title`, children: s }),
-          /* @__PURE__ */ o(
-            P,
-            {
-              className: m(
-                `${e}-collapse-icon`,
-                I.open && `${e}-collapse-icon-open`
+        /* @__PURE__ */ p(
+          "summary",
+          {
+            className: `${e}-summary-wrapper`,
+            onClick: P,
+            children: [
+              m && /* @__PURE__ */ o("div", { className: `${e}-icon`, children: m }),
+              l && /* @__PURE__ */ o("div", { className: `${e}-title`, children: l }),
+              /* @__PURE__ */ o(
+                T,
+                {
+                  className: d(
+                    `${e}-collapse-icon`,
+                    n && `${e}-collapse-icon-open`
+                  )
+                }
               )
-            }
-          )
-        ] }),
-        /* @__PURE__ */ o("div", { className: `${e}-content-wrapper`, children: r && /* @__PURE__ */ o("div", { className: `${e}-content`, children: r }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ o("div", { className: `${e}-content-wrapper`, children: c && /* @__PURE__ */ o("div", { className: `${e}-content`, children: c }) })
       ]
     }
   );
 }
-const _ = j(T);
-_.displayName = "Details";
+const K = R(J);
+K.displayName = "Details";
 export {
-  _ as default
+  K as default
 };

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 });
   }

package/divider/index.js

@@ -1,41 +1,47 @@
 import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as x, useContext as $ } from "react";
+import { forwardRef as l, useContext as v } from "react";
 import "../config-provider/ConfigProvider.js";
-import u from "../components/common/hooks/useMergeProps.js";
+import N from "../components/common/hooks/useMergeProps.js";
 import C from "@unicom-cloud/utils/class-name";
-import N from "../config-provider/context.js";
-const h = {
+import h from "../config-provider/context.js";
+const y = {
   type: "horizontal",
   orientation: "center"
 };
-function v(i, n) {
-  const { getPrefixCls: a, componentConfig: m } = $(N), l = u(
-    i,
-    h,
-    m?.Divider
-  ), { children: e, style: p, className: c, type: r, orientation: o, ...f } = l, t = a?.("divider"), d = C(
+function D(r, o) {
+  const { getPrefixCls: m, componentConfig: p } = v(h), d = N(
+    r,
+    y,
+    p?.Divider
+  ), { children: e, style: f, className: x, type: n, orientation: i, ...$ } = d, t = m?.("divider"), u = C(
     t,
-    `${t}-${r}`,
+    `${t}-${n}`,
     {
       [`${t}-with-text`]: e,
-      [`${t}-with-text-${o}`]: e && o
+      [`${t}-with-text-${i}`]: e && i
     },
-    c
+    x
   );
   return /* @__PURE__ */ s(
     "div",
     {
       role: "separator",
-      ref: n,
-      className: d,
-      style: p,
-      ...f,
-      children: e && r === "horizontal" ? /* @__PURE__ */ s("span", { className: `${t}-text ${t}-text-${o}`, children: e }) : null
+      ref: o,
+      className: u,
+      style: f,
+      ...$,
+      children: e && n === "horizontal" ? /* @__PURE__ */ s("span", { className: `${t}-text ${t}-text-${i}`, children: e }) : null
     }
   );
 }
-const g = x(v);
-g.displayName = "Divider";
+const a = l(
+  D
+);
+a.displayName = "Divider";
+const c = l((r, o) => /* @__PURE__ */ s(a, { ref: o, type: "vertical", ...r }));
+c.displayName = "DividerVertical";
+a.Vertical = c;
 export {
-  g as default
+  c as DividerVertical,
+  a as default
 };

package/empty/index.js

@@ -1,23 +1,23 @@
-import { jsx as f } from "react/jsx-runtime";
-import { memo as a, forwardRef as c, useContext as l } from "react";
-import y from "../components/common/empty/index.js";
+import { jsx as a } from "react/jsx-runtime";
+import { memo as f, forwardRef as c, useContext as l } from "react";
+import { Empty as y } from "../components/common/empty/index.js";
 import "../config-provider/ConfigProvider.js";
 import C from "../components/common/hooks/useMergeProps.js";
 import x from "../config-provider/context.js";
-function g(o, t) {
+function E(o, t) {
   const {
-    getPrefixCls: r,
-    locale: e,
-    componentConfig: m
+    getPrefixCls: m,
+    locale: r,
+    componentConfig: e
   } = l(x), p = C(
     o,
     {},
-    m?.Empty
-  ), { ...n } = p, s = r?.("empty"), i = e.Empty.noData;
-  return /* @__PURE__ */ f(y, { ref: t, prefixCls: s, description: i, ...n });
+    e?.Empty
+  ), { ...n } = p, s = m?.("empty"), i = r.Empty.noData;
+  return /* @__PURE__ */ a(y, { ref: t, prefixCls: s, description: i, ...n });
 }
-const u = a(c(g));
-u.displayName = "Empty";
+const g = f(c(E));
+g.displayName = "Empty";
 export {
-  u as default
+  g as default
 };