linkmore-design 1.0.56 → 1.0.57

package/es/Button/index.d.ts

@@ -1,3 +1,7 @@
 import { FC } from 'react';
+import type { ButtonProps } from 'antd';
+export interface ILmButtonProps extends ButtonProps {
+    hover?: boolean;
+}
 declare const LMButton: FC<any>;
 export default LMButton;

package/es/Button/index.js

@@ -36,7 +36,7 @@ var LMButton = function LMButton(props) {
     className: classs,
     size: size,
     type: type,
-    danger: type === 'danger'
+    danger: !!restProps.danger
   }), children);
 };
 

package/es/CustomTableOption/cardSort.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+/** order show */
+declare const FilterSort: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+export default FilterSort;

package/es/CustomTableOption/cardSort.js

@@ -0,0 +1,222 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState, useMemo, useEffect, useImperativeHandle, forwardRef } from 'react';
+import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';
+import { arrayMove, useSortable, SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy } from '@dnd-kit/sortable';
+import { Checkbox, Input } from 'linkmore-design';
+import { HolderOutlined } from '@ant-design/icons';
+import { CSS } from '@dnd-kit/utilities';
+import { cloneDeep } from 'lodash';
+var UNLLVALUE = [null, undefined];
+var Search = Input.Search;
+
+var SortItem = function SortItem(props) {
+  var _a, _b;
+
+  var _useSortable = useSortable({
+    id: "".concat(props.id)
+  }),
+      attributes = _useSortable.attributes,
+      listeners = _useSortable.listeners,
+      setNodeRef = _useSortable.setNodeRef,
+      transform = _useSortable.transform,
+      transition = _useSortable.transition;
+
+  var style = {
+    transform: CSS.Transform.toString(transform),
+    transition: transition
+  };
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    ref: setNodeRef,
+    className: 'lm_custom_item',
+    style: style
+  }, attributes), /*#__PURE__*/React.createElement(Checkbox, {
+    checked: ((_a = props.item) === null || _a === void 0 ? void 0 : _a.show) === false ? false : true,
+    onChange: function onChange(e) {
+      return props.toggleShow(e.target.checked, props.id);
+    },
+    className: "filter_item-content"
+  }, (_b = props.item) === null || _b === void 0 ? void 0 : _b.title), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(HolderOutlined, Object.assign({}, listeners, {
+    className: 'lm_custom_icon sort_item'
+  }))));
+};
+/** order show */
+
+
+var FilterSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$card = _ref.card,
+      card = _ref$card === void 0 ? [] : _ref$card,
+      _ref$cardStateValue = _ref.cardStateValue,
+      cardStateValue = _ref$cardStateValue === void 0 ? {} : _ref$cardStateValue;
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      localCard = _useState2[0],
+      setLocalCard = _useState2[1];
+
+  var _useState3 = useState({}),
+      _useState4 = _slicedToArray(_useState3, 2),
+      colStateValue = _useState4[0],
+      setColStateValue = _useState4[1];
+  /** 正在输入的查询条件 */
+
+
+  var _useState5 = useState(''),
+      _useState6 = _slicedToArray(_useState5, 2),
+      searchIngValue = _useState6[0],
+      setSearchIngValue = _useState6[1];
+
+  var _useState7 = useState(''),
+      _useState8 = _slicedToArray(_useState7, 2),
+      searchValue = _useState8[0],
+      setSearchValue = _useState8[1];
+
+  var sortMenu = useMemo(function () {
+    var cloneCol = cloneDeep(localCard);
+    cloneCol.forEach(function (item, index) {
+      var _a, _b;
+
+      var order = (_a = colStateValue[item.field]) === null || _a === void 0 ? void 0 : _a.order;
+      item.order = order !== undefined && order !== null ? order : UNLLVALUE.includes(item.order) ? index : item.order;
+      item.show = ((_b = colStateValue[item.field]) === null || _b === void 0 ? void 0 : _b.show) === false ? false : UNLLVALUE.includes(item.show) ? true : !!item.show;
+    });
+    return cloneCol.filter(function (item) {
+      var _a;
+
+      return ((_a = item.title) === null || _a === void 0 ? void 0 : _a.indexOf(searchValue)) > -1;
+    });
+  }, [localCard, colStateValue, searchValue]);
+  var isCheckAll = useMemo(function () {
+    var showLength = localCard.filter(function (item) {
+      return item.show !== false;
+    });
+    return {
+      indeterminate: (showLength === null || showLength === void 0 ? void 0 : showLength.length) && showLength.length !== localCard.length ? true : false,
+      checkAll: showLength.length === localCard.length
+    };
+  }, [localCard]);
+  /** 将当前输入的值，进行最后赋值，作自动计算使用 */
+
+  var handleSearch = function handleSearch() {
+    setSearchValue(searchIngValue);
+  };
+
+  useEffect(function () {
+    console.log(localCard, 'localFilter');
+  }, [localCard]);
+  useEffect(function () {
+    setLocalCard(card);
+    setColStateValue(cardStateValue);
+  }, [card]);
+  var sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+    coordinateGetter: sortableKeyboardCoordinates
+  }));
+  /** 排序结束回调 */
+
+  var handleDragEnd = function handleDragEnd(event) {
+    var active = event.active,
+        over = event.over;
+
+    if (active.id !== over.id) {
+      setLocalCard(function (items) {
+        var oldIndex = items.findIndex(function (s) {
+          return s.dataIndex === active.id;
+        });
+        var newIndex = items.findIndex(function (s) {
+          return s.dataIndex === over.id;
+        });
+        return arrayMove(items, oldIndex, newIndex).map(function (item, index) {
+          return Object.assign(Object.assign({}, item), {
+            order: index
+          });
+        });
+      });
+    }
+  };
+  /** 添加是否显示 */
+
+
+  var toggleShow = function toggleShow(value, id) {
+    var resultColumns = localCard.map(function (item) {
+      if (item.dataIndex === id) {
+        return Object.assign(Object.assign({}, item), {
+          show: item.show === false ? true : false
+        });
+      }
+
+      return Object.assign({}, item);
+    });
+    setLocalCard(resultColumns);
+  };
+  /** 切换是否全选 */
+
+
+  var onCheckAllChange = function onCheckAllChange() {
+    var resultColumns = localCard.map(function (item) {
+      return Object.assign(Object.assign({}, item), {
+        show: isCheckAll.checkAll ? false : true
+      });
+    });
+    setLocalCard(resultColumns);
+  };
+
+  useImperativeHandle(ref, function () {
+    return {
+      getLocalFilter: function getLocalFilter() {
+        return localCard;
+      },
+      getFilterStateValue: function getFilterStateValue() {
+        var obj = {};
+        localCard.forEach(function (item) {
+          obj[item.dataIndex] = {};
+
+          if (![undefined, null].includes(item.order)) {
+            obj[item.dataIndex]['order'] = item.order;
+          }
+
+          if (![undefined, null].includes(item.show)) {
+            obj[item.dataIndex]['show'] = item.show;
+          }
+        });
+        return obj;
+      }
+    };
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'lm_custom_option_columns'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'global_search'
+  }, /*#__PURE__*/React.createElement(Search, {
+    value: searchIngValue,
+    onChange: function onChange(e) {
+      return setSearchIngValue(e.target.value);
+    },
+    onSearch: handleSearch
+  })), /*#__PURE__*/React.createElement("div", {
+    className: 'global_setting'
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    indeterminate: isCheckAll.indeterminate,
+    onChange: onCheckAllChange,
+    checked: isCheckAll.checkAll
+  }, "\u5168\u9009"), /*#__PURE__*/React.createElement("span", {
+    onClick: function onClick() {
+      return setLocalCard(card);
+    }
+  }, "\u91CD\u7F6E")), !!(sortMenu === null || sortMenu === void 0 ? void 0 : sortMenu.length) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DndContext, {
+    sensors: sensors,
+    collisionDetection: closestCenter,
+    onDragEnd: handleDragEnd
+  }, /*#__PURE__*/React.createElement(SortableContext, {
+    items: sortMenu === null || sortMenu === void 0 ? void 0 : sortMenu.map(function (v) {
+      return "".concat(v.dataIndex);
+    }),
+    strategy: verticalListSortingStrategy
+  }, sortMenu === null || sortMenu === void 0 ? void 0 : sortMenu.map(function (item) {
+    return /*#__PURE__*/React.createElement(SortItem, {
+      key: item.dataIndex,
+      toggleShow: toggleShow,
+      item: item,
+      id: item.dataIndex
+    });
+  })))));
+});
+export default FilterSort;

