@unicom-cloud/ui 0.8.108 → 0.8.110

package/components/common/flex/index.js

@@ -1,73 +0,0 @@
-import { jsx as d } from "react/jsx-runtime";
-import { UI_COMMON_PREFIX as G } from "@unicom-cloud/utils/constant/ui";
-import { forwardRef as y } from "react";
-import O from "../hooks/useMergeProps.js";
-import I from "@unicom-cloud/utils/class-name";
-import "../utils/is.js";
-import { GAP_SIZE_MAP as x } from "./interface.js";
-import { isBoolean as M, isArray as P, isString as S } from "@unicom-cloud/utils/is";
-function p(e, i, t) {
-  if (t === void 0)
-    return;
-  S(t) && Object.keys(x).includes(t) ? e[i] = x[t] : e[i] = t;
-}
-function V(e = {}, i, t = "gap") {
-  return i === void 0 || (P(i) ? (p(e, "rowGap", i[0]), p(e, "columnGap", i[1] ?? i[0])) : p(e, t, i)), e;
-}
-const _ = {
-  component: "div",
-  gap: "small"
-}, m = y((e, i) => {
-  const t = O(e, _, {}), {
-    className: r,
-    style: $,
-    flex: u,
-    gap: j,
-    children: N,
-    direction: s,
-    justify: l,
-    align: f,
-    component: w = "div",
-    wrap: a,
-    rtl: F,
-    inline: c,
-    ...C
-  } = t, o = `${G}-flex`, n = {
-    display: c ? "inline-flex" : "flex"
-  };
-  return "wrap" in t && (n.flexWrap = M(a) ? a ? "wrap" : "nowrap" : a), "flex" in t && (n.flex = u), f && (n.alignItems = f), l && (n.justifyContent = l), s && (n.flexDirection = s), Object.assign(n, V({}, j), $), /* @__PURE__ */ d(
-    w,
-    {
-      ref: i,
-      style: n,
-      className: I(
-        o,
-        {
-          [`${o}-rtl`]: F,
-          [`${o}-inline`]: c
-        },
-        !!s && `${o}-flex-direction-${s}`,
-        !!l && `${o}-justify-content-${l}`,
-        !!f && `${o}-align-items-${f}`,
-        r
-      ),
-      ...C,
-      children: N
-    }
-  );
-});
-m.displayName = "Flex";
-const g = y(
-  (e, i) => {
-    const { direction: t = "column", ...r } = e;
-    return /* @__PURE__ */ d(m, { ...r, ref: i, direction: t });
-  }
-);
-g.displayName = "FlexVertical";
-const U = Object.assign(m, {
-  Vertical: g
-});
-export {
-  g as FlexVertical,
-  U as default
-};

package/components/common/flex/interface.js

@@ -1,9 +0,0 @@
-const m = {
-  mini: 4,
-  small: 8,
-  medium: 16,
-  large: 24
-};
-export {
-  m as GAP_SIZE_MAP
-};

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

