linkmore-design 1.0.54 → 1.0.57

package/lib/CustomTableOption/index.js

@@ -21,6 +21,8 @@ var _linkmoreDesign = require("linkmore-design");
 
 var _columnsSort = _interopRequireDefault(require("./columnsSort"));
 
+var _cardSort = _interopRequireDefault(require("./cardSort"));
+
 var _filterSort = _interopRequireDefault(require("./filterSort"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -35,23 +37,29 @@ var TabPane = _linkmoreDesign.Tabs.TabPane;
 var optionsWithDisabled = [{
   label: '默认',
   value: 'default',
-  imgUrl: DefaultImg
+  imgUrl: DefaultImg,
+  icon: 'lmweb-icon_default'
 }, {
   label: '紧凑',
   value: 'small',
-  imgUrl: SmallImg
+  imgUrl: SmallImg,
+  icon: 'lmweb-icon_compact'
 }, {
   label: '宽松',
   value: 'middle',
-  imgUrl: MiddleImg
+  imgUrl: MiddleImg,
+  icon: 'lmweb-icon_large'
 }];
 var prefixCls = 'lm_custom-table-option';
 var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _a;
+
   var className = props.className,
       _props$tooltip = props.tooltip,
       tooltip = _props$tooltip === void 0 ? {} : _props$tooltip;
   var filterRef = (0, _react.useRef)(null);
-  var columnsRef = (0, _react.useRef)(null); // const sizeRef = useRef(null)
+  var columnsRef = (0, _react.useRef)(null);
+  var cardRef = (0, _react.useRef)(null); // const sizeRef = useRef(null)
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -68,6 +76,7 @@ var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
   var _useState5 = (0, _react.useState)({
     filter: [],
     columns: [],
+    card: [],
     size: 'default'
   }),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
@@ -82,13 +91,14 @@ var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
     setLmOptions({
       filter: props.filter,
       columns: props.columns,
-      size: props.size || 'default'
+      size: props.size || 'default',
+      card: props.card || []
     });
-  }, [props.filter, props.columns, props.size]);
+  }, [props.filter, props.columns, props.size, props.card]);
   /** 提交按钮 */
 
   var onOk = function onOk() {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g;
     /** tableInfo */
 
 
@@ -98,15 +108,20 @@ var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
 
     var filterData = (_c = filterRef.current) === null || _c === void 0 ? void 0 : _c.getLocalFilter();
     var filterStateValue = (_d = filterRef.current) === null || _d === void 0 ? void 0 : _d.getFilterStateValue();
+    var cardData = ((_e = cardRef.current) === null || _e === void 0 ? void 0 : _e.getLocalFilter()) || [];
+    var cardStateValue = ((_f = cardRef.current) === null || _f === void 0 ? void 0 : _f.getFilterStateValue()) || {};
     console.log('--columnsData:', columnsData, ColStateValue, '--filterData:', filterData, filterStateValue, 'size:', lmOptions.size);
-    (_e = props.onSave) === null || _e === void 0 ? void 0 : _e.call(props, {
+    (_g = props.onSave) === null || _g === void 0 ? void 0 : _g.call(props, Object.assign({
       columnsData: columnsData,
       ColStateValue: ColStateValue,
       filterData: filterData,
       filterStateValue: filterStateValue,
       size: lmOptions.size,
       saveSetting: saveSetting
-    });
+    }, lmOptions.card.length ? {
+      cardData: cardData,
+      cardStateValue: cardStateValue
+    } : {}));
     setVisible(false);
   };
 
