@unicom-cloud/ui 0.8.118 → 0.8.120

package/dist/ui-common/utils/pad.js

@@ -1,19 +0,0 @@
-/* 2025-11-04 14:07:05 */
-function s(o, t, e = " ") {
-  const r = String(o);
-  if (!t)
-    return r;
-  const n = r.length < t ? `${e}${r}` : r;
-  return n.length < t ? s(n, t, e) : n;
-}
-function u(o, t, e = " ") {
-  const r = String(o);
-  if (!t)
-    return r;
-  const n = r.length < t ? `${r}${e}` : r;
-  return n.length < t ? u(n, t, e) : n;
-}
-export {
-  u as padEnd,
-  s as padStart
-};

package/dist/ui-common/utils/pick.js

@@ -1,19 +0,0 @@
-/* 2025-11-04 14:07:05 */
-function n(a, r) {
-  const t = {};
-  return r.forEach((s) => {
-    const c = s;
-    s in a && (t[c] = a[c]);
-  }), t;
-}
-function e(a) {
-  const r = {};
-  return Object.entries(a ?? {}).forEach(([t, s], c, i) => {
-    t.startsWith("data-") && (r[t] = s), t.startsWith("aria-") && (r[t] = s);
-  }), r;
-}
-export {
-  n as default,
-  n as pick,
-  e as pickDataAttributes
-};

package/dist/ui-common/utils/react19Adapter.js

@@ -1,4 +0,0 @@
-/* 2025-11-04 14:07:05 */
-import { createRoot as o } from "react-dom/client";
-import { setCreateRoot as t } from "./reactDOM.js";
-t(o);

package/dist/ui-common/utils/reactDOM.js

@@ -1,54 +0,0 @@
-/* 2025-11-04 14:07:05 */
-import { Component as s } from "react";
-import u from "react-dom";
-import d from "react-dom/client";
-import { isReact19 as c, isReact18 as m } from "./is.js";
-import l from "./warning.js";
-import { isFunction as r } from "@unicom-cloud/utils/is";
-const f = u, o = f.findDOMNode;
-let a;
-try {
-  a = f.createRoot ?? d.createRoot;
-} catch (t) {
-  console.error(t);
-}
-let i;
-function p(t) {
-  const n = t.constructor;
-  if (!r(n)) return !1;
-  i ||= /* @__PURE__ */ new WeakSet();
-  const e = i.has(n);
-  return i.add(n), e;
-}
-function N(t, n) {
-  if (!t) return null;
-  if (t instanceof Element)
-    return t;
-  if (t.dom instanceof Element)
-    return t.dom;
-  if (t.current instanceof Element)
-    return t.current;
-  if (c) {
-    const e = t.props?.ref;
-    if (e && "current" in e && e.current instanceof Element)
-      return e.current;
-  }
-  return r(t.getRootDOMNode) ? t.getRootDOMNode() : t instanceof s && r(o) ? o(t) : n && (l(
-    m && !p(n),
-    "Element does not define the `getRootDOMNode` method causing a call to React.findDOMNode. but findDOMNode is deprecated in StrictMode. Please check the code logic",
-    { element: t, instance: n }
-  ), r(o)) ? o(n) : null;
-}
-function E(t, n) {
-  if (!t) return;
-  let e;
-  c ? e = t?.props?.ref ?? t?.ref : e = t?.ref, e && (r(e) ? e(n) : "current" in e && (e.current = n));
-}
-function k(t) {
-  a = t;
-}
-export {
-  E as callbackOriginRef,
-  N as findDOMNode,
-  k as setCreateRoot
-};

package/dist/ui-common/utils/resizeObserver.js

@@ -1,33 +0,0 @@
-/* 2025-11-04 14:07:05 */
-import u from "lodash/throttle";
-import "./is.js";
-import { isFunction as l } from "@unicom-cloud/utils/is";
-function d(f, r) {
-  const n = [].concat(f).filter((e, s, a) => e instanceof Element);
-  if (!(n.length && l(r))) return () => {
-  };
-  let t;
-  const i = u((...e) => {
-    c(), t = window.requestAnimationFrame(() => {
-      r(...e);
-    });
-  }, 227), o = new ResizeObserver(i);
-  n.forEach((e, s, a) => {
-    o.observe(e);
-  });
-  function c() {
-    t && window.cancelAnimationFrame(t);
-  }
-  function m() {
-    n.forEach((e, s, a) => {
-      o.unobserve(e);
-    }), o.disconnect(), i.cancel(), c();
-  }
-  return () => {
-    m();
-  };
-}
-export {
-  d as default,
-  d as resizeObserver
-};

