@fle-ui/next 2.0.0-alpha.11 → 2.0.0-alpha.12

package/es/date-picker/generatePicker/generateRangePicker.js

@@ -0,0 +1,151 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+import CalendarOutlined from "@ant-design/icons/es/icons/CalendarOutlined";
+import ClockCircleOutlined from "@ant-design/icons/es/icons/ClockCircleOutlined";
+import CloseCircleFilled from "@ant-design/icons/es/icons/CloseCircleFilled";
+import SwapRightOutlined from "@ant-design/icons/es/icons/SwapRightOutlined";
+import classNames from 'classnames';
+import { RangePicker as RCRangePicker } from 'rc-picker';
+import * as React from 'react';
+import { forwardRef, useContext, useImperativeHandle } from 'react';
+import { Components, getTimeProps } from '.';
+import { ConfigContext } from "../../config-provider";
+import DisabledContext from "../../config-provider/DisabledContext";
+import SizeContext from "../../config-provider/SizeContext";
+import { FormItemInputContext } from "../../form/context";
+import { useCompactItemContext } from "../../space/Compact";
+import LocaleReceiver from "../../locale-provider/LocaleReceiver";
+import { getMergedStatus, getStatusClassNames } from "../../_util/statusUtils";
+import enUS from "../locale/en_US";
+import { getRangePlaceholder, transPlacement2DropdownAlign } from "../util";
+import warning from "../../_util/warning";
+export default function generateRangePicker(generateConfig) {
+  var RangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
+    var customizePrefixCls = props.prefixCls,
+        customGetPopupContainer = props.getPopupContainer,
+        className = props.className,
+        placement = props.placement,
+        customizeSize = props.size,
+        customDisabled = props.disabled,
+        _props$bordered = props.bordered,
+        bordered = _props$bordered === void 0 ? true : _props$bordered,
+        placeholder = props.placeholder,
+        popupClassName = props.popupClassName,
+        dropdownClassName = props.dropdownClassName,
+        customStatus = props.status,
+        restProps = __rest(props, ["prefixCls", "getPopupContainer", "className", "placement", "size", "disabled", "bordered", "placeholder", "popupClassName", "dropdownClassName", "status"]);
+
+    var innerRef = React.useRef(null);
+
+    var _useContext = useContext(ConfigContext),
+        getPrefixCls = _useContext.getPrefixCls,
+        direction = _useContext.direction,
+        getPopupContainer = _useContext.getPopupContainer;
+
+    var prefixCls = getPrefixCls('picker', customizePrefixCls);
+
+    var _useCompactItemContex = useCompactItemContext(prefixCls, direction),
+        compactSize = _useCompactItemContex.compactSize,
+        compactItemClassnames = _useCompactItemContex.compactItemClassnames;
+
+    var format = props.format,
+        showTime = props.showTime,
+        picker = props.picker;
+    var rootPrefixCls = getPrefixCls();
+    var additionalOverrideProps = {};
+    additionalOverrideProps = _extends(_extends(_extends({}, additionalOverrideProps), showTime ? getTimeProps(_extends({
+      format: format,
+      picker: picker
+    }, showTime)) : {}), picker === 'time' ? getTimeProps(_extends(_extends({
+      format: format
+    }, props), {
+      picker: picker
+    })) : {});
+    process.env.NODE_ENV !== "production" ? warning(!dropdownClassName, 'RangePicker', '`dropdownClassName` is deprecated which will be removed in next major version. Please use `popupClassName` instead.') : void 0; // ===================== Size =====================
+
+    var size = React.useContext(SizeContext);
+    var mergedSize = compactSize || customizeSize || size; // ===================== Disabled =====================
+
+    var disabled = React.useContext(DisabledContext);
+    var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled; // ===================== FormItemInput =====================
+
+    var formItemContext = useContext(FormItemInputContext);
+    var hasFeedback = formItemContext.hasFeedback,
+        contextStatus = formItemContext.status,
+        feedbackIcon = formItemContext.feedbackIcon;
+    var suffixNode = /*#__PURE__*/React.createElement(React.Fragment, null, picker === 'time' ? /*#__PURE__*/React.createElement(ClockCircleOutlined, null) : /*#__PURE__*/React.createElement(CalendarOutlined, null), hasFeedback && feedbackIcon);
+    useImperativeHandle(ref, function () {
+      return {
+        focus: function focus() {
+          var _a;
+
+          return (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        },
+        blur: function blur() {
+          var _a;
+
+          return (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+        }
+      };
+    });
+    return /*#__PURE__*/React.createElement(LocaleReceiver, {
+      componentName: "DatePicker",
+      defaultLocale: enUS
+    }, function (contextLocale) {
+      var _classNames;
+
+      var locale = _extends(_extends({}, contextLocale), props.locale);
+
+      return /*#__PURE__*/React.createElement(RCRangePicker, _extends({
+        separator: /*#__PURE__*/React.createElement("span", {
+          "aria-label": "to",
+          className: "".concat(prefixCls, "-separator")
+        }, /*#__PURE__*/React.createElement(SwapRightOutlined, null)),
+        disabled: mergedDisabled,
+        ref: innerRef,
+        dropdownClassName: popupClassName || dropdownClassName,
+        dropdownAlign: transPlacement2DropdownAlign(direction, placement),
+        placeholder: getRangePlaceholder(picker, locale, placeholder),
+        suffixIcon: suffixNode,
+        clearIcon: /*#__PURE__*/React.createElement(CloseCircleFilled, null),
+        prevIcon: /*#__PURE__*/React.createElement("span", {
+          className: "".concat(prefixCls, "-prev-icon")
+        }),
+        nextIcon: /*#__PURE__*/React.createElement("span", {
+          className: "".concat(prefixCls, "-next-icon")
+        }),
+        superPrevIcon: /*#__PURE__*/React.createElement("span", {
+          className: "".concat(prefixCls, "-super-prev-icon")
+        }),
+        superNextIcon: /*#__PURE__*/React.createElement("span", {
+          className: "".concat(prefixCls, "-super-next-icon")
+        }),
+        allowClear: true,
+        transitionName: "".concat(rootPrefixCls, "-slide-up")
+      }, restProps, additionalOverrideProps, {
+        className: classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-").concat(mergedSize), mergedSize), _defineProperty(_classNames, "".concat(prefixCls, "-borderless"), !bordered), _classNames), getStatusClassNames(prefixCls, getMergedStatus(contextStatus, customStatus), hasFeedback), compactItemClassnames, className),
+        locale: locale.lang,
+        prefixCls: prefixCls,
+        getPopupContainer: customGetPopupContainer || getPopupContainer,
+        generateConfig: generateConfig,
+        components: Components,
+        direction: direction
+      }));
+    });
+  });
+  return RangePicker;
+}

