@para-ui/core 3.0.55 → 3.0.56

package/ComboSelect/interface.d.ts

@@ -0,0 +1,146 @@
+/**
+ * @author Hanz
+ * @date 2021/8/19 下午1:47
+ * @description 接口
+ */
+import React, { ReactNode } from 'react';
+import { TableProps as ITableProps } from '../Table/interface';
+import { TreeProps, TreeNodeProps } from '../Tree/interface';
+import { Placement } from "../Dropdown";
+import { LabelTooltipProps } from "../Label";
+import { EmptyProps } from '../Empty';
+import { HelperTextDetailProps } from "../HelperText";
+type TableProps = ITableProps & {
+    /** table 参数 */
+    params?: Object;
+    /** 替换显示字段 */
+    replaceFields?: {
+        key?: string;
+        title?: string;
+    };
+};
+export type { TableProps, TreeProps };
+export type SelectOpt = {
+    disabled?: boolean;
+    closable?: boolean;
+    [key: string]: any;
+};
+export type SelectedOptions = Array<SelectOpt>;
+export type { TreeNodeProps };
+export interface ComboSelectProps extends HelperTextDetailProps {
+    /**选择器模式*/
+    mode?: 'table' | 'tree' | 'list';
+    /**占位符*/
+    placeholder?: string;
+    /**search 占位符*/
+    searchPlaceholder?: string;
+    /**最大显示数*/
+    maxCount?: number;
+    /**禁用选择器*/
+    disabled?: boolean;
+    /** 支持清除 */
+    allowClear?: boolean;
+    /**cls*/
+    className?: string;
+    /**样式*/
+    style?: React.CSSProperties;
+    /**弹出层className*/
+    popoverClassName?: string;
+    /**容器最大高度*/
+    maxHeight?: number;
+    /**容器高度*/
+    height?: number;
+    /**大小*/
+    size?: 'large' | 'medium' | 'small';
+    /**选择器footer actions*/
+    popoverActions?: React.ReactNode;
+    /**是否显示footer actions*/
+    showPopoverActions?: boolean;
+    /**是否默认打开*/
+    defaultOpen?: boolean;
+    /**默认值 checkable为true SelectOpt[]，为false SelectOpt */
+    defaultValue?: SelectOpt[] | SelectOpt;
+    /**替换显示字段 {key: 'key', title: 'title', children: 'children'} */
+    replaceFields?: {
+        key?: string;
+        title?: string;
+        children?: string;
+    };
+    /**出参字段 {outputKey: 'key', outputTitle: 'label'} */
+    outputFields?: {
+        outputKey?: string;
+        outputTitle?: string;
+    };
+    /**当前选中值 checkable为true SelectOpt[]，为false SelectOpt*/
+    value?: SelectOpt[] | SelectOpt;
+    /**刷新标识*/
+    refresh?: number;
+    /**位置*/
+    placement?: Placement;
+    /** 清除回调 */
+    onClear?: () => void;
+    /**搜索回调*/
+    onSearch?: (searchKey: string) => void;
+    /**footer actions 取消回调*/
+    onCancel?: () => void;
+    /**footer actions 确定回调*/
+    onOk?: (options: SelectedOptions) => void;
+    /** 关闭选择器回调 */
+    onClose?: () => void;
+    /**value发生变化时回调*/
+    onChange?: (options: SelectOpt[] | SelectOpt, originData?: TreeNodeProps[] | TreeNodeProps) => void;
+    /**table组件属性*/
+    TableProps?: TableProps;
+    /**tree组件属性*/
+    TreeProps?: TreeProps;
+    /**请求url*/
+    url?: string;
+    /**请求上下文*/
+    ctx?: string;
+    /**请求参数*/
+    params?: Object;
+    /**请求方法*/
+    method?: 'Get' | 'Post';
+    /**单选或多选*/
+    checkable?: boolean;
+    /**是否显示搜索*/
+    showSearch?: boolean;
+    /**参数处理回调*/
+    paramsCallback?: (params: {
+        [name: string]: any;
+    }) => any;
+    /**路径字段*/
+    fullPathKey?: string;
+    /** 自定义路径节点 */
+    fullPathRender?: (node: TreeNodeProps) => React.ReactNode;
+    /** 禁用弹框模式 */
+    disablePopup?: boolean;
+    /** 自定义渲染tag */
+    tagRender?: (option: SelectOpt) => React.ReactNode;
+    /** 删除tag与取消选中的回调，若返回 false 则无法删除与取消 */
+    onTagRemove?: (currentOpt?: SelectOpt) => void | boolean;
+    /** 暴露给外部的行为，可扩展*/
+    action?: React.Ref<{
+        closePopup(): void;
+    }>;
+    /** 标题 */
+    label?: ReactNode;
+    /** 帮助提示信息 */
+    labelTooltip?: LabelTooltipProps;
+    /** 是否必填 */
+    required?: boolean;
+    /** 空状态属性 */
+    emptyProps?: EmptyProps;
+    /** 单选时可切换选中值，checkable 为 false 时有效 */
+    toggleSelectedOnSingle?: boolean;
+    /** 自定义渲染列表option */
+    optionRender?: (nodeData: TreeNodeProps) => React.ReactNode;
+    /** 获得option label */
+    getOptionLabel?: (nodeData: TreeNodeProps) => string;
+    /** 下拉匹配选择框宽度 */
+    dropdownMatchSelectWidth?: boolean | number;
+    /** 浮层渲染容器，默认body */
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    /** 最大显示的 tag 文本长度 */
+    maxTagTextLength?: number;
+}