@@ -1,82 +0,0 @@
-import { jsx as h } from "react/jsx-runtime";
-import P from "@unicom-cloud/icons/IconUiMute";
-import U from "@unicom-cloud/icons/IconUiPauseCircleFill";
-import b from "@unicom-cloud/icons/IconUiPlayCircleFill";
-import N from "@unicom-cloud/icons/IconUiSound";
-import { forwardRef as v, useState as x, useMemo as E, useCallback as c, useImperativeHandle as F, useEffect as M, memo as R } from "react";
-const T = (S) => {
-  const d = v((g, C) => {
-    const { useButton: I = !0, buttonProps: f = {}, ...s } = g, [l, i] = x(!1), [a, m] = x(
-      null
-    ), e = E(
-      () => "speechSynthesis" in window && "SpeechSynthesisUtterance" in window,
-      []
-    ), o = c(() => {
-      e && (window.speechSynthesis.cancel(), i(!1), m(null));
-    }, [e]), p = c(() => {
-      if (!e) return;
-      o();
-      const n = s.getText?.() ?? s.text;
-      if (!n) return;
-      const t = new SpeechSynthesisUtterance(n);
-      m(t);
-      const r = () => {
-        i(!1), m(null);
-      };
-      t.onstart = () => i(!0), t.onend = r, t.onerror = r, t.onpause = () => i(!1), t.onresume = () => i(!0);
-      try {
-        window.speechSynthesis.speak(t);
-      } catch (y) {
-        console.error("Speech synthesis failed:", y), r();
-      }
-    }, [o, e, s.getText, s.text]), u = c(() => {
-      e && a && window.speechSynthesis.pause();
-    }, [e, a]), w = c(() => {
-      e && a && window.speechSynthesis.resume();
-    }, [e, a]), k = c(
-      (n) => {
-        n.preventDefault(), n.stopPropagation(), l ? u() : p(), f.onClick?.(n);
-      },
-      [l, u, p, f.onClick]
-    );
-    if (F(
-      C,
-      () => ({
-        cancel: o,
-        speak: p,
-        pause: u,
-        resume: w
-      }),
-      [o, p, u, w]
-    ), M(() => o, [o]), !e)
-      return null;
-    if (I) {
-      const { label: n, text: t, children: r, ...y } = f;
-      return /* @__PURE__ */ h(
-        S,
-        {
-          ...s,
-          type: "text",
-          size: "mini",
-          icon: l ? /* @__PURE__ */ h(P, {}) : /* @__PURE__ */ h(N, {}),
-          ...y,
-          onClick: k,
-          children: n || t || r
-        }
-      );
-    }
-    return /* @__PURE__ */ h(
-      l ? U : b,
-      {
-        ...s.iconProps,
-        onClick: k,
-        style: { cursor: "pointer" }
-      }
-    );
-  });
-  return d.displayName = `WithSpeechSynthesis(${S.displayName || S.name || "SpeechSynthesis"})`, R(d);
-};
-T.displayName = "withSpeechSynthesis";
-export {
-  T as default
-};

package/components/common/hooks/useCreate.js

@@ -1,8 +0,0 @@
-import r from "react";
-function f(t) {
-  const e = r.useRef(!1);
-  e.current === !1 && (t(), e.current = !0);
-}
-export {
-  f as default
-};

package/components/common/hooks/useForceUpdate.js

@@ -1,12 +0,0 @@
-import { useReducer as r } from "react";
-function c() {
-  const [n, t] = r(
-    (e) => (e + 1) % 27,
-    0,
-    (e) => e
-  );
-  return t;
-}
-export {
-  c as default
-};

package/components/common/hooks/useId.js

@@ -1,11 +0,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 {
-  d as default
-};

package/components/common/hooks/useInView.js

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

package/components/common/hooks/useIntersectionObserver.js

@@ -1,24 +0,0 @@
-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?.IntersectionObserver);
-function O(t, o = {}) {
-  const r = c(), e = () => {
-    r.current && (r.current.disconnect(), r.current = null);
-  }, s = (n) => {
-    n && (e(), f && (r.current = new IntersectionObserver(
-      t,
-      o
-    ), r.current.observe(n)));
-  };
-  return {
-    observer: r.current,
-    cor: s,
-    dor: e
-  };
-}
-export {
-  O as default,
-  f as supportIntersectionObserver
-};

package/components/common/hooks/useInterval.js

@@ -1,18 +0,0 @@
-import { useRef as l, useEffect as s } from "react";
-function f(t, e) {
-  const r = l(null), n = l(), u = () => {
-    e !== null && (r.current = window.setInterval(() => {
-      n.current();
-    }, e));
-  }, c = () => {
-    r.current && window.clearInterval(r.current);
-  }, o = () => {
-    c(), u();
-  };
-  return s(() => {
-    n.current = t;
-  }, [t]), s(() => (u(), c), [e]), o;
-}
-export {
-  f as default
-};

package/components/common/hooks/useIsomorphicLayoutEffect.js

@@ -1,6 +0,0 @@
-import { useEffect as e, useLayoutEffect as o } from "react";
-import { isServerRendering as t } from "../utils/dom.js";
-const s = t ? e : o;
-export {
-  s as default
-};

package/components/common/hooks/useKeyboardEvent.js

@@ -1,16 +0,0 @@
-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 {
-  E as default
-};

package/components/common/hooks/useMedia.js

