@zjpcy/simple-design 1.6.0 → 1.8.2

package/dist/types/components/Layout/styles.d.ts

@@ -1,41 +1,131 @@
-export declare const LayoutWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $hasSider?: boolean;
-    $theme?: "light" | "dark";
-}>> & string;
-export declare const HeaderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
-    $fixed?: boolean;
-    $height?: string | number;
-    $theme?: "light" | "dark";
-    $bgColor?: string;
-}>> & string;
-export declare const SiderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
-    $width?: string | number;
-    $collapsedWidth?: number;
-    $collapsed?: boolean;
-    $fixed?: boolean;
-    $zeroWidthMode?: boolean;
-    $theme?: "light" | "dark";
-    $inNestedLayout?: boolean;
-}>> & string;
-export declare const SiderContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $collapsed?: boolean;
-}>> & string;
-export declare const SiderTrigger: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $collapsed?: boolean;
-    $placement?: "top" | "bottom";
-    $zeroWidthMode?: boolean;
-    $theme?: "light" | "dark";
-}>> & string;
-export declare const ZeroWidthTriggerInContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const LayoutInnerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $hasSider?: boolean;
-}>> & string;
-export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
-    $fixed?: boolean;
-    $theme?: "light" | "dark";
-}>> & string;
-export declare const FooterWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
-    $fixed?: boolean;
-    $height?: string | number;
-    $theme?: "light" | "dark";
-}>> & string;
+/**
+ * 获取 Layout 类名
+ */
+export declare const getLayoutClassName: (options: {
+    hasSider?: boolean;
+    theme?: "light" | "dark";
+    mounted?: boolean;
+    className?: string;
+}) => string;
+/**
+ * 获取 Layout 样式
+ */
+export declare const getLayoutStyle: (options: {
+    style?: React.CSSProperties;
+}) => React.CSSProperties;
+/**
+ * 获取 Header 类名
+ */
+export declare const getHeaderClassName: (options: {
+    fixed?: boolean;
+    theme?: "light" | "dark";
+    className?: string;
+}) => string;
+/**
+ * 获取 Header 样式
+ */
+export declare const getHeaderStyle: (options: {
+    height?: string | number;
+    style?: React.CSSProperties;
+}) => React.CSSProperties;
+/**
+ * 获取 Sider 类名
+ */
+export declare const getSiderClassName: (options: {
+    fixed?: boolean;
+    theme?: "light" | "dark";
+    collapsed?: boolean;
+    className?: string;
+}) => string;
+/**
+ * 获取 Sider 样式
+ */
+export declare const getSiderStyle: (options: {
+    width?: string | number;
+    collapsedWidth?: number;
+    collapsed?: boolean;
+    style?: React.CSSProperties;
+}) => React.CSSProperties;
+/**
+ * 获取 SiderContent 类名
+ */
+export declare const getSiderContentClassName: (options: {
+    collapsed?: boolean;
+    className?: string;
+}) => string;
+/**
+ * 获取 SiderContent 样式
+ */
+export declare const getSiderContentStyle: (options: {
+    style?: React.CSSProperties;
+}) => React.CSSProperties;
+/**
+ * 获取 SiderTrigger 类名
+ */
+export declare const getSiderTriggerClassName: (options: {
+    collapsed?: boolean;
+    placement?: "top" | "bottom";
+    zeroWidthMode?: boolean;
+    theme?: "light" | "dark";
+    className?: string;
+}) => string;
+/**
+ * 获取 SiderTrigger 样式
+ */
+export declare const getSiderTriggerStyle: (options: {
+    style?: React.CSSProperties;
+}) => React.CSSProperties;
+/**
+ * 获取 ZeroWidthTrigger 类名
+ */
+export declare const getZeroWidthTriggerClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 ZeroWidthTrigger 样式
+ */
+export declare const getZeroWidthTriggerStyle: (options: {
+    style?: React.CSSProperties;
+}) => React.CSSProperties;
+/**
+ * 获取 LayoutInner 类名
+ */
+export declare const getLayoutInnerClassName: (options: {
+    hasSider?: boolean;
+    className?: string;
+}) => string;
+/**
+ * 获取 LayoutInner 样式
+ */
+export declare const getLayoutInnerStyle: (options: {
+    style?: React.CSSProperties;
+}) => React.CSSProperties;
+/**
+ * 获取 Content 类名
+ */
+export declare const getContentClassName: (options: {
+    fixed?: boolean;
+    theme?: "light" | "dark";
+    className?: string;
+}) => string;
+/**
+ * 获取 Content 样式
+ */
+export declare const getContentStyle: (options: {
+    style?: React.CSSProperties;
+}) => React.CSSProperties;
+/**
+ * 获取 Footer 类名
+ */
+export declare const getFooterClassName: (options: {
+    fixed?: boolean;
+    theme?: "light" | "dark";
+    className?: string;
+}) => string;
+/**
+ * 获取 Footer 样式
+ */
+export declare const getFooterStyle: (options: {
+    height?: string | number;
+    style?: React.CSSProperties;
+}) => React.CSSProperties;

