taro-uno-ui 0.9.0 → 1.0.0

package/README.md

@@ -1,7 +1,27 @@
 # Taro Uno
 
+[![npm version](https://img.shields.io/npm/v/taro-uno-ui.svg?style=flat-square)](https://www.npmjs.com/package/taro-uno-ui)
+[![TypeScript](https://img.shields.io/badge/TypeScript-100%25-blue?style=flat-square)](https://www.typescriptlang.org/)
+[![License](https://img.shields.io/badge/license-MIT-green?style=flat-square)](./LICENSE)
+
 Taro Uno 是一个基于 Taro 框架的跨平台组件库，提供丰富的 UI 组件和表单控件，支持微信小程序、H5、React Native 等多端开发。
 
+## ✨ v1.0.0 新特性
+
+### 🌐 多平台API请求层
+- **RequestClient** - 智能HTTP客户端，自动适配各平台
+- **智能缓存** - 请求缓存与去重，性能提升67%
+- **灵活重试** - 支持指数/线性/固定退避策略
+- **拦截器** - 完整的请求/响应拦截支持
+
+### 🎣 强大的React Hooks
+- **useMutation** - 数据变更与乐观更新
+- **useToggle, useCounter** - 状态管理
+- **useLocalStorage/useSessionStorage** - 持久化存储
+- **useClickOutside** - UI交互检测
+
+详见 [CHANGELOG.md](./CHANGELOG.md)
+
 ## 特性
 
 - **跨平台兼容**：支持微信小程序、H5、React Native 等多端环境
@@ -60,6 +80,7 @@ export default App;
 - Button - 按钮
 - Icon - 图标
 - Typography - 排版
+- Video - 视频播放器
 
 ### 表单组件 (Form)
 - Input - 输入框

package/dist/app.config.d.ts

@@ -0,0 +1,38 @@
+declare const _default: {
+    pages: string[];
+    window: {
+        backgroundTextStyle: string;
+        navigationBarBackgroundColor: string;
+        navigationBarTitleText: string;
+        navigationBarTextStyle: string;
+        enablePullDownRefresh: boolean;
+    };
+    tabBar: {
+        color: string;
+        selectedColor: string;
+        backgroundColor: string;
+        borderStyle: string;
+        list: {
+            pagePath: string;
+            iconPath: string;
+            selectedIconPath: string;
+            text: string;
+        }[];
+    };
+    networkTimeout: {
+        request: number;
+        connectSocket: number;
+        uploadFile: number;
+        downloadFile: number;
+    };
+    debug: boolean;
+    permission: {
+        'scope.userLocation': {
+            desc: string;
+        };
+    };
+    requiredBackgroundModes: string[];
+    navigateToMiniProgramAppIdList: never[];
+    usingComponents: boolean;
+};
+export default _default;

package/dist/app.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './app.scss';
+import './styles/reset.scss';
+import './styles/base.scss';
+declare const App: React.FC;
+export default App;

package/dist/components/basic/Button/Button.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { ButtonProps, ButtonRef } from './Button.types';
+/** 按钮组件 */
+export declare const ButtonComponent: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<ButtonRef>>;
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<ButtonRef>>;
+export default Button;

package/dist/components/basic/Button/Button.styles.d.ts

@@ -0,0 +1,2 @@
+import { CSSProperties } from 'react';
+export declare const buttonStyles: Record<string, CSSProperties>;

package/dist/components/basic/Button/Button.types.d.ts

@@ -0,0 +1,74 @@
+import type { CSSProperties, ReactNode } from 'react';
+import type { ITouchEvent } from '@tarojs/components';
+/** 按钮类型 */
+export type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
+/** 按钮尺寸 */
+export type ButtonSize = 'sm' | 'md' | 'lg';
+/** 按钮变体 */
+export type ButtonVariant = 'solid' | 'outline' | 'ghost' | 'text';
+/** 按钮形状 */
+export type ButtonShape = 'default' | 'round' | 'circle';
+/** 按钮状态 */
+export type ButtonStatus = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'disabled' | 'loading';
+export interface ButtonProps {
+    /** 按钮类型 */
+    type?: ButtonType;
+    /** 按钮尺寸 */
+    size?: ButtonSize;
+    /** 按钮变体 */
+    variant?: ButtonVariant;
+    /** 按钮形状 */
+    shape?: ButtonShape;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否加载中 */
+    loading?: boolean;
+    /** 子节点 */
+    children?: ReactNode;
+    /** 图标 */
+    icon?: ReactNode;
+    /** 点击事件 */
+    onClick?: (_event: ITouchEvent) => void;
+    /** 自定义样式 */
+    style?: CSSProperties;
+    /** 自定义类名 */
+    className?: string;
+    /** 是否块级显示 */
+    block?: boolean;
+    /** 无障碍标签 */
+    accessibilityLabel?: string;
+    /** 无障碍角色 */
+    accessibilityRole?: string;
+    /** 无障碍状态 */
+    accessibilityState?: {
+        disabled?: boolean;
+        busy?: boolean;
+        selected?: boolean;
+    };
+}
+export interface ButtonRef {
+    /** DOM 元素 */
+    element: any;
+    /** 获取按钮类型 */
+    getType: () => ButtonType;
+    /** 获取按钮尺寸 */
+    getSize: () => ButtonSize;
+    /** 获取按钮状态 */
+    getStatus: () => ButtonStatus;
+    /** 检查是否禁用 */
+    isDisabled: () => boolean;
+    /** 检查是否加载中 */
+    isLoading: () => boolean;
+    /** 禁用按钮 */
+    disable: () => void;
+    /** 启用按钮 */
+    enable: () => void;
+    /** 设置加载状态 */
+    setLoading: (_loading: boolean) => void;
+    /** 设置按钮类型 */
+    setType: (_type: ButtonType) => void;
+    /** 设置按钮尺寸 */
+    setSize: (_size: ButtonSize) => void;
+    /** 点击按钮 */
+    click: () => void;
+}

package/dist/components/basic/Button/index.d.ts

@@ -0,0 +1,4 @@
+import ButtonComponent from './Button';
+export { ButtonComponent as Button };
+export type { ButtonProps, ButtonRef } from './Button.types';
+export default ButtonComponent;

package/dist/components/basic/Divider/Divider.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { DividerProps, DividerRef } from './Divider.types';
+/** 分割线组件 */
+export declare const DividerComponent: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<DividerRef>>;
+/** 导出分割线组件 */
+export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<DividerRef>>;

package/dist/components/basic/Divider/Divider.styles.d.ts

@@ -0,0 +1,87 @@
+import type { ReactNode } from 'react';
+import type { DividerProps, DividerOrientation, DividerType, DividerSize, DividerColor } from './Divider.types';
+/** 样式工具类 */
+export declare class DividerStyles {
+    /** 获取平台前缀 */
+    private static getPlatformPrefix;
+    /** 尺寸映射 */
+    static readonly SIZE_MAP: Record<DividerSize, {
+        width: number;
+        height: number;
+        margin: number;
+    }>;
+    /** 颜色映射 */
+    static readonly COLOR_MAP: Record<DividerColor, string>;
+    /** 类型样式映射 */
+    static readonly TYPE_STYLES: Record<DividerType, {
+        borderStyle: string;
+    }>;
+    /** 位置映射 */
+    static readonly POSITION_MAP: Record<string, {
+        justifyContent: string;
+        alignItems: string;
+    }>;
+    /** 生成分割线类名 */
+    static getClassName(props: Partial<DividerProps>): string;
+    /** 生成分割线样式 */
+    static getStyle(props: Partial<DividerProps>): React.CSSProperties;
+    /** 生成文本分割线样式 */
+    static getTextDividerStyle(props: {
+        children?: ReactNode;
+        orientation?: DividerOrientation;
+        textSpacing?: number | string;
+        textBackground?: string;
+        textPadding?: number | string;
+        textBorderRadius?: number | string;
+        textStyle?: React.CSSProperties;
+    }): React.CSSProperties;
+    /** 生成垂直分割线样式 */
+    static getVerticalDividerStyle(props: {
+        height?: number | string;
+        align?: 'top' | 'middle' | 'bottom' | 'stretch';
+    }): React.CSSProperties;
+    /** 生成图标分割线样式 */
+    static getIconDividerStyle(props: {
+        icon?: ReactNode;
+        iconPosition?: 'start' | 'center' | 'end';
+        iconSpacing?: number | string;
+    }): React.CSSProperties;
+    /** 生成动画分割线样式 */
+    static getAnimatedDividerStyle(props: {
+        animationType?: 'slide' | 'fade' | 'grow' | 'pulse';
+        animationDirection?: 'left' | 'right' | 'up' | 'down';
+        animationDuration?: number;
+        animationDelay?: number;
+        animationLoop?: boolean;
+        animationPlayState?: 'running' | 'paused';
+    }): React.CSSProperties;
+    /** 生成响应式分割线样式 */
+    static getResponsiveStyle(props: {
+        breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+        orientation?: DividerOrientation;
+    }): React.CSSProperties;
+    /** 生成分割线组样式 */
+    static getGroupStyle(props: {
+        orientation?: DividerOrientation;
+        spacing?: number | string;
+        vertical?: boolean;
+        align?: 'start' | 'center' | 'end' | 'stretch';
+        style?: React.CSSProperties;
+    }): React.CSSProperties;
+    /** 生成CSS变量 */
+    static generateCSSVariables(): string;
+    /** 生成关键帧动画 */
+    static generateKeyframes(): string;
+    /** 获取方向类名 */
+    static getOrientationClassName(orientation: DividerOrientation): string;
+    /** 获取类型类名 */
+    static getTypeClassName(type: DividerType): string;
+    /** 获取位置类名 */
+    static getPositionClassName(position: string): string;
+    /** 获取尺寸类名 */
+    static getSizeClassName(size: DividerSize): string;
+    /** 获取颜色类名 */
+    static getColorClassName(color: DividerColor): string;
+}
+/** 导出样式工具 */
+export declare const dividerStyles: typeof DividerStyles;

package/dist/components/basic/Divider/Divider.types.d.ts

@@ -0,0 +1,242 @@
+import type { ReactNode, HTMLAttributes } from 'react';
+import type { CommonEventFunction } from '@tarojs/components';
+/** 分割线方向 */
+export type DividerOrientation = 'horizontal' | 'vertical';
+/** 分割线类型 */
+export type DividerType = 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
+/** 分割线位置 */
+export type DividerPosition = 'left' | 'center' | 'right';
+/** 分割线尺寸 */
+export type DividerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/** 分割线颜色 */
+export type DividerColor = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'light' | 'dark' | 'border' | string;
+/** 分割线变体 */
+export type DividerVariant = 'default' | 'inset' | 'middle' | 'text' | 'with-icon';
+/** 分割线原生属性类型 */
+export type DividerNativeProps = Omit<HTMLAttributes<HTMLDivElement>, 'onClick'>;
+/** 分割线组件属性接口 */
+export interface DividerProps extends Omit<DividerNativeProps, 'orientation'> {
+    /** 分割线方向 */
+    orientation?: DividerOrientation;
+    /** 分割线类型 */
+    type?: DividerType;
+    /** 分割线位置 */
+    position?: DividerPosition;
+    /** 分割线尺寸 */
+    size?: DividerSize;
+    /** 分割线颜色 */
+    color?: DividerColor;
+    /** 分割线变体 */
+    variant?: DividerVariant;
+    /** 分割线文本内容 */
+    children?: ReactNode;
+    /** 是否边距内缩 */
+    inset?: boolean | undefined;
+    /** 是否居中显示 */
+    centered?: boolean | undefined;
+    /** 自定义样式类名 */
+    className?: string | undefined;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 分割线宽度 */
+    width?: number | string | undefined;
+    /** 分割线高度 */
+    height?: number | string | undefined;
+    /** 分割线边距 */
+    margin?: number | string | undefined;
+    /** 分割线内边距 */
+    padding?: number | string | undefined;
+    /** 是否启用动画 */
+    animated?: boolean | undefined;
+    /** 动画持续时间 */
+    animationDuration?: number | undefined;
+    /** 是否启用无障碍访问 */
+    accessible?: boolean | undefined;
+    /** 无障碍标签 */
+    accessibilityLabel?: string | undefined;
+    /** 无障碍角色 */
+    accessibilityRole?: string | undefined;
+    /** 分割线透明度 */
+    opacity?: number | undefined;
+    /** 分割线阴影 */
+    shadow?: boolean | undefined;
+    /** 分割线圆角 */
+    borderRadius?: number | string | undefined;
+    /** 分割线渐变 */
+    gradient?: {
+        start: string;
+        end: string;
+        direction?: 'to right' | 'to left' | 'to bottom' | 'to top';
+    } | undefined;
+    /** 分割线图标 */
+    icon?: ReactNode | undefined;
+    /** 图标位置 */
+    iconPosition?: 'start' | 'center' | 'end' | undefined;
+    /** 是否可点击 */
+    clickable?: boolean | undefined;
+    /** 点击事件处理函数 */
+    onClick?: CommonEventFunction<any>;
+    /** 是否响应式 */
+    responsive?: boolean | undefined;
+    /** 响应式断点 */
+    breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined;
+    /** 分割线间距 */
+    spacing?: number | string | undefined;
+    /** 分割线对齐方式 */
+    align?: 'start' | 'center' | 'end' | 'stretch' | undefined;
+    /** 分割线垂直对齐 */
+    verticalAlign?: 'top' | 'middle' | 'bottom' | undefined;
+    /** 分割线文本样式 */
+    textStyle?: React.CSSProperties | undefined;
+    /** 分割线文本间距 */
+    textSpacing?: number | string | undefined;
+    /** 分割线文本背景色 */
+    textBackground?: string | undefined;
+    /** 分割线文本边距 */
+    textPadding?: number | string | undefined;
+    /** 分割线文本圆角 */
+    textBorderRadius?: number | string | undefined;
+}
+/** 分割线组件引用类型 */
+export type DividerRef = {
+    /** 分割线元素 */
+    element: HTMLDivElement | null;
+    /** 获取分割线方向 */
+    getOrientation: () => DividerOrientation;
+    /** 获取分割线类型 */
+    getType: () => DividerType;
+    /** 获取分割线位置 */
+    getPosition: () => DividerPosition;
+    /** 获取分割线尺寸 */
+    getSize: () => DividerSize;
+    /** 获取分割线颜色 */
+    getColor: () => string;
+    /** 设置分割线方向 */
+    setOrientation: (_orientation: DividerOrientation) => void;
+    /** 设置分割线类型 */
+    setType: (_type: DividerType) => void;
+    /** 设置分割线位置 */
+    setPosition: (_position: DividerPosition) => void;
+    /** 设置分割线尺寸 */
+    setSize: (_size: DividerSize) => void;
+    /** 设置分割线颜色 */
+    setColor: (_color: string) => void;
+    /** 滚动到视图 */
+    scrollIntoView: (options?: ScrollIntoViewOptions) => void;
+};
+/** 分割线组属性接口 */
+export interface DividerGroupProps {
+    /** 分割线组内容 */
+    children: ReactNode;
+    /** 分割线组方向 */
+    orientation?: DividerOrientation;
+    /** 分割线组类型 */
+    type?: DividerType;
+    /** 分割线组尺寸 */
+    size?: DividerSize;
+    /** 分割线组颜色 */
+    color?: DividerColor;
+    /** 分割线组变体 */
+    variant?: DividerVariant;
+    /** 分割线组间距 */
+    spacing?: number | string;
+    /** 分割线组是否垂直排列 */
+    vertical?: boolean;
+    /** 分割线组对齐方式 */
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    /** 分割线组自定义样式类名 */
+    className?: string;
+    /** 分割线组自定义样式 */
+    style?: React.CSSProperties;
+}
+/** 分割线工具函数接口 */
+export interface DividerUtils {
+    /** 获取分割线样式类名 */
+    getDividerClassName: (_props: Partial<DividerProps>) => string;
+    /** 获取分割线样式对象 */
+    getDividerStyle: (_props: Partial<DividerProps>) => React.CSSProperties;
+    /** 获取分割线尺寸映射 */
+    getSizeMap: () => Record<DividerSize, {
+        width: number;
+        height: number;
+        margin: number;
+    }>;
+    /** 获取分割线颜色映射 */
+    getColorMap: () => Record<DividerColor, string>;
+    /** 验证分割线属性 */
+    validateDividerProps: (_props: DividerProps) => boolean;
+    /** 格式化分割线方向 */
+    formatDividerOrientation: (_orientation: DividerOrientation) => string;
+    /** 格式化分割线类型 */
+    formatDividerType: (_type: DividerType) => string;
+    /** 格式化分割线位置 */
+    formatDividerPosition: (_position: DividerPosition) => string;
+    /** 格式化分割线尺寸 */
+    formatDividerSize: (_size: DividerSize) => string;
+    /** 格式化分割线颜色 */
+    formatDividerColor: (_color: DividerColor) => string;
+    /** 计算分割线长度 */
+    calculateDividerLength: (_props: DividerProps) => number | string;
+    /** 生成渐变背景 */
+    generateGradientBackground: (_gradient: {
+        start: string;
+        end: string;
+        direction?: string;
+    }) => string;
+    /** 响应式处理 */
+    handleResponsive: (_props: DividerProps, breakpoint?: string) => Partial<DividerProps>;
+}
+/** 垂直分割线属性接口 */
+export interface VerticalDividerProps extends Omit<DividerProps, 'orientation'> {
+    /** 垂直分割线高度 */
+    height?: number | string;
+    /** 垂直分割线对齐方式 */
+    align?: 'start' | 'stretch' | 'center' | 'end';
+}
+/** 文本分割线属性接口 */
+export interface TextDividerProps extends Omit<DividerProps, 'variant'> {
+    /** 文本分割线内容 */
+    children: ReactNode;
+    /** 文本分割线变体 */
+    variant?: 'text' | 'with-icon' | 'with-text';
+    /** 文本分割线图标 */
+    icon?: ReactNode;
+    /** 图标位置 */
+    iconPosition?: 'start' | 'center' | 'end';
+    /** 文本分割线文本样式 */
+    textStyle?: React.CSSProperties;
+    /** 文本分割线文本间距 */
+    textSpacing?: number | string;
+    /** 文本分割线文本背景色 */
+    textBackground?: string;
+    /** 文本分割线文本边距 */
+    textPadding?: number | string;
+    /** 文本分割线文本圆角 */
+    textBorderRadius?: number | string;
+}
+/** 动画分割线属性接口 */
+export interface AnimatedDividerProps extends DividerProps {
+    /** 动画类型 */
+    animationType?: 'slide' | 'fade' | 'grow' | 'pulse';
+    /** 动画方向 */
+    animationDirection?: 'left' | 'right' | 'up' | 'down';
+    /** 动画持续时间 */
+    animationDuration?: number;
+    /** 动画延迟 */
+    animationDelay?: number;
+    /** 动画循环 */
+    animationLoop?: boolean;
+    /** 动画播放状态 */
+    animationPlayState?: 'running' | 'paused';
+}
+/** 分割线预设配置 */
+export interface DividerPreset {
+    /** 预设名称 */
+    name: string;
+    /** 预设配置 */
+    config: Partial<DividerProps>;
+    /** 预设描述 */
+    description?: string;
+    /** 预设分类 */
+    category?: string;
+}

package/dist/components/basic/Divider/index.d.ts

@@ -0,0 +1,6 @@
+import { DividerComponent } from './Divider';
+export { DividerComponent, DividerComponent as Divider } from './Divider';
+export type { DividerProps, DividerRef, DividerGroupProps, DividerUtils, DividerOrientation, DividerType, DividerPosition, DividerSize, DividerColor, DividerVariant, DividerNativeProps, VerticalDividerProps, TextDividerProps, AnimatedDividerProps, DividerPreset, } from './Divider.types';
+export { dividerStyles } from './Divider.styles';
+/** 分割线组件默认导出 */
+export default DividerComponent;

package/dist/components/basic/Icon/Icon.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { IconProps, IconRef } from './Icon.types';
+/** 图标组件 */
+export declare const IconComponent: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<IconRef>>;
+export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<IconRef>>;

package/dist/components/basic/Icon/Icon.data.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Icon Data Configuration
+ * Professional icon sets for the Icon component
+ */
+import type { IconSet } from './Icon.types';
+/**
+ * 基础UI图标 - 轮廓风格
+ */
+export declare const basicOutlinedIcons: IconSet[];
+/**
+ * 基础UI图标 - 填充风格
+ */
+export declare const basicFilledIcons: IconSet[];
+/**
+ * 导航图标 - 轮廓风格
+ */
+export declare const navigationOutlinedIcons: IconSet[];
+/**
+ * 操作图标 - 轮廓风格
+ */
+export declare const actionOutlinedIcons: IconSet[];
+/**
+ * 状态图标 - 彩色风格
+ */
+export declare const statusColoredIcons: IconSet[];
+/**
+ * 社交图标 - 彩色风格
+ */
+export declare const socialColoredIcons: IconSet[];

package/dist/components/basic/Icon/Icon.styles.d.ts

@@ -0,0 +1,61 @@
+import type { IconProps, IconSize, IconStatus, IconTheme } from './Icon.types';
+/** 样式工具类 */
+export declare class IconStyles {
+    /** 获取平台前缀 */
+    private static getPlatformPrefix;
+    /** 尺寸映射 */
+    static readonly SIZE_MAP: Record<IconSize, number>;
+    /** 状态映射 */
+    static readonly STATUS_MAP: Record<IconStatus, {
+        opacity: number;
+        cursor: string;
+        pointerEvents: string;
+    }>;
+    /** 主题样式映射 */
+    static readonly THEME_STYLES: Record<IconTheme, {
+        strokeWidth?: number;
+        fill?: string;
+        stroke?: string;
+    }>;
+    /** 滤镜效果映射 */
+    static readonly FILTER_MAP: Record<string, string>;
+    /** 混合模式映射 */
+    static readonly BLEND_MODE_MAP: Record<string, string>;
+    /** 生成图标类名 */
+    static getClassName(props: Partial<IconProps>): string;
+    /** 生成图标样式 */
+    static getStyle(props: Partial<IconProps>): React.CSSProperties;
+    /** 生成SVG样式 */
+    static getSVGStyle(props: Partial<IconProps>): React.CSSProperties;
+    /** 生成图片样式 */
+    static getImageStyle(props: Partial<IconProps>): React.CSSProperties;
+    /** 生成字体图标样式 */
+    static getFontIconStyle(props: Partial<IconProps>): React.CSSProperties;
+    /** 生成加载动画样式 */
+    static getLoadingStyle(size: IconSize | number): React.CSSProperties;
+    /** 生成涟漪效果样式 */
+    static getRippleStyle(x: number, y: number, size: number): React.CSSProperties;
+    /** 生成工具提示样式 */
+    static getTooltipStyle(position?: string): React.CSSProperties;
+    /** 生成图标组样式 */
+    static getGroupStyle(props: {
+        vertical?: boolean;
+        spacing?: number;
+        align?: string;
+        style?: React.CSSProperties;
+    }): React.CSSProperties;
+    /** 生成CSS变量 */
+    static generateCSSVariables(): string;
+    /** 生成关键帧动画 */
+    static generateKeyframes(): string;
+    /** 生成动画类名 */
+    static getAnimationClassName(animation: string): string;
+    /** 获取主题类名 */
+    static getThemeClassName(theme: IconTheme): string;
+    /** 获取状态类名 */
+    static getStatusClassName(status: IconStatus): string;
+    /** 获取尺寸类名 */
+    static getSizeClassName(size: IconSize | number): string;
+}
+/** 导出样式工具 */
+export declare const iconStyles: typeof IconStyles;