@unicom-cloud/ui 0.8.96 → 0.8.98

package/types/common/space/interface.d.ts

@@ -31,7 +31,7 @@ export interface SpaceProps {
      * @zh 主轴方向上对齐方式
      * @en Alignment of items
      */
-    justifyContent?: 'start' | 'end' | 'center' | 'baseline';
+    justifyContent?: 'start' | 'end' | 'center' | 'baseline' | 'space-between';
     /**
      * @zh 交叉轴方向对齐方式
      * @en Alignment of items

package/types/common/utils/convertToDurationBasedOnTimeUnits.d.ts

@@ -0,0 +1,3 @@
+export { convertToDurationBasedOnTimeUnits };
+export default convertToDurationBasedOnTimeUnits;
+import { convertToDurationBasedOnTimeUnits } from '@unicom-cloud/utils/dayjs';

package/types/common/utils/findScrollParent.d.ts

@@ -0,0 +1,2 @@
+export default findScrollParent;
+declare function findScrollParent(element: any, includeHidden?: boolean): any;

package/types/common/utils/index.d.ts

@@ -3,26 +3,31 @@ export * from './className';
 export * from './color';
 export * from './computeScrollIntoView';
 export * from './constant';
+export * from './convertToDurationBasedOnTimeUnits';
 export * from './copy';
 export * from './dayjs';
 export * from './dom';
 export * from './fileToURL';
 export * from './fillNBSP';
+export * from './findScrollParent';
 export * from './getHighlightText';
 export * from './getHotkeyHandler';
 export * from './getStringLength';
 export * from './include';
+export * from './intersectionObserver';
 export * from './is';
 export * from './lodash';
 export * from './math';
 export * from './mergedToString';
 export * from './mergeProps';
+export * from './mutationObserver';
 export * from './omit';
 export * from './pad';
 export * from './pick';
 export * from './PqbCSSTransition';
 export * from './reactDOM';
 export * from './reactTransitionGroup';
+export * from './resizeObserver';
 export * from './saveAs';
 export * from './screenfull';
 export * from './scrollIntoView';

package/types/common/utils/intersectionObserver.d.ts

@@ -0,0 +1,2 @@
+export default intersectionObserver;
+export function intersectionObserver(elements: any, callback: any): () => void;

package/types/common/utils/mutationObserver.d.ts

@@ -0,0 +1,2 @@
+export default mutationObserver;
+export function mutationObserver(elements: any, callback: any): () => void;

package/types/common/utils/resizeObserver.d.ts

@@ -0,0 +1,2 @@
+export default resizeObserver;
+export function resizeObserver(elements: any, callback: any): () => void;

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

@@ -63,6 +63,9 @@ import { TreeProps } from '../tree/interface';
 import { TriggerProps } from '../trigger/interface';
 import { Omit } from '../utils/type';
 import { ColorPickerProps } from '../color-picker';
+import { LiquidFillProps } from '../liquid-fill/LiquidFill';
+import { QRCodeProps } from '../qr-code';
+import { TourProps } from '../tour';
 import { TypographyEllipsisProps } from '../typography';
 import { UploadProps } from '../upload/interface';
 import { VerificationCodeProps } from '../verification-code/interface';
@@ -146,6 +149,9 @@ export type ComponentConfig = {
     TreeSelect?: TreeSelectProps;
     Trigger?: TriggerProps;
     Upload?: UploadProps;
+    QRCode?: QRCodeProps;
+    LiquidFill?: LiquidFillProps;
+    Tour?: TourProps;
 };
 /**
  * @title ConfigProvider

package/types/pc/index.d.ts

@@ -82,6 +82,7 @@ export type { InputTagProps } from './input-tag/interface';
 export type { InputProps, TextAreaProps } from './input/interface';
 export type { ContentProps, FooterProps, HeaderProps, LayoutProps, SiderProps, } from './layout/interface';
 export type { LinkProps } from './link/interface';
+export { default as LiquidFill } from './liquid-fill';
 export type { ListItemMetaProps, ListItemProps, ListProps, } from './list/interface';
 export { default as Loading } from './loading';
 export type { MentionsProps } from './mentions/interface';
@@ -94,6 +95,7 @@ export type { PaginationProps } from './pagination/interface';
 export type { PopconfirmProps } from './popconfirm/interface';
 export type { PopoverProps } from './popover/interface';
 export type { ProgressProps } from './progress/interface';
+export { default as QRCode } from './qr-code';
 export { default as Radio, RadioGroup, RadioGroupBlock, RadioGroupContext, } from './radio';
 export type { RadioGroupProps, RadioProps } from './radio/interface';
 export { default as Rate } from './rate';
@@ -135,6 +137,7 @@ export { default as Timeline, TimelineItem } from './timeline';
 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 { default as Transfer } from './transfer';
 export type { TransferItemProps, TransferProps } from './transfer/interface';
 export { default as Tree, TreeNode } from './tree';

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

@@ -0,0 +1,115 @@
+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.7
+     */
+    percentFontScale?: number;
+    /**
+     * 波浪速度变化系数（值越大速度差异越大）
+     * @default 0.5
+     */
+    waveSpeedVariation?: number;
+}
+declare const LiquidFill: React.FC<LiquidFillProps>;
+export default LiquidFill;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+import LiquidFill from './LiquidFill';
+export default LiquidFill;

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

