taro-uno-ui 0.9.0 → 1.0.0

package/dist/components/form/Select/Select.types.d.ts

@@ -0,0 +1,418 @@
+import type { ReactNode, SelectHTMLAttributes } from 'react';
+import type { ITouchEvent } from '@tarojs/components';
+/** 选择器尺寸 */
+export type SelectSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/** 选择器变体 */
+export type SelectVariant = 'outlined' | 'filled' | 'underlined';
+/** 选择器状态 */
+export type SelectStatus = 'normal' | 'error' | 'warning' | 'success' | 'disabled' | 'loading';
+/** 选择器模式 */
+export type SelectMode = 'single' | 'multiple' | 'tags';
+/** 选项类型 */
+export interface SelectOption {
+    /** 选项值 */
+    value: string | number;
+    /** 选项标签 */
+    label: ReactNode;
+    /** 选项描述 */
+    description?: ReactNode;
+    /** 选项是否禁用 */
+    disabled?: boolean;
+    /** 选项分组 */
+    group?: string;
+    /** 选项图标 */
+    icon?: ReactNode;
+    /** 选项颜色 */
+    color?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 自定义类名 */
+    className?: string;
+}
+/** 选项组类型 */
+export interface SelectOptionGroup {
+    /** 分组标签 */
+    label: ReactNode;
+    /** 分组选项 */
+    options: SelectOption[];
+    /** 分组是否禁用 */
+    disabled?: boolean;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 自定义类名 */
+    className?: string;
+}
+/** 选择器原生属性类型 */
+export type SelectNativeProps = SelectHTMLAttributes<HTMLSelectElement>;
+/** 选择器组件属性接口 */
+export interface SelectProps extends Omit<SelectNativeProps, 'size' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'defaultValue' | 'prefix'> {
+    /** 选择器值 */
+    value?: string | number | Array<string | number>;
+    /** 默认值（非受控模式） */
+    defaultValue?: string | number | Array<string | number>;
+    /** 占位符 */
+    placeholder?: string;
+    /** 选择器尺寸 */
+    size?: SelectSize;
+    /** 选择器变体 */
+    variant?: SelectVariant;
+    /** 选择器状态 */
+    status?: SelectStatus;
+    /** 选择器模式 */
+    mode?: SelectMode;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否只读 */
+    readonly?: boolean;
+    /** 是否显示边框 */
+    bordered?: boolean;
+    /** 是否允许清除 */
+    allowClear?: boolean;
+    /** 是否搜索 */
+    showSearch?: boolean;
+    /** 搜索占位符 */
+    searchPlaceholder?: string;
+    /** 是否支持标签输入 */
+    showTags?: boolean;
+    /** 标签最大数量 */
+    maxTagCount?: number;
+    /** 标签渲染函数 */
+    tagRender?: (_props: {
+        value: string | number;
+        label: ReactNode;
+        onClose: () => void;
+    }) => ReactNode;
+    /** 选项列表 */
+    options?: Array<SelectOption | SelectOptionGroup>;
+    /** 选项过滤函数 */
+    filterOption?: (_input: string, option: SelectOption) => boolean;
+    /** 选项排序函数 */
+    sortOption?: (_a: SelectOption, b: SelectOption) => number;
+    /** 前缀图标或文本 */
+    prefix?: ReactNode;
+    /** 后缀图标或文本 */
+    suffix?: ReactNode;
+    /** 标签文本 */
+    label?: ReactNode;
+    /** 辅助文本 */
+    helperText?: ReactNode;
+    /** 错误文本 */
+    errorText?: ReactNode;
+    /** 是否显示箭头 */
+    showArrow?: boolean;
+    /** 下拉框自定义样式 */
+    dropdownStyle?: React.CSSProperties;
+    /** 下拉框自定义类名 */
+    dropdownClassName?: string;
+    /** 下拉框匹配宽度 */
+    dropdownMatchSelectWidth?: boolean;
+    /** 下拉框位置 */
+    placement?: 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight';
+    /** 自定义样式类名 */
+    className?: string;
+    /** 值变化事件处理函数 */
+    onChange?: (_value: string | number | Array<string | number>, option: SelectOption | SelectOption[]) => void;
+    /** 聚焦事件处理函数 */
+    onFocus?: (_event: ITouchEvent) => void;
+    /** 失焦事件处理函数 */
+    onBlur?: (_event: ITouchEvent) => void;
+    /** 下拉框打开事件处理函数 */
+    onDropdownVisibleChange?: (_open: boolean) => void;
+    /** 搜索事件处理函数 */
+    onSearch?: (_value: string) => void;
+    /** 清除事件处理函数 */
+    onClear?: (_event: ITouchEvent) => void;
+    /** 选项滚动事件处理函数 */
+    onPopupScroll?: (_event: ITouchEvent) => void;
+    /** 自定义选择器样式 */
+    style?: React.CSSProperties;
+    /** 是否块级显示 */
+    block?: boolean;
+    /** 容器样式 */
+    containerStyle?: React.CSSProperties;
+    /** 是否启用无障碍访问 */
+    accessible?: boolean;
+    /** 无障碍标签 */
+    accessibilityLabel?: string;
+    /** 无障碍角色 */
+    accessibilityRole?: string;
+    /** 无障碍状态 */
+    accessibilityState?: {
+        disabled?: boolean;
+        readonly?: boolean;
+        required?: boolean;
+        expanded?: boolean;
+        busy?: boolean;
+    };
+    /** 表单验证规则 */
+    rules?: Array<{
+        required?: boolean;
+        message?: string;
+        validator?: (_value: string | number | Array<string | number>) => boolean | string | Promise<boolean | string>;
+    }>;
+    /** 验证触发时机 */
+    validateTrigger?: 'onChange' | 'onBlur' | 'onSubmit';
+    /** 是否立即验证 */
+    immediate?: boolean;
+    /** 选项最大数量 */
+    maxCount?: number;
+    /** 选项最小数量 */
+    minCount?: number;
+    /** 自定义验证函数 */
+    validator?: (_value: string | number | Array<string | number>) => boolean | string | Promise<boolean | string>;
+    /** 虚拟滚动配置 */
+    virtual?: boolean;
+    /** 虚拟滚动高度 */
+    listHeight?: number;
+    /** 虚拟滚动项高度 */
+    listItemHeight?: number;
+    /** 是否显示加载状态 */
+    loading?: boolean;
+    /** 加载中文本 */
+    loadingText?: string;
+    /** 空状态文本 */
+    notFoundContent?: ReactNode;
+    /** 自定义空状态 */
+    notFoundRender?: () => ReactNode;
+    /** 自定义下拉渲染 */
+    dropdownRender?: (_menu: ReactNode) => ReactNode;
+    /** 自定义选项渲染 */
+    optionRender?: (_option: SelectOption) => ReactNode;
+    /** 自定义选项组渲染 */
+    optionGroupRender?: (_group: SelectOptionGroup) => ReactNode;
+}
+/** 选择器组件引用类型 */
+export type SelectRef = {
+    /** 选择器元素 */
+    element: HTMLSelectElement | null;
+    /** 获取选择器值 */
+    getValue: () => string | number | Array<string | number>;
+    /** 设置选择器值 */
+    setValue: (_value: string | number | Array<string | number>) => void;
+    /** 聚焦选择器 */
+    focus: () => void;
+    /** 失焦选择器 */
+    blur: () => void;
+    /** 打开下拉框 */
+    openDropdown: () => void;
+    /** 关闭下拉框 */
+    closeDropdown: () => void;
+    /** 切换下拉框 */
+    toggleDropdown: () => void;
+    /** 设置禁用状态 */
+    setDisabled: (_disabled: boolean) => void;
+    /** 设置只读状态 */
+    setReadonly: (_readonly: boolean) => void;
+    /** 设置选择器状态 */
+    setStatus: (_status: SelectStatus) => void;
+    /** 获取选择器状态 */
+    getStatus: () => SelectStatus;
+    /** 验证选择器值 */
+    validate: () => Promise<{
+        valid: boolean;
+        message?: string;
+    }>;
+    /** 清除选择器值 */
+    clear: () => void;
+    /** 重置选择器 */
+    reset: () => void;
+    /** 获取选中选项 */
+    getSelectedOptions: () => SelectOption[];
+    /** 搜索选项 */
+    searchOptions: (_keyword: string) => SelectOption[];
+    /** 滚动到指定选项 */
+    scrollToOption: (_value: string | number) => void;
+};
+/** 选择器组属性接口 */
+export interface SelectGroupProps {
+    /** 选择器组内容 */
+    children: ReactNode;
+    /** 选择器组尺寸 */
+    size?: SelectSize;
+    /** 选择器组变体 */
+    variant?: SelectVariant;
+    /** 选择器组状态 */
+    status?: SelectStatus;
+    /** 是否紧凑布局 */
+    compact?: boolean;
+    /** 是否块级显示 */
+    block?: boolean;
+    /** 选择器组自定义样式类名 */
+    className?: string;
+    /** 选择器组自定义样式 */
+    style?: React.CSSProperties;
+}
+/** 选择器工具函数接口 */
+export interface SelectUtils {
+    /** 格式化选项值 */
+    formatOptionValue: (value: string | number | Array<string | number>, mode: SelectMode) => string | number | Array<string | number>;
+    /** 验证选择器值 */
+    validateValue: (value: string | number | Array<string | number>, rules: SelectProps['rules']) => {
+        valid: boolean;
+        message?: string;
+    };
+    /** 过滤选项 */
+    filterOptions: (options: SelectOption[], keyword: string, filterOption?: SelectProps['filterOption']) => SelectOption[];
+    /** 排序选项 */
+    sortOptions: (_options: SelectOption[], sortOption?: SelectProps['sortOption']) => SelectOption[];
+    /** 分组选项 */
+    groupOptions: (_options: SelectOption[]) => Array<SelectOption | SelectOptionGroup>;
+    /** 扁平化选项 */
+    flattenOptions: (_options: Array<SelectOption | SelectOptionGroup>) => SelectOption[];
+    /** 查找选项 */
+    findOption: (_options: Array<SelectOption | SelectOptionGroup>, value: string | number) => SelectOption | null;
+    /** 查找选项组 */
+    findOptionGroup: (options: Array<SelectOption | SelectOptionGroup>, value: string | number) => SelectOptionGroup | null;
+    /** 获取选择器尺寸映射 */
+    getSizeMap: () => Record<SelectSize, {
+        fontSize: number;
+        padding: string;
+        height: number;
+        borderRadius: number;
+    }>;
+    /** 获取选择器变体映射 */
+    getVariantMap: () => Record<SelectVariant, {
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+    }>;
+    /** 获取选择器状态映射 */
+    getStatusMap: () => Record<SelectStatus, {
+        color: string;
+        icon?: string;
+    }>;
+}
+/** 选择器验证结果接口 */
+export interface SelectValidationResult {
+    /** 是否验证通过 */
+    valid: boolean;
+    /** 错误消息 */
+    message?: string;
+    /** 验证规则索引 */
+    ruleIndex?: number;
+    /** 验证时间戳 */
+    timestamp: number;
+}
+/** 选择器事件接口 */
+export interface SelectEvents {
+    /** 值变化事件 */
+    onChange: (_value: string | number | Array<string | number>, option: SelectOption | SelectOption[]) => void;
+    /** 聚焦事件 */
+    onFocus: (_event: ITouchEvent) => void;
+    /** 失焦事件 */
+    onBlur: (_event: ITouchEvent) => void;
+    /** 下拉框打开/关闭事件 */
+    onDropdownVisibleChange: (_open: boolean) => void;
+    /** 搜索事件 */
+    onSearch: (_value: string) => void;
+    /** 清除事件 */
+    onClear: (_event: ITouchEvent) => void;
+    /** 选项滚动事件 */
+    onPopupScroll: (_event: ITouchEvent) => void;
+}
+/** 选择器样式配置接口 */
+export interface SelectStyleConfig {
+    /** 选择器基础样式 */
+    base: React.CSSProperties;
+    /** 选择器尺寸样式 */
+    sizes: Record<SelectSize, React.CSSProperties>;
+    /** 选择器变体样式 */
+    variants: Record<SelectVariant, React.CSSProperties>;
+    /** 选择器状态样式 */
+    statuses: Record<SelectStatus, React.CSSProperties>;
+    /** 前缀样式 */
+    prefix: React.CSSProperties;
+    /** 后缀样式 */
+    suffix: React.CSSProperties;
+    /** 标签样式 */
+    label: React.CSSProperties;
+    /** 辅助文本样式 */
+    helperText: React.CSSProperties;
+    /** 错误文本样式 */
+    errorText: React.CSSProperties;
+    /** 下拉框样式 */
+    dropdown: React.CSSProperties;
+    /** 选项样式 */
+    option: React.CSSProperties;
+    /** 选项组样式 */
+    optionGroup: React.CSSProperties;
+    /** 标签样式 */
+    tag: React.CSSProperties;
+    /** 清除按钮样式 */
+    clearButton: React.CSSProperties;
+    /** 搜索框样式 */
+    searchInput: React.CSSProperties;
+}
+/** 选择器上下文接口 */
+export interface SelectContext {
+    /** 选择器尺寸 */
+    size: SelectSize;
+    /** 选择器变体 */
+    variant: SelectVariant;
+    /** 选择器状态 */
+    status: SelectStatus;
+    /** 是否禁用 */
+    disabled: boolean;
+    /** 是否只读 */
+    readonly: boolean;
+    /** 是否显示边框 */
+    bordered: boolean;
+    /** 选择器模式 */
+    mode: SelectMode;
+    /** 选择器样式配置 */
+    styleConfig: SelectStyleConfig;
+}
+/** 标签渲染属性接口 */
+export interface TagRenderProps {
+    /** 标签值 */
+    value: string | number;
+    /** 标签标签 */
+    label: ReactNode;
+    /** 关闭事件处理函数 */
+    onClose: () => void;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 自定义类名 */
+    className?: string;
+}
+/** 选项渲染属性接口 */
+export interface OptionRenderProps {
+    /** 选项数据 */
+    option: SelectOption;
+    /** 是否选中 */
+    selected: boolean;
+    /** 是否禁用 */
+    disabled: boolean;
+    /** 选择事件处理函数 */
+    onSelect: () => void;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 自定义类名 */
+    className?: string;
+}
+/** 选项组渲染属性接口 */
+export interface OptionGroupRenderProps {
+    /** 选项组数据 */
+    group: SelectOptionGroup;
+    /** 是否禁用 */
+    disabled: boolean;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 自定义类名 */
+    className?: string;
+}
+/** 下拉框渲染属性接口 */
+export interface DropdownRenderProps {
+    /** 菜单内容 */
+    menu: ReactNode;
+    /** 是否显示 */
+    visible: boolean;
+    /** 选择器尺寸 */
+    size: SelectSize;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 自定义类名 */
+    className?: string;
+}