package/ComboSelect/lang/en_US.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    searchPlaceholder: string;
+    cancel: string;
+    ok: string;
+    fullPath: string;
+    pleaseSelect: string;
+    selected: string;
+};
+export default _default;

package/ComboSelect/lang/index.d.ts

@@ -0,0 +1,19 @@
+declare const _default: {
+    zh: {
+        searchPlaceholder: string;
+        cancel: string;
+        ok: string;
+        fullPath: string;
+        pleaseSelect: string;
+        selected: string;
+    };
+    en: {
+        searchPlaceholder: string;
+        cancel: string;
+        ok: string;
+        fullPath: string;
+        pleaseSelect: string;
+        selected: string;
+    };
+};
+export default _default;

package/ComboSelect/lang/zh_CN.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    searchPlaceholder: string;
+    cancel: string;
+    ok: string;
+    fullPath: string;
+    pleaseSelect: string;
+    selected: string;
+};
+export default _default;

package/ComboSelect/utils.d.ts

@@ -0,0 +1,9 @@
+export declare const getReplaceField: (mode: string, repl: any, tableP: any, treeP: any) => any;
+export declare const toArray: (list: any) => any[];
+export declare const isRemoteLoad: (mode: string, props: any) => boolean;
+export declare const getOverlaySize: (mode: string, isRemoteLoad?: boolean, maxHeight?: number, height?: number) => {
+    height: string;
+} | {
+    [x: string]: string;
+    height?: undefined;
+};

package/Container/index.d.ts

