@zjpcy/simple-design 1.2.3 → 1.2.11

package/dist/es/index.js

@@ -1 +1 @@
-export{default as Cascader}from"./Cascader/index.js";export{default as TreeSelect}from"./TreeSelect/index.js";export{default as ColorPicker}from"./ColorPicker/index.js";export{default as CopyToClipboard,useOnCopy as useCopy}from"./CopyToClipboard/index.js";export{default as Divider}from"./Divider/index.js";export{default as Empty}from"./Empty/index.js";export{default as Flex}from"./Flex/index.js";export{default as Icon}from"./Icon/Icon.js";export{default as Input}from"./Input/index.js";export{default as Marquee}from"./Marquee/index.js";export{MessageProvider,message,useMessage}from"./Message/index.js";export{default as Modal}from"./Modal/index.js";export{default as Notice}from"./Notice/Notice.js";export{default as Notification}from"./Notification/Notification.js";export{default as Radio}from"./Radio/index.js";export{default as Select}from"./Select/index.js";export{default as Table}from"./Table/index.js";export{default as Top}from"./Top/index.js";export{default as Typography}from"./Typography/index.js";export{default as Masonry}from"./Masonry/index.js";export{default as Space}from"./Space/index.js";export{default as Anchor}from"./Anchor/index.js";export{default as Breadcrumb}from"./Breadcrumb/index.js";export{default as I18nProvider,load18n,useI18n}from"./src/i18n/I18nProvider.js";import"./src/i18n/index.js";export{default as Dropdown}from"./Dropdown/index.js";export{default as Menu}from"./Menu/index.js";export{default as Pagination}from"./Pagination/index.js";export{default as Navigation}from"./Navigation/index.js";export{default as Rate}from"./Rate/index.js";export{default as Slider}from"./Slider/index.js";export{default as Steps}from"./Steps/index.js";export{default as Switch}from"./Switch/index.js";export{default as Tabs}from"./Tabs/index.js";export{default as Transfer}from"./Transfer/index.js";export{default as Label}from"./Label/index.js";export{default as Form}from"./Form/index.js";export{default as Message}from"./Message/Message.js";export{default as i18n}from"./node_modules/i18next/dist/esm/i18next.js";export{default as Button}from"./Button/Button.js";export{default as Tooltip}from"./Tooltip/Tooltip.js";
+export{default as Carousel}from"./Carousel/index.js";export{default as Cascader}from"./Cascader/index.js";export{default as TreeSelect}from"./TreeSelect/index.js";export{default as ColorPicker}from"./ColorPicker/index.js";export{default as CopyToClipboard,useOnCopy as useCopy}from"./CopyToClipboard/index.js";export{default as Divider}from"./Divider/index.js";export{default as Empty}from"./Empty/index.js";export{default as Flex}from"./Flex/index.js";export{default as Icon}from"./Icon/Icon.js";export{default as Input}from"./Input/index.js";export{default as Marquee}from"./Marquee/index.js";export{MessageProvider,message,useMessage}from"./Message/index.js";export{default as Modal}from"./Modal/index.js";export{default as Notice}from"./Notice/Notice.js";export{default as Notification}from"./Notification/Notification.js";export{default as Radio}from"./Radio/index.js";export{default as Select}from"./Select/index.js";export{default as Table}from"./Table/index.js";export{default as Top}from"./Top/index.js";export{default as Typography}from"./Typography/index.js";export{default as Masonry}from"./Masonry/index.js";export{default as Space}from"./Space/index.js";export{default as Anchor}from"./Anchor/index.js";export{default as Breadcrumb}from"./Breadcrumb/index.js";export{default as I18nProvider,load18n,useI18n}from"./src/i18n/I18nProvider.js";import"./src/i18n/index.js";export{default as Dropdown}from"./Dropdown/index.js";export{default as Menu}from"./Menu/index.js";export{default as Pagination}from"./Pagination/index.js";export{default as Rate}from"./Rate/index.js";export{default as Slider}from"./Slider/index.js";export{default as Steps}from"./Steps/index.js";export{default as Switch}from"./Switch/index.js";export{default as Tabs}from"./Tabs/index.js";export{default as Transfer}from"./Transfer/index.js";export{default as Label}from"./Label/index.js";export{default as Layout}from"./Layout/index.js";export{default as Form}from"./Form/index.js";export{Col,default as Grid,Row}from"./Grid/index.js";export{default as Drawer}from"./Drawer/index.js";export{default as Checkbox}from"./Checkbox/index.js";export{default as Tag}from"./Tag/index.js";export{default as Popconfirm}from"./Popconfirm/index.js";export{default as Progress}from"./Progress/index.js";export{default as TimePicker}from"./TimePicker/index.js";export{default as DatePicker}from"./DatePicker/index.js";export{default as Tree}from"./Tree/index.js";export{default as Message}from"./Message/Message.js";export{default as i18n}from"./node_modules/i18next/dist/esm/i18next.js";export{default as Button}from"./Button/Button.js";export{default as Textarea}from"./Input/Textarea.js";export{default as Tooltip}from"./Tooltip/Tooltip.js";

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

