@unicom-cloud/ui 0.8.102 → 0.8.103

package/types/pc/qr-code/interface.d.ts

@@ -1,39 +1,32 @@
+import type React from 'react';
 export interface QRCodeProps {
-    /**
-     * 二维码内容
-     */
-    value?: string;
-    /**
-     * 二维码尺寸（像素）
-     * @default 160
-     */
+    /** 二维码内容 (必填) */
+    value: string;
+    /** 渲染模式 */
+    renderAs?: 'svg' | 'canvas';
+    /** 二维码尺寸（像素） */
     size?: number;
-    /**
-     * 二维码颜色
-     * @default '#000000'
-     */
-    color?: string;
-    /**
-     * 二维码背景色
-     * @default '#ffffff'
-     */
-    bgColor?: string;
-    /**
-     * 是否有边框
-     * @default true
-     */
+    /** 是否显示边框 */
     bordered?: boolean;
-    /**
-     * 容错级别
-     * @default 'M'
-     */
+    /** 容错级别 */
     errorLevel?: 'L' | 'M' | 'Q' | 'H';
-    /**
-     * 自定义样式
-     */
-    style?: React.CSSProperties;
-    /**
-     * 自定义类名
-     */
+    /** 前景色（二维码点颜色） */
+    fgColor?: string;
+    /** 背景色 */
+    bgColor?: string;
+    /** 边距大小（像素） */
+    marginSize?: number;
+    /** 中心图标设置 */
+    imageSettings?: {
+        src: string;
+        height: number;
+        width: number;
+        excavate: boolean;
+        x?: number;
+        y?: number;
+    };
+    /** 自定义类名 */
     className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
 }

package/types/pc/tour/index.d.ts

@@ -1,47 +1,4 @@
-import React, { CSSProperties } from 'react';
-type Placement = 'top' | 'bottom' | 'left' | 'right';
-type TourType = 'default' | 'primary';
-export interface TourStep {
-    /** 目标元素 (选择器字符串或DOM元素) */
-    target: string | HTMLElement;
-    /** 标题内容 */
-    title?: React.ReactNode;
-    /** 描述内容 */
-    description?: React.ReactNode;
-    /** 初始弹出位置 (会自动调整) */
-    placement?: Placement;
-}
-export interface TourProps {
-    /** 自定义样式 */
-    style?: CSSProperties;
-    /** 自定义类名 */
-    className?: string | string[];
-    /** 引导步骤数组 */
-    steps: TourStep[];
-    /** 是否显示引导 */
-    open?: boolean;
-    /** 关闭回调 */
-    onClose?: () => void;
-    /** 是否显示遮罩 */
-    mask?: boolean;
-    /** 点击遮罩是否关闭 */
-    maskClosable?: boolean;
-    /** 引导类型 (default/primary) */
-    type?: TourType;
-    /** 默认弹出位置 */
-    placement?: Placement;
-    /** 是否显示箭头 */
-    arrow?: boolean;
-    /** 是否显示关闭按钮 */
-    closable?: boolean;
-    /** 层级 */
-    zIndex?: number;
-    /** 当前步骤索引 */
-    current?: number;
-    /** 完成回调 */
-    onFinish?: () => void;
-    /** 步骤改变回调 */
-    onStepChange?: (current: number) => void;
-}
+import React from 'react';
+import type { TourProps } from './interface';
 declare function Tour(baseProps: TourProps): React.ReactElement | null;
 export default Tour;

package/types/pc/tour/interface.d.ts

@@ -0,0 +1,46 @@
+import type React from 'react';
+import type { CSSProperties } from 'react';
+export type Placement = 'top' | 'bottom' | 'left' | 'right';
+export type TourType = 'default' | 'primary';
+export interface TourStep {
+    /** 目标元素 (选择器字符串或DOM元素) */
+    target: string | HTMLElement;
+    /** 标题内容 */
+    title?: React.ReactNode;
+    /** 描述内容 */
+    description?: React.ReactNode;
+    /** 初始弹出位置 (会自动调整) */
+    placement?: Placement;
+}
+export interface TourProps {
+    /** 自定义样式 */
+    style?: CSSProperties;
+    /** 自定义类名 */
+    className?: string | string[];
+    /** 引导步骤数组 */
+    steps: TourStep[];
+    /** 是否显示引导 */
+    open?: boolean;
+    /** 关闭回调 */
+    onClose?: () => void;
+    /** 是否显示遮罩 */
+    mask?: boolean;
+    /** 点击遮罩是否关闭 */
+    maskClosable?: boolean;
+    /** 引导类型 (default/primary) */
+    type?: TourType;
+    /** 默认弹出位置 */
+    placement?: Placement;
+    /** 是否显示箭头 */
+    arrow?: boolean;
+    /** 是否显示关闭按钮 */
+    closable?: boolean;
+    /** 层级 */
+    zIndex?: number;
+    /** 当前步骤索引 */
+    current?: number;
+    /** 完成回调 */
+    onFinish?: () => void;
+    /** 步骤改变回调 */
+    onStepChange?: (current: number) => void;
+}

package/types/pc/utils/responsiveObserve.d.ts

@@ -1,12 +1,16 @@
 export type Breakpoint = 'xxxl' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
-export type BreakpointMap = Partial<Record<Breakpoint, string>>;
+export type BreakpointMap = Record<Breakpoint, string>;
 export type ScreenMap = Partial<Record<Breakpoint, boolean>>;
 export declare const responsiveArray: Breakpoint[];
 export declare const responsiveMap: BreakpointMap;