package/dist/ui-common/utils/scrollIntoViewIfNeeded.js

@@ -1,75 +0,0 @@
-/* 2025-11-04 14:07:05 */
-import { getScrollMargins as h, compute as i } from "./compute.js";
-import { alignNearest as x, canOverflow as C, getFrameElement as O, getParentElement as F, isHiddenByFrame as j, isScrollable as E } from "./compute.js";
-import "./is.js";
-import { isFunction as l, isObjectLike as s, isBoolean as m, isArray as c, isString as b } from "@unicom-cloud/utils/is";
-const g = (o) => !!o && s(o) && !c(o) && Object.keys(o).length > 0 && ("behavior" in o ? b(o.behavior) : !0), p = (o) => !!o && s(o) && !c(o) && l(o.behavior), v = (o) => o === !1 ? { block: "end", inline: "nearest" } : g(o) ? o : { block: "start", inline: "nearest" }, y = (o) => {
-  let t = o;
-  for (; t; ) {
-    if (t === document)
-      return !0;
-    t = t.parentNode instanceof ShadowRoot ? t.parentNode.host : t.parentNode;
-  }
-  return !1;
-};
-function S(o, t) {
-  if (!o?.isConnected || !y(o))
-    return;
-  const e = h(o);
-  if (p(t))
-    try {
-      return t.behavior(i(o, t));
-    } catch (a) {
-      console.error("Custom scroll behavior failed:", a);
-      return;
-    }
-  const n = m(t) ? void 0 : t?.behavior, r = v(t);
-  for (const { el: a, top: f, left: d } of i(o, r))
-    try {
-      a.scroll({
-        top: Math.max(0, f - e.top + e.bottom),
-        left: Math.max(0, d - e.left + e.right),
-        behavior: n
-      });
-    } catch (u) {
-      console.warn("Scroll failed on element:", a, u);
-    }
-}
-function B(o, t) {
-  o?.scrollIntoView && o.scrollIntoView(t);
-}
-function N(o, t) {
-  if (o) {
-    S(o, {
-      block: "start",
-      behavior: "auto",
-      scrollMode: "if-needed",
-      ...t
-    });
-    const e = o.offsetHeight, { height: n } = o.getBoundingClientRect();
-    if (t && t.boundary && e !== n) {
-      const r = l(t.boundary) ? t.boundary(o) : t.boundary;
-      r.scrollTop = Math.round(
-        r.scrollTop * (e / n)
-      );
-    }
-  }
-}
-export {
-  x as alignNearest,
-  C as canOverflow,
-  i as compute,
-  N as default,
-  O as getFrameElement,
-  v as getOptions,
-  F as getParentElement,
-  h as getScrollMargins,
-  p as isCustomScrollBehavior,
-  j as isHiddenByFrame,
-  y as isInDocument,
-  E as isScrollable,
-  g as isStandardScrollBehavior,
-  S as scrollIntoView,
-  N as scrollIntoViewIfNeeded,
-  B as scrollIntoViewNative
-};

package/dist/ui-common/utils/setDarkTheme.js

@@ -1,28 +0,0 @@
-/* 2025-11-04 14:07:05 */
-import { UI_PC_THEME_DARK_CLASS_NAME as r } from "@unicom-cloud/utils/constant/ui";
-import { CSS_VARIABLE_ELEMENT as n } from "./constant.js";
-const s = "dark";
-function c(e, t) {
-  e.classList.add(t);
-}
-function a(e, t) {
-  e.classList.remove(t);
-}
-function i(e) {
-  const {
-    element: t = n,
-    className: o = r,
-    mode: m = s
-  } = e ?? {};
-  return m === s ? c(t, o) : a(t, o), () => {
-    a(t, o);
-  };
-}
-function _(e) {
-  i({ ...e, mode: "light" });
-}
-export {
-  i as default,
-  _ as removeDarkTheme,
-  i as setDarkTheme
-};