@@ -2,7 +2,7 @@ import React from 'react';
 import './Button.css';
 export interface ButtonProps {
     children?: React.ReactNode;
-    variant?: 'primary' | 'secondary' | 'danger' | 'success' | 'warning';
+    variant?: 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'link';
     size?: 'small' | 'medium' | 'large';
     disabled?: boolean;
     loading?: boolean;
@@ -11,6 +11,7 @@ export interface ButtonProps {
     style?: React.CSSProperties;
     icon?: string | React.ReactNode;
     type?: 'button' | 'submit' | 'reset';
+    href?: string;
 }
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>>;
 export default Button;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { CarouselProps } from './types';
+import './Carousel.css';
+declare const Carousel: React.FC<CarouselProps>;
+export default Carousel;

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

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+import { CarouselArrowPosition, CarouselIndicatorPosition } from './types';
+export declare const carouselStyle: CSSProperties;
+export declare const carouselTrackStyle: (direction: "horizontal" | "vertical") => CSSProperties;
+export declare const carouselItemStyle: CSSProperties;
+export declare const getIndicatorContainerStyle: (position: CarouselIndicatorPosition, direction: "horizontal" | "vertical") => CSSProperties;
+export declare const indicatorStyle: (active: boolean, position: CarouselIndicatorPosition) => CSSProperties;
+export declare const getArrowContainerStyle: (position: CarouselArrowPosition, _direction: "horizontal" | "vertical") => CSSProperties;
+export declare const arrowRightStyle: CSSProperties;
+export declare const carouselCardStyle: (index: number, activeIndex: number, cardNumber: number, cardSpacing: number) => CSSProperties;
+export declare const fadeItemStyle: CSSProperties;
+export declare const fadeActiveItemStyle: CSSProperties;

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

@@ -0,0 +1,72 @@
+import React from 'react';
+export type CarouselInfoPosition = 'bottom' | 'top' | 'left' | 'right' | 'center';
+export interface CarouselItem {
+    /** 唯一标识 */
+    key: string;
+    /** 图片地址 */
+    image: string;
+    /** 标题 */
+    title?: React.ReactNode;
+    /** 描述 */
+    description?: React.ReactNode;
+    /** 点击跳转链接 */
+    link?: string;
+    /** 自定义渲染内容 */
+    render?: () => React.ReactNode;
+    /** 文案位置 */
+    infoPosition?: CarouselInfoPosition;
+}
+export type CarouselEffect = 'slide' | 'fade' | 'flip' | 'cards' | 'creative' | 'coverflow' | 'parallax' | 'zoom' | 'book' | 'curtain' | 'mosaic' | 'rain';
+export type CarouselDirection = 'horizontal' | 'vertical';
+export type CarouselIndicatorPosition = 'bottom' | 'top' | 'left' | 'right' | 'center';
+export type CarouselArrowPosition = 'inside' | 'outside' | 'none';
+export interface CarouselProps {
+    /** 轮播数据 */
+    items: CarouselItem[];
+    /** 当前激活的索引 */
+    currentIndex?: number;
+    /** 默认激活的索引 */
+    defaultCurrentIndex?: number;
+    /** 切换时的回调 */
+    onChange?: (index: number) => void;
+    /** 是否自动播放 */
+    autoplay?: boolean;
+    /** 自动播放间隔(ms) */
+    interval?: number;
+    /** 切换动画效果 */
+    effect?: CarouselEffect;
+    /** 切换方向 */
+    direction?: CarouselDirection;
+    /** 是否显示指示器 */
+    showIndicators?: boolean;
+    /** 指示器位置 */
+    indicatorPosition?: CarouselIndicatorPosition;
+    /** 是否显示箭头 */
+    showArrows?: boolean;
+    /** 是否循环播放 */
+    loop?: boolean;
+    /** 是否暂停在hover时 */
+    pauseOnHover?: boolean;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 内容区域类名 */
+    contentClassName?: string;
+    /** 内容区域样式 */
+    contentStyle?: React.CSSProperties;
+    /** 图片点击事件 */
+    onItemClick?: (item: CarouselItem, index: number) => void;
+    /** 切换动画时长(ms) */
+    duration?: number;
+    /** 自定义左箭头图标 */
+    prevIcon?: React.ReactNode;
+    /** 自定义右箭头图标 */
+    nextIcon?: React.ReactNode;
+    /** 自定义上箭头图标（垂直方向） */
+    upIcon?: React.ReactNode;
+    /** 自定义下箭头图标（垂直方向） */
+    downIcon?: React.ReactNode;
+    /** 是否启用指示器进度动画（自动播放时显示进度） */
+    indicatorProgress?: boolean;
+}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DateRangePickerProps } from './types';
+declare const RangePicker: React.FC<DateRangePickerProps>;
+export default RangePicker;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import RangePicker from './RangePicker';
+import './DatePicker.css';
+import { DatePickerProps } from './types';
+declare const DatePicker: React.FC<DatePickerProps> & {
+    RangePicker: typeof RangePicker;
+};
+export default DatePicker;
+export type { DatePickerProps, DateRangePickerProps, DateFormat, CalendarPanelProps, CalendarHeaderProps, DateCellProps } from './types';

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

