@douyinfe/semi-ui 2.1.0-alpha.1 → 2.1.0-alpha.2

package/lib/es/tabs/index.js

@@ -1,6 +1,3 @@
-import _omit from "lodash/omit";
-import _pick from "lodash/pick";
-import _isEqual from "lodash/isEqual";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
@@ -8,6 +5,7 @@ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find-index";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 
@@ -22,20 +20,21 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 
-import React, { createRef } from 'react';
+import React, { createRef, isValidElement } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/tabs/constants';
 import isNullOrUndefined from '@douyinfe/semi-foundation/lib/es/utils/isNullOrUndefined';
 import getDataAttr from '@douyinfe/semi-foundation/lib/es/utils/getDataAttr';
 import TabsFoundation from '@douyinfe/semi-foundation/lib/es/tabs/foundation';
+import { isEqual, omit, pick } from 'lodash-es';
 import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/es/tabs/tabs.css';
 import TabBar from './TabBar';
 import TabPane from './TabPane';
 import TabsContext from './tabs-context';
 
-const panePickKeys = _Object$keys(_omit(TabPane.propTypes, ['children']));
+const panePickKeys = _Object$keys(omit(TabPane.propTypes, ['children']));
 
 export * from './interface';
 
@@ -81,7 +80,7 @@ class Tabs extends BaseComponent {
       }
 
       return _filterInstanceProperty(_context = React.Children.toArray(children)).call(_context, pane => {
-        if (pane && pane.type && pane.type.isTabPane) {
+        if ( /*#__PURE__*/isValidElement(pane) && pane.type && pane.type.isTabPane) {
           return pane.props.itemKey === activeKey;
         }
 
@@ -89,6 +88,11 @@ class Tabs extends BaseComponent {
       });
     };
 
+    this.deleteTabItem = (tabKey, event) => {
+      event.stopPropagation();
+      this.foundation.handleTabDelete(tabKey);
+    };
+
     this.foundation = new TabsFoundation(this.adapter);
     this.state = {
       activeKey: this.foundation.getDefaultActiveKey(),
@@ -121,13 +125,15 @@ class Tabs extends BaseComponent {
               tab,
               icon,
               disabled,
-              itemKey
+              itemKey,
+              closable
             } = child.props;
             return {
               tab,
               icon,
               disabled,
-              itemKey
+              itemKey,
+              closable
             };
           }
 
@@ -138,6 +144,61 @@ class Tabs extends BaseComponent {
           panes
         });
       },
+      collectActiveKey: () => {
+        let panes = [];
+        const {
+          tabList,
+          children,
+          activeKey: propsActiveKey
+        } = this.props;
+
+        if (typeof propsActiveKey !== 'undefined') {
+          return;
+        }
+
+        const {
+          activeKey
+        } = this.state;
+
+        if (_Array$isArray(tabList) && tabList.length) {
+          panes = tabList;
+        } else {
+          var _context3;
+
+          panes = _mapInstanceProperty(_context3 = React.Children).call(_context3, children, child => {
+            if (child) {
+              const {
+                tab,
+                icon,
+                disabled,
+                itemKey,
+                closable
+              } = child.props;
+              return {
+                tab,
+                icon,
+                disabled,
+                itemKey,
+                closable
+              };
+            }
+
+            return undefined;
+          });
+        }
+
+        if (_findIndexInstanceProperty(panes).call(panes, p => p.itemKey === activeKey) === -1) {
+          if (panes.length > 0) {
+            this.setState({
+              activeKey: panes[0].itemKey
+            });
+          } else {
+            this.setState({
+              activeKey: ''
+            });
+          }
+        }
+      },
       notifyTabClick: (activeKey, event) => {
         this.props.onTabClick(activeKey, event);
       },
@@ -150,14 +211,14 @@ class Tabs extends BaseComponent {
         });
       },
       getDefaultActiveKeyFromChildren: () => {
-        var _context3;
+        var _context4;
 
         const {
           tabList,
           children
         } = this.props;
         let activeKey = '';
-        const list = tabList ? tabList : _mapInstanceProperty(_context3 = React.Children.toArray(children)).call(_context3, child => child.props);
+        const list = tabList ? tabList : _mapInstanceProperty(_context4 = React.Children.toArray(children)).call(_context4, child => /*#__PURE__*/isValidElement(child) ? child.props : null);
 
         _forEachInstanceProperty(list).call(list, item => {
           if (item && !activeKey && !item.disabled) {
@@ -166,6 +227,9 @@ class Tabs extends BaseComponent {
         });
 
         return activeKey;
+      },
+      notifyTabDelete: tabKey => {
+        this.props.onTabClose && this.props.onTabClose(tabKey);
       }
     });
   }
