@douyinfe/semi-ui 2.0.7-alpha.0 → 2.0.9-alpha.2

package/lib/es/table/TableHeaderRow.js

@@ -1,9 +1,3 @@
-import _findIndex from "lodash/findIndex";
-import _omit from "lodash/omit";
-import _set from "lodash/set";
-import _map from "lodash/map";
-import _noop from "lodash/noop";
-import _get from "lodash/get";
 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$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -26,6 +20,7 @@ var __rest = this && this.__rest || function (s, e) {
 import React from 'react';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
+import { get, noop, map, set, omit, findIndex } from 'lodash-es';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/table/constants';
 import { arrayAdd, isFirstFixedRight, isLastLeftFixed, isFixedLeft, isFixedRight, sliceColumnsByLevel } from '@douyinfe/semi-foundation/lib/es/table/utils';
 import BaseComponent from '../_base/baseComponent';
@@ -45,10 +40,9 @@ export default class TableHeaderRow extends BaseComponent {
         } = this.props;
         const cellSelector = ".".concat(prefixCls, "-row-head");
         const heads = node && node.querySelectorAll && node.querySelectorAll(cellSelector);
-        this.context.setHeadWidths(_map(heads, (head, headIndex) => {
-          let configWidth = _get(row, [headIndex, 'column', 'width']);
-
-          const key = _get(row, [headIndex, 'column', 'key']);
+        this.context.setHeadWidths(map(heads, (head, headIndex) => {
+          let configWidth = get(row, [headIndex, 'column', 'width']);
+          const key = get(row, [headIndex, 'column', 'key']);
 
           if (typeof configWidth !== 'number') {
             configWidth = head && head.getBoundingClientRect().width || 0;
@@ -90,16 +84,11 @@ export default class TableHeaderRow extends BaseComponent {
     } = this.context;
     const slicedColumns = sliceColumnsByLevel(columns, index);
     const headWidths = getCellWidths(slicedColumns);
-
-    const HeaderRow = _get(components, 'header.row', 'tr');
-
-    const HeaderCell = _get(components, 'header.cell', 'th');
-
+    const HeaderRow = get(components, 'header.row', 'tr');
+    const HeaderCell = get(components, 'header.cell', 'th');
     const rowProps = onHeaderRow(columns, index) || {};
-
-    _set(rowProps, 'className', classnames(_get(rowProps, 'className'), "".concat(prefixCls, "-row")));
-
-    const cells = _map(row, (cell, cellIndex) => {
+    set(rowProps, 'className', classnames(get(rowProps, 'className'), "".concat(prefixCls, "-row")));
+    const cells = map(row, (cell, cellIndex) => {
       const {
         column
       } = cell,
@@ -129,7 +118,7 @@ export default class TableHeaderRow extends BaseComponent {
       });
 
       if (headWidths.length && slicedColumns.length) {
-        const indexOfSlicedColumns = _findIndex(slicedColumns, item => item && item.key != null && item.key === column.key);
+        const indexOfSlicedColumns = findIndex(slicedColumns, item => item && item.key != null && item.key === column.key);
 
         if (indexOfSlicedColumns > -1) {
           if (isFixedLeft(column)) {
@@ -146,8 +135,7 @@ export default class TableHeaderRow extends BaseComponent {
         }
       }
 
-      const props = _omit(_Object$assign(_Object$assign({}, cellProps), customProps), ['colStart', 'colEnd', 'hasSubColumns', 'parents', 'level']);
-
+      const props = omit(_Object$assign(_Object$assign({}, cellProps), customProps), ['colStart', 'colEnd', 'hasSubColumns', 'parents', 'level']);
       const {
         rowSpan,
         colSpan
@@ -162,7 +150,6 @@ export default class TableHeaderRow extends BaseComponent {
         key: column.key || column.dataIndex || cellIndex
       }));
     });
-
     return /*#__PURE__*/React.createElement(HeaderRow, _Object$assign({}, rowProps, {
       style: style,
       ref: this.cacheRef
@@ -183,7 +170,7 @@ TableHeaderRow.propTypes = {
   selectedRowKeysSet: PropTypes.instanceOf(_Set).isRequired
 };
 TableHeaderRow.defaultProps = {
-  onHeaderRow: _noop,
+  onHeaderRow: noop,
   prefixCls: cssClasses.PREFIX,
   columns: [],
   components: {

package/lib/es/table/TablePagination.js

@@ -1,10 +1,9 @@
-import _isFunction from "lodash/isFunction";
-import _get from "lodash/get";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 
 /* eslint-disable max-len */
 import React, { PureComponent, isValidElement } from 'react';
 import PropTypes from 'prop-types';
+import { get, isFunction } from 'lodash-es';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/table/constants';
 import Pagination from '../pagination';
 export default class TablePagination extends PureComponent {
@@ -15,10 +14,8 @@ export default class TablePagination extends PureComponent {
       info,
       renderPagination
     } = this.props;
-
-    const total = _get(pagination, 'total');
-
-    const customPagination = renderPagination && _isFunction(renderPagination) ? renderPagination(pagination) : null;
+    const total = get(pagination, 'total');
+    const customPagination = renderPagination && isFunction(renderPagination) ? renderPagination(pagination) : null;
     return /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-pagination-outer")
     }, /*#__PURE__*/isValidElement(customPagination) ? customPagination : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
@@ -26,7 +23,7 @@ export default class TablePagination extends PureComponent {
     }, info), /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-pagination-wrapper")
     }, total > 0 ? /*#__PURE__*/React.createElement(Pagination, _Object$assign({}, pagination, {
-      key: _get(pagination, 'pageSize', 'pagination')
+      key: get(pagination, 'pageSize', 'pagination')
     })) : null)));
   }
 

package/lib/es/table/getColumns.js

@@ -1,16 +1,15 @@
-import _omit from "lodash/omit";
-import _get from "lodash/get";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 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 React from 'react';
 import Column from './Column';
-
+import { get, omit } from 'lodash-es';
 /**
  * Convert jsx children into object columns
  * @param {Node} children
  * @returns
  */
+
 export default function getColumns(children) {
   if (children) {
     var _context;
@@ -18,8 +17,8 @@ export default function getColumns(children) {
     const columns = [];
 
     _forEachInstanceProperty(_context = React.Children).call(_context, children, child => {
-      if ( /*#__PURE__*/React.isValidElement(child) && (child.type === Column || _get(child, 'type.name') === Column.name)) {
-        const col = _omit(child.props, ['children']);
+      if ( /*#__PURE__*/React.isValidElement(child) && (child.type === Column || get(child, 'type.name') === Column.name)) {
+        const col = omit(child.props, ['children']);
 
         if (_Array$isArray(child.props.children) && child.props.children.length) {
           col.children = getColumns(child.props.children);

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

@@ -35,7 +35,7 @@ export interface TableProps<RecordType extends Record<string, any> = any> extend
     id?: string;
     indentSize?: number;
     loading?: boolean;
-    pagination?: Pagination;
+    pagination?: TablePagination;
     prefixCls?: string;
     renderGroupSection?: RenderGroupSection;
     renderPagination?: RenderPagination;
@@ -225,6 +225,7 @@ export declare type Size = ArrayElement<typeof strings.SIZES>;
 export declare type Title<RecordType> = React.ReactNode | ((pageData?: RecordType[]) => React.ReactNode);
 export declare type PaginationPosition = ArrayElement<typeof strings.PAGINATION_POSITIONS>;
 export declare type Pagination = TablePaginationProps | boolean;
+export declare type TablePagination = Pagination;
 export interface ChangeInfoFilter<RecordType> extends BaseChangeInfoFilter<RecordType> {
     filters?: Filter[];
     onFilter?: OnFilter<RecordType>;

package/lib/es/table/table-context.js

@@ -1,10 +1,9 @@
-import _noop from "lodash/noop";
-
 /* eslint-disable max-len */
 import React from 'react';
+import { noop } from 'lodash-es';
 const TableContext = /*#__PURE__*/React.createContext({
   headWidths: [],
-  setHeadWidths: _noop,
-  handleRowExpanded: _noop
+  setHeadWidths: noop,
+  handleRowExpanded: noop
 });
 export default TableContext;

package/lib/es/table/utils.js

@@ -1,6 +1,6 @@
-import _merge from "lodash/merge";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import { merge } from 'lodash-es';
 import Logger from '@douyinfe/semi-foundation/lib/es/utils/Logger';
 import { numbers } from '@douyinfe/semi-foundation/lib/es/table/constants';
 import { cloneDeep } from '../_utils';
@@ -76,7 +76,7 @@ export function amendTableWidth(tableWidth) {
  */
 
 export function mergeComponents(components, virtualized) {
-  return _merge({}, {
+  return merge({}, {
     table: 'table',
     header: {
       outer: 'table',

package/lib/es/tabs/TabBar.js

@@ -1,4 +1,3 @@
-import _isEmpty from "lodash/isEmpty";
 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 _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
@@ -24,6 +23,7 @@ import getDataAttr from '@douyinfe/semi-foundation/lib/es/utils/getDataAttr';
 import OverflowList from '../overflowList';
 import Dropdown from '../dropdown';
 import Button from '../button';
+import { isEmpty } from 'lodash-es';
 import { IconChevronRight, IconChevronLeft } from '@douyinfe/semi-icons';
 import { getUuidv4 } from '@douyinfe/semi-foundation/lib/es/utils/uuid';
 
@@ -105,7 +105,7 @@ class TabBar extends React.Component {
     this.renderCollapse = (items, icon, pos) => {
       var _context5, _context6;
 
-      if (_isEmpty(items)) {
+      if (isEmpty(items)) {
         return null;
       }
 

package/lib/es/tabs/TabPaneTransition.js

@@ -1,9 +1,9 @@
-import _toInteger from "lodash/toInteger";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 
 /* eslint-disable react/destructuring-assignment */
 import React from 'react';
 import { Transition } from '@douyinfe/semi-animation-react';
+import { toInteger } from 'lodash-es';
 
 const TabPaneTransition = function () {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -52,10 +52,10 @@ const TabPaneTransition = function () {
         opacity
       } = _ref;
       // delete translateX in 0 in case of zIndex problems.
-      const finalState = _toInteger(translateY) === 0 ? {
+      const finalState = toInteger(translateY) === 0 ? {
         opacity
       } : {
-        transform: "translateY(".concat(_toInteger(translateY), "px)"),
+        transform: "translateY(".concat(toInteger(translateY), "px)"),
         opacity
       };
       return props.children(finalState);
@@ -91,10 +91,10 @@ const TabPaneTransition = function () {
       opacity
     } = _ref2;
     // delete translateX in 0 in case of zIndex problems.
-    const finalState = _toInteger(translateX) === 0 ? {
+    const finalState = toInteger(translateX) === 0 ? {
       opacity
     } : {
-      transform: "translateX(".concat(_toInteger(translateX), "px)"),
+      transform: "translateX(".concat(toInteger(translateX), "px)"),
       opacity
     };
     return props.children(finalState);

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";
@@ -22,20 +19,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, pick, omit } 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 +79,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;
         }
 
@@ -157,7 +155,7 @@ class Tabs extends BaseComponent {
           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(_context3 = React.Children.toArray(children)).call(_context3, child => /*#__PURE__*/isValidElement(child) ? child.props : null);
 
         _forEachInstanceProperty(list).call(list, item => {
           if (item && !activeKey && !item.disabled) {
@@ -184,13 +182,13 @@ class Tabs extends BaseComponent {
     var _context4, _context5;
 
     // 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(_context4 = React.Children.toArray(prevProps.children)).call(_context4, 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(_context5 = React.Children.toArray(this.props.children)).call(_context5, 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,7 +196,7 @@ 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();
     }
   }

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
     };
   }
 
@@ -161,14 +156,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 +175,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 +219,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;
@@ -380,13 +375,13 @@ 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
 };
 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';
@@ -44,7 +44,8 @@ class Combobox extends BaseComponent {
     this.onItemChange = _ref => {
       let {
         type,
-        value
+        value,
+        disabled
       } = _ref;
       // eslint-disable-next-line prefer-const
       let {
@@ -302,9 +303,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';
@@ -190,13 +190,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[] | Date | number[] | Date[]>;
+        value: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
         inputReadOnly: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
         showClear: PropTypes.Requireable<boolean>;
-        defaultValue: PropTypes.Requireable<string | number | string[] | Date | number[] | Date[]>;
+        defaultValue: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
         open: PropTypes.Requireable<boolean>;
         defaultOpen: PropTypes.Requireable<boolean>;
         onOpenChange: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/timePicker/TimePicker.js

@@ -1,5 +1,3 @@
-import _get from "lodash/get";
-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 _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -22,6 +20,7 @@ var __rest = this && this.__rest || function (s, e) {
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
+import { noop, get } from 'lodash-es';
 import ConfigContext from '../configProvider/context';
 import BaseComponent from '../_base/baseComponent';
 import { strings, cssClasses } from '@douyinfe/semi-foundation/lib/es/timePicker/constants';
@@ -70,8 +69,8 @@ export default class TimePicker extends BaseComponent {
           0: locale.begin,
           1: locale.end
         };
-        panelProps.panelHeader = _get(panels, index, isNullOrUndefined(panelHeader) ? _get(defaultHeaderMap, index, null) : panelHeader);
-        panelProps.panelFooter = _get(panels, index, panelFooter);
+        panelProps.panelHeader = get(panels, index, isNullOrUndefined(panelHeader) ? get(defaultHeaderMap, index, null) : panelHeader);
+        panelProps.panelFooter = get(panels, index, panelFooter);
       }
 
       return panelProps;
@@ -442,7 +441,7 @@ TimePicker.defaultProps = _Object$assign({
   showClear: true,
   zIndex: popoverNumbers.DEFAULT_Z_INDEX,
   rangeSeparator: strings.DEFAULT_RANGE_SEPARATOR,
-  onOpenChange: _noop,
+  onOpenChange: noop,
   clearText: 'clear',
   prefixCls: cssClasses.PREFIX,
   inputReadOnly: false,
@@ -458,12 +457,12 @@ TimePicker.defaultProps = _Object$assign({
   disabledSeconds: () => [],
   hideDisabledOptions: false,
   // position: 'bottomLeft',
-  onFocus: _noop,
-  onBlur: _noop,
-  onChange: _noop,
+  onFocus: noop,
+  onBlur: noop,
+  onChange: noop,
   use12Hours: false,
   focusOnOpen: false,
-  onKeyDown: _noop,
+  onKeyDown: noop,
   size: 'default',
   type: strings.DEFAULT_TYPE
 }, PanelShapeDefaults);

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

@@ -6,5 +6,5 @@ import PropTypes from 'prop-types';
  * - \[12:00:12, 12:21:12]
  * - \[[12:00:12, 12:21:12], [12:11:12, 12:32:12]]
  */
-declare const TimeShape: PropTypes.Requireable<string | number | string[] | Date | number[] | Date[]>;
+declare const TimeShape: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
 export { TimeShape };

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

@@ -13,11 +13,11 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
         panelFooter: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
         prefixCls: import("prop-types").Requireable<string>;
         clearText: import("prop-types").Requireable<string>;
-        value: import("prop-types").Requireable<string | number | string[] | Date | number[] | Date[]>;
+        value: import("prop-types").Requireable<string | number | string[] | number[] | Date | Date[]>;
         inputReadOnly: import("prop-types").Requireable<boolean>;
         disabled: import("prop-types").Requireable<boolean>;
         showClear: import("prop-types").Requireable<boolean>;
-        defaultValue: import("prop-types").Requireable<string | number | string[] | Date | number[] | Date[]>;
+        defaultValue: import("prop-types").Requireable<string | number | string[] | number[] | Date | Date[]>;
         open: import("prop-types").Requireable<boolean>;
         defaultOpen: import("prop-types").Requireable<boolean>;
         onOpenChange: import("prop-types").Requireable<(...args: any[]) => any>;