package/es/CustomTableOption/index.d.ts

@@ -7,6 +7,7 @@ export interface ICustomTableOptionProps {
     tooltip?: TooltipProps;
     filter?: Record<string, any>[];
     columns?: TableProps<any>['columns'];
+    card?: TableProps<any>['columns'];
     onSave?: (data: any) => void;
 }
 declare const LMCustomTableOption: React.FC<ICustomTableOptionProps>;

package/es/CustomTableOption/index.js

@@ -4,6 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { forwardRef, useState, useEffect, useRef } from 'react';
 import { Drawer, Tabs, Radio, IconFont, Space, Button, Switch } from 'linkmore-design';
 import ColumnsSort from './columnsSort';
+import CardSort from './cardSort';
 import FilterSort from './filterSort';
 import classNames from 'classnames';
 
@@ -17,23 +18,29 @@ var TabPane = 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__*/forwardRef(function (props, ref) {
+  var _a;
+
   var className = props.className,
       _props$tooltip = props.tooltip,
       tooltip = _props$tooltip === void 0 ? {} : _props$tooltip;
   var filterRef = useRef(null);
-  var columnsRef = useRef(null); // const sizeRef = useRef(null)
+  var columnsRef = useRef(null);
+  var cardRef = useRef(null); // const sizeRef = useRef(null)
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -50,6 +57,7 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useState5 = useState({
     filter: [],
     columns: [],
+    card: [],
     size: 'default'
   }),
       _useState6 = _slicedToArray(_useState5, 2),
@@ -64,13 +72,14 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
     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 */
 
 
@@ -80,15 +89,20 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
 
     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);
   };
 