@@ -0,0 +1,77 @@
+import React from "react";
+import "./index.scss";
+interface Props {
+    /**
+     * 容器自定义className
+     */
+    className?: string;
+    /**
+     * 布局类型
+     ltrb                                        tlrb
+     ┌───────┬──────────────────────────────┐    ┌───────────────────────────────────┐
+     │       │             top              │    │               top                 │
+     │       ├──────────────────────────────┤    ├──────┬────────────────────────────┤
+     │       │                              │    │      │                            │
+     │       │                              │    │      │                            │
+     │       │                              │    │      │                            │
+     │       │                              │    │      │                            │
+     │ left  │            right             │    │ left │        right               │
+     │       │                              │    │      │                            │
+     │       │                              │    │      │                            │
+     │       │                              │    │      │                            │
+     │       │                              │    │      │                            │
+     │       ├──────────────────────────────┤    ├──────┴────────────────────────────┤
+     │       │           bottom             │    │              bottom               │
+     └───────┴──────────────────────────────┘    └───────────────────────────────────┘
+     ltr                                         trb
+     ┌──────────────────────────────────────┐    ┌───────────────────────────────────┐
+     │                    top               │    │               top                 │
+     ├───────┬──────────────────────────────┤    ├───────────────────────────────────┤
+     │       │                              │    │                                   │
+     │       │                              │    │                                   │
+     │       │                              │    │                                   │
+     │       │                              │    │                                   │
+     │ left  │           right              │    │               right               │
+     │       │                              │    │                                   │
+     │       │                              │    │                                   │
+     │       │                              │    │                                   │
+     │       │                              │    ├───────────────────────────────────┤
+     │       │                              │    │              bottom               │
+     └───────┴──────────────────────────────┘    └───────────────────────────────────┘
+     */
+    type?: "tlrb" | "ltrb" | "trb" | "tlr";
+    /**
+     * 顶部容器
+     */
+    top?: JSX.Element;
+    /**
+     * 顶部容器样式
+     */
+    topStyle?: React.CSSProperties;
+    /**
+     * 左侧容器
+     */
+    left?: JSX.Element;
+    /**
+     * 左侧容器样式
+     */
+    leftStyle?: React.CSSProperties;
+    /**
+     * 右侧容器
+     */
+    right?: JSX.Element;
+    /**
+     * 右侧容器样式
+     */
+    rightStyle?: React.CSSProperties;
+    /**
+     * 底部容器
+     */
+    bottom?: JSX.Element;
+    /**
+     * 底部容器样式
+     */
+    bottomStyle?: React.CSSProperties;
+}
+export declare const Container: (props?: Props) => JSX.Element;
+export default Container;

package/Container/index.js

