@zjpcy/simple-design 1.6.0 → 1.8.2

package/dist/i18n/locales/en-US.json

@@ -17,7 +17,6 @@
   "INPUT": "Input",
   "MARQUEE": "Marquee",
   "MESSAGE": "Message",
-  "NOTICE": "Notice",
   "NOTIFICATION": "Notification",
   "RADIO": "Radio",
   "TABLE": "Table",
@@ -207,7 +206,7 @@
   "BASIC_GRADIENT": "Basic Gradient",
   "GRADIENT_COLOR": "Gradient Color",
   "FEATURES": "Features",
-  "LIGHTWEIGHT": "Lightweight: Only 2.8KB gzipped (13 times lighter than react-color)",
+  "LIGHTWEIGHT": "Lightweight: Only 2.8KB gzipped (13 times lighter than reactColor)",
   "TREE_SHAKING": "Tree Shaking: Only import used parts",
   "FAST": "Fast: Uses hooks and functional components",
   "TYPE_SAFE": "Type Safe: Strict TypeScript support",
@@ -297,7 +296,7 @@
   "EMPTY_SIZE": "Empty state size",
   "EMPTY_CUSTOM_STYLE": "Custom style",
   "EMPTY_CUSTOM_CLASS_NAME": "Custom CSS class name",
-  "NOTICE_COMPONENT_DESC": "This is a scrolling notification bar component that uses react-fast-marquee to achieve seamless scrolling effects.",
+  "NOTICE_COMPONENT_DESC": "This is a scrolling notification bar component that uses to achieve seamless scrolling effects.",
   "NOTICE_HIDDEN": "Notice hidden",
   "HIDE_NOTICE": "Hide notice",
   "SHOW_NOTICE": "Show notice",

package/dist/i18n/locales/zh-CN.json

@@ -297,7 +297,7 @@
   "EMPTY_SIZE": "空状态尺寸",
   "EMPTY_CUSTOM_STYLE": "自定义样式",
   "EMPTY_CUSTOM_CLASS_NAME": "自定义CSS类名",
-  "NOTICE_COMPONENT_DESC": "这是一个滚动通知栏组件，使用 react-fast-marquee 实现无缝滚动效果。",
+  "NOTICE_COMPONENT_DESC": "这是一个滚动通知栏组件，使用实现无缝滚动效果。",
   "NOTICE_HIDDEN": "通知已隐藏",
   "HIDE_NOTICE": "隐藏通知",
   "SHOW_NOTICE": "显示通知",

package/dist/types/components/ColorPicker/ColorPickerPanel.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import './ColorPicker.css';
+interface ColorPickerPanelProps {
+    color: string;
+    onChange: (color: {
+        hex: string;
+        rgb: {
+            r: number;
+            g: number;
+            b: number;
+        };
+        hsv: {
+            h: number;
+            s: number;
+            v: number;
+        };
+    }) => void;
+    disableAlpha?: boolean;
+}
+declare const ColorPickerPanel: React.FC<ColorPickerPanelProps>;
+export default ColorPickerPanel;

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