-type SubscribeFunc = (screens: ScreenMap, breakpointChecked: Breakpoint) => void;
+type SubscribeFunc = (screens: ScreenMap, breakpointChecked: Breakpoint | null) => void;
+type MatchHandler = {
+    mql: MediaQueryList;
+    listener: (this: MediaQueryList, ev: MediaQueryListEvent) => void;
+};
 declare const responsiveObserve: {
-    matchHandlers: {};
-    dispatch(pointMap: ScreenMap, breakpointChecked: Breakpoint): boolean;
+    matchHandlers: Record<string, MatchHandler>;
+    dispatch(pointMap: ScreenMap, breakpointChecked: Breakpoint | null): boolean;
     subscribe(func: SubscribeFunc): string;
     unsubscribe(token: string): void;
     unregister(): void;

package/typography/Ellipsis.js

@@ -45,6 +45,7 @@ import "../dist/react-transition-group/chunk/CPfP7aNL.js";
 import "../dist/react-transition-group/src/TransitionGroup.js";
 import "../components/common/utils/reactDOM.js";
 import { resizeObserver as it } from "../components/common/utils/resizeObserver.js";
+import "uuid";
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
 import "@unicom-cloud/utils/tinycolor";
@@ -55,7 +56,6 @@ import { throttleByRaf as nt } from "../components/common/utils/throttleByRaf.js
 import "react-is";
 import "@unicom-cloud/utils/tree";
 import { isPlainObject as b, isFunction as st } from "@unicom-cloud/utils/is";
-import "uuid";
 import "../dist/validate/src/index.js";
 import "@unicom-cloud/utils/constant/keyboardCode";
 import lt from "../config-provider/context.js";

package/typography/Operations.js

@@ -44,6 +44,7 @@ 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 "../components/common/utils/reactDOM.js";
+import "uuid";
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
 import "@unicom-cloud/utils/tinycolor";
@@ -52,7 +53,6 @@ import "@unicom-cloud/utils/constant/ui.js";
 import "react-is";
 import "@unicom-cloud/utils/tree";
 import { isFunction as K } from "@unicom-cloud/utils/is";
-import "uuid";
 import "../dist/validate/src/index.js";
 import "@unicom-cloud/utils/constant/keyboardCode";
 function Bo(u) {

package/utils/responsiveObserve.js

@@ -1,4 +1,5 @@
-const c = [
+import { v4 as a } from "uuid";
+const m = [
   "xxxl",
   "xxl",
   "xl",
@@ -6,7 +7,7 @@ const c = [
   "md",
   "sm",
   "xs"
-], n = {
+], h = {
   xs: "(max-width: 575px)",
   sm: "(min-width: 576px)",
   md: "(min-width: 768px)",
@@ -15,52 +16,58 @@ const c = [
   xxl: "(min-width: 1600px)",
   xxxl: "(min-width: 2000px)"
 };
-let i = [], a = -1, r = {};
-const d = {
+let i = [], n = {};
+const x = {
   matchHandlers: {},
   dispatch(e, t) {
-    return r = e, i.length < 1 ? !1 : (i.forEach((s) => {
-      s.func(r, t);
+    return n = e, i.length < 1 ? !1 : (i.forEach((s) => {
+      s.func(n, t);
     }), !0);
   },
   subscribe(e) {
     i.length === 0 && this.register();
-    const t = (++a).toString();
+    const t = a();
     return i.push({
       token: t,
       func: e
-    }), e(r, null), t;
+    }), e(n, null), t;
   },
   unsubscribe(e) {
     i = i.filter((t) => t.token !== e), i.length === 0 && this.unregister();
   },
   unregister() {
-    Object.keys(n).forEach((e) => {
-      const t = n[e], s = this.matchHandlers[t];
-      s && s.mql && s.listener && s.mql.removeListener(s.listener);
-    });
+    Object.entries(h).forEach(([e, t]) => {
+      const s = this.matchHandlers[t];
+      s && s.mql && s.listener && s.mql.removeEventListener("change", s.listener);
+    }), this.matchHandlers = {};
   },
   register() {
-    Object.keys(n).forEach((e) => {
-      const t = n[e], s = ({ matches: l }) => {
+    Object.entries(h).forEach(([e, t]) => {
+      const s = window.matchMedia(t), r = (l) => {
         this.dispatch(
           {
-            ...r,
-            [e]: l
+            ...n,
+            [e]: l.matches
           },
           e
         );
-      }, h = window.matchMedia(t);
-      h.addEventListener("change", s), this.matchHandlers[t] = {
-        mql: h,
-        listener: s
-      }, s(h);
+      };
+      s.addEventListener("change", r), this.matchHandlers[t] = {
+        mql: s,
+        listener: r
+      }, this.dispatch(
+        {
+          ...n,
+          [e]: s.matches
+        },
+        e
+      );
     });
   }
 };
 export {
-  d as default,
-  c as responsiveArray,
-  n as responsiveMap,
-  d as responsiveObserve
+  x as default,
+  m as responsiveArray,
+  h as responsiveMap,
+  x as responsiveObserve
 };

package/version/index.js

@@ -1,4 +1,4 @@
-const I = "2025-07-14 11:22:21", t = "1752463341138", E = "2.66.0";
+const I = "2025-07-15 17:07:00", t = "1752570420077", E = "2.66.0";
 export {
   E as VERSION,
   I as VERSION_BUILD_DATE,