@@ -148,6 +163,13 @@ var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
   }, /*#__PURE__*/_react.default.createElement(_columnsSort.default, {
     ref: columnsRef,
     columns: lmOptions.columns
+  })), ((_a = lmOptions.card) === null || _a === void 0 ? void 0 : _a.length) && /*#__PURE__*/_react.default.createElement(TabPane, {
+    tab: "\u5361\u7247\u5B57\u6BB5\u8BBE\u7F6E",
+    key: "4",
+    forceRender: true
+  }, /*#__PURE__*/_react.default.createElement(_cardSort.default, {
+    ref: cardRef,
+    card: lmOptions.card
   })), /*#__PURE__*/_react.default.createElement(TabPane, {
     tab: "\u5176\u4ED6",
     key: "3",
@@ -164,13 +186,16 @@ var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
     return /*#__PURE__*/_react.default.createElement("div", {
       className: 'lm_custom_size_warp',
       key: item.value
-    }, /*#__PURE__*/_react.default.createElement("img", {
+    }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
       onClick: function onClick() {
         return setLmOptions(Object.assign(Object.assign({}, lmOptions), {
           size: item.value
         }));
       },
-      src: item.imgUrl
+      type: item.icon,
+      style: {
+        fontSize: '100px'
+      }
     }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio, {
       value: item.value
     }, item.label));

package/lib/CustomTableOption/style/index.css

@@ -574,6 +574,9 @@ html {
   justify-content: center;
   cursor: pointer;
 }
+.lm_custom_size_warp > .anticon {
+  margin: 8px 0;
+}
 .lm_custom_size_warp > img {
   width: 100px;
   height: 100px;

package/lib/DatePicker/PickerButton.d.ts

@@ -0,0 +1,2 @@
+import type { ButtonProps } from 'antd';
+export default function PickerButton(props: ButtonProps): JSX.Element;

package/lib/DatePicker/PickerButton.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PickerButton;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+function PickerButton(props) {
+  return /*#__PURE__*/React.createElement(_linkmoreDesign.Button, Object.assign({
+    size: "small",
+    type: "primary"
+  }, props));
+}

package/lib/DatePicker/PickerTag.d.ts

@@ -0,0 +1,2 @@
+import type { ILMTagProps } from '../Tag';
+export default function PickerTag(props: ILMTagProps): JSX.Element;

package/lib/DatePicker/PickerTag.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PickerTag;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+function PickerTag(props) {
+  return /*#__PURE__*/React.createElement(_linkmoreDesign.Tag, Object.assign({
+    color: "blue"
+  }, props));
+}

package/lib/DatePicker/generatePicker/generateRangePicker.d.ts

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

package/lib/DatePicker/generatePicker/generateRangePicker.js

@@ -0,0 +1,168 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generateRangePicker;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _CalendarOutlined = _interopRequireDefault(require("@ant-design/icons/CalendarOutlined"));
+
+var _ClockCircleOutlined = _interopRequireDefault(require("@ant-design/icons/ClockCircleOutlined"));
+
+var _CloseCircleFilled = _interopRequireDefault(require("@ant-design/icons/CloseCircleFilled"));
+
+var _SwapRightOutlined = _interopRequireDefault(require("@ant-design/icons/SwapRightOutlined"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _rcPicker = require("rc-picker");
+
+var React = _interopRequireWildcard(require("react"));
+
+var _ = require(".");
+
+var _configProvider = require("antd/es/config-provider");
+
+var _DisabledContext = _interopRequireDefault(require("antd/es/config-provider/DisabledContext"));
+
+var _SizeContext = _interopRequireDefault(require("antd/es/config-provider/SizeContext"));
+
+var _context = require("antd/es/form/context");
+
+var _LocaleReceiver = _interopRequireDefault(require("antd/es/locale-provider/LocaleReceiver"));
+
+var _statusUtils = require("../../_util/statusUtils");
+
+var _en_US = _interopRequireDefault(require("antd/es/date-picker/locale/en_US"));
+
+var _util = require("../util");
+
+var __rest = void 0 && (void 0).__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;
+};
+
+function generateRangePicker(generateConfig) {
+  var RangePicker = /*#__PURE__*/(0, React.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,
+        customStatus = props.status,
+        restProps = __rest(props, ["prefixCls", "getPopupContainer", "className", "placement", "size", "disabled", "bordered", "placeholder", "status"]);
+
+    var innerRef = React.useRef(null);
+
+    var _useContext = (0, React.useContext)(_configProvider.ConfigContext),
+        getPrefixCls = _useContext.getPrefixCls,
+        direction = _useContext.direction,
+        getPopupContainer = _useContext.getPopupContainer;
+
+    var prefixCls = getPrefixCls('picker', customizePrefixCls);
+    var format = props.format,
+        showTime = props.showTime,
+        picker = props.picker;
+    var rootPrefixCls = getPrefixCls();
+    var additionalOverrideProps = {};
+    additionalOverrideProps = Object.assign(Object.assign(Object.assign({}, additionalOverrideProps), showTime ? (0, _.getTimeProps)(Object.assign({
+      format: format,
+      picker: picker
+    }, showTime)) : {}), picker === 'time' ? (0, _.getTimeProps)(Object.assign(Object.assign({
+      format: format
+    }, props), {
+      picker: picker
+    })) : {}); // ===================== Size =====================
+
+    var size = React.useContext(_SizeContext.default);
+    var mergedSize = customizeSize || size; // ===================== Disabled =====================
+
+    var disabled = React.useContext(_DisabledContext.default);
+    var mergedDisabled = customDisabled || disabled; // ===================== FormItemInput =====================
+
+    var formItemContext = (0, React.useContext)(_context.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.default, null) : /*#__PURE__*/React.createElement(_CalendarOutlined.default, null), hasFeedback && feedbackIcon);
+    (0, React.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__*/
+      // @ts-ignore
+      React.createElement(_LocaleReceiver.default, {
+        componentName: "DatePicker",
+        defaultLocale: _en_US.default
+      }, function (contextLocale) {
+        var _classNames;
+
+        var locale = Object.assign(Object.assign({}, contextLocale), props.locale);
+        return /*#__PURE__*/React.createElement(_rcPicker.RangePicker, Object.assign({
+          separator: /*#__PURE__*/React.createElement("span", {
+            "aria-label": "to",
+            className: "".concat(prefixCls, "-separator")
+          }, /*#__PURE__*/React.createElement(_SwapRightOutlined.default, null)),
+          disabled: mergedDisabled,
+          ref: innerRef,
+          dropdownAlign: (0, _util.transPlacement2DropdownAlign)(direction, placement),
+          placeholder: (0, _util.getRangePlaceholder)(picker, locale, placeholder),
+          suffixIcon: suffixNode,
+          clearIcon: /*#__PURE__*/React.createElement(_CloseCircleFilled.default, 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: (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-").concat(mergedSize), mergedSize), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-borderless"), !bordered), _classNames), (0, _statusUtils.getStatusClassNames)(prefixCls, (0, _statusUtils.getMergedStatus)(contextStatus, customStatus), hasFeedback), className),
+          locale: locale.lang,
+          prefixCls: prefixCls,
+          getPopupContainer: customGetPopupContainer || getPopupContainer,
+          generateConfig: generateConfig,
+          components: _.Components,
+          direction: direction
+        }));
+      })
+    );
+  });
+  return RangePicker;
+}