@@ -1,165 +1,142 @@
-/** 日期选择器容器 */
-export declare const DatePickerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+/**
+ * 获取日期选择器容器样式
+ */
+export declare const getDatePickerContainerStyle: (options: {
     width?: string | number;
     minWidth?: string | number;
-}>> & string;
-/** 触发器容器 */
-export declare const DatePickerTrigger: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+}) => React.CSSProperties;
+/**
+ * 获取触发器类名
+ */
+export declare const getDatePickerTriggerClassName: (options: {
     focused?: boolean;
     disabled?: boolean;
     size?: string;
-}>> & string;
-/** 日期显示值 */
-export declare const DatePickerValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+}) => string;
+/**
+ * 获取触发器内联样式（动态高度和padding）
+ */
+export declare const getDatePickerTriggerStyle: (options: {
+    size?: string;
+}) => React.CSSProperties;
+/**
+ * 获取日期显示值类名
+ */
+export declare const getDatePickerValueClassName: (options: {
     isPlaceholder?: boolean;
     disabled?: boolean;
-}>> & string;
-/** 后缀图标区域 */
-export declare const DatePickerSuffix: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-/** 清除按钮 */
-export declare const DatePickerClear: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-/** 日历图标 */
-export declare const DatePickerIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-/** 下拉面板 */
-export declare const DatePickerDropdown: 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;
+    isTags?: boolean;
+}) => string;
+/**
+ * 获取下拉面板内联样式
+ */
+export declare const getDatePickerDropdownStyle: (options: {
+    top?: number;
+    left?: number;
     minWidth?: number;
-}>> & string;
-/** 日历面板 */
-export declare const CalendarPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 日历头部 */
-export declare const CalendarHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 头部左侧区域 */
-export declare const HeaderLeft: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 头部中间区域 */
-export declare const HeaderCenter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 头部右侧区域 */
-export declare const HeaderRight: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 头部按钮 */
-export declare const HeaderButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-/** 年份/月份选择器 */
-export declare const HeaderSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, never>> & string;
-/** 日历内容区域 */
-export declare const CalendarBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 星期标题行 */
-export declare const WeekHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 星期标题 */
-export declare const WeekDay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 日期网格 */
-export declare const DateGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 日期单元格 */
-export declare const DateCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+}) => React.CSSProperties;
+/**
+ * 获取日期单元格类名
+ */
+export declare const getDateCellClassName: (options: {
     isSelected?: boolean;
     isInSelectedSet?: boolean;
     isToday?: boolean;
     disabled?: boolean;
     isCurrentMonth?: boolean;
-}>> & string;
-/** 日历底部 */
-export declare const CalendarFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 日历底部占位元素（用于保持确定按钮位置统一） */
-export declare const CalendarFooterSpacer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 日历底部按钮组 */
-export declare const CalendarFooterActions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 底部按钮 */
-export declare const FooterButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+}) => string;
+/**
+ * 获取底部按钮类名
+ */
+export declare const getFooterButtonClassName: (options: {
     variant?: "primary" | "default";
-}>> & string;
-/** 标签容器 */
-export declare const LabelContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    gap?: string | number;
-}>> & string;
-/** 标签文本 */
-export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
-/** 年份选择器面板 */
-export declare const YearPickerPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 年份网格 */
-export declare const YearGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 月份选择器面板 */
-export declare const MonthPickerPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 月份网格 */
-export declare const MonthGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 月份单元格 */
-export declare const MonthCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+}) => string;
+/**
+ * 获取年份单元格类名
+ */
+export declare const getYearCellClassName: (options: {
     isSelected?: boolean;
     isInSelectedSet?: boolean;
-    isCurrentMonth?: boolean;
-}>> & string;
-/** 年份单元格 */
-export declare const YearCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isCurrentYear?: boolean;
+}) => string;
+/**
+ * 获取月份单元格类名
+ */
+export declare const getMonthCellClassName: (options: {
     isSelected?: boolean;
     isInSelectedSet?: boolean;
-    isCurrentYear?: boolean;
-}>> & string;
-/** 季度选择器面板 */
-export declare const QuarterPickerPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 季度网格 */
-export declare const QuarterGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 季度单元格 */
-export declare const QuarterCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isCurrentMonth?: boolean;
+}) => string;
+/**
+ * 获取季度单元格类名
+ */
+export declare const getQuarterCellClassName: (options: {
     isSelected?: boolean;
     isInSelectedSet?: boolean;
     isCurrentQuarter?: boolean;
-}>> & string;
-/** ==================== 日期范围选择器样式 ==================== */
-/** 范围选择器容器 */
-export declare const DateRangePickerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+}) => string;
+/**
+ * 获取标签容器内联样式
+ */
+export declare const getLabelContainerStyle: (options: {
+    gap?: string | number;
+}) => React.CSSProperties;
+/**
+ * 获取范围选择器容器样式
+ */
+export declare const getDateRangePickerContainerStyle: (options: {
     width?: string | number;
-}>> & string;
-/** 范围选择器触发器 */
-export declare const DateRangePickerTrigger: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+}) => React.CSSProperties;
+/**
+ * 获取范围选择器触发器类名
+ */
+export declare const getDateRangePickerTriggerClassName: (options: {
     focused?: boolean;
     disabled?: boolean;
     size?: string;
-}>> & string;
-/** 范围选择器输入框 */
-export declare const DateRangePickerInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+}) => string;
+/**
+ * 获取范围选择器触发器内联样式（动态高度和padding）
+ */
+export declare const getDateRangePickerTriggerStyle: (options: {
+    size?: string;
+}) => React.CSSProperties;
+/**
+ * 获取范围选择器输入框类名
+ */
+export declare const getDateRangePickerInputClassName: (options: {
     active?: boolean;
-}>> & string;
-/** 范围选择器值显示 */
-export declare const DateRangePickerValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+}) => string;
+/**
+ * 获取范围选择器值显示类名
+ */
+export declare const getDateRangePickerValueClassName: (options: {
     isPlaceholder?: boolean;
-}>> & string;
-/** 范围选择器分隔符 */
-export declare const DateRangePickerSeparator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-/** 范围选择器后缀区域 */
-export declare const DateRangePickerSuffix: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-/** 范围选择器清除按钮 */
-export declare const DateRangePickerClear: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-/** 范围选择器图标 */
-export declare const DateRangePickerIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-/** 范围选择器下拉面板 */
-export declare const DateRangePickerDropdown: 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;
-}>> & string;
-/** 范围选择器双面板容器 */
-export declare const DateRangePickerPanels: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 范围选择器日历面板 */
-export declare const DateRangePickerCalendar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 范围选择器日历头部 */
-export declare const DateRangePickerCalendarHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 范围选择器日历头部左侧 */
-export declare const DateRangePickerHeaderLeft: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 范围选择器日历头部中间 */
-export declare const DateRangePickerHeaderCenter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 范围选择器日历头部右侧 */
-export declare const DateRangePickerHeaderRight: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 范围选择器日历头部按钮 */
-export declare const DateRangePickerHeaderButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-/** 范围选择器日历头部标签 */
-export declare const DateRangePickerHeaderLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-/** 范围选择器日历内容区域 */
-export declare const DateRangePickerCalendarBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 范围选择器星期标题行 */
-export declare const DateRangePickerWeekHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 范围选择器星期标题 */
-export declare const DateRangePickerWeekDay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 范围选择器日期网格 */
-export declare const DateRangePickerDateGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 范围选择器日期单元格 */
-export declare const DateRangePickerDateCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+}) => string;
+/**
+ * 获取范围选择器下拉面板内联样式
+ */
+export declare const getDateRangePickerDropdownStyle: (options: {
+    top?: number;
+    left?: number;
+    minWidth?: number;
+}) => React.CSSProperties;
+/**
+ * 获取范围选择器底部按钮类名
+ */
+export declare const getDateRangePickerFooterButtonClassName: (options: {
+    variant?: "primary" | "default";
+}) => string;
+/**
+ * 获取范围选择器标签容器样式
+ */
+export declare const getDateRangePickerLabelContainerStyle: (options: {
+    gap?: string | number;
+}) => React.CSSProperties;
+/**
+ * 获取范围选择器日期单元格类名
+ */
+export declare const getDateRangePickerDateCellClassName: (options: {
     isSelected?: boolean;
     isToday?: boolean;
     isCurrentMonth?: boolean;
@@ -167,20 +144,9 @@ export declare const DateRangePickerDateCell: import("styled-components/dist/typ
     isRangeStart?: boolean;
     isRangeEnd?: boolean;
     disabled?: boolean;
-}>> & string;
-/** 范围选择器底部 */
-export declare const DateRangePickerFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 范围选择器底部占位 */
-export declare const DateRangePickerFooterSpacer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 范围选择器底部按钮组 */
-export declare const DateRangePickerFooterActions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-/** 范围选择器底部按钮 */
-export declare const DateRangePickerFooterButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    variant?: "primary" | "default";
-}>> & string;
-/** 范围选择器标签容器 */
-export declare const DateRangePickerLabelContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    gap?: string | number;
-}>> & string;
-/** 范围选择器标签 */
-export declare const DateRangePickerLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+}) => string;
+/**
+ * 通用样式类型导出
+ */
+export type SizeType = 'small' | 'middle' | 'large';
+export type ButtonVariant = 'primary' | 'default';

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