package/dist/ui-common/utils/setDir.js

@@ -1,14 +0,0 @@
-/* 2025-11-04 14:07:05 */
-import { UI_PC_PREFIX as s } from "@unicom-cloud/utils/constant/ui.js";
-import { CSS_VARIABLE_ELEMENT as e } from "./constant.js";
-import "./is.js";
-import { isPlainObject as o } from "@unicom-cloud/utils/is";
-function p(r) {
-  if (!o(r)) return;
-  const { prefix: a = s, dir: i = "ltr" } = r, t = e;
-  t.setAttribute("dir", i), t.classList.remove("ltr"), t.classList.remove("rtl"), t.classList.add(i);
-}
-export {
-  p as default,
-  p as setDir
-};

package/dist/ui-common/utils/setPrimaryColor.js

@@ -1,31 +0,0 @@
-/* 2025-11-04 14:07:05 */
-import { UI_PC_PREFIX as y } from "@unicom-cloud/utils/constant/ui";
-import E from "@unicom-cloud/utils/tinycolor";
-import * as o from "@unicom-cloud/utils/ui-color";
-import { CSS_VARIABLE_ELEMENT as c } from "./constant.js";
-function g(f) {
-  const {
-    color: e,
-    element: t = c,
-    isDark: l = !1,
-    prefix: a = y
-  } = f ?? {}, i = {
-    color: e
-  }, m = l ? o.generateDark(i) : o.generate(i);
-  new E(e).equals(o.primary.value) ? n() : m.forEach((p, r, s) => {
-    t.style.setProperty(
-      `--${a}-primary-${r + 1}`,
-      p.toRgbArrayString()
-    );
-  });
-  function n() {
-    m.forEach((p, r, s) => {
-      t.style.removeProperty(`--${a}-primary-${r + 1}`);
-    });
-  }
-  return n;
-}
-export {
-  g as default,
-  g as setPrimaryColor
-};

package/dist/ui-common/utils/setTheme.js

@@ -1,56 +0,0 @@
-/* 2025-11-04 14:07:05 */
-import { UI_PC_PREFIX as f } from "@unicom-cloud/utils/constant/ui.js";
-import n from "@unicom-cloud/utils/tinycolor";
-import { CSS_VARIABLE_ELEMENT as m } from "./constant.js";
-import "./is.js";
-import { isPlainObject as $ } from "@unicom-cloud/utils/is";
-function b(y) {
-  if (!$(y)) return;
-  const { prefix: e = f, element: p, ...i } = y, s = {
-    primary: {
-      default: `--${e}-primary-6`,
-      hover: `--${e}-primary-5`,
-      active: `--${e}-primary-7`
-    },
-    success: {
-      default: `--${e}-green-6`,
-      hover: `--${e}-green-5`,
-      active: `--${e}-green-7`
-    },
-    info: {
-      default: `--${e}-primary-6`,
-      hover: `--${e}-primary-5`,
-      active: `--${e}-primary-7`
-    },
-    // warning: {
-    //   default: `--${prefix}-orangered-6`,
-    //   hover: `--${prefix}-orangered-5`,
-    //   active: `--${prefix}-orangered-7`,
-    // },
-    warning: {
-      default: `--${e}-orange-6`,
-      hover: `--${e}-orange-5`,
-      active: `--${e}-orange-7`
-    },
-    danger: {
-      default: `--${e}-red-6`,
-      hover: `--${e}-red-5`,
-      active: `--${e}-red-7`
-    }
-  };
-  Object.entries(s).forEach(([o, r], v, d) => {
-    s[`${o}Color`] = r;
-    const g = i[o];
-    if (!g) return;
-    const a = new n(g), t = p || m;
-    t.style.setProperty(r.default, a.toRgbArrayString());
-    const c = i[`${o}Hover`];
-    c ? t.style.setProperty(r.hover, new n(c).toRgbArrayString()) : t.style.setProperty(r.hover, a.lighten(7).toRgbArrayString());
-    const l = i[`${o}Active`];
-    l ? t.style.setProperty(r.active, new n(l).toRgbArrayString()) : t.style.setProperty(r.active, a.lighten(-7).toRgbArrayString());
-  });
-}
-export {
-  b as default,
-  b as setTheme
-};