package/es/date-picker/generatePicker/generateSinglePicker.d.ts

@@ -0,0 +1,71 @@
+import type { GenerateConfig } from 'rc-picker/lib/generate/index';
+import type { PickerProps } from '.';
+import type { PickerComponentClass } from './interface';
+export default function generatePicker<DateType>(generateConfig: GenerateConfig<DateType>): {
+    DatePicker: PickerComponentClass<PickerProps<DateType> & {
+        status?: "" | "warning" | "error" | undefined;
+        /**
+         * @deprecated `dropdownClassName` is deprecated which will be removed in next major
+         *   version.Please use `popupClassName` instead.
+         */
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+    }, unknown>;
+    WeekPicker: PickerComponentClass<Omit<PickerProps<DateType> & {
+        status?: "" | "warning" | "error" | undefined;
+        /**
+         * @deprecated `dropdownClassName` is deprecated which will be removed in next major
+         *   version.Please use `popupClassName` instead.
+         */
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+    }, "picker">, unknown>;
+    MonthPicker: PickerComponentClass<Omit<PickerProps<DateType> & {
+        status?: "" | "warning" | "error" | undefined;
+        /**
+         * @deprecated `dropdownClassName` is deprecated which will be removed in next major
+         *   version.Please use `popupClassName` instead.
+         */
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+    }, "picker">, unknown>;
+    YearPicker: PickerComponentClass<Omit<PickerProps<DateType> & {
+        status?: "" | "warning" | "error" | undefined;
+        /**
+         * @deprecated `dropdownClassName` is deprecated which will be removed in next major
+         *   version.Please use `popupClassName` instead.
+         */
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+    }, "picker">, unknown>;
+    TimePicker: PickerComponentClass<Omit<Omit<import("rc-picker/lib/Picker").PickerTimeProps<DateType>, "locale" | "generateConfig" | "hideHeader" | "components"> & {
+        locale?: import(".").PickerLocale | undefined;
+        size?: import("../../config-provider/SizeContext").SizeType;
+        placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
+        bordered?: boolean | undefined;
+        status?: "" | "warning" | "error" | undefined;
+    } & {
+        status?: "" | "warning" | "error" | undefined;
+        /**
+         * @deprecated `dropdownClassName` is deprecated which will be removed in next major
+         *   version.Please use `popupClassName` instead.
+         */
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+    }, "picker">, unknown>;
+    QuarterPicker: PickerComponentClass<Omit<Omit<import("rc-picker/lib/Picker").PickerTimeProps<DateType>, "locale" | "generateConfig" | "hideHeader" | "components"> & {
+        locale?: import(".").PickerLocale | undefined;
+        size?: import("../../config-provider/SizeContext").SizeType;
+        placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
+        bordered?: boolean | undefined;
+        status?: "" | "warning" | "error" | undefined;
+    } & {
+        status?: "" | "warning" | "error" | undefined;
+        /**
+         * @deprecated `dropdownClassName` is deprecated which will be removed in next major
+         *   version.Please use `popupClassName` instead.
+         */
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+    }, "picker">, unknown>;
+};