@@ -0,0 +1,232 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-container {\n  display: flex;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-container > .container-body {\n  overflow: auto;\n}\n.paraui-v3-container.paraui-v3-tlr {\n  flex-direction: column;\n}\n.paraui-v3-container.paraui-v3-tlr > .container-top {\n  flex: none;\n}\n.paraui-v3-container.paraui-v3-tlr > .container-body {\n  display: flex;\n  overflow: hidden;\n}\n.paraui-v3-container.paraui-v3-tlr > .container-body > .container-body-right {\n  flex: 1;\n  overflow: auto;\n}\n.paraui-v3-container.paraui-v3-tlr > .container-body > .container-body-right > .container-right {\n  height: 100%;\n  overflow: auto;\n}\n.paraui-v3-container.paraui-v3-tlr > .container-body > .container-left {\n  flex: none;\n}\n.paraui-v3-container.paraui-v3-tlrb {\n  flex-direction: column;\n}\n.paraui-v3-container.paraui-v3-tlrb > .container-top {\n  flex: none;\n}\n.paraui-v3-container.paraui-v3-tlrb > .container-body {\n  display: flex;\n  overflow: hidden;\n}\n.paraui-v3-container.paraui-v3-tlrb > .container-body > .container-left {\n  flex: none;\n}\n.paraui-v3-container.paraui-v3-tlrb > .container-body > .container-right {\n  flex: 1;\n  overflow: auto;\n}\n.paraui-v3-container.paraui-v3-ltrb > .container-body {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.paraui-v3-container.paraui-v3-ltrb > .container-body > .container-right {\n  flex: 1;\n  overflow: auto;\n}\n.paraui-v3-container.paraui-v3-ltrb > .container-left {\n  flex: none;\n}\n.paraui-v3-container.paraui-v3-trb {\n  flex-direction: column;\n}\n.paraui-v3-container.paraui-v3-trb > .container-right {\n  flex: 1;\n  overflow: auto;\n}";
+styleInject(css_248z);
+
+// 通用布局容器
+var Container = function Container() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _props$className = props.className,
+    className = _props$className === void 0 ? "" : _props$className,
+    top = props.top,
+    _props$topStyle = props.topStyle,
+    topStyle = _props$topStyle === void 0 ? {} : _props$topStyle,
+    left = props.left,
+    _props$leftStyle = props.leftStyle,
+    leftStyle = _props$leftStyle === void 0 ? {} : _props$leftStyle,
+    right = props.right,
+    _props$rightStyle = props.rightStyle,
+    rightStyle = _props$rightStyle === void 0 ? {} : _props$rightStyle,
+    bottom = props.bottom,
+    _props$bottomStyle = props.bottomStyle,
+    bottomStyle = _props$bottomStyle === void 0 ? {} : _props$bottomStyle,
+    _props$type = props.type,
+    type = _props$type === void 0 ? "tlr" : _props$type;
+  var topSty, leftSty, rightSty, bottomSty, bodySty;
+  var position = React__default.useMemo(function () {
+    switch (type) {
+      case "tlr":
+        // 上 左右
+        topSty = Object.assign({
+          height: top ? "50px" : '0',
+          width: "100%"
+        }, topStyle);
+        leftSty = Object.assign({
+          height: "100%",
+          width: "auto"
+        }, leftStyle);
+        bottomSty = Object.assign({
+          height: bottom ? "20px" : "0",
+          width: "100%"
+        }, bottomStyle);
+        rightSty = Object.assign({
+          height: "calc(100% - ".concat(bottomSty.height, ")"),
+          width: "auto"
+        }, rightStyle);
+        bodySty = {
+          width: "100%",
+          height: "calc(100% - ".concat(topSty.height, ")")
+        };
+        return jsxs("div", Object.assign({
+          className: "".concat($prefixCls, "-container ").concat($prefixCls, "-tlr ").concat(className)
+        }, {
+          children: [jsx("div", Object.assign({
+            className: "container-top",
+            style: topSty
+          }, {
+            children: top
+          })), jsxs("div", Object.assign({
+            className: "container-body",
+            style: bodySty
+          }, {
+            children: [jsx("div", Object.assign({
+              className: "container-left",
+              style: leftSty
+            }, {
+              children: left
+            })), jsx("div", Object.assign({
+              className: "container-body-right",
+              style: {
+                width: "auto",
+                height: "100%"
+              }
+            }, {
+              children: jsx("div", Object.assign({
+                className: "container-right",
+                style: rightSty
+              }, {
+                children: right
+              }))
+            }))]
+          }))]
+        }));
+      case "tlrb":
+        // 上 左右 下
+        topSty = Object.assign({
+          height: top ? "50px" : '0',
+          width: "100%"
+        }, topStyle);
+        leftSty = Object.assign({
+          height: "100%",
+          width: "auto"
+        }, leftStyle);
+        rightSty = Object.assign({
+          height: "100%",
+          width: "auto"
+        }, rightStyle);
+        bottomSty = Object.assign({
+          height: bottom ? "20px" : "0px",
+          width: "100%"
+        }, bottomStyle);
+        bodySty = {
+          width: "100%",
+          height: "calc(100% - ".concat(topSty.height, "  - ").concat(bottomSty.height, ")")
+        };
+        return jsxs("div", Object.assign({
+          className: "".concat($prefixCls, "-container ").concat($prefixCls, "-tlrb ").concat(className)
+        }, {
+          children: [jsx("div", Object.assign({
+            className: "container-top",
+            style: topSty
+          }, {
+            children: top
+          })), jsxs("div", Object.assign({
+            className: "container-body",
+            style: bodySty
+          }, {
+            children: [jsx("div", Object.assign({
+              className: "container-left",
+              style: leftSty
+            }, {
+              children: left
+            })), jsx("div", Object.assign({
+              className: "container-right",
+              style: rightSty
+            }, {
+              children: right
+            }))]
+          })), jsx("div", Object.assign({
+            className: "container-bottom",
+            style: bottomSty
+          }, {
+            children: bottom
+          }))]
+        }));
+      case "ltrb":
+        // 左 上右下
+        leftSty = Object.assign({
+          height: "100%",
+          width: "auto"
+        }, leftStyle);
+        topSty = Object.assign({
+          height: top ? "50px" : '0',
+          width: "100%"
+        }, topStyle);
+        bottomSty = Object.assign({
+          height: bottom ? "30px" : "0px",
+          width: "100%"
+        }, bottomStyle);
+        rightSty = Object.assign({
+          height: "calc(100% - ".concat(topSty.height, "px  - ").concat(bottomSty.height, ")"),
+          width: "100%"
+        }, rightStyle);
+        bodySty = {
+          width: "auto",
+          height: "100%"
+        };
+        return jsxs("div", Object.assign({
+          className: "".concat($prefixCls, "-container ").concat($prefixCls, "-ltrb ").concat(className)
+        }, {
+          children: [jsx("div", Object.assign({
+            className: "container-left",
+            style: leftSty
+          }, {
+            children: left
+          })), jsxs("div", Object.assign({
+            className: "container-body",
+            style: bodySty
+          }, {
+            children: [jsx("div", Object.assign({
+              className: "container-top",
+              style: topSty
+            }, {
+              children: top
+            })), jsx("div", Object.assign({
+              className: "container-right",
+              style: rightSty
+            }, {
+              children: right
+            })), jsx("div", Object.assign({
+              className: "container-bottom",
+              style: bottomSty
+            }, {
+              children: bottom
+            }))]
+          }))]
+        }));
+      case "trb":
+        // 上 中 下
+        topSty = Object.assign({
+          height: top ? "50px" : '0',
+          width: "100%"
+        }, topStyle);
+        bottomSty = Object.assign({
+          height: bottom ? "30px" : "0px",
+          width: "100%"
+        }, bottomStyle);
+        rightSty = Object.assign({
+          height: "calc(100% - ".concat(topSty.height, "px  - ").concat(bottomSty.height, ")"),
+          width: "100%"
+        }, rightStyle);
+        return jsxs("div", Object.assign({
+          className: "".concat($prefixCls, "-container ").concat($prefixCls, "-trb ").concat(className)
+        }, {
+          children: [jsx("div", Object.assign({
+            className: "container-top",
+            style: topSty
+          }, {
+            children: top
+          })), jsx("div", Object.assign({
+            className: "container-right",
+            style: rightSty
+          }, {
+            children: right
+          })), jsx("div", Object.assign({
+            className: "container-bottom",
+            style: bottomSty
+          }, {
+            children: bottom
+          }))]
+        }));
+    }
+    return jsx("div", {
+      children: "Error Position"
+    });
+  }, [type, className, top, topStyle, left, leftStyle, right, rightStyle, bottom, bottomStyle]);
+  return position;
+};
+
+export { Container, Container as default };

package/DatePicker/PickerButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ButtonProps } from '../Button';
+export default function PickerButton(props: ButtonProps): JSX.Element;