@@ -181,16 +245,16 @@ class Tabs extends BaseComponent {
   }
 
   componentDidUpdate(prevProps) {
-    var _context4, _context5;
+    var _context5, _context6;
 
     // Panes state acts on tab bar, no need to compare TabPane children
-    const prevChildrenProps = _mapInstanceProperty(_context4 = React.Children.toArray(prevProps.children)).call(_context4, child => _pick(child.props, panePickKeys));
+    const prevChildrenProps = _mapInstanceProperty(_context5 = React.Children.toArray(prevProps.children)).call(_context5, child => pick( /*#__PURE__*/isValidElement(child) ? child.props : null, panePickKeys));
 
-    const nowChildrenProps = _mapInstanceProperty(_context5 = React.Children.toArray(this.props.children)).call(_context5, child => _pick(child.props, panePickKeys));
+    const nowChildrenProps = _mapInstanceProperty(_context6 = React.Children.toArray(this.props.children)).call(_context6, child => pick( /*#__PURE__*/isValidElement(child) ? child.props : null, panePickKeys));
 
     const isTabListType = this.props.tabList || prevProps.tabList;
 
-    if (!_isEqual(this.props.tabList, prevProps.tabList)) {
+    if (!isEqual(this.props.tabList, prevProps.tabList)) {
       this.foundation.handleTabListChange();
     } // children变化，tabList方式使用时，啥也不用做
     // children变化，非tabList方式使用，需要重新取activeKey。TabPane可能是异步更新的，若不重新取，未设activeKey时，第一个不会自动激活
@@ -198,13 +262,13 @@ class Tabs extends BaseComponent {
     // children changed: recalc activeKey. TabPane could be updated async. If not recalc the first panel will not be activated
 
 
-    if (!_isEqual(prevChildrenProps, nowChildrenProps) && !isTabListType) {
+    if (!isEqual(prevChildrenProps, nowChildrenProps) && !isTabListType) {
       this.foundation.handleTabPanesChange();
     }
   }
 
   render() {
-    var _context6, _context7;
+    var _context7, _context8;
 
     const _a = this.props,
           {
@@ -232,11 +296,11 @@ class Tabs extends BaseComponent {
     } = this.state;
     const tabWrapperCls = cls(className, {
       [cssClasses.TABS]: true,
-      [_concatInstanceProperty(_context6 = "".concat(cssClasses.TABS, "-")).call(_context6, tabPosition)]: tabPosition
+      [_concatInstanceProperty(_context7 = "".concat(cssClasses.TABS, "-")).call(_context7, tabPosition)]: tabPosition
     });
     const tabContentCls = cls({
       [cssClasses.TABS_CONTENT]: true,
-      [_concatInstanceProperty(_context7 = "".concat(cssClasses.TABS_CONTENT, "-")).call(_context7, tabPosition)]: tabPosition
+      [_concatInstanceProperty(_context8 = "".concat(cssClasses.TABS_CONTENT, "-")).call(_context8, tabPosition)]: tabPosition
     });
     const tabBarProps = {
       activeKey,
@@ -248,7 +312,8 @@ class Tabs extends BaseComponent {
       style: tabBarStyle,
       tabBarExtraContent,
       tabPosition,
-      type
+      type,
+      deleteTabItem: this.deleteTabItem
     };
     const tabBar = renderTabBar ? renderTabBar(tabBarProps, TabBar) : /*#__PURE__*/React.createElement(TabBar, _Object$assign({}, tabBarProps));
     const content = keepDOM ? children : this.getActiveItem();
@@ -293,7 +358,8 @@ Tabs.propTypes = {
   tabList: PropTypes.array,
   tabPaneMotion: PropTypes.oneOfType([PropTypes.bool, PropTypes.object, PropTypes.func]),
   tabPosition: PropTypes.oneOf(strings.POSITION_MAP),
-  type: PropTypes.oneOf(strings.TYPE_MAP)
+  type: PropTypes.oneOf(strings.TYPE_MAP),
+  onTabClose: PropTypes.func
 };
 Tabs.defaultProps = {
   children: [],
@@ -305,6 +371,7 @@ Tabs.defaultProps = {
   size: 'large',
   tabPaneMotion: true,
   tabPosition: 'top',
-  type: 'line'
+  type: 'line',
+  onTabClose: () => undefined
 };
 export default Tabs;

package/lib/es/tabs/interface.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent, ReactNode, ComponentType, CSSProperties } from 'react';
+import { ComponentType, CSSProperties, MouseEvent, ReactNode } from 'react';
 import { Motion } from '../_base/base';
 export declare type TabType = 'line' | 'card' | 'button';
 export declare type TabSize = 'small' | 'medium' | 'large';
@@ -8,6 +8,7 @@ export interface PlainTab {
     icon?: ReactNode;
     itemKey: string;
     tab?: ReactNode;
+    closable: boolean;
 }
 export interface TabsProps {
     activeKey?: string;
@@ -30,6 +31,7 @@ export interface TabsProps {
     tabPaneMotion?: boolean;
     tabPosition?: TabPosition;
     type?: TabType;
+    onTabClose?: (tabKey: string) => void;
 }
 export interface TabBarProps {
     activeKey?: string;
@@ -44,6 +46,8 @@ export interface TabBarProps {
     type?: TabType;
     dropdownClassName?: string;
     dropdownStyle?: CSSProperties;
+    closable?: boolean;
+    deleteTabItem?: (tabKey: string, event: MouseEvent<Element>) => void;
 }
 export interface TabPaneProps {
     className?: string;
@@ -52,6 +56,7 @@ export interface TabPaneProps {
     itemKey?: string;
     style?: CSSProperties;
     tab?: ReactNode;
+    closable?: boolean;
 }
 export interface TabPaneTransitionProps {
     [key: string]: any;

package/lib/es/tagInput/index.d.ts

@@ -29,6 +29,7 @@ export interface TagInputProps {
     onFocus?: (e: React.MouseEvent<HTMLInputElement>) => void;
     onInputChange?: (value: string, e: React.MouseEvent<HTMLInputElement>) => void;
     onInputExceed?: ((value: string) => void);
+    onKeyDown?: (e: React.MouseEvent<HTMLInputElement>) => void;
     onRemove?: (removedValue: string, idx: number) => void;
     placeholder?: string;
     prefix?: React.ReactNode;
@@ -78,6 +79,7 @@ declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
         onInputExceed: PropTypes.Requireable<(...args: any[]) => any>;
         onAdd: PropTypes.Requireable<(...args: any[]) => any>;
         onRemove: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
         size: PropTypes.Requireable<"default" | "small" | "large">;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning">;
         prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -101,6 +103,7 @@ declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
         onInputExceed: (...args: any[]) => void;
         onAdd: (...args: any[]) => void;
         onRemove: (...args: any[]) => void;
+        onKeyDown: (...args: any[]) => void;
     };
     inputRef: React.RefObject<HTMLInputElement>;
     constructor(props: TagInputProps);

package/lib/es/tagInput/index.js

@@ -1,15 +1,10 @@
-import _isFunction from "lodash/isFunction";
-import _isUndefined from "lodash/isUndefined";
-import _isNull from "lodash/isNull";
-import _isArray from "lodash/isArray";
-import _isString from "lodash/isString";
-import _noop from "lodash/noop";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
+import { noop, isString, isArray, isNull, isUndefined, isFunction } from 'lodash-es';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/tagInput/constants';
 import '@douyinfe/semi-foundation/lib/es/tagInput/tagInput.css';
 import TagInputFoundation from '@douyinfe/semi-foundation/lib/es/tagInput/foundation';
@@ -73,8 +68,8 @@ class TagInput extends BaseComponent {
       inputValue
     } = nextProps;
     return {
-      tagsArray: _isArray(value) ? value : prevState.tagsArray,
-      inputValue: _isString(inputValue) ? inputValue : prevState.inputValue
+      tagsArray: isArray(value) ? value : prevState.tagsArray,
+      inputValue: isString(inputValue) ? inputValue : prevState.inputValue
     };
   }
 
@@ -117,6 +112,9 @@ class TagInput extends BaseComponent {
       },
       notifyTagRemove: (v, idx) => {
         this.props.onRemove(v, idx);
+      },
+      notifyKeyDown: e => {
+        this.props.onKeyDown(e);
       }
     });
   }
@@ -161,14 +159,14 @@ class TagInput extends BaseComponent {
       prefix
     } = this.props;
 
-    if (_isNull(prefix) || _isUndefined(prefix)) {
+    if (isNull(prefix) || isUndefined(prefix)) {
       return null;
     }
 
     const prefixWrapperCls = cls("".concat(prefixCls, "-prefix"), {
-      ["".concat(prefixCls, "-prefix-text")]: prefix && _isString(prefix),
+      ["".concat(prefixCls, "-prefix-text")]: prefix && isString(prefix),
       // eslint-disable-next-line max-len
-      ["".concat(prefixCls, "-prefix-icon")]: /*#__PURE__*/React.isValidElement(prefix) && !(prefix && _isString(prefix))
+      ["".concat(prefixCls, "-prefix-icon")]: /*#__PURE__*/React.isValidElement(prefix) && !(prefix && isString(prefix))
     });
     return /*#__PURE__*/React.createElement("div", {
       className: prefixWrapperCls
@@ -180,14 +178,14 @@ class TagInput extends BaseComponent {
       suffix
     } = this.props;
 
-    if (_isNull(suffix) || _isUndefined(suffix)) {
+    if (isNull(suffix) || isUndefined(suffix)) {
       return null;
     }
 
     const suffixWrapperCls = cls("".concat(prefixCls, "-suffix"), {
-      ["".concat(prefixCls, "-suffix-text")]: suffix && _isString(suffix),
+      ["".concat(prefixCls, "-suffix-text")]: suffix && isString(suffix),
       // eslint-disable-next-line max-len
-      ["".concat(prefixCls, "-suffix-icon")]: /*#__PURE__*/React.isValidElement(suffix) && !(suffix && _isString(suffix))
+      ["".concat(prefixCls, "-suffix-icon")]: /*#__PURE__*/React.isValidElement(suffix) && !(suffix && isString(suffix))
     });
     return /*#__PURE__*/React.createElement("div", {
       className: suffixWrapperCls
@@ -224,7 +222,7 @@ class TagInput extends BaseComponent {
     _forEachInstanceProperty(tagsArray).call(tagsArray, (value, index) => {
       let item = null;
 
-      if (_isFunction(renderTagItem)) {
+      if (isFunction(renderTagItem)) {
         item = renderTagItem(value, index);
       } else {
         var _context2;
@@ -365,6 +363,7 @@ TagInput.propTypes = {
   onInputExceed: PropTypes.func,
   onAdd: PropTypes.func,
   onRemove: PropTypes.func,
+  onKeyDown: PropTypes.func,
   size: PropTypes.oneOf(strings.SIZE_SET),
   validateStatus: PropTypes.oneOf(strings.STATUS),
   prefix: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
@@ -380,13 +379,14 @@ TagInput.defaultProps = {
   separator: ',',
   size: 'default',
   validateStatus: 'default',
-  onBlur: _noop,
-  onFocus: _noop,
-  onChange: _noop,
-  onInputChange: _noop,
-  onExceed: _noop,
-  onInputExceed: _noop,
-  onAdd: _noop,
-  onRemove: _noop
+  onBlur: noop,
+  onFocus: noop,
+  onChange: noop,
+  onInputChange: noop,
+  onExceed: noop,
+  onInputExceed: noop,
+  onAdd: noop,
+  onRemove: noop,
+  onKeyDown: noop
 };
 export default TagInput;

package/lib/es/timePicker/Combobox.d.ts

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
 import ScrollItem from '../scrollList/scrollItem';
-import ComboboxFoundation from '@douyinfe/semi-foundation/lib/es/timePicker/ComboxFoundation';
+import ComboboxFoundation, { formatOption } from '@douyinfe/semi-foundation/lib/es/timePicker/ComboxFoundation';
 import { TimePickerProps } from './TimePicker';
 import { Locale } from '../locale/interface';
 export declare type ComboboxProps = Pick<TimePickerProps, 'format' | 'prefixCls' | 'disabledHours' | 'disabledMinutes' | 'disabledSeconds' | 'hideDisabledOptions' | 'use12Hours' | 'scrollItemProps' | 'panelFooter' | 'panelHeader'> & BaseProps & {
@@ -26,6 +26,11 @@ export interface ComboboxState {
     minuteOptions: number[];
     secondOptions: number[];
 }
+export declare type FormatOptionReturn = ReturnType<typeof formatOption>;
+export interface AMPMOptionItem {
+    value: string;
+    text: string;
+}
 declare class Combobox extends BaseComponent<ComboboxProps, ComboboxState> {
     static propTypes: {
         format: PropTypes.Requireable<string>;
@@ -56,11 +61,12 @@ declare class Combobox extends BaseComponent<ComboboxProps, ComboboxState> {
     componentDidUpdate(prevProps: ComboboxProps, prevState: ComboboxState): void;
     componentWillUnmount(): void;
     componentDidMount(): void;
-    cacheRefCurrent: (key: string, current: ScrollItem) => void;
+    cacheRefCurrent: (key: string, current: ScrollItem<FormatOptionReturn> | ScrollItem<AMPMOptionItem>) => void;
     reselect: () => void;
-    onItemChange: ({ type, value }: {
-        type: string;
+    onItemChange: ({ type, value, disabled }: {
+        type?: string;
         value: string;
+        disabled?: boolean;
     }) => void;
     onEnterSelectPanel: (range: string) => void;
     renderHourSelect(hour: number, locale: Locale['TimePicker']): JSX.Element;

package/lib/es/timePicker/Combobox.js

@@ -1,4 +1,3 @@
-import _noop from "lodash/noop";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
@@ -12,6 +11,7 @@ import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/inst
 import React from 'react';
 import PropTypes from 'prop-types';
 import { format as dateFnsFormat } from 'date-fns';
+import { noop } from 'lodash-es';
 import BaseComponent from '../_base/baseComponent';
 import { strings } from '@douyinfe/semi-foundation/lib/es/timePicker/constants';
 import ScrollList from '../scrollList/index';
@@ -41,11 +41,11 @@ class Combobox extends BaseComponent {
       });
     };
 
-    this.onItemChange = _ref => {
-      let {
-        type,
-        value
-      } = _ref;
+    this.onItemChange = ({
+      type,
+      value,
+      disabled
+    }) => {
       // eslint-disable-next-line prefer-const
       let {
         onChange,
@@ -302,9 +302,9 @@ Combobox.propTypes = {
   scrollItemProps: PropTypes.object
 };
 Combobox.defaultProps = {
-  disabledHours: _noop,
-  disabledMinutes: _noop,
-  disabledSeconds: _noop,
+  disabledHours: noop,
+  disabledMinutes: noop,
+  disabledSeconds: noop,
   format: strings.DEFAULT_FORMAT
 };
 export default Combobox;

package/lib/es/timePicker/TimeInput.js

@@ -1,4 +1,3 @@
-import _noop from "lodash/noop";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
@@ -21,6 +20,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { strings } from '@douyinfe/semi-foundation/lib/es/timePicker/constants';
+import { noop } from 'lodash-es';
 import Input from '../input';
 import BaseComponent from '../_base/baseComponent';
 import InputFoundation from '@douyinfe/semi-foundation/lib/es/timePicker/inputFoundation';
@@ -79,18 +79,10 @@ class TimeInput extends BaseComponent {
   }
 
   get adapter() {
-    var _this = this;
-
     return _Object$assign(_Object$assign({}, super.adapter), {
-      notifyChange: function () {
-        return _this.props.onChange(...arguments);
-      },
-      notifyFocus: function () {
-        return _this.props.onFocus(...arguments);
-      },
-      notifyBlur: function () {
-        return _this.props.onBlur(...arguments);
-      }
+      notifyChange: (...args) => this.props.onChange(...args),
+      notifyFocus: (...args) => this.props.onFocus(...args),
+      notifyBlur: (...args) => this.props.onBlur(...args)
     });
   }
 
@@ -190,13 +182,13 @@ TimeInput.propTypes = {
 };
 TimeInput.defaultProps = {
   inputReadOnly: false,
-  onChange: _noop,
-  onBlur: _noop,
-  onFocus: _noop,
-  onClick: _noop,
-  disabledHours: _noop,
-  disabledMinutes: _noop,
-  disabledSeconds: _noop,
+  onChange: noop,
+  onBlur: noop,
+  onFocus: noop,
+  onClick: noop,
+  disabledHours: noop,
+  disabledMinutes: noop,
+  disabledSeconds: noop,
   format: strings.DEFAULT_FORMAT
 };
 export default TimeInput;

package/lib/es/timePicker/TimePicker.d.ts

@@ -49,7 +49,7 @@ export declare type TimePickerProps = {
     position?: Position;
     prefixCls?: string;
     rangeSeparator?: string;
-    scrollItemProps?: ScrollItemProps;
+    scrollItemProps?: ScrollItemProps<any>;
     secondStep?: number;
     showClear?: boolean;
     size?: InputSize;
@@ -85,11 +85,11 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
         panelFooter: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         prefixCls: PropTypes.Requireable<string>;
         clearText: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
+        value: PropTypes.Requireable<string | number | string[] | Date | number[] | Date[]>;
         inputReadOnly: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
         showClear: PropTypes.Requireable<boolean>;
-        defaultValue: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
+        defaultValue: PropTypes.Requireable<string | number | string[] | Date | number[] | Date[]>;
         open: PropTypes.Requireable<boolean>;
         defaultOpen: PropTypes.Requireable<boolean>;
         onOpenChange: PropTypes.Requireable<(...args: any[]) => any>;