@unicom-cloud/ui 0.8.97 → 0.8.98

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/liquid-fill/LiquidFill.d.ts

@@ -1,30 +1,115 @@
 import React, { type CSSProperties } from 'react';
-interface LiquidFillProps {
+/**
+ * 颜色配置类型，支持纯色和渐变色
+ */
+type ColorType = string | {
+    /** 渐变起始颜色 */
+    from: string;
+    /** 渐变结束颜色 */
+    to: string;
+    /**
+     * 渐变方向
+     * @default 'vertical' 垂直渐变
+     */
+    direction?: 'horizontal' | 'vertical';
+};
+/**
+ * 水球填充组件的属性接口
+ */
+export interface LiquidFillProps {
+    /** 自定义容器样式 */
     style?: CSSProperties;
     /** 自定义类名 */
     className?: string | string[];
-    /** 当前填充比例 (0-1) */
+    /**
+     * 当前填充比例 (0-1)
+     * @default 0.5
+     */
     value: number;
-    /** 组件尺寸 (像素) 默认200 */
+    /**
+     * 组件尺寸 (像素)
+     * @default 200
+     */
     size?: number;
-    /** 波浪颜色 默认'rgb(var(--pqb-data-3))' */
-    waveColor?: string | string[];
-    /** 背景颜色 默认'var(--pqb-color-neutral-1)' */
-    backgroundColor?: string;
-    /** 文字颜色 默认'var(--pqb-color-neutral-8)' */
+    /**
+     * 字体大小
+     * @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;
-    /** 是否显示百分比 默认true */
+    /**
+     * 是否显示百分比
+     * @default true
+     */
     showPercent?: boolean;
-    /** 动画持续时间(毫秒) 默认2000 */
+    /**
+     * 动画持续时间(毫秒)
+     * @default 2000
+     */
     duration?: number;
-    /** 波浪数量 默认3 */
+    /**
+     * 波浪数量
+     * @default 3
+     */
     waveCount?: number;
-    /** 波浪振幅 默认10 */
+    /**
+     * 波浪振幅
+     * @default 10
+     */
     waveAmplitude?: number;
-    /** 边框颜色 默认'var(--pqb-color-neutral-4)' */
+    /**
+     * 内层边框颜色
+     * @default 'var(--pqb-color-neutral-4)'
+     */
     borderColor?: string;
-    /** 边框宽度 默认2 */
+    /**
+     * 内层边框宽度
+     * @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/index.d.ts

@@ -1,4 +1,2 @@
-import { LiquidFillProps } from './interface';
 import LiquidFill from './LiquidFill';
-export type { LiquidFillProps };
 export default LiquidFill;

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

@@ -1,6 +1,6 @@
 type Placement = 'top' | 'bottom' | 'left' | 'right';
 type TourType = 'default' | 'primary';
-interface TourStep {
+export interface TourStep {
     /** 目标元素 (选择器字符串或DOM元素) */
     target: string | HTMLElement;
     /** 标题内容 */
@@ -10,7 +10,7 @@ interface TourStep {
     /** 初始弹出位置 (会自动调整) */
     placement?: Placement;
 }
-interface TourProps {
+export interface TourProps {
     /** 引导步骤数组 */
     steps: TourStep[];
     /** 是否显示引导 */

package/version/index.js

@@ -1,4 +1,4 @@
-const I = "2025-06-26 18:17:56", t = "1750933076778", E = "2.66.0";
+const I = "2025-06-27 09:46:36", t = "1750988796414", E = "2.66.0";
 export {
   E as VERSION,
   I as VERSION_BUILD_DATE,

package/liquid-fill/interface.js

@@ -1 +0,0 @@
-