package/dist/components/form/Select/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Taro-Uno Select Component
+ * 选择器组件，支持单选、多选、搜索等功能
+ */
+export { Select } from './Select';
+export type { SelectProps, SelectRef, SelectSize, SelectVariant, SelectStatus, SelectMode, SelectOption, SelectOptionGroup, SelectGroupProps, SelectUtils, SelectValidationResult, SelectEvents, SelectStyleConfig, SelectContext, TagRenderProps, OptionRenderProps, OptionGroupRenderProps, DropdownRenderProps, } from './Select.types';
+export { selectStyles } from './Select.styles';
+export { SelectComponent as default } from './Select';

package/dist/components/form/Slider/Slider.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { SliderProps, SliderRef } from './Slider.types';
+/** 滑块组件 */
+export declare const SliderComponent: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<SliderRef>>;
+/** 导出滑块组件 */
+export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<SliderRef>>;
+export default Slider;

package/dist/components/form/Slider/Slider.styles.d.ts

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

package/dist/components/form/Slider/Slider.types.d.ts

@@ -0,0 +1,85 @@
+import React from 'react';
+export interface SliderProps {
+    /** 最小值 */
+    min?: number;
+    /** 最大值 */
+    max?: number;
+    /** 步长 */
+    step?: number;
+    /** 当前值 */
+    value?: number;
+    /** 默认值 */
+    defaultValue?: number;
+    /** 滑块尺寸 */
+    size?: 'small' | 'medium' | 'large';
+    /** 滑块变体 */
+    variant?: 'default' | 'filled' | 'outlined';
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 刻度标记 */
+    marks?: Record<number, React.ReactNode>;
+    /** 是否包含已选择部分 */
+    included?: boolean;
+    /** 是否垂直方向 */
+    vertical?: boolean;
+    /** 是否反向 */
+    reverse?: boolean;
+    /** 工具提示配置 */
+    tooltip?: {
+        /** 是否显示工具提示 */
+        visible?: boolean;
+        /** 格式化函数 */
+        formatter?: (_value: number) => React.ReactNode;
+    } | boolean;
+    /** 自定义样式类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 值变化时的回调 */
+    onChange?: (_value: number) => void;
+    /** 拖拽结束时的回调 */
+    onChangeComplete?: (_value: number) => void;
+    /** 是否启用无障碍访问 */
+    accessible?: boolean;
+    /** 无障碍标签 */
+    accessibilityLabel?: string;
+    /** 无障碍角色 */
+    accessibilityRole?: string;
+    /** 无障碍状态 */
+    accessibilityState?: {
+        disabled?: boolean;
+        readonly?: boolean;
+        busy?: boolean;
+    };
+}
+export interface SliderRef {
+    /** 获取当前值 */
+    getValue: () => number;
+    /** 设置值 */
+    setValue: (_value: number) => void;
+    /** 禁用滑块 */
+    disable: () => void;
+    /** 启用滑块 */
+    enable: () => void;
+}
+export type SliderSize = 'small' | 'medium' | 'large';
+export type SliderVariant = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error';
+export interface SliderMark {
+    /** 值 */
+    value: number;
+    /** 标签 */
+    label: React.ReactNode;
+    /** 样式 */
+    style?: React.CSSProperties;
+}
+export interface SliderUtilsType {
+    /** 计算滑块位置 */
+    calculatePosition: (_value: number, min: number, max: number) => number;
+    /** 计算对应的值 */
+    calculateValue: (_position: number, min: number, max: number) => number;
+    /** 格式化显示值 */
+    formatValue: (_value: number, step: number) => number;
+    /** 验证值是否在范围内 */
+    validateValue: (_value: number, min: number, max: number) => boolean;
+}
+export declare const SliderUtils: SliderUtilsType;

