@unicom-cloud/ui 0.8.108 → 0.8.109

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

package/components/common/utils/copy.js

@@ -1,7 +0,0 @@
-import "@unicom-cloud/utils/clipboard-copy";
-import { default as r, default as t, default as d } from "@unicom-cloud/utils/clipboard-copy";
-export {
-  r as clipboardCopy,
-  t as copy,
-  d as default
-};

package/components/common/utils/fillNBSP.js

@@ -1,7 +0,0 @@
-function l(e) {
-  return typeof e == "string" ? e.replace(/(\s{2,})|(\s{1,}$)/g, (t) => " ".repeat(t.length)) : e;
-}
-export {
-  l as default,
-  l as fillNBSP
-};

package/components/common/utils/findScrollParent.js

@@ -1,17 +0,0 @@
-function i(o, l = !1) {
-  if (!o) return document.documentElement;
-  const n = getComputedStyle(o), r = n.position === "absolute", c = l ? /(auto|scroll|hidden)/ : /(auto|scroll)/;
-  if (n.position === "fixed")
-    return document.documentElement;
-  for (let t = o; t = t.parentElement; ) {
-    const e = getComputedStyle(t);
-    if (!(r && e.position === "static") && (c.test(
-      e.overflow + e.overflowY + e.overflowX
-    ) || t.scrollHeight > t.clientHeight))
-      return t;
-  }
-  return document.documentElement;
-}
-export {
-  i as default
-};

package/components/common/utils/include.js

@@ -1,10 +0,0 @@
-function f(c, t) {
-  const e = {};
-  return Object.keys(c).forEach((n) => {
-    t.indexOf(n) !== -1 && (e[n] = c[n]);
-  }), e;
-}
-export {
-  f as default,
-  f as include
-};

package/components/common/utils/intersectionObserver.js

@@ -1,21 +0,0 @@
-import a from "lodash/isFunction";
-import f from "lodash/throttle";
-function h(c, n) {
-  const t = [].concat(c).filter(Boolean);
-  if (!(t.length && a(n))) return () => {
-  };
-  const o = f((...e) => {
-    n(...e);
-  }), r = new IntersectionObserver(o);
-  return t.forEach((e, i, s) => {
-    r.observe(e);
-  }), () => {
-    t.forEach((e, i, s) => {
-      r.unobserve(e);
-    }), r.disconnect(), o.cancel();
-  };
-}
-export {
-  h as default,
-  h as intersectionObserver
-};