@unicom-cloud/ui 0.8.102 → 0.8.103

package/table/hook/useThResizable.js

@@ -39,6 +39,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";
@@ -47,7 +48,6 @@ import "@unicom-cloud/utils/constant/ui.js";
 import "react-is";
 import "@unicom-cloud/utils/tree";
 import { isArray as C } from "@unicom-cloud/utils/is";
-import "uuid";
 import "../../dist/validate/src/index.js";
 import "@unicom-cloud/utils/constant/keyboardCode";
 import z from "../th-resizable/index.js";

package/table/th-resizable/index.js

@@ -40,6 +40,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";
@@ -48,7 +49,6 @@ import "@unicom-cloud/utils/constant/ui.js";
 import "react-is";
 import "@unicom-cloud/utils/tree";
 import { isFunction as E, isPlainObject as T } from "@unicom-cloud/utils/is";
-import "uuid";
 import "../../dist/validate/src/index.js";
 import "@unicom-cloud/utils/constant/keyboardCode";
 import { defaultComponent as D } from "../constant.js";

package/tour/index.js

@@ -52,6 +52,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 { resizeObserver as yt } from "../components/common/utils/resizeObserver.js";
+import "uuid";
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
 import "@unicom-cloud/utils/tinycolor";
@@ -60,7 +61,6 @@ import "@unicom-cloud/utils/constant/ui.js";
 import "react-is";
 import "@unicom-cloud/utils/tree";
 import "@unicom-cloud/utils/is";