package/dist/types/components/Marquee/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import './index.css';
-interface MarqueeProps {
+export interface MarqueeProps {
     announcement?: string | string[];
     height?: number;
     speed?: number;

package/dist/types/components/Message/index.d.ts

@@ -8,7 +8,7 @@ import { MessageInstance } from './types';
  * message.success('操作成功');
  */
 export declare const message: MessageInstance;
-interface MessageProviderProps {
+export interface MessageProviderProps {
     children: ReactNode;
 }
 /**

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

@@ -1,45 +1,255 @@
+import type { CSSProperties } from 'react';
 import { SelectStyles } from './types';
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $styles?: SelectStyles["wrapper"];
-}>> & string;
-export declare const LabelWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Selector: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $disabled: boolean;
-    $loading: boolean;
-    $size: "small" | "default" | "large";
-    $open: boolean;
-    $styles?: SelectStyles["selector"];
-}>> & string;
-export declare const SelectorContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Placeholder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const SingleValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const TagsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Tag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $disabled: boolean;
-    $styles?: SelectStyles["tag"];
-}>> & string;
-export declare const TagClose: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const SearchInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
-export declare const SuffixArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ClearButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Arrow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $open: boolean;
-}>> & string;
-export declare const LoadingIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Dropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $open: boolean;
-    $styles?: SelectStyles["dropdown"];
-}>> & string;
-export declare const OptionList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $maxHeight?: number;
-}>> & string;
-export declare const Option: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $selected: boolean;
-    $active: boolean;
-    $disabled: boolean;
-    $styles?: SelectStyles["option"];
-}>> & string;
-export declare const CheckIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Empty: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const injectGlobalStyles: () => void;
+/**
+ * 获取 Wrapper 类名
+ */
+export declare const getWrapperClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 Wrapper 样式
+ */
+export declare const getWrapperStyle: (options: {
+    width?: string | number;
+    style?: CSSProperties;
+    customStyles?: SelectStyles["wrapper"];
+}) => CSSProperties;
+/**
+ * 获取 LabelWrapper 类名
+ */
+export declare const getLabelWrapperClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 LabelWrapper 样式
+ */
+export declare const getLabelWrapperStyle: (options: {
+    style?: CSSProperties;
+}) => CSSProperties;
+/**
+ * 获取 Label 类名
+ */
+export declare const getLabelClassName: (options: {
+    labelClassName?: string;
+}) => string;
+/**
+ * 获取 Label 样式
+ */
+export declare const getLabelStyle: (options: {
+    labelGap?: string | number;
+    labelStyle?: CSSProperties;
+}) => CSSProperties;
+/**
+ * 获取 Selector 类名
+ */
+export declare const getSelectorClassName: (options: {
+    size?: "small" | "default" | "large";
+    open?: boolean;
+    disabled?: boolean;
+    className?: string;
+}) => string;
+/**
+ * 获取 Selector 样式
+ */
+export declare const getSelectorStyle: (options: {
+    customStyles?: SelectStyles["selector"];
+}) => CSSProperties;
+/**
+ * 获取 SelectorContent 类名
+ */
+export declare const getSelectorContentClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 SelectorContent 样式
+ */
+export declare const getSelectorContentStyle: (options: {
+    style?: CSSProperties;
+}) => CSSProperties;
+/**
+ * 获取 Placeholder 类名
+ */
+export declare const getPlaceholderClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 Placeholder 样式
+ */
+export declare const getPlaceholderStyle: (options: {
+    style?: CSSProperties;
+}) => CSSProperties;
+/**
+ * 获取 SingleValue 类名
+ */
+export declare const getSingleValueClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 SingleValue 样式
+ */
+export declare const getSingleValueStyle: (options: {
+    style?: CSSProperties;
+}) => CSSProperties;
+/**
+ * 获取 TagsContainer 类名
+ */
+export declare const getTagsContainerClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 TagsContainer 样式
+ */
+export declare const getTagsContainerStyle: (options: {
+    style?: CSSProperties;
+}) => CSSProperties;
+/**
+ * 获取 Tag 类名
+ */
+export declare const getTagClassName: (options: {
+    disabled?: boolean;
+    className?: string;
+}) => string;
+/**
+ * 获取 Tag 样式
+ */
+export declare const getTagStyle: (options: {
+    customStyles?: SelectStyles["tag"];
+}) => CSSProperties;
+/**
+ * 获取 TagClose 类名
+ */
+export declare const getTagCloseClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 TagClose 样式
+ */
+export declare const getTagCloseStyle: (options: {
+    style?: CSSProperties;
+}) => CSSProperties;
+/**
+ * 获取 SearchInput 类名
+ */
+export declare const getSearchInputClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 SearchInput 样式
+ */
+export declare const getSearchInputStyle: (options: {
+    style?: CSSProperties;
+}) => CSSProperties;
+/**
+ * 获取 SuffixArea 类名
+ */
+export declare const getSuffixAreaClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 SuffixArea 样式
+ */
+export declare const getSuffixAreaStyle: (options: {
+    style?: CSSProperties;
+}) => CSSProperties;
+/**
+ * 获取 ClearButton 类名
+ */
+export declare const getClearButtonClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 ClearButton 样式
+ */
+export declare const getClearButtonStyle: (options: {
+    style?: CSSProperties;
+}) => CSSProperties;
+/**
+ * 获取 Arrow 类名
+ */
+export declare const getArrowClassName: (options: {
+    open?: boolean;
+    className?: string;
+}) => string;
+/**
+ * 获取 Arrow 样式
+ */
+export declare const getArrowStyle: (options: {
+    style?: CSSProperties;
+}) => CSSProperties;
+/**
+ * 获取 LoadingIcon 类名
+ */
+export declare const getLoadingIconClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 LoadingIcon 样式
+ */
+export declare const getLoadingIconStyle: (options: {
+    style?: CSSProperties;
+}) => CSSProperties;
+/**
+ * 获取 Dropdown 类名
+ */
+export declare const getDropdownClassName: (options: {
+    open?: boolean;
+    className?: string;
+}) => string;
+/**
+ * 获取 Dropdown 样式
+ */
+export declare const getDropdownStyle: (options: {
+    customStyles?: SelectStyles["dropdown"];
+}) => CSSProperties;
+/**
+ * 获取 OptionList 类名
+ */
+export declare const getOptionListClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 OptionList 样式
+ */
+export declare const getOptionListStyle: (options: {
+    maxHeight?: number;
+    style?: CSSProperties;
+}) => CSSProperties;
+/**
+ * 获取 Option 类名
+ */
+export declare const getOptionClassName: (options: {
+    selected?: boolean;
+    active?: boolean;
+    disabled?: boolean;
+    className?: string;
+}) => string;
+/**
+ * 获取 Option 样式
+ */
+export declare const getOptionStyle: (options: {
+    customStyles?: SelectStyles["option"];
+}) => CSSProperties;
+/**
+ * 获取 CheckIcon 类名
+ */
+export declare const getCheckIconClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 CheckIcon 样式
+ */
+export declare const getCheckIconStyle: (options: {
+    style?: CSSProperties;
+}) => CSSProperties;
+/**
+ * 获取 Empty 类名
+ */
+export declare const getEmptyClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 Empty 样式
+ */
+export declare const getEmptyStyle: (options: {
+    style?: CSSProperties;
+}) => CSSProperties;

package/dist/types/components/Switch/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { SwitchProps } from './types';
+import './Switch.css';
 /**
  * Switch 开关组件
  * 用于在两种状态之间进行切换

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

@@ -1,36 +1,117 @@
+import type { CSSProperties } from 'react';
 import { SwitchStyles } from './types';
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $styles?: SwitchStyles["wrapper"];
-}>> & string;
-export declare const Track: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $checked: boolean;
-    $disabled: boolean;
-    $size: "default" | "small";
-    $loading: boolean;
-    $hasChildren?: boolean;
-    $width?: number;
-    $styles?: SwitchStyles["track"];
-}>> & string;
-export declare const Thumb: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $checked: boolean;
-    $size: "default" | "small";
-    $loading: boolean;
-    $hasChildren?: boolean;
-    $width?: number;
-    $styles?: SwitchStyles["thumb"];
-}>> & string;
-export declare const LoadingIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $checked?: boolean;
-    $size?: "default" | "small";
-    $width?: number;
-    $styles?: SwitchStyles["loading"];
-}>> & string;
-export declare const CheckedInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $size: "default" | "small";
-    $styles?: SwitchStyles["inner"];
-}>> & string;
-export declare const UnCheckedInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $size: "default" | "small";
-    $styles?: SwitchStyles["inner"];
-}>> & string;
-export declare const injectGlobalStyles: () => void;
+/**
+ * 获取 Wrapper 类名
+ */
+export declare const getWrapperClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 Wrapper 样式
+ */
+export declare const getWrapperStyle: (options: {
+    style?: CSSProperties;
+    customStyles?: SwitchStyles["wrapper"];
+}) => CSSProperties;
+/**
+ * 获取 LabelWrapper 类名
+ */
+export declare const getLabelWrapperClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 LabelWrapper 样式
+ */
+export declare const getLabelWrapperStyle: (options: {
+    style?: CSSProperties;
+}) => CSSProperties;
+/**
+ * 获取 Label 类名
+ */
+export declare const getLabelClassName: (options: {
+    labelClassName?: string;
+}) => string;
+/**
+ * 获取 Label 样式
+ */
+export declare const getLabelStyle: (options: {
+    labelGap?: string | number;
+    labelStyle?: CSSProperties;
+}) => CSSProperties;
+/**
+ * 获取 Track 类名
+ */
+export declare const getTrackClassName: (options: {
+    checked?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    className?: string;
+}) => string;
+/**
+ * 获取 Track 样式
+ */
+export declare const getTrackStyle: (options: {
+    size?: "default" | "small";
+    width?: number;
+    hasChildren?: boolean;
+    disabled?: boolean;
+    customStyles?: SwitchStyles["track"];
+}) => CSSProperties;
+/**
+ * 获取 Thumb 类名
+ */
+export declare const getThumbClassName: (options: {
+    checked?: boolean;
+    loading?: boolean;
+    className?: string;
+}) => string;
+/**
+ * 获取 Thumb 样式
+ */
+export declare const getThumbStyle: (options: {
+    size?: "default" | "small";
+    checked?: boolean;
+    width?: number;
+    customStyles?: SwitchStyles["thumb"];
+}) => CSSProperties;
+/**
+ * 获取 LoadingIcon 类名
+ */
+export declare const getLoadingIconClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 LoadingIcon 样式
+ */
+export declare const getLoadingIconStyle: (options: {
+    size?: "default" | "small";
+    checked?: boolean;
+    width?: number;
+    customStyles?: SwitchStyles["loading"];
+}) => CSSProperties;
+/**
+ * 获取 CheckedInner 类名
+ */
+export declare const getCheckedInnerClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 CheckedInner 样式
+ */
+export declare const getCheckedInnerStyle: (options: {
+    size?: "default" | "small";
+    customStyles?: SwitchStyles["inner"];
+}) => CSSProperties;
+/**
+ * 获取 UncheckedInner 类名
+ */
+export declare const getUncheckedInnerClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 UncheckedInner 样式
+ */
+export declare const getUncheckedInnerStyle: (options: {
+    size?: "default" | "small";
+    customStyles?: SwitchStyles["inner"];
+}) => CSSProperties;

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

@@ -37,6 +37,10 @@ export interface SwitchProps {
     labelClassName?: string;
     /** 标签的样式 */
     labelStyle?: CSSProperties;
+    /** 自定义 CSS 类名 */
+    className?: string;
+    /** 自定义样式对象 */
+    style?: CSSProperties;
 }
 /**
  * 样式配置接口