@@ -0,0 +1,186 @@
+/** 日期选择器容器 */
+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>, {
+    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>, {
+    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>, {
+    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;
+    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>, {
+    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>, {
+    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>, {
+    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>, {
+    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>, {
+    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>, {
+    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>, {
+    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>, {
+    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>, {
+    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>, {
+    isSelected?: boolean;
+    isToday?: boolean;
+    isCurrentMonth?: boolean;
+    isInRange?: boolean;
+    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;

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

@@ -0,0 +1,228 @@
+import React from 'react';
+/** 日期格式类型 */
+export type DateFormat = 'YYYY-MM-DD' | 'YYYY/MM/DD' | 'DD-MM-YYYY' | 'MM/DD/YYYY';
+/** 选择器类型 */
+export type PickerType = 'date' | 'month' | 'quarter' | 'year';
+/** 日期选择器属性 */
+export interface DatePickerProps {
+    /** 尺寸，可选 'small' | 'middle' | 'large'，默认 'middle' */
+    size?: 'small' | 'middle' | 'large';
+    /** 当前值（单选时为字符串，多选时为逗号分隔的字符串） */
+    value?: string;
+    /** 默认值（单选时为字符串，多选时为逗号分隔的字符串） */
+    defaultValue?: string;
+    /** 值改变时的回调（单选时返回字符串，多选时返回逗号分隔的字符串） */
+    onChange?: (date: string) => void;
+    /** 占位符 */
+    placeholder?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 只读 */
+    readOnly?: boolean;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 宽度 */
+    width?: string | number;
+    /** 日期格式，默认 'YYYY-MM-DD' */
+    format?: DateFormat;
+    /** 是否显示清除按钮 */
+    allowClear?: boolean;
+    /** 禁用日期的函数 */
+    disabledDate?: (date: Date) => boolean;
+    /** 不可选择的日期 */
+    disabledDates?: string[];
+    /** 标签 */
+    label?: string | React.ReactNode;
+    /** 标签到输入框的距离 */
+    labelGap?: string | number;
+    /** 标签的CSS类名 */
+    labelClassName?: string;
+    /** 标签的样式 */
+    labelStyle?: React.CSSProperties;
+    /** 面板打开状态改变时的回调 */
+    onOpenChange?: (open: boolean) => void;
+    /** 是否打开面板（受控） */
+    open?: boolean;
+    /** 显示今天的按钮 */
+    showToday?: boolean;
+    /** 显示确定的按钮 */
+    showOk?: boolean;
+    /** 选择器类型，可选 'date' | 'month' | 'quarter' | 'year'，默认 'date' */
+    picker?: PickerType;
+    /** 是否显示时间选择，仅在 picker='date' 时有效 */
+    showTime?: boolean;
+    /** 是否支持多选，默认 false */
+    multiple?: boolean;
+    /** 多选时最多可选数量，默认无限制 */
+    maxTagCount?: number;
+    /** 多选时最多显示几个tag，超过显示...+n模式，默认无限制 */
+    maxTagDisplayCount?: number;
+    /** 多选时值的连接符，默认 ',' */
+    separator?: string;
+}
+/** 日历面板属性 */
+export interface CalendarPanelProps {
+    /** 当前选中的值 */
+    value?: string;
+    /** 多选时当前选中的值列表 */
+    selectedValues?: string[];
+    /** 值改变时的回调 */
+    onChange?: (date: string) => void;
+    /** 日期格式 */
+    format: DateFormat;
+    /** 禁用日期的函数 */
+    disabledDate?: (date: Date) => boolean;
+    /** 不可选择的日期 */
+    disabledDates?: string[];
+    /** 显示今天的按钮 */
+    showToday?: boolean;
+    /** 显示确定的按钮 */
+    showOk?: boolean;
+    /** 点击今天的回调 */
+    onToday?: () => void;
+    /** 点击确定的回调 */
+    onOk?: () => void;
+    /** 是否显示时间选择 */
+    showTime?: boolean;
+    /** 是否已选择日期改变的回调 */
+    onHasSelectedDateChange?: (hasSelected: boolean) => void;
+}
+/** 日历头部属性 */
+export interface CalendarHeaderProps {
+    /** 当前显示的年月 */
+    currentMonth: Date;
+    /** 切换到上一个月 */
+    onPrevMonth: () => void;
+    /** 切换到下一个月 */
+    onNextMonth: () => void;
+    /** 点击年份的回调 */
+    onYearClick: () => void;
+    /** 点击月份的回调 */
+    onMonthClick: () => void;
+}
+/** 月份选择器属性 */
+export interface MonthPickerProps {
+    /** 当前选中的月份 */
+    currentMonth: number;
+    /** 选择月份的回调 */
+    onMonthSelect: (month: number) => void;
+    /** 返回日历视图的回调 */
+    onBack: () => void;
+}
+/** 月份单元格属性 */
+export interface MonthCellProps {
+    /** 是否被选中 */
+    isSelected?: boolean;
+    /** 是否是当前月份 */
+    isCurrentMonth?: boolean;
+}
+/** 年份选择器属性 */
+export interface YearPickerProps {
+    /** 当前选中的年份 */
+    currentYear: number;
+    /** 当前显示页的起始年份 */
+    startYear: number;
+    /** 选择年份的回调 */
+    onYearSelect: (year: number) => void;
+    /** 返回日历视图的回调 */
+    onBack: () => void;
+    /** 切换到上一页的回调 */
+    onPrevPage: () => void;
+    /** 切换到下一页的回调 */
+    onNextPage: () => void;
+}
+/** 年份单元格属性 */
+export interface YearCellProps {
+    /** 是否被选中 */
+    isSelected?: boolean;
+    /** 是否是当前年份 */
+    isCurrentYear?: boolean;
+}
+/** 季度选择器属性 */
+export interface QuarterPickerProps {
+    /** 当前选中的年份 */
+    currentYear: number;
+    /** 当前选中的季度 */
+    currentQuarter: number;
+    /** 选择季度的回调 */
+    onQuarterSelect: (year: number, quarter: number) => void;
+    /** 返回的回调 */
+    onBack: () => void;
+    /** 切换到上一年的回调 */
+    onPrevYear: () => void;
+    /** 切换到下一年的回调 */
+    onNextYear: () => void;
+}
+/** 季度单元格属性 */
+export interface QuarterCellProps {
+    /** 是否被选中 */
+    isSelected?: boolean;
+    /** 是否是当前季度 */
+    isCurrentQuarter?: boolean;
+}
+/** 日历日期单元格属性 */
+export interface DateCellProps {
+    /** 日期 */
+    date: Date;
+    /** 是否被选中 */
+    isSelected: boolean;
+    /** 是否被选中（多选模式） */
+    isInSelectedSet?: boolean;
+    /** 是否是今天 */
+    isToday: boolean;
+    /** 是否禁用 */
+    disabled: boolean;
+    /** 是否是当前月的日期 */
+    isCurrentMonth: boolean;
+    /** 点击回调 */
+    onClick: () => void;
+}
+/** 日期范围选择器属性 */
+export interface DateRangePickerProps {
+    /** 尺寸，可选 'small' | 'middle' | 'large'，默认 'middle' */
+    size?: 'small' | 'middle' | 'large';
+    /** 当前值 [开始日期, 结束日期] */
+    value?: [string, string];
+    /** 默认值 */
+    defaultValue?: [string, string];
+    /** 值改变时的回调 */
+    onChange?: (dates: [string, string]) => void;
+    /** 占位符 [开始占位符, 结束占位符] */
+    placeholder?: [string, string];
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 只读 */
+    readOnly?: boolean;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 宽度 */
+    width?: string | number;
+    /** 日期格式，默认 'YYYY-MM-DD' */
+    format?: DateFormat;
+    /** 是否显示清除按钮 */
+    allowClear?: boolean;
+    /** 禁用日期的函数 */
+    disabledDate?: (date: Date) => boolean;
+    /** 不可选择的日期 */
+    disabledDates?: string[];
+    /** 标签 */
+    label?: string | React.ReactNode;
+    /** 标签到输入框的距离 */
+    labelGap?: string | number;
+    /** 标签的CSS类名 */
+    labelClassName?: string;
+    /** 标签的样式 */
+    labelStyle?: React.CSSProperties;
+    /** 面板打开状态改变时的回调 */
+    onOpenChange?: (open: boolean) => void;
+    /** 是否打开面板（受控） */
+    open?: boolean;
+    /** 显示确定的按钮 */
+    showOk?: boolean;
+    /** 分隔符，默认使用 Icon type="arrow-right" */
+    separator?: React.ReactNode;
+}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { DrawerProps, DrawerPlacement } from './types';
+import './Drawer.css';
+declare const Drawer: React.FC<DrawerProps>;
+export default Drawer;
+export type { DrawerProps, DrawerPlacement };