@unicom-cloud/ui 0.8.97 → 0.8.99

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

@@ -1,4 +1,115 @@
-import { LiquidFillProps } from './interface';
-import LiquidFill from './LiquidFill';
-export type { LiquidFillProps };
+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;
+}
+declare const LiquidFill: React.FC<LiquidFillProps>;
 export default LiquidFill;

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

@@ -0,0 +1,61 @@
+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>;
+export default Marquee;

package/types/pc/menu/context.d.ts

@@ -5,7 +5,7 @@ export type HotkeyInfo = {
     type: 'sibling' | 'generation' | 'enter';
 };
 export type ResetHotkeyInfo = (activeKey?: string) => void;
-declare const MenuContext: import("react").Context<Pick<MenuProps, "theme" | "mode" | "collapse" | "icons" | "triggerProps" | "inDropdown" | "tooltipProps" | "levelIndent" | "selectedKeys" | "openKeys" | "autoScrollIntoView" | "scrollConfig"> & {
+declare const MenuContext: import("react").Context<Pick<MenuProps, "theme" | "collapse" | "mode" | "icons" | "triggerProps" | "inDropdown" | "tooltipProps" | "levelIndent" | "selectedKeys" | "openKeys" | "autoScrollIntoView" | "scrollConfig"> & {
     id?: string;
     prefixCls?: string;
     onClickMenuItem?: (key: string, e: any) => void;

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

@@ -21,7 +21,7 @@ export interface QRCodeProps {
         src: string;
         height: number;
         width: number;
-        excavate?: boolean;
+        excavate: boolean;
         x?: number;
         y?: number;
     };

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import { RateProps } from './interface';
-declare const RateComponent: React.ForwardRefExoticComponent<RateProps & React.RefAttributes<unknown>>;
-export default RateComponent;
+declare const Rate: React.ForwardRefExoticComponent<RateProps & React.RefAttributes<unknown>>;
+export default Rate;
 export type { RateProps };

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

@@ -0,0 +1,8 @@
+import type { SegmentedProps } from './interface';
+/**
+ * Segmented 分段控制器组件
+ *
+ * 支持多种样式变体、方向、尺寸和交互模式
+ */
+declare const Segmented: import("react").ForwardRefExoticComponent<SegmentedProps & import("react").RefAttributes<HTMLDivElement>>;
+export default Segmented;

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

@@ -0,0 +1,88 @@
+import { CSSProperties, ReactNode } from 'react';
+/**
+ * 分段控制器选项类型
+ */
+export interface SegmentedOption {
+    /** 选项值 */
+    value: string;
+    /** 显示文本，不设置则只显示图标 */
+    label?: ReactNode;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 图标元素 */
+    icon?: ReactNode;
+    /** 自定义渲染函数 */
+    render?: (option: SegmentedOption, isActive: boolean) => ReactNode;
+}
+/**
+ * @title Segmented 分段控制器
+ */
+export interface SegmentedProps {
+    /** 自定义样式 */
+    style?: CSSProperties;
+    /** 自定义类名 */
+    className?: string | string[];
+    /**
+     * 分段控制器选项
+     * @description 可以是字符串数组或 SegmentedOption 对象数组
+     */
+    options: (SegmentedOption | string)[];
+    /**
+     * 默认选中的值
+     * @description 非受控模式下使用
+     */
+    defaultValue?: string;
+    /**
+     * 当前选中的值
+     * @description 受控模式下使用
+     */
+    value?: string;
+    /**
+     * 变化时的回调函数
+     * @param value - 当前选中的值
+     */
+    onChange?: (value: string) => void;
+    /**
+     * 尺寸
+     * @defaultValue 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * 样式类型
+     * @defaultValue 'default'
+     * @enumDescription
+     *   - default: 默认样式
+     *   - pill: 胶囊样式 (圆形)
+     */
+    mode?: 'default' | 'pill';
+    /**
+     * 是否禁用整个组件
+     * @defaultValue false
+     */
+    disabled?: boolean;
+    /**
+     * 是否撑满容器宽度
+     * @defaultValue false
+     */
+    block?: boolean;
+    /**
+     * 布局方向
+     * @defaultValue 'horizontal'
+     */
+    direction?: 'horizontal' | 'vertical';
+    /**
+     * 是否显示选中指示器
+     * @defaultValue true
+     */
+    showIndicator?: boolean;
+    /**
+     * 动画持续时间（毫秒）
+     * @defaultValue 300
+     */
+    animationDuration?: number;
+    /**
+     * 为内部的 input 元素设置相同的 name 属性
+     * @description 用于表单提交和键盘导航
+     */
+    name?: string;
+}

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

@@ -1,5 +1,7 @@
 import { SpaceVertical as SpaceVerticalCommon } from '../../common/space';
 import { SpaceProps } from './interface';
-declare const Space: import("react").ForwardRefExoticComponent<SpaceProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const Space: React.ForwardRefExoticComponent<SpaceProps & React.RefAttributes<unknown>> & {
+    Vertical: typeof SpaceVerticalCommon;
+};
 export { SpaceVerticalCommon as SpaceVertical };
 export default Space;

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

@@ -1,20 +1,16 @@
 import { CSSProperties } from 'react';
-import { SpaceGap, SpaceProps as SpaceProps_ } from '../../common/space/interface';
+import { SpaceProps as CommonSpaceProps, SpaceGap } from '../../common/space/interface';
 export type { SpaceGap };
 /**
  * @title Space
  */
-export interface SpaceProps extends SpaceProps_ {
-    style?: CSSProperties;
+export interface SpaceProps extends CommonSpaceProps {
     /**
-     * @zh 间距。（已弃用，请用 gap 属性）
-     * @defaultValue small
-     * @deprecated
+     * 自定义类名
      */
-    size?: SpaceGap | SpaceGap[];
+    className?: string;
     /**
-     * @zh 交叉轴方向对齐方式。（已弃用，请用 alignItems 属性）
-     * @deprecated
+     * 自定义样式
      */
-    align?: 'start' | 'end' | 'center' | 'baseline';
+    style?: CSSProperties;
 }

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SplitterProps } from './interface';
+export declare const Splitter: React.FC<SplitterProps>;
+export default Splitter;

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

@@ -0,0 +1,70 @@
+import { CSSProperties, ReactNode } from 'react';
+/**
+ * @title Splitter 分隔面板
+ */
+export interface SplitterProps {
+    /**
+     * 分割方向
+     * @default 'horizontal'
+     */
+    direction?: 'horizontal' | 'vertical';
+    /**
+     * 初始分割比例 (0~1)
+     * @default 0.5
+     */
+    initialSize?: number;
+    /**
+     * 第一个面板最小尺寸
+     * @default '10%'
+     */
+    minSize?: number | string;
+    /**
+     * 第一个面板最大尺寸
+     * @default '90%'
+     */
+    maxSize?: number | string;
+    /**
+     * 分隔条尺寸（像素）
+     * @default 8
+     */
+    gutterSize?: number;
+    /**
+     * 分隔条样式
+     */
+    gutterStyle?: CSSProperties;
+    /**
+     * 是否禁用拖拽
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 拖拽开始回调
+     */
+    onDragStart?: () => void;
+    /**
+     * 拖拽结束回调
+     * @param newSize - 新分割比例 (0~1)
+     */
+    onDragEnd?: (newSize: number) => void;
+    /**
+     * 拖拽中回调
+     * @param newSize - 当前分割比例 (0~1)
+     */
+    onDrag?: (newSize: number) => void;
+    /**
+     * 第一个面板内容
+     */
+    firstPane: ReactNode;
+    /**
+     * 第二个面板内容
+     */
+    secondPane: ReactNode;
+    /**
+     * 容器样式
+     */
+    style?: CSSProperties;
+    /**
+     * 容器类名
+     */
+    className?: string;
+}

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

@@ -1,6 +1,7 @@
+import { CSSProperties } from 'react';
 type Placement = 'top' | 'bottom' | 'left' | 'right';
 type TourType = 'default' | 'primary';
-interface TourStep {
+export interface TourStep {
     /** 目标元素 (选择器字符串或DOM元素) */
     target: string | HTMLElement;
     /** 标题内容 */
@@ -10,7 +11,11 @@ interface TourStep {
     /** 初始弹出位置 (会自动调整) */
     placement?: Placement;
 }
-interface TourProps {
+export interface TourProps {
+    /** 自定义样式 */
+    style?: CSSProperties;
+    /** 自定义类名 */
+    className?: string | string[];
     /** 引导步骤数组 */
     steps: TourStep[];
     /** 是否显示引导 */
@@ -38,5 +43,5 @@ interface TourProps {
     /** 步骤改变回调 */
     onStepChange?: (current: number) => void;
 }
-declare function Tour(props: TourProps): React.ReactElement;
+declare function Tour(baseProps: TourProps): React.ReactElement | null;
 export default Tour;

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

@@ -837,4 +837,22 @@ export namespace COMPONENT_NAMES {
         let en_139: string;
         export { en_139 as en };
     }
+    namespace Marquee {
+        let zh_140: string;
+        export { zh_140 as zh };
+        let en_140: string;
+        export { en_140 as en };
+    }
+    namespace Segmented {
+        let zh_141: string;
+        export { zh_141 as zh };
+        let en_141: string;
+        export { en_141 as en };
+    }
+    namespace Splitter {
+        let zh_142: string;
+        export { zh_142 as zh };
+        let en_142: string;
+        export { en_142 as en };
+    }
 }

package/typography/Ellipsis.js

@@ -113,11 +113,11 @@ import "../radio/Group.js";
 import "../rate/index.js";
 import "../resize-box/index.js";
 import "../result/index.js";
+import "../segmented/index.js";
 import "../select/Select.js";
 import "../skeleton/index.js";
 import "../slider/index.js";
 import "../space/index.js";
-import "../space-/index.js";
 import "../speech-synthesis/index.js";
 import "../spin/index.js";
 import "../statistic/index.js";

package/utils/names.js

@@ -558,6 +558,18 @@ const e = {
   LiquidFill: {
     zh: "水球图",
     en: "LiquidFill"
+  },
+  Marquee: {
+    zh: "跑马灯",
+    en: "Marquee"
+  },
+  Segmented: {
+    zh: "分段控制器",
+    en: "Segmented"
+  },
+  Splitter: {
+    zh: "分隔面板",
+    en: "Splitter"
   }
 };
 export {

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-30 15:08:45", t = "1751267325326", E = "2.66.0";
 export {
   E as VERSION,
   I as VERSION_BUILD_DATE,

package/_virtual/_commonjsHelpers.js

@@ -1,6 +0,0 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-export {
-  e as getDefaultExportFromCjs
-};

package/_virtual/index.js

@@ -1,7 +0,0 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/prop-types/index.js";
-var p = /* @__PURE__ */ o();
-const s = /* @__PURE__ */ r(p);
-export {
-  s as default
-};

package/_virtual/index2.js

@@ -1,4 +0,0 @@
-var p = { exports: {} };
-export {
-  p as __module
-};