@@ -1,22 +1,84 @@
-export declare const FormWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {
-    $styles?: any;
-}>> & string;
-export declare const FormItemWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $layout: "horizontal" | "vertical" | "inline";
-    $styles?: any;
-}>> & string;
-export declare const FormLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
-    $required?: boolean;
-    $colon?: boolean;
-    $labelAlign?: "start" | "center" | "end";
-    $styles?: any;
-}>> & string;
-export declare const FormControl: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $styles?: any;
-}>> & string;
-export declare const FormError: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $styles?: any;
-}>> & string;
-export declare const FormHelp: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $styles?: any;
-}>> & string;
+/**
+ * 获取表单容器类名
+ */
+export declare const getFormWrapperClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取表单容器样式
+ */
+export declare const getFormWrapperStyle: (options: {
+    style?: React.CSSProperties;
+    customStyles?: Record<string, any>;
+}) => React.CSSProperties;
+/**
+ * 获取表单项包装器类名
+ */
+export declare const getFormItemWrapperClassName: (options: {
+    layout: "horizontal" | "vertical" | "inline";
+    className?: string;
+}) => string;
+/**
+ * 获取表单项包装器样式
+ */
+export declare const getFormItemWrapperStyle: (options: {
+    style?: React.CSSProperties;
+    customStyles?: Record<string, any>;
+}) => React.CSSProperties;
+/**
+ * 获取表单标签类名
+ */
+export declare const getFormLabelClassName: (options: {
+    required?: boolean;
+    className?: string;
+}) => string;
+/**
+ * 获取表单标签样式
+ */
+export declare const getFormLabelStyle: (options: {
+    labelAlign?: "start" | "center" | "end";
+    labelWidth?: number;
+    style?: React.CSSProperties;
+    customStyles?: Record<string, any>;
+}) => React.CSSProperties;
+/**
+ * 获取表单控件容器类名
+ */
+export declare const getFormControlClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取表单控件容器样式
+ */
+export declare const getFormControlStyle: (options: {
+    controlWidth?: number;
+    style?: React.CSSProperties;
+    customStyles?: Record<string, any>;
+}) => React.CSSProperties;
+/**
+ * 获取表单错误提示类名
+ */
+export declare const getFormErrorClassName: (options: {
+    visible?: boolean;
+    className?: string;
+}) => string;
+/**
+ * 获取表单错误提示样式
+ */
+export declare const getFormErrorStyle: (options: {
+    style?: React.CSSProperties;
+    customStyles?: Record<string, any>;
+}) => React.CSSProperties;
+/**
+ * 获取表单帮助信息类名
+ */
+export declare const getFormHelpClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取表单帮助信息样式
+ */
+export declare const getFormHelpStyle: (options: {
+    style?: React.CSSProperties;
+    customStyles?: Record<string, any>;
+}) => React.CSSProperties;

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