package/dist/components/form/Slider/index.d.ts

@@ -0,0 +1,3 @@
+export { Slider } from './Slider';
+export type { SliderProps, SliderRef, SliderSize, SliderVariant, SliderMark, SliderUtils } from './Slider.types';
+export { sliderStyles } from './Slider.styles';

package/dist/components/form/Switch/Switch.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Taro-Uno Switch Component
+ * 开关组件，支持多种状态、颜色和验证功能
+ */
+import React from 'react';
+import type { SwitchProps, SwitchRef } from './Switch.types';
+/** 开关组件 */
+export declare const SwitchComponent: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<SwitchRef>>;
+/** 导出开关组件 */
+export declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<SwitchRef>>;

package/dist/components/form/Switch/Switch.styles.d.ts

@@ -0,0 +1,154 @@
+/**
+ * Taro-Uno Switch Component Styles
+ * 开关组件样式
+ */
+import type { SwitchSize, SwitchVariant, SwitchStatus, SwitchColor, SwitchStyleConfig } from './Switch.types';
+export declare const switchStyles: {
+    /**
+     * 获取样式配置
+     */
+    getStyleConfig: (customConfig?: Partial<SwitchStyleConfig>) => SwitchStyleConfig;
+    /**
+     * 获取容器样式
+     */
+    getContainerStyle: ({ block, style }: {
+        block?: boolean;
+        style?: any;
+    }) => any;
+    /**
+     * 获取包装器样式
+     */
+    getWrapperStyle: ({ size: _size, disabled, readonly, style, }: {
+        size: SwitchSize;
+        disabled?: boolean;
+        readonly?: boolean;
+        style?: any;
+    }) => any;
+    /**
+     * 获取开关轨道样式
+     */
+    getTrackStyle: ({ size, variant, color, checked, disabled, loading, status: _status, bordered, style, }: {
+        size: SwitchSize;
+        variant?: SwitchVariant;
+        color?: SwitchColor;
+        checked?: boolean;
+        disabled?: boolean;
+        loading?: boolean;
+        status?: SwitchStatus;
+        bordered?: boolean;
+        style?: any;
+    }) => any;
+    /**
+     * 获取开关滑块样式
+     */
+    getThumbStyle: ({ size, checked, disabled, loading: _loading, style, }: {
+        size: SwitchSize;
+        checked?: boolean;
+        disabled?: boolean;
+        loading?: boolean;
+        style?: any;
+    }) => any;
+    /**
+     * 获取标签样式
+     */
+    getLabelStyle: ({ size, disabled, style }: {
+        size: SwitchSize;
+        disabled?: boolean;
+        style?: any;
+    }) => any;
+    /**
+     * 获取辅助文本样式
+     */
+    getHelperTextStyle: ({ size, style }: {
+        size: SwitchSize;
+        style?: any;
+    }) => any;
+    /**
+     * 获取错误文本样式
+     */
+    getErrorTextStyle: ({ size, style }: {
+        size: SwitchSize;
+        style?: any;
+    }) => any;
+    /**
+     * 获取加载遮罩样式
+     */
+    getLoadingMaskStyle: ({ size, style }: {
+        size: SwitchSize;
+        style?: any;
+    }) => any;
+    /**
+     * 获取加载指示器样式
+     */
+    getLoadingIndicatorStyle: ({ size, style }: {
+        size: SwitchSize;
+        style?: any;
+    }) => any;
+    /**
+     * 获取开关组容器样式
+     */
+    getGroupContainerStyle: ({ direction, spacing, style, }: {
+        direction?: "horizontal" | "vertical";
+        spacing?: number;
+        style?: any;
+    }) => any;
+    /**
+     * 获取开关组项样式
+     */
+    getGroupItemStyle: ({ style }: {
+        style?: any;
+    }) => any;
+    /**
+     * 获取类名
+     */
+    getClassName: ({ size, variant, color, status, disabled, loading, checked, bordered, block, className, }: {
+        size?: SwitchSize;
+        variant?: SwitchVariant;
+        color?: SwitchColor;
+        status?: SwitchStatus;
+        disabled?: boolean;
+        loading?: boolean;
+        checked?: boolean;
+        bordered?: boolean;
+        block?: boolean;
+        className?: string;
+    }) => string;
+    /**
+     * 获取轨道类名
+     */
+    getTrackClassName: ({ size, variant, color, status, disabled, loading, checked, bordered, className, }: {
+        size?: SwitchSize;
+        variant?: SwitchVariant;
+        color?: SwitchColor;
+        status?: SwitchStatus;
+        disabled?: boolean;
+        loading?: boolean;
+        checked?: boolean;
+        bordered?: boolean;
+        className?: string;
+    }) => string;
+    /**
+     * 获取滑块类名
+     */
+    getThumbClassName: ({ size, disabled, loading, checked, className, }: {
+        size?: SwitchSize;
+        disabled?: boolean;
+        loading?: boolean;
+        checked?: boolean;
+        className?: string;
+    }) => string;
+    /**
+     * 获取样式对象
+     */
+    getStyle: ({ size: _size, variant: _variant, color: _color, status: _status, disabled: _disabled, loading: _loading, checked: _checked, bordered: _bordered, style, }: {
+        size?: SwitchSize;
+        variant?: SwitchVariant;
+        color?: SwitchColor;
+        status?: SwitchStatus;
+        disabled?: boolean;
+        loading?: boolean;
+        checked?: boolean;
+        bordered?: boolean;
+        style?: any;
+    }) => any;
+};