@unicom-cloud/ui 0.8.119 → 0.8.120

package/watermark/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-11 09:22:07 */
+/* 2025-11-14 09:11:22 */
 import { useWatermark as m } from "../hooks/use-watermark/index.js";
 import a from "./Watermark.js";
 export {

package/dist/ui-common/development/index.js

@@ -1,48 +0,0 @@
-/* 2025-11-11 09:22:07 */
-import { jsx as s, jsxs as C } from "react/jsx-runtime";
-import $ from "@unicom-cloud/icons/IconFluentFlatHourglassNotDone";
-import a from "@unicom-cloud/utils/class-name";
-import { UI_COMMON_PREFIX as g } from "@unicom-cloud/utils/constant/ui";
-import { forwardRef as u, useMemo as v } from "react";
-const b = (i, c) => {
-  const {
-    url: m,
-    // 图片地址
-    imgClassName: l,
-    // 图片自定义类名
-    icon: r,
-    // 自定义图标
-    iconClassName: o,
-    // 图标自定义类名
-    tip: t,
-    // 高优先级提示文字
-    label: p = "等待开发",
-    // 次要提示文字（默认值）
-    labelClassName: N,
-    // 文字容器类名
-    className: f
-    // 外层容器类名
-  } = i, e = `${g}-development`, n = v(() => m ? /* @__PURE__ */ s(
-    "img",
-    {
-      className: a(`${e}-img`, l),
-      src: m,
-      alt: "开发预览图"
-    }
-  ) : r ?? /* @__PURE__ */ s(
-    $,
-    {
-      className: a(`${e}-icon`, o)
-    }
-  ), [m, e, l, r, o]), d = t ?? p;
-  return /* @__PURE__ */ C("div", { ref: c, className: a(e, f), children: [
-    n,
-    /* @__PURE__ */ s("div", { className: a(`${e}-label`, N), children: d })
-  ] });
-}, x = u(
-  b
-);
-x.displayName = "Development";
-export {
-  x as default
-};

package/dist/ui-common/empty/index.js

@@ -1,52 +0,0 @@
-/* 2025-11-11 09:22:07 */
-import { jsxs as g, jsx as e } from "react/jsx-runtime";
-import $ from "@unicom-cloud/icons/IconUiEmpty";
-import { UI_COMMON_PREFIX as N } from "@unicom-cloud/utils/constant/ui";
-import { memo as h, forwardRef as x } from "react";
-import I from "../space/index.js";
-import m from "@unicom-cloud/utils/class-name";
-import "../utils/is.js";
-import { isString as j } from "@unicom-cloud/utils/is";
-const u = (a, c) => {
-  const {
-    style: n,
-    className: l,
-    description: t = "无数据",
-    // 默认描述文本
-    icon: o,
-    imgSrc: s,
-    prefixCls: p,
-    ...f
-  } = a, i = `${N}-empty`, r = p ?? i, d = j(t) ? t : "empty", y = () => s ? /* @__PURE__ */ e(
-    "img",
-    {
-      className: m(`${i}-img`, `${r}-img`),
-      alt: d,
-      src: s,
-      loading: "lazy"
-    }
-  ) : o ? /* @__PURE__ */ e("div", { className: m(`${i}-icon`, `${r}-icon`), children: o }) : /* @__PURE__ */ e($, { className: m(`${i}-icon`, `${r}-icon`) });
-  return /* @__PURE__ */ g(
-    I.Vertical,
-    {
-      ref: c,
-      className: m(i, r, l),
-      style: n,
-      justifyContent: "center",
-      alignItems: "center",
-      gap: 5,
-      ...f,
-      children: [
-        y(),
-        /* @__PURE__ */ e("div", { className: m(`${i}-description`, `${r}-description`), children: t })
-      ]
-    }
-  );
-}, C = h(
-  x(u)
-);
-C.displayName = "Empty";
-export {
-  C as Empty,
-  C as default
-};

package/dist/ui-common/flex/index.js

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

package/dist/ui-common/flex/interface.js

@@ -1,10 +0,0 @@
-/* 2025-11-11 09:22:07 */
-const m = {
-  mini: 4,
-  small: 8,
-  medium: 16,
-  large: 24
-};
-export {
-  m as GAP_SIZE_MAP
-};

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

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

package/dist/ui-common/hooks/create-deep-compare-effect/index.js

@@ -1,10 +0,0 @@
-/* 2025-11-11 09:22:07 */
-import { useRef as o } from "react";
-import { depsEqual as n } from "../utils/depsEqual.js";
-const m = (u) => (c, r) => {
-  const t = o(void 0), e = o(0);
-  (r === void 0 || !n(r, t.current)) && (e.current += 1), t.current = r, u(c, [e.current]);
-};
-export {
-  m as default
-};

package/dist/ui-common/hooks/create-update-effect/index.js

@@ -1,15 +0,0 @@
-/* 2025-11-11 09:22:07 */
-import u from "react";
-const f = (r) => (t, n) => {
-  const e = u.useRef(!1);
-  r(() => () => {
-    e.current = !1;
-  }, []), r(() => {
-    if (e.current)
-      return t();
-    e.current = !0;
-  }, n);
-};
-export {
-  f as default
-};

package/dist/ui-common/hooks/create-use-storage-state/index.js

@@ -1,79 +0,0 @@
-/* 2025-11-11 09:22:07 */
-import { useState as y } from "react";
-import "../../utils/is.js";
-import m from "../use-event-listener/index.js";
-import O from "../use-memoized-fn/index.js";
-import h from "../use-update-effect/index.js";
-import { isFunction as d, isUndefined as z } from "@unicom-cloud/utils/is";
-const E = "HOOKS_SYNC_STORAGE_EVENT_NAME";
-function w(p) {
-  function g(r, t = {}) {
-    let o;
-    const {
-      listenStorageChange: a = !1,
-      onError: i = (e) => {
-        console.error(e);
-      }
-    } = t;
-    try {
-      o = p();
-    } catch (e) {
-      i(e);
-    }
-    const N = (e) => t.serializer ? t.serializer(e) : JSON.stringify(e), S = (e) => t.deserializer ? t.deserializer(e) : JSON.parse(e);
-    function s() {
-      try {
-        const e = o?.getItem(r);
-        if (e)
-          return S(e);
-      } catch (e) {
-        i(e);
-      }
-      return d(t.defaultValue) ? t.defaultValue() : t.defaultValue;
-    }
-    const [u, l] = y(s);
-    h(() => {
-      l(s());
-    }, [r]);
-    const V = (e) => {
-      const c = d(e) ? e(u) : e;
-      a || l(c);
-      try {
-        let n;
-        const A = o?.getItem(r);
-        z(c) ? (n = null, o?.removeItem(r)) : (n = N(c), o?.setItem(r, n)), dispatchEvent(
-          // send custom event to communicate within same page
-          // importantly this should not be a StorageEvent since those cannot
-          // be constructed with a non-built-in storage area
-          new CustomEvent(E, {
-            detail: {
-              key: r,
-              newValue: n,
-              oldValue: A,
-              storageArea: o
-            }
-          })
-        );
-      } catch (n) {
-        i(n);
-      }
-    }, f = (e) => {
-      e.key !== r || e.storageArea !== o || l(s());
-    }, _ = (e) => {
-      f(e.detail);
-    };
-    return m("storage", f, {
-      enable: a
-    }), m(E, _, {
-      enable: a
-    }), [
-      u,
-      O(V)
-    ];
-  }
-  return g;
-}
-export {
-  E as SYNC_STORAGE_EVENT_NAME,
-  w as default
-};

package/dist/ui-common/hooks/use-async-effect/index.js

@@ -1,26 +0,0 @@
-/* 2025-11-11 09:22:07 */
-import { useEffect as i } from "react";
-import "../../utils/is.js";
-import { isFunction as f } from "@unicom-cloud/utils/is";
-function a(t) {
-  return f(t[Symbol.asyncIterator]);
-}
-function m(t, e) {
-  i(() => {
-    const n = t();
-    let o = !1;
-    async function r() {
-      if (a(n))
-        for (; !((await n.next()).done || o); )
-          ;
-      else
-        await n;
-    }
-    return r(), () => {
-      o = !0;
-    };
-  }, e);
-}
-export {
-  m as default
-};

package/dist/ui-common/hooks/use-boolean/index.js

@@ -1,15 +0,0 @@
-/* 2025-11-11 09:22:07 */
-import { useMemo as l } from "react";
-import u from "../use-toggle/index.js";
-function m(t = !1) {
-  const [o, { toggle: s, set: e }] = u(!!t), r = l(() => ({
-    toggle: s,
-    set: (f) => e(!!f),
-    setTrue: () => e(!0),
-    setFalse: () => e(!1)
-  }), []);
-  return [o, r];
-}
-export {
-  m as default
-};

package/dist/ui-common/hooks/use-click-away/index.js

@@ -1,32 +0,0 @@
-/* 2025-11-11 09:22:07 */
-import "../../utils/is.js";
-import p from "../use-latest/index.js";
-import u from "../utils/domTarget.js";
-import E from "../utils/getDocumentOrShadow.js";
-import d from "../utils/useEffectWithTarget.js";
-import { isArray as e } from "@unicom-cloud/utils/is";
-function x(s, o, r = "click") {
-  const f = p(s);
-  d(
-    () => {
-      const m = (t) => {
-        (e(o) ? o : [o]).some((a) => {
-          const c = u(a);
-          return !c || c.contains(t.target);
-        }) || f.current(t);
-      }, n = E(o), i = e(r) ? r : [r];
-      return i.forEach(
-        (t) => n.addEventListener(t, m)
-      ), () => {
-        i.forEach(
-          (t) => n.removeEventListener(t, m)
-        );
-      };
-    },
-    e(r) ? r : [r],
-    o
-  );
-}
-export {
-  x as default
-};

package/dist/ui-common/hooks/use-computed-state/index.js

@@ -1,12 +0,0 @@
-/* 2025-11-11 09:22:07 */
-import { useState as s, useEffect as f } from "react";
-function a(t, e) {
-  const [n, o] = s(t());
-  return f(() => {
-    const r = t();
-    o(r);
-  }, [e]), n;
-}
-export {
-  a as default
-};

package/dist/ui-common/hooks/use-controllable-value/index.js

@@ -1,27 +0,0 @@
-/* 2025-11-11 09:22:07 */
-import { useMemo as O, useRef as P } from "react";
-import "../../utils/is.js";
-import g from "../use-memoized-fn/index.js";
-import h from "../use-update/index.js";
-import { isFunction as V } from "@unicom-cloud/utils/is";
-function N(l, m = {}) {
-  const r = l ?? {}, {
-    defaultValue: f,
-    defaultValuePropName: u = "defaultValue",
-    valuePropName: a = "value",
-    trigger: n = "onChange"
-  } = m, p = r[a], e = Object.prototype.hasOwnProperty.call(
-    r,
-    a
-  ), i = O(() => e ? p : Object.prototype.hasOwnProperty.call(r, u) ? r[u] : f, []), t = P(i);
-  e && (t.current = p);
-  const s = h();
-  function d(o, ...y) {
-    const c = V(o) ? o(t.current) : o;
-    e || (t.current = c, s()), r[n] && r[n](c, ...y);
-  }
-  return [t.current, g(d)];
-}
-export {
-  N as default
-};

package/dist/ui-common/hooks/use-cookie-state/index.js

@@ -1,21 +0,0 @@
-/* 2025-11-11 09:22:07 */
-import r from "@unicom-cloud/utils/js-cookie";
-import { useState as s } from "react";
-import "../../utils/is.js";
-import p from "../use-memoized-fn/index.js";
-import { isString as d, isFunction as i } from "@unicom-cloud/utils/is";
-function x(e, o = {}) {
-  const [a, f] = s(() => {
-    const t = r.get(e);
-    return d(t) ? t : i(o.defaultValue) ? o.defaultValue() : o.defaultValue;
-  }), n = p(
-    (t, m = {}) => {
-      const { defaultValue: c, ...l } = { ...o, ...m }, u = i(t) ? t(a) : t;
-      f(u), u === void 0 ? r.remove(e) : r.set(e, u, l);
-    }
-  );
-  return [a, n];
-}
-export {
-  x as default
-};

package/dist/ui-common/hooks/use-count-down/index.js

@@ -1,37 +0,0 @@
-/* 2025-11-11 09:22:07 */
-import M from "dayjs";
-import { useMemo as i, useState as p, useEffect as v } from "react";
-import "../../utils/is.js";
-import D from "../use-latest/index.js";
-import { isNumber as I } from "@unicom-cloud/utils/is";
-const a = (e) => {
-  if (!e)
-    return 0;
-  const r = M(e).valueOf() - Date.now();
-  return r < 0 ? 0 : r;
-}, T = (e) => ({
-  days: Math.floor(e / 864e5),
-  hours: Math.floor(e / 36e5) % 24,
-  minutes: Math.floor(e / 6e4) % 60,
-  seconds: Math.floor(e / 1e3) % 60,
-  milliseconds: Math.floor(e) % 1e3
-}), j = (e = {}) => {
-  const { leftTime: r, targetDate: m, interval: s = 1e3, onEnd: u } = e || {}, c = i(() => I(r) && r > 0 ? Date.now() + r : void 0, [r]), o = "leftTime" in e ? c : m, [t, n] = p(() => a(o)), d = D(u);
-  v(() => {
-    if (!o) {
-      n(0);
-      return;
-    }
-    n(a(o));
-    const f = setInterval(() => {
-      const l = a(o);
-      n(l), l === 0 && (clearInterval(f), d.current?.());
-    }, s);
-    return () => clearInterval(f);
-  }, [o, s]);
-  const h = i(() => T(t), [t]);
-  return [t, h];
-};
-export {
-  j as default
-};

package/dist/ui-common/hooks/use-counter/index.js

@@ -1,44 +0,0 @@
-/* 2025-11-11 09:22:07 */
-import { useState as l } from "react";
-import "../../utils/is.js";
-import a from "../use-memoized-fn/index.js";
-import { isNumber as u } from "@unicom-cloud/utils/is";
-function f(i, c = {}) {
-  const { min: n, max: r } = c;
-  let m = i;
-  return u(r) && (m = Math.min(r, m)), u(n) && (m = Math.max(n, m)), m;
-}
-function $(i = 0, c = {}) {
-  const { min: n, max: r } = c, [m, s] = l(() => f(i, {
-    min: n,
-    max: r
-  })), o = (t) => {
-    s((e) => {
-      const h = u(t) ? t : t(e);
-      return f(h, {
-        max: r,
-        min: n
-      });
-    });
-  }, x = (t = 1) => {
-    o((e) => e + t);
-  }, p = (t = 1) => {
-    o((e) => e - t);
-  }, d = (t) => {
-    o(t);
-  }, M = () => {
-    o(i);
-  };
-  return [
-    m,
-    {
-      inc: a(x),
-      dec: a(p),
-      set: a(d),
-      reset: a(M)
-    }
-  ];
-}
-export {
-  $ as default
-};

package/dist/ui-common/hooks/use-create/index.js

@@ -1,9 +0,0 @@
-/* 2025-11-11 09:22:07 */
-import { useRef as t } from "react";
-function u(r) {
-  const e = t(!1);
-  e.current === !1 && (r(), e.current = !0);
-}
-export {
-  u as default
-};

package/dist/ui-common/hooks/use-creation/index.js

@@ -1,14 +0,0 @@
-/* 2025-11-11 09:22:07 */
-import { useRef as o } from "react";
-import r from "../utils/depsAreSame.js";
-const a = (t, i) => {
-  const { current: e } = o({
-    deps: i,
-    obj: void 0,
-    initialized: !1
-  });
-  return (e.initialized === !1 || !r(e.deps, i)) && (e.deps = i, e.obj = t(), e.initialized = !0), e.obj;
-};
-export {
-  a as default
-};

package/dist/ui-common/hooks/use-debounce/index.js

@@ -1,14 +0,0 @@
-/* 2025-11-11 09:22:07 */
-import { useState as n, useEffect as e } from "react";
-import m from "../use-debounce-fn/index.js";
-function c(t, r) {
-  const [o, u] = n(t), { run: f } = m(() => {
-    u(t);
-  }, r);
-  return e(() => {
-    f();
-  }, [t]), o;
-}
-export {
-  c as default
-};

package/dist/ui-common/hooks/use-debounce-effect/index.js

@@ -1,13 +0,0 @@
-/* 2025-11-11 09:22:07 */
-import { useState as u, useEffect as i } from "react";
-import n from "../use-debounce-fn/index.js";
-import p from "../use-update-effect/index.js";
-function l(o, r, t) {
-  const [f, e] = u({}), { run: m } = n(() => {
-    e({});
-  }, t);
-  i(() => m(), r), p(o, [f]);
-}
-export {
-  l as default
-};