@@ -1,16 +0,0 @@
-import { useState as c, useEffect as i } from "react";
-const m = (e, t) => t !== void 0 ? t : window.matchMedia(e).matches, h = (e, t) => {
-  const [o, a] = c(m(e, t));
-  return i(() => {
-    let s = !0;
-    const n = window.matchMedia(e), r = () => {
-      s && a(!!n.matches);
-    };
-    return n.addEventListener("change", r), a(n.matches), () => {
-      s = !1, n.removeEventListener("change", r);
-    };
-  }, [e]), o;
-};
-export {
-  h as default
-};

package/components/common/hooks/useOverrideRef.js

@@ -1,14 +0,0 @@
-import f, { useCallback as l, isValidElement as u, cloneElement as c } from "react";
-import { supportRef as a } from "../utils/is.js";
-import { callbackOriginRef as m } from "../utils/reactDOM.js";
-function R() {
-  const r = f.useRef(null);
-  return [l((e) => u(e) && a(e) ? c(e, {
-    ref: (t) => {
-      r.current = t, m(e, t);
-    }
-  }) : e, []), r];
-}
-export {
-  R as default
-};

package/components/common/hooks/usePersistCallback.js

@@ -1,14 +0,0 @@
-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]
-  );
-}
-export {
-  a as default
-};

package/components/common/hooks/usePrevious.js

@@ -1,10 +0,0 @@
-import { useRef as t, useEffect as u } from "react";
-function n(r) {
-  const e = t();
-  return u(() => {
-    e.current = r;
-  }), e.current;
-}
-export {
-  n as default
-};

package/components/common/hooks/useRefs.js

@@ -1,10 +0,0 @@
-import { useRef as f } from "react";
-function c(s = []) {
-  const t = f(s), u = (e, r) => {
-    r !== void 0 ? t.current[r] = e : t.current.push(e);
-  };
-  return [t.current, u];
-}
-export {
-  c as default
-};

package/components/common/hooks/useResizeObserver.js

@@ -1,16 +0,0 @@
-import { useRef as c } from "react";
-function o(n) {
-  const r = c(), e = () => {
-    r.current && (r.current.disconnect(), r.current = null);
-  }, s = (t) => {
-    t && (r.current && e(), r.current = new ResizeObserver(n), r.current.observe(t));
-  };
-  return {
-    currentOr: r.current,
-    cor: s,
-    dor: e
-  };
-}
-export {
-  o as default
-};

package/components/common/hooks/useStateCallback.js

@@ -1,15 +0,0 @@
-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 o(() => {
-    e.current?.(t);
-  }, [t]), [t, c];
-}
-export {
-  b as default
-};

package/components/common/hooks/useStateWithPromise.js

@@ -1,25 +0,0 @@
-import { useState as l, useEffect as n } from "react";
-function i(o) {
-  const [e, r] = l({
-    value: o,
-    resolve: (t) => {
-    }
-  });
-  return n(() => {
-    e.resolve(e.value);
-  }, [e]), [
-    e.value,
-    (t) => new Promise((s) => {
-      r((a) => {
-        let u = t;
-        return typeof t == "function" && (u = t(a.value)), {
-          value: u,
-          resolve: s
-        };
-      });
-    })
-  ];
-}
-export {
-  i as default
-};

package/components/common/hooks/useUpdateEffect.js

@@ -1,12 +0,0 @@
-import { useRef as r, useEffect as u } from "react";
-function n(t, f = []) {
-  const e = r(!1);
-  u(() => {
-    if (e.current)
-      return t();
-    e.current = !0;
-  }, f);
-}
-export {
-  n as default
-};

package/components/common/hooks/useWatch.js

@@ -1,11 +0,0 @@
-import { useEffect as r } from "react";
-import e from "./usePrevious.js";
-function c(o, f) {
-  const t = e(o);
-  r(() => {
-    o !== t && f(o, t);
-  }, [o]);
-}
-export {
-  c as default
-};

package/components/common/hooks/useWindowSize.js