package/lib/DatePicker/generatePicker/generateSinglePicker.d.ts

@@ -0,0 +1,14 @@
+import type { GenerateConfig } from 'rc-picker/lib/generate/index';
+import type { PickerDateProps, PickerProps, PickerTimeProps } from '.';
+import type { InputStatus } from '../../_util/statusUtils';
+import type { PickerComponentClass } from './interface';
+export default function generatePicker<DateType>(generateConfig: GenerateConfig<DateType>): {
+    DatePicker: PickerComponentClass<PickerProps<DateType> & {
+        status?: InputStatus;
+    }, unknown>;
+    WeekPicker: PickerComponentClass<Omit<PickerDateProps<DateType>, "picker">, unknown>;
+    MonthPicker: PickerComponentClass<Omit<PickerDateProps<DateType>, "picker">, unknown>;
+    YearPicker: PickerComponentClass<Omit<PickerDateProps<DateType>, "picker">, unknown>;
+    TimePicker: PickerComponentClass<Omit<PickerTimeProps<DateType>, "picker">, unknown>;
+    QuarterPicker: PickerComponentClass<Omit<PickerTimeProps<DateType>, "picker">, unknown>;
+};

package/lib/DatePicker/generatePicker/generateSinglePicker.js

@@ -0,0 +1,196 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generatePicker;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _CalendarOutlined = _interopRequireDefault(require("@ant-design/icons/CalendarOutlined"));
+
+var _ClockCircleOutlined = _interopRequireDefault(require("@ant-design/icons/ClockCircleOutlined"));
+
+var _CloseCircleFilled = _interopRequireDefault(require("@ant-design/icons/CloseCircleFilled"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _rcPicker = _interopRequireDefault(require("rc-picker"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _ = require(".");
+
+var _configProvider = require("antd/es/config-provider");
+
+var _DisabledContext = _interopRequireDefault(require("antd/es/config-provider/DisabledContext"));
+
+var _SizeContext = _interopRequireDefault(require("antd/es/config-provider/SizeContext"));
+
+var _context = require("antd/es/form/context");
+
+var _LocaleReceiver = _interopRequireDefault(require("antd/es/locale-provider/LocaleReceiver"));
+
+var _statusUtils = require("../../_util/statusUtils");
+
+var _warning = _interopRequireDefault(require("../../_util/warning"));
+
+var _en_US = _interopRequireDefault(require("antd/es/date-picker/locale/en_US"));
+
+var _util = require("../util");
+
+var __rest = void 0 && (void 0).__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;
+};
+
+function generatePicker(generateConfig) {
+  function getPicker(picker, displayName) {
+    var Picker = /*#__PURE__*/(0, React.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,
+          customDisabled = props.disabled,
+          customStatus = props.status,
+          restProps = __rest(props, ["prefixCls", "getPopupContainer", "className", "size", "bordered", "placement", "placeholder", "disabled", "status"]);
+
+      console.log(restProps, '---restProps');
+      (0, _warning.default)(picker !== 'quarter', displayName, "DatePicker.".concat(displayName, " is legacy usage. Please use DatePicker[picker='").concat(picker, "'] directly."));
+
+      var _useContext = (0, React.useContext)(_configProvider.ConfigContext),
+          getPrefixCls = _useContext.getPrefixCls,
+          direction = _useContext.direction,
+          getPopupContainer = _useContext.getPopupContainer;
+
+      var prefixCls = getPrefixCls('picker', customizePrefixCls);
+      var innerRef = React.useRef(null);
+      var format = props.format,
+          showTime = props.showTime;
+      (0, React.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 = Object.assign(Object.assign(Object.assign({}, additionalOverrideProps), showTime ? (0, _.getTimeProps)(Object.assign({
+        format: format,
+        picker: mergedPicker
+      }, showTime)) : {}), mergedPicker === 'time' ? (0, _.getTimeProps)(Object.assign(Object.assign({
+        format: format
+      }, props), {
+        picker: mergedPicker
+      })) : {});
+      var rootPrefixCls = getPrefixCls(); // ===================== Size =====================
+
+      var size = React.useContext(_SizeContext.default);
+      var mergedSize = customizeSize || size; // ===================== Disabled =====================
+
+      var disabled = React.useContext(_DisabledContext.default);
+      var mergedDisabled = customDisabled || disabled; // ===================== FormItemInput =====================
+
+      var formItemContext = (0, React.useContext)(_context.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.default, null) : /*#__PURE__*/React.createElement(_CalendarOutlined.default, null), hasFeedback && feedbackIcon);
+      return (
+        /*#__PURE__*/
+        // @ts-ignore
+        React.createElement(_LocaleReceiver.default, {
+          componentName: "DatePicker",
+          defaultLocale: _en_US.default
+        }, function (contextLocale) {
+          var _classNames;
+
+          var locale = Object.assign(Object.assign({}, contextLocale), props.locale);
+          return /*#__PURE__*/React.createElement(_rcPicker.default, Object.assign({
+            ref: innerRef,
+            placeholder: (0, _util.getPlaceholder)(mergedPicker, locale, placeholder),
+            suffixIcon: suffixNode,
+            dropdownAlign: (0, _util.transPlacement2DropdownAlign)(direction, placement),
+            clearIcon: /*#__PURE__*/React.createElement(_CloseCircleFilled.default, 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: (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-").concat(mergedSize), mergedSize), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-borderless"), !bordered), _classNames), (0, _statusUtils.getStatusClassNames)(prefixCls, (0, _statusUtils.getMergedStatus)(contextStatus, customStatus), hasFeedback), 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/lib/DatePicker/generatePicker/index.d.ts

@@ -0,0 +1,106 @@
+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 'antd/es/config-provider/SizeContext';
+import type { TimePickerLocale } from 'antd/es/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;
+    picker?: PickerMode;
+    defaultValue?: DateType;
+    showNow?: boolean;
+    showHour?: boolean;
+    showMinute?: boolean;
+    showSecond?: boolean;
+    use12Hours?: boolean;
+    hourStep?: number;
+    minuteStep?: number;
+    secondStep?: number;
+    hideDisabledOptions?: boolean;
+    disabledHours?: () => number[];
+    disabledMinutes?: (hour: number) => number[];
+    disabledSeconds?: (hour: number, minute: number) => number[];
+    disabledTime?: DisabledTime;
+} | {
+    showTime: {
+        format?: string;
+        picker?: PickerMode;
+        defaultValue?: DateType;
+        showNow?: boolean;
+        showHour?: boolean;
+        showMinute?: boolean;
+        showSecond?: boolean;
+        use12Hours?: boolean;
+        hourStep?: number;
+        minuteStep?: number;
+        secondStep?: number;
+        hideDisabledOptions?: boolean;
+        disabledHours?: () => number[];
+        disabledMinutes?: (hour: number) => number[];
+        disabledSeconds?: (hour: number, minute: number) => number[];
+        disabledTime?: DisabledTime;
+    };
+};
+declare const DataPickerPlacements: ["bottomLeft", "bottomRight", "topLeft", "topRight"];
+declare type DataPickerPlacement = typeof DataPickerPlacements[number];
+declare type InjectDefaultProps<Props> = Omit<Props, 'locale' | 'generateConfig' | 'hideHeader' | 'components'> & {
+    locale?: PickerLocale;
+    size?: SizeType;
+    placement?: DataPickerPlacement;
+    bordered?: boolean;
+    status?: InputStatus;
+};
+export declare type PickerLocale = {
+    lang: RcPickerLocale & AdditionalPickerLocaleLangProps;
+    timePickerLocale: TimePickerLocale;
+} & AdditionalPickerLocaleProps;
+export declare type AdditionalPickerLocaleProps = {
+    dateFormat?: string;
+    dateTimeFormat?: string;
+    weekFormat?: string;
+    monthFormat?: string;
+};
+export declare 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 declare type PickerBaseProps<DateType> = InjectDefaultProps<RCPickerBaseProps<DateType>>;
+export declare type PickerDateProps<DateType> = InjectDefaultProps<RCPickerDateProps<DateType>>;
+export declare type PickerTimeProps<DateType> = InjectDefaultProps<RCPickerTimeProps<DateType>>;
+export declare type PickerProps<DateType> = PickerBaseProps<DateType> | PickerDateProps<DateType> | PickerTimeProps<DateType>;
+export declare type RangePickerBaseProps<DateType> = InjectDefaultProps<RCRangePickerBaseProps<DateType>>;
+export declare type RangePickerDateProps<DateType> = InjectDefaultProps<RCRangePickerDateProps<DateType>>;
+export declare type RangePickerTimeProps<DateType> = InjectDefaultProps<RCRangePickerTimeProps<DateType>>;
+export declare type RangePickerProps<DateType> = RangePickerBaseProps<DateType> | RangePickerDateProps<DateType> | RangePickerTimeProps<DateType>;
+declare function generatePicker<DateType>(generateConfig: GenerateConfig<DateType>): import("./interface").PickerComponentClass<PickerProps<DateType> & {
+    status?: "" | "warning" | "error";
+}, unknown> & {
+    WeekPicker: import("./interface").PickerComponentClass<Omit<PickerDateProps<DateType>, "picker">, unknown>;
+    MonthPicker: import("./interface").PickerComponentClass<Omit<PickerDateProps<DateType>, "picker">, unknown>;
+    YearPicker: import("./interface").PickerComponentClass<Omit<PickerDateProps<DateType>, "picker">, unknown>;
+    RangePicker: import("./interface").PickerComponentClass<RangePickerProps<DateType>, unknown>;
+    TimePicker: import("./interface").PickerComponentClass<Omit<PickerTimeProps<DateType>, "picker">, unknown>;
+    QuarterPicker: import("./interface").PickerComponentClass<Omit<PickerTimeProps<DateType>, "picker">, unknown>;
+};
+export default generatePicker;