@@ -0,0 +1,34 @@
+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;
+}
+declare const QRCode: React.FC<QRCodeProps>;
+export default QRCode;

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

@@ -0,0 +1,39 @@
+export interface QRCodeProps {
+    /**
+     * 二维码内容
+     */
+    value?: string;
+    /**
+     * 二维码尺寸（像素）
+     * @default 160
+     */
+    size?: number;
+    /**
+     * 二维码颜色
+     * @default '#000000'
+     */
+    color?: string;
+    /**
+     * 二维码背景色
+     * @default '#ffffff'
+     */
+    bgColor?: string;
+    /**
+     * 是否有边框
+     * @default true
+     */
+    bordered?: boolean;
+    /**
+     * 容错级别
+     * @default 'M'
+     */
+    errorLevel?: 'L' | 'M' | 'Q' | 'H';
+    /**
+     * 自定义样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+}

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

@@ -221,12 +221,12 @@ export interface TableProps<T = any> {
      * @zh 表格头部
      * @en The header of the table
      */
-    header?: (currentPageDate: any) => ReactNode;
+    header?: (currentPageData: any) => ReactNode;
     /**
      * @zh 表格尾部
      * @en The footer of the table
      */
-    footer?: (currentPageDate: any) => ReactNode;
+    footer?: (currentPageData: any) => ReactNode;
     /**
      * @zh
      * 表格开启虚拟滚动，用于处理大数据场景。( 注意：虚拟滚动会自动关闭对树形数据的支持 )

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

@@ -0,0 +1,42 @@
+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 {
+    /** 引导步骤数组 */
+    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;
+}
+declare function Tour(props: TourProps): React.ReactElement;
+export default Tour;

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

@@ -0,0 +1,3 @@
+export { convertToDurationBasedOnTimeUnits };
+export default convertToDurationBasedOnTimeUnits;
+import convertToDurationBasedOnTimeUnits from '../../common/utils/convertToDurationBasedOnTimeUnits';

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

@@ -0,0 +1,2 @@
+export default findScrollParent;
+import findScrollParent from '../../common/utils/findScrollParent';

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

@@ -4,20 +4,24 @@ export * from './color';
 export * from './computeScrollIntoView';
 export * from './constant';
 export * from './contextHolder';
+export * from './convertToDurationBasedOnTimeUnits';
 export * from './copy';
 export * from './dayjs';
 export * from './dom';
 export * from './fileToURL';
 export * from './fillNBSP';
+export * from './findScrollParent';
 export * from './getHighlightText';
 export * from './getHotkeyHandler';
 export * from './getStringLength';
 export * from './include';
+export * from './intersectionObserver';
 export * from './is';
 export * from './lodash';
 export * from './math';
 export * from './mergedToString';
 export * from './mergeProps';
+export * from './mutationObserver';
 export * from './names';
 export * from './omit';
 export * from './pad';
@@ -25,6 +29,7 @@ export * from './pick';
 export * from './PqbCSSTransition';
 export * from './reactDOM';
 export * from './reactTransitionGroup';
+export * from './resizeObserver';
 export * from './responsiveObserve';
 export * from './saveAs';
 export * from './screenfull';

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

@@ -0,0 +1,2 @@
+export default intersectionObserver;
+import intersectionObserver from '../../common/utils/intersectionObserver';

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

@@ -0,0 +1,2 @@
+export default mutationObserver;
+import mutationObserver from '../../common/utils/mutationObserver';

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

@@ -819,4 +819,22 @@ export namespace COMPONENT_NAMES {
         let en_136: string;
         export { en_136 as en };
     }
+    namespace Tour {
+        let zh_137: string;
+        export { zh_137 as zh };
+        let en_137: string;
+        export { en_137 as en };
+    }
+    namespace QRCode {
+        let zh_138: string;
+        export { zh_138 as zh };
+        let en_138: string;
+        export { en_138 as en };
+    }
+    namespace LiquidFill {
+        let zh_139: string;
+        export { zh_139 as zh };
+        let en_139: string;
+        export { en_139 as en };
+    }
 }

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

@@ -0,0 +1,2 @@
+export default resizeObserver;
+import resizeObserver from '../../common/utils/resizeObserver';