@@ -1,33 +0,0 @@
-import d from "lodash/debounce";
-import { useState as l, useDeferredValue as h, useCallback as o, useEffect as m } from "react";
-import z from "./useListenResize.js";
-const R = (i = !1) => {
-  const [s, u] = l({
-    ...t(null)
-  }), c = h(
-    s
-    // 延迟一个值与防抖和节流之间有什么不同？
-    // 防抖 是指在用户停止输入一段时间（例如一秒钟）之后再更新列表。
-    // 节流 是指每隔一段时间（例如最多每秒一次）更新列表。
-    // 虽然这些技术在某些情况下是有用的，但 useDeferredValue 更适合优化渲染，因为它与 React 自身深度集成，并且能够适应用户的设备。
-    // 与防抖或节流不同，useDeferredValue 不需要选择任何固定延迟时间。如果用户的设备很快（比如性能强劲的笔记本电脑），延迟的重渲染几乎会立即发生并且不会被察觉。如果用户的设备较慢，那么列表会相应地“滞后”于输入，滞后的程度与设备的速度有关。
-    // 此外，与防抖或节流不同，useDeferredValue 执行的延迟重新渲染默认是可中断的。这意味着，如果 React 正在重新渲染一个大型列表，但用户进行了另一次键盘输入，React 会放弃该重新渲染，先处理键盘输入，然后再次开始在后台渲染。相比之下，防抖和节流仍会产生不顺畅的体验，因为它们是阻塞的：它们仅仅是将渲染阻塞键盘输入的时刻推迟了。
-    // 如果你要优化的工作不是在渲染期间发生的，那么防抖和节流仍然非常有用。例如，它们可以让你减少网络请求的次数。你也可以同时使用这些技术。
-  );
-  function t(e) {
-    const r = e?.currentTarget ?? e?.target ?? window;
-    return {
-      width: r?.innerWidth ?? 0,
-      height: r?.innerHeight ?? 0
-    };
-  }
-  function n(e) {
-    u(t(e));
-  }
-  const a = o(n, []), f = o(d(n, 123), []);
-  return z(i ? f : a, []), m(() => () => {
-  }, []), c;
-};
-export {
-  R as default
-};

package/components/common/icons/file/index.js

@@ -1,58 +0,0 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { UI_COMMON_PREFIX as d } from "@unicom-cloud/utils/constant/ui";
-import { forwardRef as f } from "react";
-import p from "@unicom-cloud/utils/class-name";
-function x(s, t) {
-  const { style: o, className: c, backgroundColor: a, color: i, text: r, ...m } = s, l = `${d}-icons-file`;
-  return /* @__PURE__ */ e("div", { className: p(l, c), children: /* @__PURE__ */ n(
-    "svg",
-    {
-      ref: t,
-      className: `${l}-svg`,
-      style: o,
-      ...m,
-      width: "100%",
-      height: "100%",
-      viewBox: "0 0 166 200",
-      version: "1.1",
-      children: [
-        /* @__PURE__ */ e(
-          "path",
-          {
-            className: `${l}-svg-bg`,
-            d: "M9.911,0c-5.4,0.149 -9.792,4.556 -9.911,9.944l0,179.114c-0.012,2.627 1.066,5.147 2.976,6.956c1.811,1.889 4.312,2.968 6.931,2.991l145.363,-0c2.623,0.008 5.134,-1.075 6.928,-2.985c1.88,-1.833 2.952,-4.34 2.976,-6.962l0,-132.696l-56.159,-56.362l-99.111,0l0.007,0Z",
-            style: {
-              fill: a
-            }
-          }
-        ),
-        /* @__PURE__ */ e(
-          "path",
-          {
-            className: `${l}-svg-tr`,
-            d: "M165.174,55.97l-46.193,0c-5.379,-0.13 -9.768,-4.505 -9.904,-9.872l0,-46.098l56.088,55.97l0.009,0Z"
-          }
-        ),
-        /* @__PURE__ */ e(
-          "text",
-          {
-            className: `${l}-svg-text`,
-            x: "50%",
-            y: "142.967px",
-            textAnchor: "middle",
-            dominantBaseline: "middle",
-            style: {
-              fill: i
-            },
-            children: r ?? "doc"
-          }
-        )
-      ]
-    }
-  ) });
-}
-const N = f(x);
-N.displayName = "IconFile";
-export {
-  N as default
-};

package/components/common/space/index.js