package/dist/ui-common/utils/style.js

@@ -1,40 +0,0 @@
-/* 2025-11-04 14:07:05 */
-const o = [
-  "transform",
-  "WebkitTransform",
-  "msTransform",
-  "MozTransform",
-  "OTransform"
-];
-function s(t) {
-  return {
-    maxWidth: t,
-    minWidth: t,
-    width: t
-  };
-}
-function a(t) {
-  const e = {};
-  return o.forEach((r) => {
-    e[r] = t;
-  }), e;
-}
-function f(t, e) {
-  if (!t || !e)
-    return null;
-  let r = e;
-  r === "float" && (r = "cssFloat");
-  try {
-    if (document.defaultView) {
-      const n = document.defaultView.getComputedStyle(t, "");
-      return t.style[r] || n ? n[r] : "";
-    }
-  } catch {
-    return t.style[r];
-  }
-}
-export {
-  s as fixedWidth,
-  f as getStyle,
-  a as setTransformStyle
-};

package/dist/ui-common/utils/supportRef.js

@@ -1,10 +0,0 @@
-/* 2025-11-04 14:07:05 */
-import { isForwardRef as t, ForwardRef as o, Memo as s } from "react-is";
-import { isClassComponent as a, isDOMElement as f, isForwardRefReact as p, isReactComponent as n } from "./is.js";
-function r(e) {
-  return e ? f(e) || p(e) || t(e) || e.$$typeof === o ? !0 : e.$$typeof === s ? e.type?.$$typeof === o : n(e) ? a(e) : !1 : !1;
-}
-export {
-  r as default,
-  r as supportRef
-};

package/dist/ui-common/utils/throttleByRaf.js

@@ -1,17 +0,0 @@
-/* 2025-11-04 14:07:05 */
-function i(e, r = 1) {
-  let n = null;
-  function t(...a) {
-    return n ? cancelAnimationFrame(n) : r == 2 && (e(...a), n = requestAnimationFrame(() => {
-    })), n = requestAnimationFrame(() => {
-      e(...a), n = null;
-    }), n;
-  }
-  return t.cancel = () => {
-    cancelAnimationFrame(n), n = null;
-  }, t;
-}
-export {
-  i as default,
-  i as throttleByRaf
-};

package/dist/ui-common/utils/throttleByRaf2.js

@@ -1,9 +0,0 @@
-/* 2025-11-04 14:07:05 */
-import r from "./throttleByRaf.js";
-function o(t) {
-  return r(t, 2);
-}
-export {
-  o as default,
-  o as throttleByRaf2
-};

package/dist/ui-common/utils/toArray.js

@@ -1,15 +0,0 @@
-/* 2025-11-04 14:07:05 */
-import e from "react";
-import { isFragment as i } from "react-is";
-import "./is.js";
-import { isArray as m } from "@unicom-cloud/utils/is";
-function t(s, r = {}) {
-  const p = [];
-  return e.Children.forEach(s, (o) => {
-    o == null && !r.keepEmpty || (m(o) ? p.push(...t(o, r)) : i(o) && "props" in o && o.props ? p.push(...t(o.props.children, r)) : p.push(o));
-  }), p;
-}
-export {
-  t as default,
-  t as toArray
-};

package/dist/ui-common/utils/warning.js

@@ -1,12 +0,0 @@
-/* 2025-11-04 14:07:05 */
-function r(e, n, ...o) {
-  if (process.env.NODE_ENV !== "production" && console && e)
-    return console.error(
-      `[@pqb-ui]: ${n}`,
-      o ? { detail: o } : void 0
-    );
-}
-export {
-  r as default,
-  r as warning
-};

package/form/IconSymbol.js