package/DatePicker/PickerTag.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TagProps } from '../Tag';
+export default function PickerTag(props: TagProps): JSX.Element;

package/DatePicker/generatePicker/generateRangePicker.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { GenerateConfig } from 'rc-picker/lib/generate/index';
+import { RangePickerProps } from '.';
+export default function generateRangePicker<DateType>(generateConfig: GenerateConfig<DateType>): React.ComponentClass<RangePickerProps<DateType>>;

package/DatePicker/generatePicker/generateSinglePicker.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { GenerateConfig } from 'rc-picker/lib/generate/index';
+import { PickerProps, PickerDateProps, PickerTimeProps } from '.';
+export default function generatePicker<DateType>(generateConfig: GenerateConfig<DateType>): {
+    DatePicker: React.ComponentClass<PickerProps<DateType>, any>;
+    WeekPicker: React.ComponentClass<Omit<PickerDateProps<DateType>, "picker">, any>;
+    MonthPicker: React.ComponentClass<Omit<PickerDateProps<DateType>, "picker">, any>;
+    YearPicker: React.ComponentClass<Omit<PickerDateProps<DateType>, "picker">, any>;
+    TimePicker: React.ComponentClass<Omit<PickerTimeProps<DateType>, "picker">, any>;
+    QuarterPicker: React.ComponentClass<Omit<PickerTimeProps<DateType>, "picker">, any>;
+};