@@ -1,76 +0,0 @@
-import { jsx as s, jsxs as M } from "react/jsx-runtime";
-import { UI_COMMON_PREFIX as _ } from "@unicom-cloud/utils/constant/ui";
-import b from "lodash/isArray";
-import O from "lodash/isNumber";
-import { forwardRef as d, Fragment as R } from "react";
-import { GAP_SIZE_MAP as f } from "../flex/interface.js";
-import k from "../hooks/useMergeProps.js";
-import E from "@unicom-cloud/utils/class-name";
-import { toArray as F } from "../utils/toArray.js";
-const L = {
-  size: "small",
-  direction: "horizontal"
-}, l = d(
-  (a, n) => {
-    const g = k(a, L, {}), {
-      className: y,
-      style: N,
-      children: S,
-      gap: h,
-      size: G,
-      direction: i = "horizontal",
-      align: w,
-      alignItems: x,
-      justifyContent: p,
-      wrap: P,
-      split: m,
-      rtl: V,
-      ...j
-    } = g, t = `${_}-space`, r = h ?? G, u = x ?? w ?? (i === "horizontal" ? "center" : ""), z = E(
-      t,
-      {
-        [`${t}-${i}`]: i,
-        [`${t}-justify-content-${p}`]: p,
-        [`${t}-align-items-${u}`]: u,
-        [`${t}-rtl`]: V
-      },
-      P ? `${t}-wrap` : `${t}-no-wrap`,
-      y
-    ), c = (e) => O(e) ? e : f[e] ?? f.small, A = {
-      ...(() => {
-        if (typeof r == "string" || typeof r == "number")
-          return {
-            gap: `${c(r)}px`
-          };
-        if (b(r)) {
-          const e = c(r[1]), o = c(r[0]);
-          return {
-            rowGap: `${e}px`,
-            columnGap: `${o}px`
-          };
-        }
-        return {};
-      })(),
-      ...N
-    }, v = F(S);
-    return /* @__PURE__ */ s("div", { ref: n, className: z, style: A, ...j, children: v.map((e, o) => {
-      const C = e?.key ?? o, I = m != null && o > 0;
-      return /* @__PURE__ */ M(R, { children: [
-        I && /* @__PURE__ */ s("div", { className: `${t}-item-split`, children: m }),
-        /* @__PURE__ */ s("div", { className: `${t}-item`, children: e })
-      ] }, C);
-    }) });
-  }
-);
-l.displayName = "Space";
-const $ = d(
-  (a, n) => /* @__PURE__ */ s(l, { ...a, ref: n, direction: "vertical" })
-);
-$.displayName = "SpaceVertical";
-const T = Object.assign(l, {
-  Vertical: $
-});
-export {
-  $ as SpaceVertical,
-  T as default
-};

package/components/common/utils/PqbCSSTransition.js

@@ -1,32 +0,0 @@
-import { jsx as d } from "react/jsx-runtime";
-import u from "../../../dist/react-transition-group/src/CSSTransition.js";
-import "../../../dist/react-transition-group/src/ReplaceTransition.js";
-import "../../../dist/react-transition-group/src/SwitchTransition.js";
-import "../../../dist/react-transition-group/chunk/CPfP7aNL.js";
-import "../../../dist/react-transition-group/src/TransitionGroup.js";
-import { useRef as f, useMemo as l, isValidElement as a, cloneElement as s } from "react";
-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) {
-      o.current = R(r), x(e, r);
-    }
-  })) : (t.current = !1, e), [e, n.nodeRef]);
-  return t.current && [
-    "onEnter",
-    "onEntering",
-    "onEntered",
-    "onExit",
-    "onExiting",
-    "onExited"
-  ].forEach((r) => {
-    n[r] && (i[r] = (g, ...c) => {
-      n[r](o.current, ...c);
-    });
-  }), /* @__PURE__ */ d(u, { ...i, nodeRef: t.current ? o : void 0, children: m });
-}
-export {
-  j as PqbCSSTransition,
-  j as default
-};

package/components/common/utils/constant.js

@@ -1,9 +0,0 @@
-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 {
-  E as CSS_VARIABLE_ELEMENT,
-  _ as NOOP,
-  e as UI_PC_KEY,
-  n as UI_PC_THEME_DARK_CLASS_NAME
-};