@@ -1,22 +1,52 @@
-export declare const GridWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+/**
+ * 获取网格容器类名
+ */
+export declare const getGridWrapperClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取网格容器样式
+ */
+export declare const getGridWrapperStyle: (options: {
     width?: number | string;
     height?: number | string;
     gap?: number | string;
     padding?: number | string;
     backgroundColor?: string;
-}>> & string;
-export declare const RowWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    style?: React.CSSProperties;
+}) => React.CSSProperties;
+/**
+ * 获取行容器类名
+ */
+export declare const getRowWrapperClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取行容器样式
+ */
+export declare const getRowWrapperStyle: (options: {
     span?: number;
     rowGap?: number | string;
     align?: string;
     justify?: string;
     wrap?: boolean;
-}>> & string;
-export declare const ColWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    style?: React.CSSProperties;
+}) => React.CSSProperties;
+/**
+ * 获取列容器类名
+ */
+export declare const getColWrapperClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取列容器样式
+ */
+export declare const getColWrapperStyle: (options: {
     span?: number;
     offset?: number;
     push?: number;
     pull?: number;
     order?: number;
     gap?: number | string;
-}>> & string;
+    style?: React.CSSProperties;
+}) => React.CSSProperties;

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

@@ -1 +1,16 @@
-export declare const LabelWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+/**
+ * 获取 Label 类名
+ */
+export declare const getLabelClassName: (options: {
+    className?: string;
+}) => string;
+/**
+ * 获取 Label 样式
+ */
+export declare const getLabelStyle: (options: {
+    indicatorColor?: string;
+    indicatorWidth?: string | number;
+    indicatorHeight?: string | number;
+    paddingRight?: string | number;
+    style?: React.CSSProperties;
+}) => React.CSSProperties;

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

@@ -6,4 +6,5 @@ export interface LabelProps {
     indicatorHeight?: string | number;
     paddingRight?: string | number;
     style?: CSSProperties;
+    className?: string;
 }