@unicom-cloud/ui 0.8.107 → 0.8.109

package/components/common/flex/index.js

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

package/components/common/flex/interface.js

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