@@ -130,6 +144,13 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
   }, /*#__PURE__*/React.createElement(ColumnsSort, {
     ref: columnsRef,
     columns: lmOptions.columns
+  })), ((_a = lmOptions.card) === null || _a === void 0 ? void 0 : _a.length) && /*#__PURE__*/React.createElement(TabPane, {
+    tab: "\u5361\u7247\u5B57\u6BB5\u8BBE\u7F6E",
+    key: "4",
+    forceRender: true
+  }, /*#__PURE__*/React.createElement(CardSort, {
+    ref: cardRef,
+    card: lmOptions.card
   })), /*#__PURE__*/React.createElement(TabPane, {
     tab: "\u5176\u4ED6",
     key: "3",
@@ -146,13 +167,16 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement("div", {
       className: 'lm_custom_size_warp',
       key: item.value
-    }, /*#__PURE__*/React.createElement("img", {
+    }, /*#__PURE__*/React.createElement(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.createElement(Radio, {
       value: item.value
     }, item.label));

package/es/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/es/DatePicker/PickerButton.d.ts

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

package/es/DatePicker/PickerButton.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Button } from 'linkmore-design';
+export default function PickerButton(props) {
+  return /*#__PURE__*/React.createElement(Button, Object.assign({
+    size: "small",
+    type: "primary"
+  }, props));
+}

package/es/DatePicker/PickerTag.d.ts

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

package/es/DatePicker/PickerTag.js

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { Tag } from 'linkmore-design';
+export default function PickerTag(props) {
+  return /*#__PURE__*/React.createElement(Tag, Object.assign({
+    color: "blue"
+  }, props));
+}

package/es/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/es/DatePicker/generatePicker/generateRangePicker.js

@@ -0,0 +1,142 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+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/CalendarOutlined';
+import ClockCircleOutlined from '@ant-design/icons/ClockCircleOutlined';
+import CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';
+import SwapRightOutlined from '@ant-design/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 'antd/es/config-provider';
+import DisabledContext from 'antd/es/config-provider/DisabledContext';
+import SizeContext from 'antd/es/config-provider/SizeContext';
+import { FormItemInputContext } from 'antd/es/form/context';
+import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
+import { getMergedStatus, getStatusClassNames } from '../../_util/statusUtils';
+import enUS from 'antd/es/date-picker/locale/en_US';
+import { getRangePlaceholder, transPlacement2DropdownAlign } from '../util';
+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,
+        customStatus = props.status,
+        restProps = __rest(props, ["prefixCls", "getPopupContainer", "className", "placement", "size", "disabled", "bordered", "placeholder", "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 format = props.format,
+        showTime = props.showTime,
+        picker = props.picker;
+    var rootPrefixCls = getPrefixCls();
+    var additionalOverrideProps = {};
+    additionalOverrideProps = Object.assign(Object.assign(Object.assign({}, additionalOverrideProps), showTime ? getTimeProps(Object.assign({
+      format: format,
+      picker: picker
+    }, showTime)) : {}), picker === 'time' ? getTimeProps(Object.assign(Object.assign({
+      format: format
+    }, props), {
+      picker: picker
+    })) : {}); // ===================== Size =====================
+
+    var size = React.useContext(SizeContext);
+    var mergedSize = customizeSize || size; // ===================== Disabled =====================
+
+    var disabled = React.useContext(DisabledContext);
+    var mergedDisabled = 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__*/
+      // @ts-ignore
+      React.createElement(LocaleReceiver, {
+        componentName: "DatePicker",
+        defaultLocale: enUS
+      }, function (contextLocale) {
+        var _classNames;
+
+        var locale = Object.assign(Object.assign({}, contextLocale), props.locale);
+        return /*#__PURE__*/React.createElement(RCRangePicker, Object.assign({
+          separator: /*#__PURE__*/React.createElement("span", {
+            "aria-label": "to",
+            className: "".concat(prefixCls, "-separator")
+          }, /*#__PURE__*/React.createElement(SwapRightOutlined, null)),
+          disabled: mergedDisabled,
+          ref: innerRef,
+          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), className),
+          locale: locale.lang,
+          prefixCls: prefixCls,
+          getPopupContainer: customGetPopupContainer || getPopupContainer,
+          generateConfig: generateConfig,
+          components: Components,
+          direction: direction
+        }));
+      })
+    );
+  });
+  return RangePicker;
+}

package/es/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>;
+};