package/es/date-picker/generatePicker/generateSinglePicker.js

@@ -0,0 +1,177 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+import CalendarOutlined from "@ant-design/icons/es/icons/CalendarOutlined";
+import ClockCircleOutlined from "@ant-design/icons/es/icons/ClockCircleOutlined";
+import CloseCircleFilled from "@ant-design/icons/es/icons/CloseCircleFilled";
+import classNames from 'classnames';
+import RCPicker from 'rc-picker';
+import * as React from 'react';
+import { forwardRef, useContext, useImperativeHandle } from 'react';
+import { useCompactItemContext } from "../../space/Compact";
+import { Components, getTimeProps } from '.';
+import { ConfigContext } from "../../config-provider";
+import DisabledContext from "../../config-provider/DisabledContext";
+import SizeContext from "../../config-provider/SizeContext";
+import { FormItemInputContext } from "../../form/context";
+import LocaleReceiver from "../../locale-provider/LocaleReceiver";
+import { getMergedStatus, getStatusClassNames } from "../../_util/statusUtils";
+import warning from "../../_util/warning";
+import enUS from "../locale/en_US";
+import { getPlaceholder, transPlacement2DropdownAlign } from "../util";
+export default function generatePicker(generateConfig) {
+  function getPicker(picker, displayName) {
+    var Picker = /*#__PURE__*/forwardRef(function (props, ref) {
+      var customizePrefixCls = props.prefixCls,
+          customizeGetPopupContainer = props.getPopupContainer,
+          className = props.className,
+          customizeSize = props.size,
+          _props$bordered = props.bordered,
+          bordered = _props$bordered === void 0 ? true : _props$bordered,
+          placement = props.placement,
+          placeholder = props.placeholder,
+          popupClassName = props.popupClassName,
+          dropdownClassName = props.dropdownClassName,
+          customDisabled = props.disabled,
+          customStatus = props.status,
+          restProps = __rest(props, ["prefixCls", "getPopupContainer", "className", "size", "bordered", "placement", "placeholder", "popupClassName", "dropdownClassName", "disabled", "status"]);
+
+      var _useContext = useContext(ConfigContext),
+          getPrefixCls = _useContext.getPrefixCls,
+          direction = _useContext.direction,
+          getPopupContainer = _useContext.getPopupContainer;
+
+      var prefixCls = getPrefixCls('picker', customizePrefixCls);
+
+      var _useCompactItemContex = useCompactItemContext(prefixCls, direction),
+          compactSize = _useCompactItemContex.compactSize,
+          compactItemClassnames = _useCompactItemContex.compactItemClassnames;
+
+      var innerRef = React.useRef(null);
+      var format = props.format,
+          showTime = props.showTime;
+      useImperativeHandle(ref, function () {
+        return {
+          focus: function focus() {
+            var _a;
+
+            return (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+          },
+          blur: function blur() {
+            var _a;
+
+            return (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+          }
+        };
+      });
+      var additionalProps = {
+        showToday: true
+      };
+      var additionalOverrideProps = {};
+
+      if (picker) {
+        additionalOverrideProps.picker = picker;
+      }
+
+      var mergedPicker = picker || props.picker;
+      additionalOverrideProps = _extends(_extends(_extends({}, additionalOverrideProps), showTime ? getTimeProps(_extends({
+        format: format,
+        picker: mergedPicker
+      }, showTime)) : {}), mergedPicker === 'time' ? getTimeProps(_extends(_extends({
+        format: format
+      }, props), {
+        picker: mergedPicker
+      })) : {});
+      var rootPrefixCls = getPrefixCls(); // =================== Warning =====================
+
+      process.env.NODE_ENV !== "production" ? warning(picker !== 'quarter', displayName, "DatePicker.".concat(displayName, " is legacy usage. Please use DatePicker[picker='").concat(picker, "'] directly.")) : void 0;
+      process.env.NODE_ENV !== "production" ? warning(!dropdownClassName, 'DatePicker', '`dropdownClassName` is deprecated which will be removed in next major version. Please use `popupClassName` instead.') : void 0; // ===================== Size =====================
+
+      var size = React.useContext(SizeContext);
+      var mergedSize = compactSize || customizeSize || size; // ===================== Disabled =====================
+
+      var disabled = React.useContext(DisabledContext);
+      var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled; // ===================== FormItemInput =====================
+
+      var formItemContext = useContext(FormItemInputContext);
+      var hasFeedback = formItemContext.hasFeedback,
+          contextStatus = formItemContext.status,
+          feedbackIcon = formItemContext.feedbackIcon;
+      var suffixNode = /*#__PURE__*/React.createElement(React.Fragment, null, mergedPicker === 'time' ? /*#__PURE__*/React.createElement(ClockCircleOutlined, null) : /*#__PURE__*/React.createElement(CalendarOutlined, null), hasFeedback && feedbackIcon);
+      return /*#__PURE__*/React.createElement(LocaleReceiver, {
+        componentName: "DatePicker",
+        defaultLocale: enUS
+      }, function (contextLocale) {
+        var _classNames;
+
+        var locale = _extends(_extends({}, contextLocale), props.locale);
+
+        return /*#__PURE__*/React.createElement(RCPicker, _extends({
+          ref: innerRef,
+          placeholder: getPlaceholder(mergedPicker, locale, placeholder),
+          suffixIcon: suffixNode,
+          dropdownAlign: transPlacement2DropdownAlign(direction, placement),
+          dropdownClassName: popupClassName || dropdownClassName,
+          clearIcon: /*#__PURE__*/React.createElement(CloseCircleFilled, null),
+          prevIcon: /*#__PURE__*/React.createElement("span", {
+            className: "".concat(prefixCls, "-prev-icon")
+          }),
+          nextIcon: /*#__PURE__*/React.createElement("span", {
+            className: "".concat(prefixCls, "-next-icon")
+          }),
+          superPrevIcon: /*#__PURE__*/React.createElement("span", {
+            className: "".concat(prefixCls, "-super-prev-icon")
+          }),
+          superNextIcon: /*#__PURE__*/React.createElement("span", {
+            className: "".concat(prefixCls, "-super-next-icon")
+          }),
+          allowClear: true,
+          transitionName: "".concat(rootPrefixCls, "-slide-up")
+        }, additionalProps, restProps, additionalOverrideProps, {
+          locale: locale.lang,
+          className: classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-").concat(mergedSize), mergedSize), _defineProperty(_classNames, "".concat(prefixCls, "-borderless"), !bordered), _classNames), getStatusClassNames(prefixCls, getMergedStatus(contextStatus, customStatus), hasFeedback), compactItemClassnames, className),
+          prefixCls: prefixCls,
+          getPopupContainer: customizeGetPopupContainer || getPopupContainer,
+          generateConfig: generateConfig,
+          components: Components,
+          direction: direction,
+          disabled: mergedDisabled
+        }));
+      });
+    });
+
+    if (displayName) {
+      Picker.displayName = displayName;
+    }
+
+    return Picker;
+  }
+
+  var DatePicker = getPicker();
+  var WeekPicker = getPicker('week', 'WeekPicker');
+  var MonthPicker = getPicker('month', 'MonthPicker');
+  var YearPicker = getPicker('year', 'YearPicker');
+  var TimePicker = getPicker('time', 'TimePicker');
+  var QuarterPicker = getPicker('quarter', 'QuarterPicker');
+  return {
+    DatePicker: DatePicker,
+    WeekPicker: WeekPicker,
+    MonthPicker: MonthPicker,
+    YearPicker: YearPicker,
+    TimePicker: TimePicker,
+    QuarterPicker: QuarterPicker
+  };
+}

package/es/date-picker/generatePicker/index.d.ts

@@ -0,0 +1,143 @@
+import type { GenerateConfig } from 'rc-picker/lib/generate/index';
+import type { Locale as RcPickerLocale, PickerMode } from 'rc-picker/lib/interface';
+import type { SharedTimeProps } from 'rc-picker/lib/panels/TimePanel';
+import type { PickerBaseProps as RCPickerBaseProps, PickerDateProps as RCPickerDateProps, PickerTimeProps as RCPickerTimeProps } from 'rc-picker/lib/Picker';
+import type { RangePickerBaseProps as RCRangePickerBaseProps, RangePickerDateProps as RCRangePickerDateProps, RangePickerTimeProps as RCRangePickerTimeProps } from 'rc-picker/lib/RangePicker';
+import type { SizeType } from '../../config-provider/SizeContext';
+import type { TimePickerLocale } from '../../time-picker';
+import type { InputStatus } from '../../_util/statusUtils';
+import PickerButton from '../PickerButton';
+import PickerTag from '../PickerTag';
+export declare const Components: {
+    button: typeof PickerButton;
+    rangeItem: typeof PickerTag;
+};
+export declare function getTimeProps<DateType, DisabledTime>(props: {
+    format?: string;
+    picker?: PickerMode;
+} & Omit<SharedTimeProps<DateType>, 'disabledTime'> & {
+    disabledTime?: DisabledTime;
+}): {
+    format?: string | undefined;
+    picker?: PickerMode | undefined;
+    defaultValue?: DateType | undefined;
+    showNow?: boolean | undefined;
+    showHour?: boolean | undefined;
+    showMinute?: boolean | undefined;
+    showSecond?: boolean | undefined;
+    use12Hours?: boolean | undefined;
+    hourStep?: number | undefined;
+    minuteStep?: number | undefined;
+    secondStep?: number | undefined;
+    hideDisabledOptions?: boolean | undefined;
+    disabledHours?: (() => number[]) | undefined;
+    disabledMinutes?: ((hour: number) => number[]) | undefined;
+    disabledSeconds?: ((hour: number, minute: number) => number[]) | undefined;
+    disabledTime?: DisabledTime | undefined;
+} | {
+    showTime: {
+        format?: string | undefined;
+        picker?: PickerMode | undefined;
+        defaultValue?: DateType | undefined;
+        showNow?: boolean | undefined;
+        showHour?: boolean | undefined;
+        showMinute?: boolean | undefined;
+        showSecond?: boolean | undefined;
+        use12Hours?: boolean | undefined;
+        hourStep?: number | undefined;
+        minuteStep?: number | undefined;
+        secondStep?: number | undefined;
+        hideDisabledOptions?: boolean | undefined;
+        disabledHours?: (() => number[]) | undefined;
+        disabledMinutes?: ((hour: number) => number[]) | undefined;
+        disabledSeconds?: ((hour: number, minute: number) => number[]) | undefined;
+        disabledTime?: DisabledTime | undefined;
+    };
+};
+declare const DataPickerPlacements: ["bottomLeft", "bottomRight", "topLeft", "topRight"];
+type DataPickerPlacement = typeof DataPickerPlacements[number];
+type InjectDefaultProps<Props> = Omit<Props, 'locale' | 'generateConfig' | 'hideHeader' | 'components'> & {
+    locale?: PickerLocale;
+    size?: SizeType;
+    placement?: DataPickerPlacement;
+    bordered?: boolean;
+    status?: InputStatus;
+};
+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];
+    rangeQuarterPlaceholder?: [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>>;
+export type RangePickerDateProps<DateType> = InjectDefaultProps<RCRangePickerDateProps<DateType>>;
+export type RangePickerTimeProps<DateType> = InjectDefaultProps<RCRangePickerTimeProps<DateType>>;
+export type RangePickerProps<DateType> = RangePickerBaseProps<DateType> | RangePickerDateProps<DateType> | RangePickerTimeProps<DateType>;
+declare function generatePicker<DateType>(generateConfig: GenerateConfig<DateType>): import("./interface").PickerComponentClass<PickerProps<DateType> & {
+    status?: "" | "warning" | "error" | undefined;
+    dropdownClassName?: string | undefined;
+    popupClassName?: string | undefined;
+}, unknown> & {
+    WeekPicker: import("./interface").PickerComponentClass<Omit<PickerProps<DateType> & {
+        status?: "" | "warning" | "error" | undefined;
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+    }, "picker">, unknown>;
+    MonthPicker: import("./interface").PickerComponentClass<Omit<PickerProps<DateType> & {
+        status?: "" | "warning" | "error" | undefined;
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+    }, "picker">, unknown>;
+    YearPicker: import("./interface").PickerComponentClass<Omit<PickerProps<DateType> & {
+        status?: "" | "warning" | "error" | undefined;
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+    }, "picker">, unknown>;
+    RangePicker: import("./interface").PickerComponentClass<RangePickerProps<DateType> & {
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+    }, unknown>;
+    TimePicker: import("./interface").PickerComponentClass<Omit<Omit<RCPickerTimeProps<DateType>, "locale" | "generateConfig" | "hideHeader" | "components"> & {
+        locale?: PickerLocale | undefined;
+        size?: SizeType;
+        placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
+        bordered?: boolean | undefined;
+        status?: "" | "warning" | "error" | undefined;
+    } & {
+        status?: "" | "warning" | "error" | undefined;
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+    }, "picker">, unknown>;
+    QuarterPicker: import("./interface").PickerComponentClass<Omit<Omit<RCPickerTimeProps<DateType>, "locale" | "generateConfig" | "hideHeader" | "components"> & {
+        locale?: PickerLocale | undefined;
+        size?: SizeType;
+        placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
+        bordered?: boolean | undefined;
+        status?: "" | "warning" | "error" | undefined;
+    } & {
+        status?: "" | "warning" | "error" | undefined;
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+    }, "picker">, unknown>;
+};
+export default generatePicker;

package/es/date-picker/generatePicker/index.js

@@ -0,0 +1,86 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { tuple } from "../../_util/type";
+import PickerButton from "../PickerButton";
+import PickerTag from "../PickerTag";
+import generateRangePicker from "./generateRangePicker";
+import generateSinglePicker from "./generateSinglePicker";
+export var Components = {
+  button: PickerButton,
+  rangeItem: PickerTag
+};
+
+function toArray(list) {
+  if (!list) {
+    return [];
+  }
+
+  return Array.isArray(list) ? list : [list];
+}
+
+export function getTimeProps(props) {
+  var format = props.format,
+      picker = props.picker,
+      showHour = props.showHour,
+      showMinute = props.showMinute,
+      showSecond = props.showSecond,
+      use12Hours = props.use12Hours;
+  var firstFormat = toArray(format)[0];
+
+  var showTimeObj = _extends({}, props);
+
+  if (firstFormat && typeof firstFormat === 'string') {
+    if (!firstFormat.includes('s') && showSecond === undefined) {
+      showTimeObj.showSecond = false;
+    }
+
+    if (!firstFormat.includes('m') && showMinute === undefined) {
+      showTimeObj.showMinute = false;
+    }
+
+    if (!firstFormat.includes('H') && !firstFormat.includes('h') && showHour === undefined) {
+      showTimeObj.showHour = false;
+    }
+
+    if ((firstFormat.includes('a') || firstFormat.includes('A')) && use12Hours === undefined) {
+      showTimeObj.use12Hours = true;
+    }
+  }
+
+  if (picker === 'time') {
+    return showTimeObj;
+  }
+
+  if (typeof firstFormat === 'function') {
+    // format of showTime should use default when format is custom format function
+    delete showTimeObj.format;
+  }
+
+  return {
+    showTime: showTimeObj
+  };
+}
+var DataPickerPlacements = tuple('bottomLeft', 'bottomRight', 'topLeft', 'topRight');
+
+function generatePicker(generateConfig) {
+  // =========================== Picker ===========================
+  var _generateSinglePicker = generateSinglePicker(generateConfig),
+      DatePicker = _generateSinglePicker.DatePicker,
+      WeekPicker = _generateSinglePicker.WeekPicker,
+      MonthPicker = _generateSinglePicker.MonthPicker,
+      YearPicker = _generateSinglePicker.YearPicker,
+      TimePicker = _generateSinglePicker.TimePicker,
+      QuarterPicker = _generateSinglePicker.QuarterPicker; // ======================== Range Picker ========================
+
+
+  var RangePicker = generateRangePicker(generateConfig);
+  var MergedDatePicker = DatePicker;
+  MergedDatePicker.WeekPicker = WeekPicker;
+  MergedDatePicker.MonthPicker = MonthPicker;
+  MergedDatePicker.YearPicker = YearPicker;
+  MergedDatePicker.RangePicker = RangePicker;
+  MergedDatePicker.TimePicker = TimePicker;
+  MergedDatePicker.QuarterPicker = QuarterPicker;
+  return MergedDatePicker;
+}
+
+export default generatePicker;

package/es/date-picker/generatePicker/interface.d.ts

@@ -0,0 +1,12 @@
+import type { Component, ComponentClass, ForwardedRef } from 'react';
+import type { PickerProps, RangePickerProps } from '.';
+export interface CommonPickerMethods {
+    focus: () => void;
+    blur: () => void;
+}
+export interface PickerComponentClass<P = {}, S = unknown> extends ComponentClass<P, S> {
+    new (...args: ConstructorParameters<ComponentClass<P, S>>): InstanceType<ComponentClass<P, S>> & CommonPickerMethods;
+}
+export type PickerRef<P> = ForwardedRef<Component<P> & CommonPickerMethods>;
+export type DatePickRef<DateType> = PickerRef<PickerProps<DateType>>;
+export type RangePickerRef<DateType> = PickerRef<RangePickerProps<DateType>>;

package/es/date-picker/generatePicker/interface.js

@@ -0,0 +1 @@
+export {};