one-design-next 0.0.4-alpha.57

package/dist/date-picker/index.d.ts

@@ -0,0 +1,172 @@
+import React from 'react';
+import { DayPickerProps } from 'react-day-picker-for-od';
+import './style';
+export interface DatePickerCommonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'value' | 'onChange' | 'prefix'> {
+    /**
+     * @description 是否可清空
+     * @default true
+     */
+    allowClear?: boolean;
+    /**
+     * @description 最大日期
+     */
+    maxDate?: Date;
+    /**
+     * @description 最小日期
+     */
+    minDate?: Date;
+    /**
+     * @description 外部控制显示
+     * @default null
+     */
+    visible?: boolean | null;
+    /**
+     * @description 显示回调
+     */
+    onVisibleChange?: (visible: boolean) => void;
+    /**
+     * @description 禁用日期 - 在日、周选择器时有效，可配合 minDate 和 maxDate 使用
+     */
+    disabledDays?: Date[] | ((date: Date) => boolean);
+    /**
+     * @description 禁用月份 - 在月选择器时有效，可配合 minDate 和 maxDate 使用；传入 Date 对象，会禁用包含该日期的整个月
+     */
+    disabledMonths?: Date[];
+    /**
+     * @description 禁用季度 - 传入 Date 对象，可配合 minDate 和 maxDate 使用；传入 Date 对象，会禁用包含该日期的整个季度
+     */
+    disabledQuarters?: Date[];
+    /**
+     * @description 禁用年份 - 传入 Date 对象，可配合 minDate 和 maxDate 使用；传入 Date 对象，会禁用包含该日期的整年
+     */
+    disabledYears?: Date[];
+    /**
+     * @description 占位符
+     */
+    placeholder?: string;
+    /**
+     * @description 弹窗渲染
+     */
+    popupRender?: (node: React.ReactNode) => React.ReactNode;
+    /**
+     * @description 禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * @description 语言
+     * @default 'zhCN'
+     */
+    lang?: 'zhCN' | 'enUS';
+    /**
+     * @description 轻量
+     * @default false
+     */
+    light?: boolean;
+    /**
+     * @description 弹窗样式
+     */
+    popupStyle?: React.CSSProperties;
+    /**
+     * @description 标题布局
+     */
+    captionLayout?: DayPickerProps['captionLayout'];
+    /**
+     * @description 标题导航按钮图标
+     */
+    captionPrevIcon?: React.ReactNode;
+    /**
+     * @description 标题导航按钮图标
+     */
+    captionNextIcon?: React.ReactNode;
+    /**
+     * @description 自定义组件
+     */
+    components?: DayPickerProps['components'];
+    /**
+     * @description 自定义样式
+     */
+    classNames?: DayPickerProps['classNames'];
+    /**
+     * @description 触发元素
+     */
+    triggerElement?: React.ReactNode;
+    /**
+     * @description 选择日期后是否关闭弹窗
+     * @default true
+     */
+    closeOnSelect?: boolean;
+    /**
+     * @description 自定义图标
+     */
+    icon?: React.ReactNode | null;
+    /**
+     * @description 自定义清除图标
+     */
+    clearIcon?: React.ReactNode | null;
+    /**
+     * @description 前缀
+     */
+    prefix?: React.ReactNode;
+}
+type PickerType = 'day' | 'week' | 'month' | 'quarter' | 'year';
+export type DatePickerProps = (DatePickerCommonProps & {
+    /**
+     * @description 选择器类型
+     * @default 'day'
+     */
+    picker?: 'day';
+    /**
+     * @description 值
+     */
+    value?: Date | null;
+    /**
+     * @description 值变化回调, 参数为日期和 info 对象
+     */
+    onChange?: (date: Date | null, info: {
+        dateString: string;
+    }) => void;
+    /**
+     * @description 快捷选项
+     */
+    shortcuts?: {
+        label: string;
+        value: Date;
+    }[];
+    /**
+     * @description 自定义日期格式，当使用自定义格式时，将不提供 input 的输入功能
+     */
+    format?: (date: Date | null, info: {
+        dateString: string;
+    }) => string;
+}) | (DatePickerCommonProps & {
+    /**
+     * @description 选择器类型
+     */
+    picker: Exclude<PickerType, 'day'>;
+    /**
+     * @description 值（区间）
+     */
+    value?: [Date, Date] | null;
+    /**
+     * @description 值变化回调, 参数为日期区间和 info 对象
+     */
+    onChange?: (date: [Date, Date] | null, info: {
+        dateString: string;
+    }) => void;
+    /**
+     * @description 快捷选项
+     */
+    shortcuts?: {
+        label: string;
+        value: [Date, Date];
+    }[];
+    /**
+     * @description 自定义日期格式，当使用自定义格式时，将不提供 input 的输入功能
+     */
+    format?: (date: [Date, Date] | null, info: {
+        dateString: string;
+    }) => string;
+});
+declare const DatePicker: (props: DatePickerProps) => React.JSX.Element;
+export default DatePicker;