@@ -1,21 +0,0 @@
-/* 2025-11-04 14:07:05 */
-import { jsx as l } from "react/jsx-runtime";
-function o(e) {
-  return /* @__PURE__ */ l(
-    "svg",
-    {
-      width: "1em",
-      height: "1em",
-      "aria-hidden": !0,
-      focusable: !1,
-      fill: "currentColor",
-      stroke: "none",
-      viewBox: "0 0 48 48",
-      ...e,
-      children: /* @__PURE__ */ l("path", { d: "M30.841,46.115l5.864,-2.824l-6.841,-14.205l15.371,3.508l1.449,-6.345l-15.372,-3.509l12.327,-9.83l-4.058,-5.088l-12.327,9.83l0,-15.767l-6.508,0l-0,15.767l-12.327,-9.83l-4.058,5.088l12.327,9.83l-15.372,3.509l1.449,6.345l15.371,-3.508l-6.841,14.205l5.864,2.824l6.841,-14.206l6.841,14.206Z" })
-    }
-  );
-}
-export {
-  o as default
-};

package/types/_common/development/index.d.ts

@@ -1,8 +0,0 @@
-import type { DevelopmentProps } from './interface';
-/**
- * 开发占位组件
- * @description 用于展示未开发完成的功能区块，支持自定义图片/图标和提示文字
- */
-declare const Development: import("react").ForwardRefExoticComponent<DevelopmentProps & import("react").RefAttributes<HTMLDivElement>>;
-export default Development;
-export type { DevelopmentProps };

package/types/_common/development/interface.d.ts

@@ -1,22 +0,0 @@
-import type { ReactNode } from 'react';
-/**
- * Development 组件的属性类型定义
- * @property {string} [url] - 图片 URL，如果有则显示图片而不是图标
- * @property {ReactNode} [icon] - 自定义图标，会覆盖默认的等待图标
- * @property {string} [label] - 提示文字，默认为"等待开发"
- * @property {string} [tip] - 提示文字别名，优先级低于 label
- * @property {string} [className] - 根节点类名
- * @property {string} [imgClassName] - 图片类名
- * @property {string} [iconClassName] - 图标类名
- * @property {string} [labelClassName] - 文字标签类名
- */
-export interface DevelopmentProps {
-    url?: string;
-    icon?: ReactNode;
-    label?: string;
-    tip?: string;
-    className?: string;
-    imgClassName?: string;
-    iconClassName?: string;
-    labelClassName?: string;
-}

package/types/_common/empty/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { EmptyProps } from './interface';
-export declare const Empty: React.NamedExoticComponent<EmptyProps & React.RefAttributes<HTMLDivElement>>;
-export default Empty;
-export type { EmptyProps };

package/types/_common/empty/interface.d.ts

@@ -1,24 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-/**
- * @title Empty
- */
-export interface EmptyProps {
-    style?: CSSProperties;
-    prefixCls?: string;
-    className?: string | string[];
-    /**
-     * @zh 显示文案
-     * @en Description of empty content
-     */
-    description?: ReactNode;
-    /**
-     * @zh 自定义显示图案
-     * @en Custom icon
-     */
-    icon?: ReactNode;
-    /**
-     * @zh 将图标替换为图片
-     * @en Replace icon with picture
-     */
-    imgSrc?: string;
-}

package/types/_common/flex/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { type FlexProps, type FlexVerticalProps } from './interface';
-declare const FlexVertical: React.ForwardRefExoticComponent<FlexVerticalProps & React.RefAttributes<HTMLElement>>;
-declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLElement>> & {
-    Vertical: React.ForwardRefExoticComponent<FlexVerticalProps & React.RefAttributes<HTMLElement>>;
-};
-export { FlexVertical };
-export default Flex;

package/types/_common/flex/interface.d.ts