package/DatePicker/generatePicker/index.d.ts

@@ -0,0 +1,95 @@
+import React, { ReactNode } from 'react';
+import { GenerateConfig } from 'rc-picker/lib/generate/index';
+import { PickerBaseProps as RCPickerBaseProps, PickerDateProps as RCPickerDateProps, PickerTimeProps as RCPickerTimeProps } from 'rc-picker/lib/Picker';
+import { RangePickerBaseProps as RCRangePickerBaseProps, RangePickerDateProps as RCRangePickerDateProps, RangePickerTimeProps as RCRangePickerTimeProps } from 'rc-picker/lib/RangePicker';
+import { Locale as RcPickerLocale } from 'rc-picker/lib/interface';
+import PickerButton from '../PickerButton';
+import PickerTag from '../PickerTag';
+import { Dayjs } from 'dayjs';
+import { LabelTooltipProps } from "../../Label";
+export type ShortcutType = {
+    text: string;
+    value: Dayjs[] | (() => Dayjs[]);
+};
+type SizeType = 'small' | 'medium' | 'large' | undefined;
+export interface TimePickerLocale {
+    placeholder?: string;
+    rangePlaceholder?: [string, string];
+}
+export type NullableDateType<DateType> = DateType | null | undefined | string;
+export type Value<DateType> = NullableDateType<DateType>;
+export type RangeValue<DateType> = [NullableDateType<DateType>, NullableDateType<DateType>] | null;
+export declare const Components: {
+    button: typeof PickerButton;
+    rangeItem: typeof PickerTag;
+};
+type InjectDefaultProps<Props, Type> = Omit<Props, 'locale' | 'generateConfig' | 'prevIcon' | 'nextIcon' | 'superPrevIcon' | 'superNextIcon' | 'hideHeader' | 'components' | 'value' | 'defaultValue'> & {
+    /** 国际化 */
+    locale?: 'zh' | 'en';
+    /** 大小 */
+    size?: SizeType;
+    /** 显示边框 */
+    bordered?: boolean;
+    /** 显示错误 */
+    error?: boolean;
+    /** 帮助文本 */
+    helperText?: ReactNode;
+    /** value */
+    value?: Type extends 'range' ? RangeValue<Dayjs> : NullableDateType<Dayjs>;
+    /** 默认值 */
+    defaultValue?: Type extends 'range' ? RangeValue<Dayjs> : NullableDateType<Dayjs>;
+    /** 标题 */
+    label?: ReactNode;
+    /** 帮助提示信息 */
+    labelTooltip?: LabelTooltipProps;
+    /** 是否必填 */
+    required?: boolean;
+    /** 关闭时是否把弹框定位至屏幕之外，隔离dom污染，默认false */
+    isolationPopupOnHide?: boolean;
+};
+export declare const pickerFormatMap: {
+    [index: string]: string;
+};
+export type PickerLocale = {
+    lang: RcPickerLocale & AdditionalPickerLocaleLangProps;
+    timePickerLocale: TimePickerLocale;
+} & AdditionalPickerLocaleProps;
+export type AdditionalPickerLocaleProps = {
+    dateFormat?: string;
+    dateTimeFormat?: string;
+    weekFormat?: string;
+    monthFormat?: string;
+};
+export type AdditionalPickerLocaleLangProps = {
+    placeholder?: string;
+    yearPlaceholder?: string;
+    quarterPlaceholder?: string;
+    monthPlaceholder?: string;
+    weekPlaceholder?: string;
+    rangeYearPlaceholder?: [string, string];
+    rangeMonthPlaceholder?: [string, string];
+    rangeWeekPlaceholder?: [string, string];
+    rangePlaceholder?: [string, string];
+};
+export type PickerBaseProps<DateType> = InjectDefaultProps<RCPickerBaseProps<DateType>, ''>;
+export type PickerDateProps<DateType> = InjectDefaultProps<RCPickerDateProps<DateType>, ''>;
+export type PickerTimeProps<DateType> = InjectDefaultProps<RCPickerTimeProps<DateType>, ''>;
+export type PickerProps<DateType> = PickerBaseProps<DateType> | PickerDateProps<DateType> | PickerTimeProps<DateType>;
+export type RangePickerBaseProps<DateType> = InjectDefaultProps<RCRangePickerBaseProps<DateType>, 'range'>;
+export type RangePickerDateProps<DateType> = InjectDefaultProps<RCRangePickerDateProps<DateType>, 'range'>;
+export type RangePickerTimeProps<DateType> = InjectDefaultProps<RCRangePickerTimeProps<DateType>, 'range'>;
+export type RangePickerProps<DateType> = (RangePickerBaseProps<DateType> | RangePickerDateProps<DateType> | RangePickerTimeProps<DateType>) & {
+    /** 预设时间范围快捷选择 */
+    shortcuts?: ShortcutType[];
+    /** 预设范围选择面板位置 */
+    shortcutsPlacement?: 'left' | 'right' | 'bottom';
+};
+declare function generatePicker<DateType>(generateConfig: GenerateConfig<DateType>): React.ComponentClass<PickerProps<DateType>, any> & {
+    WeekPicker: React.ComponentClass<Omit<PickerDateProps<DateType>, "picker">, any>;
+    MonthPicker: React.ComponentClass<Omit<PickerDateProps<DateType>, "picker">, any>;
+    YearPicker: React.ComponentClass<Omit<PickerDateProps<DateType>, "picker">, any>;
+    RangePicker: React.ComponentClass<RangePickerProps<DateType>>;
+    TimePicker: React.ComponentClass<Omit<PickerTimeProps<DateType>, "picker">, any>;
+    QuarterPicker: React.ComponentClass<Omit<PickerTimeProps<DateType>, "picker">, any>;
+};
+export default generatePicker;