-import "uuid";
 import "../dist/validate/src/index.js";
 import $t from "../config-provider/context.js";
 const xt = {

package/tour/interface.js

@@ -0,0 +1 @@
+

package/types/pc/config-provider/interface.d.ts

@@ -14,11 +14,11 @@ import { CarouselProps } from '../carousel/interface';
 import { CascaderProps } from '../cascader/interface';
 import { CheckboxProps } from '../checkbox/interface';
 import { CollapseProps } from '../collapse/interface';
-import { ColorPickerProps } from '../color-picker';
+import { ColorPickerProps } from '../color-picker/interface';
 import { CommentProps } from '../comment/interface';
 import { PickerProps as DatePickerCommonProps } from '../date-picker/interface';
 import { DescriptionsProps } from '../descriptions/interface';
-import { DetailsProps } from '../details';
+import { DetailsProps } from '../details/interface';
 import { DividerProps } from '../divider/interface';
 import { DrawerProps } from '../drawer/interface';
 import { DropdownButtonProps, DropdownProps } from '../dropdown/interface';
@@ -32,11 +32,11 @@ import { InputTagProps } from '../input-tag/interface';
 import { InputProps } from '../input/interface';
 import { LayoutProps } from '../layout/interface';
 import { LinkProps } from '../link/interface';
-import { LiquidFillProps } from '../liquid-fill';
+import { LiquidFillProps } from '../liquid-fill/interface';
 import { ListItemProps, ListProps } from '../list/interface';
-import type { LoadingProps } from '../loading';
+import type { LoadingProps } from '../loading/interface';
 import { Locale } from '../locale/interface';
-import type { MarqueeProps } from '../marquee';
+import type { MarqueeProps } from '../marquee/interface';
 import { MentionsProps } from '../mentions/interface';
 import { MenuProps } from '../menu/interface';
 import { ModalProps } from '../modal/interface';
@@ -45,7 +45,7 @@ import { PaginationProps } from '../pagination/interface';
 import { PopconfirmProps } from '../popconfirm/interface';
 import { PopoverProps } from '../popover/interface';
 import { ProgressProps } from '../progress/interface';
-import { QRCodeProps } from '../qr-code';
+import { QRCodeProps } from '../qr-code/interface';
 import { RadioGroupProps, RadioProps } from '../radio/interface';
 import { RateProps } from '../rate/interface';
 import { ResizeBoxProps } from '../resize-box/interface';
@@ -66,12 +66,12 @@ import { TagProps } from '../tag/interface';
 import { PickerProps as TimePickerCommonProps } from '../time-picker/interface';
 import { TimelineItemProps, TimelineProps } from '../timeline/interface';
 import { TooltipProps } from '../tooltip/interface';
-import { TourProps } from '../tour';
+import { TourProps } from '../tour/interface';
 import { TransferProps } from '../transfer/interface';
 import { TreeSelectProps } from '../tree-select/interface';
 import { TreeProps } from '../tree/interface';
 import { TriggerProps } from '../trigger/interface';
-import { TypographyEllipsisProps, type TypographyProps } from '../typography';
+import { TypographyEllipsisProps, type TypographyProps } from '../typography/interface';
 import { UploadProps } from '../upload/interface';
 import { Omit } from '../utils/type';
 import { VerificationCodeProps } from '../verification-code/interface';

package/types/pc/grid/Row.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import { RowProps } from './interface';
-declare const Row: import("react").ForwardRefExoticComponent<RowProps & import("react").RefAttributes<unknown>>;
+declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
 export default Row;
 export type { RowProps };

package/types/pc/index.d.ts

@@ -79,13 +79,13 @@ export type { ContentProps, FooterProps, HeaderProps, LayoutProps, SiderProps, }
 export { default as Link } from './link';
 export type { LinkProps } from './link/interface';
 export { default as LiquidFill } from './liquid-fill';
-export type { LiquidFillProps } from './liquid-fill';
+export type { LiquidFillProps } from './liquid-fill/interface';
 export { default as List, ListItem } from './list';
 export type { ListItemMetaProps, ListItemProps, ListProps, } from './list/interface';
 export { default as Loading } from './loading';
 export type { LoadingProps } from './loading/interface';
 export { default as Marquee } from './marquee';
-export type { MarqueeProps } from './marquee';
+export type { MarqueeProps } from './marquee/interface';
 export { default as Mentions } from './mentions';
 export type { MentionsProps } from './mentions/interface';
 export { default as Menu, MenuItem, MenuItemGroup, MenuSubMenu, SubMenu, } from './menu';
@@ -109,7 +109,7 @@ export type { PortalProps, PortalWrapperProps } from './portal/interface';
 export { default as Progress } from './progress';
 export type { ProgressProps } from './progress/interface';
 export { default as QRCode } from './qr-code';
-export type { QRCodeProps } from './qr-code';
+export type { QRCodeProps } from './qr-code/interface';
 export { default as Radio, RadioGroup, RadioGroupBlock, RadioGroupContext, } from './radio';
 export type { RadioGroupProps, RadioProps } from './radio/interface';
 export { default as Rate } from './rate';
@@ -155,7 +155,7 @@ export type { TimelineItemProps, TimelineProps } from './timeline/interface';
 export { default as Tooltip } from './tooltip';
 export type { TooltipProps } from './tooltip/interface';
 export { default as Tour } from './tour';
-export type { TourProps } from './tour';
+export type { TourProps } from './tour/interface';
 export { default as Transfer } from './transfer';
 export type { TransferItemProps, TransferProps } from './transfer/interface';
 export { default as Tree, TreeNode } from './tree';

package/types/pc/liquid-fill/index.d.ts

@@ -1,115 +1,4 @@
-import React, { type CSSProperties } from 'react';
-/**
- * 颜色配置类型，支持纯色和渐变色
- */
-type ColorType = string | {
-    /** 渐变起始颜色 */
-    from: string;
-    /** 渐变结束颜色 */
-    to: string;
-    /**
-     * 渐变方向
-     * @default 'vertical' 垂直渐变
-     */
-    direction?: 'horizontal' | 'vertical';
-};
-/**
- * 水球填充组件的属性接口
- */
-export interface LiquidFillProps {
-    /** 自定义容器样式 */
-    style?: CSSProperties;
-    /** 自定义类名 */
-    className?: string | string[];
-    /**
-     * 当前填充比例 (0-1)
-     * @default 0.5
-     */
-    value: number;
-    /**
-     * 组件尺寸 (像素)
-     * @default 200
-     */
-    size?: number;
-    /**
-     * 字体大小
-     * @default size * 0.15
-     */
-    fontSize?: number | string;
-    /**
-     * 波浪颜色，支持纯色或渐变色
-     * @default 'rgb(var(--pqb-blue-6))'
-     */
-    waveColor?: ColorType;
-    /**
-     * 背景颜色，支持纯色或渐变色
-     * @default 'var(--pqb-color-neutral-1)'
-     */
-    backgroundColor?: ColorType;
-    /**
-     * 文字颜色
-     * @default 'var(--pqb-color-neutral-8)'
-     */
-    textColor?: string;
-    /**
-     * 是否显示百分比
-     * @default true
-     */
-    showPercent?: boolean;
-    /**
-     * 动画持续时间(毫秒)
-     * @default 2000
-     */
-    duration?: number;
-    /**
-     * 波浪数量
-     * @default 3
-     */
-    waveCount?: number;
-    /**
-     * 波浪振幅
-     * @default 10
-     */
-    waveAmplitude?: number;
-    /**
-     * 内层边框颜色
-     * @default 'var(--pqb-color-neutral-4)'
-     */
-    borderColor?: string;
-    /**
-     * 内层边框宽度
-     * @default 2
-     */
-    borderWidth?: number;
-    /**
-     * 外层边框颜色（默认使用内层边框颜色但透明度30%）
-     */
-    outerBorderColor?: string;
-    /**
-     * 外层边框宽度
-     * @default 0（不显示）
-     */
-    outerBorderWidth?: number;
-    /**
-     * 内外层边框间距
-     * @default 2
-     */
-    borderGap?: number;
-    /**
-     * 百分比显示的小数位数
-     * @default 0（整数）
-     */
-    decimalPlaces?: number;
-    /**
-     * 百分号相对于数字的缩放比例
-     * @default 0.5
-     */
-    percentFontScale?: number;
-    /**
-     * 波浪速度变化系数（值越大速度差异越大）
-     * @default 0.5
-     */
-    waveSpeedVariation?: number;
-}
+import React from 'react';
+import type { LiquidFillProps } from './interface';
 declare const LiquidFill: React.FC<LiquidFillProps>;
 export default LiquidFill;

package/types/pc/liquid-fill/interface.d.ts

@@ -0,0 +1,113 @@
+import type { CSSProperties } from 'react';
+/**
+ * 颜色配置类型，支持纯色和渐变色
+ */
+export type ColorType = string | {
+    /** 渐变起始颜色 */
+    from: string;
+    /** 渐变结束颜色 */
+    to: string;
+    /**
+     * 渐变方向
+     * @default 'vertical' 垂直渐变
+     */
+    direction?: 'horizontal' | 'vertical';
+};
+/**
+ * 水球填充组件的属性接口
+ */
+export interface LiquidFillProps {
+    /** 自定义容器样式 */
+    style?: CSSProperties;
+    /** 自定义类名 */
+    className?: string | string[];
+    /**
+     * 当前填充比例 (0-1)
+     * @default 0.5
+     */
+    value: number;
+    /**
+     * 组件尺寸 (像素)
+     * @default 200
+     */
+    size?: number;
+    /**
+     * 字体大小
+     * @default size * 0.15
+     */
+    fontSize?: number | string;
+    /**
+     * 波浪颜色，支持纯色或渐变色
+     * @default 'rgb(var(--pqb-blue-6))'
+     */
+    waveColor?: ColorType;
+    /**
+     * 背景颜色，支持纯色或渐变色
+     * @default 'var(--pqb-color-neutral-1)'
+     */
+    backgroundColor?: ColorType;
+    /**
+     * 文字颜色
+     * @default 'var(--pqb-color-neutral-8)'
+     */
+    textColor?: string;
+    /**
+     * 是否显示百分比
+     * @default true
+     */
+    showPercent?: boolean;
+    /**
+     * 动画持续时间(毫秒)
+     * @default 2000
+     */
+    duration?: number;
+    /**
+     * 波浪数量
+     * @default 3
+     */
+    waveCount?: number;
+    /**
+     * 波浪振幅
+     * @default 10
+     */
+    waveAmplitude?: number;
+    /**
+     * 内层边框颜色
+     * @default 'var(--pqb-color-neutral-4)'
+     */
+    borderColor?: string;
+    /**
+     * 内层边框宽度
+     * @default 2
+     */
+    borderWidth?: number;
+    /**
+     * 外层边框颜色（默认使用内层边框颜色但透明度30%）
+     */
+    outerBorderColor?: string;
+    /**
+     * 外层边框宽度
+     * @default 0（不显示）
+     */
+    outerBorderWidth?: number;
+    /**
+     * 内外层边框间距
+     * @default 2
+     */
+    borderGap?: number;
+    /**
+     * 百分比显示的小数位数
+     * @default 0（整数）
+     */
+    decimalPlaces?: number;
+    /**
+     * 百分号相对于数字的缩放比例
+     * @default 0.5
+     */
+    percentFontScale?: number;
+    /**
+     * 波浪速度变化系数（值越大速度差异越大）
+     * @default 0.5
+     */
+    waveSpeedVariation?: number;
+}

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

@@ -1,61 +1,4 @@
-import React, { type CSSProperties, type ReactNode } from 'react';
-export interface MarqueeProps {
-    /**
-     * 运动内容（支持文本或React节点）
-     * @example
-     * <Marquee>这是运动内容</Marquee>
-     */
-    children?: ReactNode;
-    /**
-     * 运动速度（像素/秒）
-     * @default 50
-     * @range 1-200
-     */
-    speed?: number;
-    /**
-     * 运动方向
-     * @default 'left'
-     * @enum ['left', 'right', 'up', 'down']
-     */
-    direction?: 'left' | 'right' | 'up' | 'down';
-    /**
-     * 鼠标悬停时是否暂停
-     * @default false
-     */
-    pauseOnHover?: boolean;
-    /**
-     * 是否显示边缘渐变遮罩
-     * @default true
-     */
-    gradient?: boolean;
-    /**
-     * 循环次数（0表示无限循环）
-     * @default 0
-     * @example
-     * <Marquee loop={3}>循环3次</Marquee>
-     */
-    loop?: number;
-    /**
-     * 循环完成回调（仅在loop>0时触发）
-     */
-    onComplete?: () => void;
-    /**
-     * 自定义类名
-     */
-    className?: string;
-    /**
-     * 自定义样式
-     */
-    style?: CSSProperties;
-    /**
-     * 渐变遮罩尺寸（像素）
-     * @default 50
-     */
-    gradientSize?: number;
-}
-/**
- * 跑马灯组件
- * 实现所有方向完美无缝循环运动
- */
-declare const Marquee: React.FC<MarqueeProps>;
+import React from 'react';
+import type { MarqueeProps } from './interface';
+declare const Marquee: React.ForwardRefExoticComponent<MarqueeProps & React.RefAttributes<HTMLDivElement>>;
 export default Marquee;

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

@@ -0,0 +1,95 @@
+import { CSSProperties, ReactNode, type AnimationEventHandler } from 'react';
+/**
+ * @title Marquee
+ */
+export interface MarqueeProps {
+    style?: CSSProperties;
+    className?: string | string[];
+    /**
+     * @zh 是否自动用子元素的副本填充空白空间
+     * @en Whether to automatically fill blank space with copies of child elements
+     * @defaultValue false
+     */
+    autoFill?: boolean;
+    /**
+     * @zh 是否播放跑马灯
+     * @en Whether to play the marquee
+     * @defaultValue true
+     */
+    play?: boolean;
+    /**
+     * @zh 悬停时是否暂停
+     * @en Whether to pause on hover
+     * @defaultValue false
+     */
+    pauseOnHover?: boolean;
+    /**
+     * @zh 点击时是否暂停
+     * @en Whether to pause on click
+     * @defaultValue false
+     */
+    pauseOnClick?: boolean;
+    /**
+     * @zh 跑马灯滑动方向
+     * @en Marquee scroll direction
+     * @defaultValue left
+     */
+    direction?: 'left' | 'right' | 'up' | 'down';
+    /**
+     * @zh 速度(像素/秒)
+     * @en Scroll speed (pixels/second)
+     * @defaultValue 50
+     */
+    speed?: number;
+    /**
+     * @zh 动画延迟时间(秒)
+     * @en Animation delay time (seconds)
+     * @defaultValue 0
+     */
+    delay?: number;
+    /**
+     * @zh 循环次数，0表示无限循环
+     * @en Number of loops, 0 means infinite loop
+     * @defaultValue 0
+     */
+    loop?: number;
+    /**
+     * @zh 渐变遮罩配置，false表示不显示
+     * @en Gradient overlay configuration, false means not shown
+     * @defaultValue false
+     */
+    gradient?: false | {
+        /**
+         * @zh 渐变颜色
+         * @en Gradient color
+         * @defaultValue white
+         */
+        color?: string;
+        /**
+         * @zh 渐变尺寸
+         * @en Gradient size
+         * @defaultValue 50
+         */
+        size?: number | string;
+    };
+    /**
+     * @zh 子元素
+     * @en Children elements
+     */
+    children?: ReactNode;
+    /**
+     * @zh 动画完成时的回调(仅在loop不为0时调用)
+     * @en Callback when animation completes (only called when loop is not 0)
+     */
+    onFinish?: AnimationEventHandler<HTMLDivElement>;
+    /**
+     * @zh 每次循环完成时的回调
+     * @en Callback when each cycle completes
+     */
+    onCycleComplete?: AnimationEventHandler<HTMLDivElement>;
+    /**
+     * @zh 组件挂载后的回调
+     * @en Callback after component mounts
+     */
+    onMount?: () => void;
+}

package/types/pc/marquee-/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { MarqueeProps } from './interface';
+/**
+ * 跑马灯组件
+ * 实现所有方向完美无缝循环运动
+ */
+declare const Marquee: React.FC<MarqueeProps>;
+export default Marquee;

package/types/pc/marquee-/interface.d.ts

@@ -0,0 +1,56 @@
+import { ReactNode, type CSSProperties } from 'react';
+/**
+ * @title MarqueeProps
+ */
+export interface MarqueeProps {
+    /**
+     * 运动内容（支持文本或React节点）
+     * @example
+     * <Marquee>这是运动内容</Marquee>
+     */
+    children?: ReactNode;
+    /**
+     * 运动速度（像素/秒）
+     * @default 50
+     * @range 1-200
+     */
+    speed?: number;
+    /**
+     * 运动方向
+     * @default 'left'
+     * @enum ['left', 'right', 'up', 'down']
+     */
+    direction?: 'left' | 'right' | 'up' | 'down';
+    /**
+     * 鼠标悬停时是否暂停
+     * @default false
+     */
+    pauseOnHover?: boolean;
+    /**
+     * 是否显示边缘渐变遮罩，设置为 false 将隐藏
+     * @default { size: 50; color: 0xffffff }
+     */
+    gradient?: {
+        size: number;
+        color: string;
+    } | boolean;
+    /**
+     * 循环次数（0表示无限循环）
+     * @default 0
+     * @example
+     * <Marquee loop={3}>循环3次</Marquee>
+     */
+    loop?: number;
+    /**
+     * 循环完成回调（仅在loop>0时触发）
+     */
+    onComplete?: () => void;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 自定义样式
+     */
+    style?: CSSProperties;
+}

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

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