@@ -1,73 +0,0 @@
-import React from 'react';
-export type GapProperty = 'gap' | 'rowGap' | 'columnGap';
-export declare const GAP_SIZE_MAP: {
-    mini: number;
-    small: number;
-    medium: number;
-    large: number;
-};
-export type SizeType = keyof typeof GAP_SIZE_MAP;
-export type GapType = SizeType | React.CSSProperties['gap'];
-/**
- * @title Flex
- * @description Flex布局组件属性
- */
-export interface FlexProps extends React.HTMLAttributes<HTMLElement> {
-    /**
-     * @zh 元素的行为类似于行级元素并且它的内容根据弹性盒模型布局。
-     */
-    inline?: boolean;
-    /**
-     * @zh 布局方向
-     */
-    direction?: React.CSSProperties['flexDirection'];
-    /**
-     * @zh 换行方式
-     * @en Flex wrap style
-     */
-    wrap?: boolean | React.CSSProperties['flexWrap'];
-    /**
-     * @zh 主轴对齐方式
-     * @en Justify content alignment
-     */
-    justify?: React.CSSProperties['justifyContent'];
-    /**
-     * @zh 交叉轴对齐方式
-     * @en Align items alignment
-     */
-    align?: React.CSSProperties['alignItems'];
-    /**
-     * @zh flex属性
-     * @en Flex property
-     */
-    flex?: React.CSSProperties['flex'];
-    /**
-     * @zh 间距大小
-     * @en Gap size
-     * @default small
-     * @values 'mini', 'small', 'medium', 'large', string, number
-     */
-    gap?: GapType;
-    /**
-     * @zh 自定义渲染元素
-     * @en Custom component type
-     */
-    component?: React.ElementType;
-    /**
-     * @zh 是否启用RTL模式
-     * @en Whether to enable RTL mode
-     */
-    rtl?: boolean;
-    /**
-     * @zh 子元素
-     * @en Children elements
-     */
-    children: React.ReactNode;
-}
-export interface FlexVerticalProps extends Omit<FlexProps, 'direction'> {
-    /**
-     * @zh 垂直布局（正序或倒序）
-     * @en vertical layout
-     */
-    direction?: 'column' | 'column-reverse';
-}

package/types/_common/higher-order/index.d.ts

@@ -1 +0,0 @@
-export { default as withSpeechSynthesis } from './with-speech-synthesis';

package/types/_common/higher-order/with-speech-synthesis/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { SpeechSynthesisHandles, SpeechSynthesisProps } from './interface';
-declare const withSpeechSynthesis: {
-    <P extends object>(WrappedComponent: React.ComponentType<P>): React.NamedExoticComponent<React.PropsWithoutRef<SpeechSynthesisProps & P> & React.RefAttributes<SpeechSynthesisHandles>>;
-    displayName: string;
-};
-export default withSpeechSynthesis;

package/types/_common/higher-order/with-speech-synthesis/interface.d.ts

@@ -1,13 +0,0 @@
-export interface SpeechSynthesisProps {
-    useButton?: boolean;
-    buttonProps?: Record<string, any>;
-    getText?: () => string;
-    text?: string;
-    iconProps?: Record<string, any>;
-}
-export interface SpeechSynthesisHandles {
-    cancel: () => void;
-    speak: () => void;
-    pause: () => void;
-    resume: () => void;
-}

package/types/_common/hooks/create-deep-compare-effect/index.d.ts

@@ -1,5 +0,0 @@
-import type { useEffect, useLayoutEffect } from 'react';
-type EffectHookType = typeof useEffect | typeof useLayoutEffect;
-type CreateUpdateEffect = (hook: EffectHookType) => EffectHookType;
-declare const createDeepCompareEffect: CreateUpdateEffect;
-export default createDeepCompareEffect;

package/types/_common/hooks/create-update-effect/index.d.ts

@@ -1,4 +0,0 @@
-import type { useEffect, useLayoutEffect } from 'react';
-type EffectHookType = typeof useEffect | typeof useLayoutEffect;
-declare const createUpdateEffect: (hook: EffectHookType) => EffectHookType;
-export default createUpdateEffect;

package/types/_common/hooks/create-use-storage-state/index.d.ts

@@ -1,11 +0,0 @@
-export declare const SYNC_STORAGE_EVENT_NAME = "HOOKS_SYNC_STORAGE_EVENT_NAME";
-export type SetState<S> = S | ((prevState?: S) => S);
-export interface Options<T> {
-    defaultValue?: T | (() => T);
-    listenStorageChange?: boolean;
-    serializer?: (value: T) => string;
-    deserializer?: (value: string) => T;
-    onError?: (error: unknown) => void;
-}
-declare function createUseStorageState(getStorage: () => Storage | undefined): <T>(key: string, options?: Options<T>) => readonly [T, (value: SetState<T>) => void];
-export default createUseStorageState;