@zjpcy/simple-design 1.6.0 → 1.8.3

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;
 }
 /**
  * 样式配置接口

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

@@ -1,33 +1,161 @@
-export declare const TimePickerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+import type { CSSProperties } from 'react';
+/**
+ * 获取 TimePicker 容器类名
+ */
+export declare const getContainerClassName: (options: {
+    className?: string;
+    hasLabel?: boolean;
+}) => string;
+/**
+ * 获取 TimePicker 容器样式
+ */
+export declare const getContainerStyle: (options: {
     width?: string | number;
-}>> & string;
-export declare const TimePickerTrigger: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    style?: CSSProperties;
+}) => CSSProperties;
+/**
+ * 获取 Trigger 类名
+ */
+export declare const getTriggerClassName: (options: {
+    size?: "small" | "middle" | "large";
     focused?: boolean;
     disabled?: boolean;
-}>> & string;
-export declare const TimePickerValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    className?: string;
+}) => string;
+/**
+ * 获取 Value 类名
+ */
+export declare const getValueClassName: (options: {
     isPlaceholder?: boolean;
     disabled?: boolean;
-}>> & string;
-export declare const TimePickerSuffix: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const TimePickerClear: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    visible?: boolean;
-}>> & string;
-export declare const TimePickerIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    className?: string;
+}) => string;
+/**
+ * 获取 Suffix 类名
+ */
+export declare const getSuffixClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 Clear 类名
+ */
+export declare const getClearClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 Icon 类名
+ */
+export declare const getIconClassName: (options: {
+    open?: boolean;
+    hasClear?: boolean;
+    className?: string;
+}) => string;
+/**
+ * 获取 Dropdown 类名
+ */
+export declare const getDropdownClassName: (options: {
     open?: boolean;
-}>> & string;
-export declare const TimePickerDropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    top: number;
-    left: number;
-    minWidth: number;
-}>> & string;
-export declare const TimePickerPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TimeColumn: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TimeColumnHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TimeColumnList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TimeOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    className?: string;
+}) => string;
+/**
+ * 获取 Dropdown 样式
+ */
+export declare const getDropdownStyle: (options: {
+    top?: number;
+    left?: number;
+    minWidth?: number;
+    visible?: boolean;
+    customStyles?: CSSProperties;
+}) => CSSProperties;
+/**
+ * 获取 Panel 类名
+ */
+export declare const getPanelClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 PanelContainer 类名
+ */
+export declare const getPanelContainerClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 Column 类名
+ */
+export declare const getColumnClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 ColumnHeader 类名
+ */
+export declare const getColumnHeaderClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 ColumnList 类名
+ */
+export declare const getColumnListClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 Option 类名
+ */
+export declare const getOptionClassName: (options: {
     selected?: boolean;
     disabled?: boolean;
-}>> & string;
-export declare const TimePickerLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const TimePickerWithLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+    className?: string;
+}) => string;
+/**
+ * 获取 Label 类名
+ */
+export declare const getLabelClassName: (options: {
+    labelClassName?: string;
+}) => string;
+/**
+ * 获取 Label 样式
+ */
+export declare const getLabelStyle: (options: {
+    labelGap?: string | number;
+    labelStyle?: CSSProperties;
+}) => CSSProperties;
+/**
+ * 获取 Footer 类名
+ */
+export declare const getFooterClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 NowButton 类名
+ */
+export declare const getNowButtonClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 OkButton 类名
+ */
+export declare const getOkButtonClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 RangePicker 触发器类名
+ */
+export declare const getRangeTriggerClassName: (options: {
+    size?: "small" | "middle" | "large";
+    focused?: boolean;
+    disabled?: boolean;
+    className?: string;
+}) => string;
+/**
+ * 获取 RangePicker 容器类名
+ */
+export declare const getRangeContainerClassName: (options: {
+    className?: string;
+    hasLabel?: boolean;
+}) => string;
+/**
+ * 获取 RangePicker 容器样式
+ */
+export declare const getRangeContainerStyle: (options: {
+    width?: string | number;
+    style?: CSSProperties;
+}) => CSSProperties;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import './Top.css';
-interface TopProps {
+export interface TopProps {
     showAfter?: number;
     bottom?: number;
     right?: number;