@unicom-cloud/ui 0.8.96 → 0.8.98

package/color-picker/hooks/useControlBlock.js

@@ -1,58 +1,56 @@
-import { useState as b, useRef as E, useEffect as x } from "react";
-function M({
-  value: f,
-  multiple: s = !1,
-  onActive: L,
-  onAdd: k,
-  onChange: u
+import { useState as y, useRef as w, useEffect as h } from "react";
+function b({
+  value: s,
+  multiple: r = !1,
+  onActive: m,
+  onAdd: g,
+  onChange: l
 }) {
-  const [p, d] = b(!1), c = E(), y = E();
-  function w(e, t) {
+  const [v, u] = y(!1), i = w(), E = w();
+  function c(e, t) {
     return e < 0 ? 0 : e > t ? 1 : e / t;
   }
-  function a(e) {
-    var i, v;
-    const { clientX: t, clientY: r } = e, n = (v = (i = c.current) == null ? void 0 : i.getBoundingClientRect) == null ? void 0 : v.call(i);
-    return n ? [
-      w(t - n.x, n.width),
-      w(r - n.y, n.height)
+  function f(e) {
+    const { clientX: t, clientY: p } = e, o = i.current?.getBoundingClientRect?.();
+    return o ? [
+      c(t - o.x, o.width),
+      c(p - o.y, o.height)
     ] : [0, 0];
   }
-  function m(e) {
-    const t = a(e);
-    (s || !s && (t[0] !== f[0] || t[1] !== f[1])) && (u == null || u(t));
+  function d(e) {
+    const t = f(e);
+    (r || !r && (t[0] !== s[0] || t[1] !== s[1])) && l?.(t);
   }
-  function o() {
-    d(!1), window.removeEventListener("mousemove", l), window.removeEventListener("mouseup", o), window.removeEventListener("contextmenu", o);
+  function n() {
+    u(!1), window.removeEventListener("mousemove", a), window.removeEventListener("mouseup", n), window.removeEventListener("contextmenu", n);
   }
-  function g() {
-    window.addEventListener("mousemove", l), window.addEventListener("mouseup", o), window.addEventListener("contextmenu", o);
+  function L() {
+    window.addEventListener("mousemove", a), window.addEventListener("mouseup", n), window.addEventListener("contextmenu", n);
   }
-  function R(e) {
-    var t, r;
-    if (e.preventDefault(), d(!0), s) {
-      if (e.target === c.current)
-        k(a(e));
-      else if (typeof ((r = (t = e.target) == null ? void 0 : t.dataset) == null ? void 0 : r.key) < "u") {
-        const n = e.target.dataset.key;
-        L(n);
+  function k(e) {
+    if (e.preventDefault(), u(!0), r) {
+      if (e.target === i.current)
+        g(f(e));
+      else if (typeof e.target?.dataset?.key < "u") {
+        const t = e.target.dataset.key;
+        m(t);
       }
       return;
     }
-    m(e), g();
+    d(e), L();
   }
-  function l(e) {
-    e.preventDefault(), e.buttons > 0 ? m(e) : o();
+  function a(e) {
+    e.preventDefault(), e.buttons > 0 ? d(e) : n();
   }
-  return x(() => () => {
-    o();
+  return h(() => () => {
+    n();
   }, []), {
-    active: p,
-    blockRef: c,
-    handlerRef: y,
-    onMouseDown: R
+    active: v,
+    blockRef: i,
+    handlerRef: E,
+    onMouseDown: k
   };
 }
 export {
-  M as useControlBlock
+  b as useControlBlock
 };

package/color-picker/index.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
 import G from "lodash/isFunction";
 import S from "lodash/isNil";
 import D, { useContext as q } from "react";
@@ -8,32 +8,32 @@ import K from "../components/common/hooks/useMergeProps.js";
 import L from "../trigger/index.js";
 import Q from "@unicom-cloud/utils/class-name";
 import { colors as U } from "./colors.js";
-import { ControlBar as kr } from "./ControlBar.js";
+import { ControlBar as vo } from "./ControlBar.js";
 import { useColorPicker as W } from "./hooks/useColorPicker.js";
-import { InputAlpha as yr } from "./InputAlpha.js";
-import { InputHex as Nr } from "./InputHex.js";
-import { InputRgb as br } from "./InputRgb.js";
-import { Palette as zr } from "./Palette.js";
+import { InputAlpha as Io } from "./InputAlpha.js";
+import { InputHex as Ao } from "./InputHex.js";
+import { InputRgb as $o } from "./InputRgb.js";
+import { Palette as wo } from "./Palette.js";
 import { Panel as X } from "./Panel.js";
 import { getGradientString as Y, renderBackground as Z } from "./utils.js";
 import _ from "../config-provider/context.js";
-const d = {
+const c = {
   size: "default",
   presetColors: U
 };
-function rr(t, u) {
+function oo(t, m) {
   const {
-    getPrefixCls: n,
-    componentConfig: s,
-    size: g
-  } = q(_), l = K(
+    getPrefixCls: d,
+    componentConfig: g,
+    size: u
+  } = q(_), n = K(
     t,
-    { ...d, size: g || d.size },
-    s == null ? void 0 : s.ColorPicker
+    { ...c, size: u || c.size },
+    g?.ColorPicker
   ), {
     style: C,
     className: f,
-    size: p,
+    size: l,
     mode: h,
     disabled: i,
     disabledAlpha: x = !1,
@@ -45,8 +45,8 @@ function rr(t, u) {
     showHistory: N,
     showPreset: A,
     renderFooter: b
-  } = l, o = n == null ? void 0 : n("color-picker"), {
-    value: r,
+  } = n, r = d?.("color-picker"), {
+    value: o,
     activeMode: $,
     gradientColors: z,
     activeColorId: w,
@@ -60,14 +60,14 @@ function rr(t, u) {
     onActiveModeChange: V,
     onGradientColorsChange: j,
     onActiveColorIdChange: F
-  } = W(l);
+  } = W(n);
   return /* @__PURE__ */ e(
     L,
     {
       popup: () => /* @__PURE__ */ e(
         X,
         {
-          value: r,
+          value: o,
           mode: h,
           activeMode: $,
           gradientColors: z,
@@ -103,43 +103,43 @@ function rr(t, u) {
       ...P,
       onVisibleChange: T,
       children: (() => {
-        const c = G(t.triggerElement) ? t.triggerElement({ value: r }) : t.triggerElement;
-        if (!S(c))
-          return c;
-        const a = typeof r == "string" ? r : Y(r);
-        return /* @__PURE__ */ m(
+        const a = G(t.triggerElement) ? t.triggerElement({ value: o }) : t.triggerElement;
+        if (!S(a))
+          return a;
+        const s = typeof o == "string" ? o : Y(o);
+        return /* @__PURE__ */ p(
           "div",
           {
-            className: Q(o, f, {
-              [`${o}-size-${p}`]: p,
-              [`${o}-disabled`]: i
+            className: Q(r, f, {
+              [`${r}-size-${l}`]: l,
+              [`${r}-disabled`]: i
             }),
             style: C,
-            ref: u,
+            ref: m,
             children: [
               /* @__PURE__ */ e(
                 "div",
                 {
-                  className: `${o}-preview`,
-                  style: Array.isArray(r) ? {
-                    background: Z(r)
-                  } : { backgroundColor: r }
+                  className: `${r}-preview`,
+                  style: Array.isArray(o) ? {
+                    background: Z(o)
+                  } : { backgroundColor: o }
                 }
               ),
-              !!v && /* @__PURE__ */ m("div", { className: `${o}-value`, children: [
-                a,
-                !i && /* @__PURE__ */ e(J, { text: a, className: `${o}-copy` })
+              !!v && /* @__PURE__ */ p("div", { className: `${r}-value`, children: [
+                s,
+                !i && /* @__PURE__ */ e(J, { text: s, className: `${r}-copy` })
               ] }),
               /* @__PURE__ */ e(
                 "input",
                 {
-                  className: `${o}-input`,
-                  value: a,
+                  className: `${r}-input`,
+                  value: s,
                   disabled: i,
                   readOnly: !0
                 }
               ),
-              l.extra
+              n.extra
             ]
           }
         );
@@ -147,16 +147,16 @@ function rr(t, u) {
     }
   );
 }
-const or = D.forwardRef(
-  rr
+const ro = D.forwardRef(
+  oo
 );
-or.displayName = "ColorPicker";
+ro.displayName = "ColorPicker";
 export {
-  kr as ColorPickerControlBar,
-  yr as ColorPickerInputAlpha,
-  Nr as ColorPickerInputHex,
-  br as ColorPickerInputRgb,
-  zr as ColorPickerPalette,
+  vo as ColorPickerControlBar,
+  Io as ColorPickerInputAlpha,
+  Ao as ColorPickerInputHex,
+  $o as ColorPickerInputRgb,
+  wo as ColorPickerPalette,
   X as ColorPickerPanel,
-  or as default
+  ro as default
 };

package/comment/index.js

@@ -1,26 +1,26 @@
 import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import N from "lodash/isPlainObject";
-import g from "lodash/isString";
+import h from "lodash/isPlainObject";
+import N from "lodash/isString";
 import { forwardRef as v, useContext as u } from "react";
 import "../config-provider/ConfigProvider.js";
 import C from "../components/common/hooks/useMergeProps.js";
-import f from "@unicom-cloud/utils/class-name";
+import c from "@unicom-cloud/utils/class-name";
 import { pickDataAttributes as x } from "../components/common/utils/pick.js";
-import j from "../config-provider/context.js";
-const y = {
+import P from "../config-provider/context.js";
+const j = {
   datetime: "left",
   actions: "left"
-}, b = {
+}, y = {
   align: "left"
 };
-function A(p, $) {
-  const { getPrefixCls: s, componentConfig: r, rtl: h } = u(j), e = C(
-    p,
-    b,
-    r == null ? void 0 : r.Comment
-  ), t = s == null ? void 0 : s("comment"), { actions: l, author: m, avatar: i, content: c, datetime: o } = e, d = {
-    ...y,
-    ...N(e.align) ? e.align : {
+function b(d, f) {
+  const { getPrefixCls: p, componentConfig: g, rtl: $ } = u(P), e = C(
+    d,
+    y,
+    g?.Comment
+  ), t = p?.("comment"), { actions: r, author: s, avatar: i, content: m, datetime: o } = e, l = {
+    ...j,
+    ...h(e.align) ? e.align : {
       datetime: e.align,
       actions: e.align
     }
@@ -28,34 +28,34 @@ function A(p, $) {
   return /* @__PURE__ */ n(
     "div",
     {
-      ref: $,
-      className: f(
+      ref: f,
+      className: c(
         `${t}`,
-        { [`${t}-rtl`]: h },
+        { [`${t}-rtl`]: $ },
         e.className
       ),
       style: e.style,
       ...x(e),
       children: [
-        i && /* @__PURE__ */ a("div", { className: f(`${t}-avatar`), children: g(i) ? /* @__PURE__ */ a("img", { src: i, alt: "comment-avatar" }) : i }),
+        i && /* @__PURE__ */ a("div", { className: c(`${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: [
-            (m || o) && /* @__PURE__ */ n(
+            (s || o) && /* @__PURE__ */ n(
               "div",
               {
-                className: `${t}-title ${t}-title-align-${d.datetime}`,
+                className: `${t}-title ${t}-title-align-${l.datetime}`,
                 children: [
-                  m && /* @__PURE__ */ a("span", { className: `${t}-author`, children: m }),
+                  s && /* @__PURE__ */ a("span", { className: `${t}-author`, children: s }),
                   o && /* @__PURE__ */ a("span", { className: `${t}-datetime`, children: o })
                 ]
               }
             ),
-            c && /* @__PURE__ */ a("div", { className: `${t}-content`, children: c }),
-            l && /* @__PURE__ */ a(
+            m && /* @__PURE__ */ a("div", { className: `${t}-content`, children: m }),
+            r && /* @__PURE__ */ a(
               "div",
               {
-                className: `${t}-actions ${t}-actions-align-${d.actions}`,
-                children: l
+                className: `${t}-actions ${t}-actions-align-${l.actions}`,
+                children: r
               }
             )
           ] }),
@@ -65,10 +65,10 @@ function A(p, $) {
     }
   );
 }
-const P = v(
-  A
+const A = v(
+  b
 );
-P.displayName = "Comment";
+A.displayName = "Comment";
 export {
-  P as default
+  A as default
 };

package/components/common/higher-order/with-speech-synthesis/index.js

@@ -1,61 +1,58 @@
-import { jsx as r } from "react/jsx-runtime";
-import y from "@unicom-cloud/icons/IconUiMute";
-import I from "@unicom-cloud/icons/IconUiPauseCircleFill";
-import x from "@unicom-cloud/icons/IconUiPlayCircleFill";
-import C from "@unicom-cloud/icons/IconUiSound";
-import { memo as U, forwardRef as g, useState as v, useEffect as F, useImperativeHandle as H } from "react";
-function T(m) {
-  function h(S, d) {
-    const { useButton: k = !0, buttonProps: t, ...i } = S ?? {}, [l, s] = v(!1);
-    function f() {
-      var n, e;
-      (e = (n = window.speechSynthesis) == null ? void 0 : n.cancel) == null || e.call(n);
+import { jsx as i } from "react/jsx-runtime";
+import w from "@unicom-cloud/icons/IconUiMute";
+import y from "@unicom-cloud/icons/IconUiPauseCircleFill";
+import I from "@unicom-cloud/icons/IconUiPlayCircleFill";
+import x from "@unicom-cloud/icons/IconUiSound";
+import { memo as C, forwardRef as P, useState as U, useEffect as g, useImperativeHandle as b } from "react";
+function B(u) {
+  function p(f, m) {
+    const { useButton: h = !0, buttonProps: c, ...o } = f ?? {}, [s, t] = U(!1);
+    function l() {
+      window.speechSynthesis?.cancel?.();
     }
-    function w() {
-      var c, o, p;
-      let n = ((c = i.getText) == null ? void 0 : c.call(i)) || i.text, e = new SpeechSynthesisUtterance(n);
+    function S() {
+      let n = o.getText?.() || o.text, e = new SpeechSynthesisUtterance(n);
       e.onstart = function() {
-        s(!0);
+        t(!0);
       }, e.onerror = () => {
-        s(!1);
+        t(!1);
       }, e.onmark = () => {
       }, e.onpause = () => {
-        s(!1);
+        t(!1);
       }, e.onresume = () => {
-        s(!0);
+        t(!0);
       }, e.onboundary = () => {
       }, e.onend = () => {
-        s(!1);
-      }, (p = (o = window.speechSynthesis) == null ? void 0 : o.speak) == null || p.call(o, e);
+        t(!1);
+      }, window.speechSynthesis?.speak?.(e);
     }
-    function u(n) {
-      var e;
-      f(), l || w(), (e = t == null ? void 0 : t.onClick) == null || e.call(t, n);
+    function a(n) {
+      l(), s || S(), c?.onClick?.(n);
     }
-    let a;
+    let r;
     if (window.speechSynthesis && window.SpeechSynthesisUtterance)
-      if (k) {
-        let { label: n, text: e, children: c, ...o } = t ?? {};
-        a = /* @__PURE__ */ r(
-          m,
+      if (h) {
+        let { label: n, text: e, children: d, ...k } = c ?? {};
+        r = /* @__PURE__ */ i(
+          u,
           {
-            ...i,
+            ...o,
             type: "text",
             size: "mini",
-            icon: l ? /* @__PURE__ */ r(y, {}) : /* @__PURE__ */ r(C, {}),
-            ...o,
-            onClick: u,
-            children: n || e || c
+            icon: s ? /* @__PURE__ */ i(w, {}) : /* @__PURE__ */ i(x, {}),
+            ...k,
+            onClick: a,
+            children: n || e || d
           }
         );
       } else
-        a = /* @__PURE__ */ r(l ? I : x, { ...i.iconProps, onClick: u });
-    return F(() => () => {
-      f();
-    }, []), H(d, () => ({})), a;
+        r = /* @__PURE__ */ i(s ? y : I, { ...o.iconProps, onClick: a });
+    return g(() => () => {
+      l();
+    }, []), b(m, () => ({})), r;
   }
-  return U(g(h));
+  return C(P(p));
 }
 export {
-  T as default
+  B as default
 };

package/components/common/hooks/useId.js

@@ -1,11 +1,11 @@
-import { useState as d, useEffect as n } from "react";
-const o = {};
-function e(t) {
-  const [u, s] = d();
-  return n(() => {
-    o[t] ?? (o[t] = 0), s(o[t]), o[t] += 1;
-  }, []), typeof u == "number" ? `${t}${u}` : void 0;
+import { useState as s, useEffect as u } from "react";
+const e = {};
+function d(t) {
+  const [o, n] = s();
+  return u(() => {
+    e[t] ??= 0, n(e[t]), e[t] += 1;
+  }, []), typeof o == "number" ? `${t}${o}` : void 0;
 }
 export {
-  e as default
+  d as default
 };

package/components/common/hooks/useInView.js

@@ -1,31 +1,31 @@
-import { useState as w, useCallback as h, useEffect as m } from "react";
+import { useState as I, useCallback as w, useEffect as m } from "react";
 import p, { supportIntersectionObserver as O } from "./useIntersectionObserver.js";
-function E(u) {
+function k(u) {
   const {
-    defaultInView: s,
+    defaultInView: t,
     unobserverOnEnter: r = !0,
-    onChange: t,
-    target: n,
+    onChange: o,
+    target: s,
     ...a
-  } = u, [f, l] = w(
-    O ? s : !0
-  ), b = h(
+  } = u, [f, l] = I(
+    O ? t : !0
+  ), b = w(
     ([e], c) => {
-      const o = c.thresholds.some(
-        (I) => e.intersectionRatio >= I
+      const n = c.thresholds.some(
+        (v) => e.intersectionRatio >= v
       ) && e.isIntersecting;
-      l(o), t == null || t(o, e), o && r && c.unobserve(e.target);
+      l(n), o?.(n, e), n && r && c.unobserve(e.target);
     },
-    [t, r]
-  ), { cor: d, dor: i, observer: v } = p(
+    [o, r]
+  ), { cor: d, dor: i, observer: h } = p(
     b,
     a
   );
-  return m(() => (s && r ? i() : n && d(n), i), [n, s, r]), {
+  return m(() => (t && r ? i() : s && d(s), i), [s, t, r]), {
     inView: f,
-    observer: v
+    observer: h
   };
 }
 export {
-  E as default
+  k as default
 };

package/components/common/hooks/useIntersectionObserver.js

@@ -2,7 +2,7 @@ import { useRef as c } from "react";
 import { isServerRendering as i } from "../utils/dom.js";
 import "../utils/is.js";
 import { isUndefined as u } from "@unicom-cloud/utils/is";
-const f = !i && !u(window == null ? void 0 : window.IntersectionObserver);
+const f = !i && !u(window?.IntersectionObserver);
 function O(t, o = {}) {
   const r = c(), e = () => {
     r.current && (r.current.disconnect(), r.current = null);

package/components/common/hooks/useKeyboardEvent.js

@@ -1,17 +1,16 @@
-import { useCallback as u } from "react";
-import { Enter as E, ArrowDown as g, ArrowLeft as m, ArrowRight as D, ArrowUp as L } from "@unicom-cloud/utils/constant/keyboardCode";
-function h(r) {
-  return u(
-    (e) => ({
-      onKeyDown(n) {
-        var o, i, w, f, y, A;
-        const t = n.key;
-        t === E.key && ((o = e.onPressEnter) == null || o.call(e, n)), t === g.key && ((i = e.onArrowDown) == null || i.call(e, n)), t === m.key && ((w = e.onArrowLeft) == null || w.call(e, n)), t === D.key && ((f = e.onArrowRight) == null || f.call(e, n)), t === L.key && ((y = e.onArrowUp) == null || y.call(e, n)), (A = r == null ? void 0 : r.onKeyDown) == null || A.call(r, n);
+import { useCallback as t } from "react";
+import { Enter as i, ArrowDown as w, ArrowLeft as f, ArrowRight as y, ArrowUp as A } from "@unicom-cloud/utils/constant/keyboardCode";
+function E(n) {
+  return t(
+    (o) => ({
+      onKeyDown(r) {
+        const e = r.key;
+        e === i.key && o.onPressEnter?.(r), e === w.key && o.onArrowDown?.(r), e === f.key && o.onArrowLeft?.(r), e === y.key && o.onArrowRight?.(r), e === A.key && o.onArrowUp?.(r), n?.onKeyDown?.(r);
       }
     }),
     []
   );
 }
 export {
-  h as default
+  E as default
 };

package/components/common/hooks/useOverflowHidden.js

@@ -1,9 +1,6 @@
 import { useRef as d, useEffect as f } from "react";
 function a(o, { hidden: s }) {
-  const c = d(!1), r = d({}), u = (t) => {
-    var e, n;
-    return t === document.body || ((n = (e = t.tagName) == null ? void 0 : e.toLowerCase) == null ? void 0 : n.call(e)) === "body" ? window.innerWidth - (document.body.clientWidth || document.documentElement.clientWidth) : t.offsetWidth - t.clientWidth;
-  }, l = () => {
+  const c = d(!1), r = d({}), u = (t) => t === document.body || t.tagName?.toLowerCase?.() === "body" ? window.innerWidth - (document.body.clientWidth || document.documentElement.clientWidth) : t.offsetWidth - t.clientWidth, l = () => {
     const t = o();
     if (t && t.style.overflow !== "hidden") {
       const e = t.style;

package/components/common/hooks/usePersistCallback.js

@@ -1,10 +1,10 @@
-import { useRef as c, useCallback as n } from "react";
-function a(t) {
-  const r = c();
-  return r.current = t, n(
-    (...u) => {
-      const e = r.current;
-      return e == null ? void 0 : e(...u);
+import { useRef as u, useCallback as c } from "react";
+function a(e) {
+  const r = u();
+  return r.current = e, c(
+    (...t) => {
+      const n = r.current;
+      return n?.(...t);
     },
     [r.current]
   );

package/components/common/hooks/useStateCallback.js

@@ -1,16 +1,15 @@
-import { useState as c, useRef as o, useCallback as f, useEffect as S } from "react";
-function i(u) {
-  const [s, a] = c(u), t = o(), r = f(
-    (e, n) => {
-      t.current = n, a(e);
+import { useState as n, useRef as f, useCallback as l, useEffect as o } from "react";
+function b(a) {
+  const [t, s] = n(a), e = f(), c = l(
+    (u, r) => {
+      e.current = r, s(u);
     },
     []
   );
-  return S(() => {
-    var e;
-    (e = t.current) == null || e.call(t, s);
-  }, [s]), [s, r];
+  return o(() => {
+    e.current?.(t);
+  }, [t]), [t, c];
 }
 export {
-  i as default
+  b as default
 };