package/DatePicker/index.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { Dayjs } from 'dayjs';
+export type { Value, RangeValue, NullableDateType } from './generatePicker';
+import { PickerProps, PickerDateProps, RangePickerProps as BaseRangePickerProps } from './generatePicker';
+export type DatePickerProps = PickerProps<Dayjs>;
+export type MonthPickerProps = Omit<PickerDateProps<Dayjs>, 'picker'>;
+export type WeekPickerProps = Omit<PickerDateProps<Dayjs>, 'picker'>;
+export type RangePickerProps = BaseRangePickerProps<Dayjs>;
+import './style/index.scss';
+declare const DatePicker: import("react").ComponentClass<PickerProps<Dayjs>, any> & {
+    WeekPicker: import("react").ComponentClass<Omit<PickerDateProps<Dayjs>, "picker">, any>;
+    MonthPicker: import("react").ComponentClass<Omit<PickerDateProps<Dayjs>, "picker">, any>;
+    YearPicker: import("react").ComponentClass<Omit<PickerDateProps<Dayjs>, "picker">, any>;
+    RangePicker: import("react").ComponentClass<BaseRangePickerProps<Dayjs>, any>;
+    TimePicker: import("react").ComponentClass<Omit<import("./generatePicker").PickerTimeProps<Dayjs>, "picker">, any>;
+    QuarterPicker: import("react").ComponentClass<Omit<import("./generatePicker").PickerTimeProps<Dayjs>, "picker">, any>;
+};
+export default DatePicker;