@douyinfe/semi-ui 2.1.5 → 2.2.0

package/lib/es/datePicker/monthsGrid.js

@@ -124,6 +124,10 @@ export default class MonthsGrid extends BaseComponent {
       });
     };
 
+    this.getYAMOpenType = () => {
+      return this.foundation.getYAMOpenType();
+    };
+
     let nowDate = _Array$isArray(props.defaultPickerValue) ? props.defaultPickerValue[0] : props.defaultPickerValue;
     const validFormat = props.format || getDefaultFormatTokenByType(props.type);
 
@@ -615,9 +619,11 @@ export default class MonthsGrid extends BaseComponent {
       content = 'year month';
     }
 
+    const yearOpenType = this.getYAMOpenType();
     return /*#__PURE__*/React.createElement("div", {
       className: monthGridCls,
       "x-type": type,
+      "x-panel-yearandmonth-open-type": yearOpenType,
       ref: current => this.cacheRefCurrent('monthGrid', current)
     }, content);
   }

package/lib/es/datePicker/navigation.js

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import IconButton from '../iconButton';
 import Button from '../button';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/datePicker/constants';
-import { IconChevronLeft, IconChevronRight } from '@douyinfe/semi-icons';
+import { IconChevronLeft, IconChevronRight, IconDoubleChevronLeft, IconDoubleChevronRight } from '@douyinfe/semi-icons';
 const prefixCls = cssClasses.NAVIGATION;
 export default class Navigation extends PureComponent {
   constructor(props) {
@@ -20,6 +20,8 @@ export default class Navigation extends PureComponent {
       onMonthClick,
       onNextMonth,
       onPrevMonth,
+      onPrevYear,
+      onNextYear,
       density,
       shouldBimonthSwitch,
       panelType
@@ -27,37 +29,75 @@ export default class Navigation extends PureComponent {
     const btnTheme = 'borderless';
     const iconBtnSize = density === 'compact' ? 'default' : 'large';
     const btnNoHorizontalPadding = true;
-    const buttonSize = density === 'compact' ? 'small' : 'default'; // Enable dual-panel synchronous switching, and the current panel is the left panel
+    const buttonSize = density === 'compact' ? 'small' : 'default';
+    const isLeftPanel = panelType === strings.PANEL_TYPE_LEFT;
+    const isRightPanel = panelType === strings.PANEL_TYPE_RIGHT; // syncSwitchMonth and the current panel is the left
 
-    const bimonthSwitchWithLeftPanel = shouldBimonthSwitch && panelType === strings.PANEL_TYPE_LEFT; // Enable dual-panel synchronous switching, and the current panel is the right panel
+    const hiddenLeftPanelRightButtons = shouldBimonthSwitch && isLeftPanel; // syncSwitchMonth and the current panel is the right
+
+    const hiddenRightPanelLeftButtons = shouldBimonthSwitch && isRightPanel; // `visibility: hidden` will keep the icon in position
+
+    const leftButtonStyle = {};
+    const rightButtonStyle = {};
+
+    if (hiddenRightPanelLeftButtons) {
+      leftButtonStyle.visibility = 'hidden';
+    }
+
+    if (hiddenLeftPanelRightButtons) {
+      rightButtonStyle.visibility = 'hidden';
+    }
 
-    const bimonthSwitchWithRightPanel = shouldBimonthSwitch && panelType === strings.PANEL_TYPE_RIGHT;
     const ref = forwardRef || this.navRef;
     return /*#__PURE__*/React.createElement("div", {
       className: prefixCls,
       ref: ref
-    }, !bimonthSwitchWithRightPanel && /*#__PURE__*/React.createElement(IconButton, {
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      key: "double-chevron-left",
+      icon: /*#__PURE__*/React.createElement(IconDoubleChevronLeft, {
+        size: iconBtnSize
+      }),
+      size: buttonSize,
+      theme: btnTheme,
+      noHorizontalPadding: btnNoHorizontalPadding,
+      onClick: onPrevYear,
+      style: leftButtonStyle
+    }), /*#__PURE__*/React.createElement(IconButton, {
+      key: "chevron-left",
       icon: /*#__PURE__*/React.createElement(IconChevronLeft, {
         size: iconBtnSize
       }),
       size: buttonSize,
       onClick: onPrevMonth,
       theme: btnTheme,
-      noHorizontalPadding: btnNoHorizontalPadding
+      noHorizontalPadding: btnNoHorizontalPadding,
+      style: leftButtonStyle
     }), /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-month")
     }, /*#__PURE__*/React.createElement(Button, {
       onClick: onMonthClick,
       theme: btnTheme,
       size: buttonSize
-    }, /*#__PURE__*/React.createElement("span", null, monthText))), !bimonthSwitchWithLeftPanel && /*#__PURE__*/React.createElement(IconButton, {
+    }, /*#__PURE__*/React.createElement("span", null, monthText))), /*#__PURE__*/React.createElement(IconButton, {
+      key: "chevron-right",
       icon: /*#__PURE__*/React.createElement(IconChevronRight, {
         size: iconBtnSize
       }),
       size: buttonSize,
       onClick: onNextMonth,
       theme: btnTheme,
-      noHorizontalPadding: btnNoHorizontalPadding
+      noHorizontalPadding: btnNoHorizontalPadding,
+      style: rightButtonStyle
+    }), /*#__PURE__*/React.createElement(IconButton, {
+      key: "double-chevron-right",
+      icon: /*#__PURE__*/React.createElement(IconDoubleChevronRight, {
+        size: iconBtnSize
+      }),
+      size: buttonSize,
+      theme: btnTheme,
+      noHorizontalPadding: btnNoHorizontalPadding,
+      onClick: onNextYear,
+      style: rightButtonStyle
     }));
   }
 

package/lib/es/descriptions/item.js

@@ -33,7 +33,7 @@ export default class Item extends PureComponent {
       className: "".concat(prefixCls, "-item")
     }, /*#__PURE__*/React.createElement("span", {
       className: keyCls
-    }, "".concat(itemKey, ":")), /*#__PURE__*/React.createElement("span", {
+    }, itemKey, ":"), /*#__PURE__*/React.createElement("span", {
       className: valCls
     }, typeof children === 'function' ? children() : children))) : /*#__PURE__*/React.createElement("tr", {
       className: className,

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

@@ -31,8 +31,8 @@ export default class Empty extends BaseComponent<EmptyProps, EmptyState> {
     constructor(props: EmptyProps);
     componentDidMount(): void;
     componentWillUnmount(): void;
-    observe(mutationsList: any): void;
-    updateMode(): void;
+    observe: (mutationsList: any) => void;
+    updateMode: () => void;
     render(): JSX.Element;
 }
 export {};

package/lib/es/empty/index.js

@@ -10,6 +10,25 @@ const prefixCls = cssClasses.PREFIX;
 export default class Empty extends BaseComponent {
   constructor(props) {
     super(props);
+
+    this.observe = mutationsList => {
+      for (const mutation of mutationsList) {
+        if (mutation.type === 'attributes' && mutation.attributeName === 'theme-mode') {
+          this.updateMode();
+        }
+      }
+    };
+
+    this.updateMode = () => {
+      const val = this.body.getAttribute('theme-mode');
+
+      if (val !== this.state.mode) {
+        this.setState({
+          mode: val
+        });
+      }
+    };
+
     this.state = {
       mode: null
     };
@@ -33,24 +52,6 @@ export default class Empty extends BaseComponent {
     this.observer && this.observer.disconnect();
   }
 
-  observe(mutationsList) {
-    for (const mutation of mutationsList) {
-      if (mutation.type === 'attributes' && mutation.attributeName === 'theme-mode') {
-        this.updateMode();
-      }
-    }
-  }
-
-  updateMode() {
-    const val = this.body.getAttribute('theme-mode');
-
-    if (val !== this.state.mode) {
-      this.setState({
-        mode: val
-      });
-    }
-  }
-
   render() {
     var _context;
 

package/lib/es/form/baseForm.d.ts

@@ -90,6 +90,11 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         suffix?: React.ReactNode;
         prefix?: React.ReactNode;
         insetLabel?: React.ReactNode;
+        inputProps?: import("utility-types").Subtract<import("../input").InputProps, {
+            value?: React.ReactText;
+            onFocus?: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
+            onChange?: (value: string, e: React.ChangeEvent<HTMLInputElement>) => void;
+        }>;
         showClear?: boolean;
         showArrow?: boolean;
         renderSelectedItem?: import("../select").RenderSelectedItemFn;

package/lib/es/form/field.d.ts

@@ -40,6 +40,11 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     suffix?: import("react").ReactNode;
     prefix?: import("react").ReactNode;
     insetLabel?: import("react").ReactNode;
+    inputProps?: import("utility-types").Subtract<import("../input/index").InputProps, {
+        value?: import("react").ReactText;
+        onFocus?: (e: import("react").FocusEvent<HTMLInputElement, Element>) => void;
+        onChange?: (value: string, e: import("react").ChangeEvent<HTMLInputElement>) => void;
+    }>;
     showClear?: boolean;
     showArrow?: boolean;
     renderSelectedItem?: import("../select/index").RenderSelectedItemFn;

package/lib/es/locale/source/es.d.ts

@@ -0,0 +1,7 @@
+import { Locale } from '../interface';
+/**
+ * [i18n-Spanish(es)]
+ *
+ */
+declare const locale: Locale;
+export default locale;

package/lib/es/locale/source/es.js

@@ -0,0 +1,157 @@
+import { es } from 'date-fns/locale';
+/**
+ * [i18n-Spanish(es)]
+ *
+ */
+
+const locale = {
+  code: 'es',
+  dateFnsLocale: es,
+  Pagination: {
+    item: 'objeto',
+    pageSize: ' objetos / página',
+    page: ' páginas',
+    total: '',
+    jumpTo: 'Ir a'
+  },
+  Modal: {
+    confirm: 'Aceptar',
+    cancel: 'Cancelar'
+  },
+  TimePicker: {
+    placeholder: {
+      time: 'Seleccionar hora',
+      timeRange: 'Seleccionar rango de tiempo'
+    },
+    begin: 'Hora inicial',
+    end: 'Hora final',
+    hour: '',
+    minute: '',
+    second: '',
+    AM: 'AM',
+    PM: 'PM'
+  },
+  DatePicker: {
+    placeholder: {
+      date: 'Seleccionar fecha',
+      dateTime: 'Seleccionar hora y fecha',
+      dateRange: ['Fecha inicial', 'Fecha final'],
+      dateTimeRange: ['Fecha inicial', 'Fecha final']
+    },
+    footer: {
+      confirm: 'Aceptar',
+      cancel: 'Cancelar'
+    },
+    selectDate: 'Seleccionar fecha',
+    selectTime: 'Seleccionar hora',
+    year: 'año',
+    month: 'mes',
+    day: 'día',
+    monthText: '${month} ${year}',
+    months: {
+      1: 'Ene',
+      2: 'Feb',
+      3: 'Mar',
+      4: 'Abr',
+      5: 'May',
+      6: 'Jun',
+      7: 'Jul',
+      8: 'Ago',
+      9: 'Sep',
+      10: 'Oct',
+      11: 'Nov',
+      12: 'Dic'
+    },
+    fullMonths: {
+      1: 'Enero',
+      2: 'Febrero',
+      3: 'Marzo',
+      4: 'Abril',
+      5: 'Mayo',
+      6: 'Junio',
+      7: 'Julio',
+      8: 'Agosto',
+      9: 'Septiembre',
+      10: 'Octubre',
+      11: 'Noviembre',
+      12: 'Diciembre'
+    },
+    weeks: {
+      Mon: 'Lun',
+      Tue: 'Mar',
+      Wed: 'Mie',
+      Thu: 'Jue',
+      Fri: 'Vie',
+      Sat: 'Sab',
+      Sun: 'Dom'
+    },
+    localeFormatToken: {
+      FORMAT_SWITCH_DATE: 'yyyy-MM-dd'
+    }
+  },
+  Popconfirm: {
+    confirm: 'Aceptar',
+    cancel: 'Cancelar'
+  },
+  Navigation: {
+    collapseText: 'Contraer barra lateral',
+    expandText: 'Expandir barra lateral'
+  },
+  Table: {
+    emptyText: 'Sin resultados',
+    pageText: 'Mostrando del ${currentStart} al ${currentEnd} de ${total}'
+  },
+  Select: {
+    emptyText: 'Sin resultados',
+    createText: 'Crear'
+  },
+  Tree: {
+    emptyText: 'Sin resultados',
+    searchPlaceholder: 'Búsqueda'
+  },
+  Cascader: {
+    emptyText: 'Sin resultados'
+  },
+  List: {
+    emptyText: 'Sin resultados'
+  },
+  Calendar: {
+    allDay: 'Todo el día',
+    AM: '${time} AM',
+    PM: '${time} PM',
+    datestring: '',
+    remaining: '${remained} mas'
+  },
+  Upload: {
+    mainText: 'Clic aquí para cargar archivo o arrastre aquí el archivo',
+    illegalTips: 'Este tipo de archivo no es compatible',
+    legalTips: 'Suelte y comience a cargar',
+    retry: 'Reintentar',
+    replace: 'Reemplazar archivo',
+    clear: 'Limpiar',
+    selectedFiles: 'Archivos seleccionados',
+    illegalSize: 'Tamaño de archivo inválido',
+    fail: 'Error al cargar'
+  },
+  TreeSelect: {
+    searchPlaceholder: 'Búsqueda'
+  },
+  Typography: {
+    copy: 'Copiar',
+    copied: 'Copiado',
+    expand: 'Expandir',
+    collapse: 'Contraer'
+  },
+  Transfer: {
+    emptyLeft: 'Sin datos',
+    emptySearch: 'Sin resultados de búsqueda',
+    emptyRight: 'Sin contenido, verifique desde la izquierda',
+    placeholder: 'Búsqueda',
+    clear: 'Limpiar',
+    selectAll: 'Seleccionar todo',
+    clearSelectAll: 'Deseleccionar todo',
+    total: 'Total ${total} objetos',
+    selected: '${total} objetos seleccionados'
+  }
+};
+export default locale;

package/lib/es/pagination/index.js

@@ -15,6 +15,7 @@ import { cssClasses, numbers } from '@douyinfe/semi-foundation/lib/es/pagination
 import '@douyinfe/semi-foundation/lib/es/pagination/pagination.css';
 import { numbers as popoverNumbers } from '@douyinfe/semi-foundation/lib/es/popover/constants';
 import { IconChevronLeft, IconChevronRight } from '@douyinfe/semi-icons';
+import warning from '@douyinfe/semi-foundation/lib/es/utils/warning';
 import ConfigContext from '../configProvider/context';
 import LocaleConsumer from '../locale/localeConsumer';
 import Select from '../select/index';
@@ -45,6 +46,7 @@ export default class Pagination extends BaseComponent {
     this.foundation = new PaginationFoundation(this.adapter);
     this.renderDefaultPage = _bindInstanceProperty(_context = this.renderDefaultPage).call(_context, this);
     this.renderSmallPage = _bindInstanceProperty(_context2 = this.renderSmallPage).call(_context2, this);
+    warning(Boolean(props.showSizeChanger && props.hideOnSinglePage), '[Semi Pagination] You should not use showSizeChanger and hideOnSinglePage in ths same time. At this time, hideOnSinglePage no longer takes effect, otherwise there may be a problem that the switch entry disappears');
   }
 
   get adapter() {
@@ -338,7 +340,8 @@ export default class Pagination extends BaseComponent {
       className,
       style,
       hideOnSinglePage,
-      hoverShowPageSelect
+      hoverShowPageSelect,
+      showSizeChanger
     } = this.props;
     const paginationCls = classNames("".concat(prefixCls, "-small"), prefixCls, className);
     const {
@@ -348,7 +351,7 @@ export default class Pagination extends BaseComponent {
     } = this.state;
     const totalPageNum = Math.ceil(total / pageSize);
 
-    if (totalPageNum < 2 && hideOnSinglePage) {
+    if (totalPageNum < 2 && hideOnSinglePage && !showSizeChanger) {
       return null;
     }
 
@@ -377,13 +380,14 @@ export default class Pagination extends BaseComponent {
       showTotal,
       className,
       style,
-      hideOnSinglePage
+      hideOnSinglePage,
+      showSizeChanger
     } = this.props;
     const paginationCls = classNames(className, "".concat(prefixCls));
     const showTotalCls = "".concat(prefixCls, "-total");
     const totalPageNum = Math.ceil(total / pageSize);
 
-    if (totalPageNum < 2 && hideOnSinglePage) {
+    if (totalPageNum < 2 && hideOnSinglePage && !showSizeChanger) {
       return null;
     }
 

package/lib/es/rating/item.js

@@ -71,7 +71,7 @@ export default class Item extends PureComponent {
       height: size,
       fontSize: size
     } : {};
-    const iconSize = size === 'small' ? 'default' : 'extra-large';
+    const iconSize = isCustomSize ? 'inherit' : size === 'small' ? 'default' : 'extra-large';
     const content = character ? character : /*#__PURE__*/React.createElement(IconStar, {
       size: iconSize
     });

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

@@ -2,13 +2,20 @@ import React, { MouseEvent } from 'react';
 import PropTypes from 'prop-types';
 import SelectFoundation, { SelectAdapter } from '@douyinfe/semi-foundation/lib/es/select/foundation';
 import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
+import { InputProps } from '../input/index';
 import Option, { OptionProps } from './option';
 import OptionGroup from './optionGroup';
+import { Subtract } from 'utility-types';
 import '@douyinfe/semi-foundation/lib/es/select/select.css';
 import { Position, TooltipProps } from '../tooltip';
 export { OptionProps } from './option';
 export { OptionGroupProps } from './optionGroup';
 export { VirtualRowProps } from './virtualRow';
+declare type ExcludeInputType = {
+    value?: InputProps['value'];
+    onFocus?: InputProps['onFocus'];
+    onChange?: InputProps['onChange'];
+};
 export interface optionRenderProps {
     key?: any;
     label?: string | React.ReactNode | number;
@@ -85,6 +92,7 @@ export declare type SelectProps = {
     suffix?: React.ReactNode;
     prefix?: React.ReactNode;
     insetLabel?: React.ReactNode;
+    inputProps?: Subtract<InputProps, ExcludeInputType>;
     showClear?: boolean;
     showArrow?: boolean;
     renderSelectedItem?: RenderSelectedItemFn;
@@ -151,6 +159,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
         dropdownStyle: PropTypes.Requireable<object>;
         outerTopSlot: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         innerTopSlot: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        inputProps: PropTypes.Requireable<object>;
         outerBottomSlot: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         innerBottomSlot: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         optionList: PropTypes.Requireable<any[]>;

package/lib/es/select/index.js

@@ -342,39 +342,44 @@ class Select extends BaseComponent {
     const {
       size,
       multiple,
-      disabled
+      disabled,
+      inputProps
     } = this.props;
+
+    const inputPropsCls = _get(inputProps, 'className');
+
     const inputcls = cls("".concat(prefixcls, "-input"), {
       ["".concat(prefixcls, "-input-single")]: !multiple,
       ["".concat(prefixcls, "-input-multiple")]: multiple
-    });
+    }, inputPropsCls);
     const {
       inputValue
     } = this.state;
-    const inputProps = {
+
+    const selectInputProps = _Object$assign({
       value: inputValue,
       disabled,
       className: inputcls,
       onChange: this.handleInputChange
-    };
+    }, inputProps);
+
     let style = {}; // Multiple choice mode
 
     if (multiple) {
       style = {
         width: inputValue ? "".concat(inputValue.length * 16, "px") : '2px'
       };
-      inputProps.style = style;
+      selectInputProps.style = style;
     }
 
     return /*#__PURE__*/React.createElement(Input, _Object$assign({
       ref: this.inputRef,
-      size: size
-    }, inputProps, {
+      size: size,
       onFocus: e => {
         // prevent event bubbling which will fire trigger onFocus event
         e.stopPropagation(); // e.nativeEvent.stopImmediatePropagation();
       }
-    }));
+    }, selectInputProps));
   }
 
   close() {
@@ -704,7 +709,9 @@ class Select extends BaseComponent {
           key: value
         }), content);
       } else {
-        return content;
+        return /*#__PURE__*/React.createElement(Fragment, {
+          key: value
+        }, content);
       }
     });
 
@@ -978,6 +985,7 @@ Select.propTypes = {
   dropdownStyle: PropTypes.object,
   outerTopSlot: PropTypes.node,
   innerTopSlot: PropTypes.node,
+  inputProps: PropTypes.object,
   outerBottomSlot: PropTypes.node,
   innerBottomSlot: PropTypes.node,
   optionList: PropTypes.array,

package/lib/es/tabs/index.js

@@ -1,9 +1,7 @@
-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";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 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";
@@ -35,9 +33,7 @@ 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 = ['className', 'style', 'disabled', 'itemKey', 'tab', 'icon'];
 export * from './interface';
 
 class Tabs extends BaseComponent {

package/lib/es/timeline/item.d.ts

@@ -10,6 +10,7 @@ export interface TimelineItemProps {
     position?: 'left' | 'right';
     className?: string;
     style?: React.CSSProperties;
+    onClick?: React.MouseEventHandler<HTMLLIElement>;
 }
 export default class Item extends PureComponent<TimelineItemProps> {
     static propTypes: {
@@ -21,10 +22,12 @@ export default class Item extends PureComponent<TimelineItemProps> {
         position: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
     };
     static defaultProps: {
         type: string;
         time: string;
+        onClick: (...args: any[]) => void;
     };
     render(): JSX.Element;
 }

package/lib/es/timeline/item.js

@@ -1,3 +1,4 @@
+import _noop from "lodash/noop";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React, { PureComponent } from 'react';
@@ -18,7 +19,8 @@ export default class Item extends PureComponent {
       type,
       style,
       time,
-      extra
+      extra,
+      onClick
     } = this.props;
     const itemCls = cls(prefixCls, className);
     const dotCls = cls({
@@ -33,7 +35,8 @@ export default class Item extends PureComponent {
     } : null;
     return /*#__PURE__*/React.createElement("li", {
       className: itemCls,
-      style: style
+      style: style,
+      onClick: onClick
     }, /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-tail")
     }), /*#__PURE__*/React.createElement("div", _Object$assign({
@@ -56,9 +59,11 @@ Item.propTypes = {
   extra: PropTypes.node,
   position: PropTypes.oneOf(strings.ITEM_POS),
   className: PropTypes.string,
-  style: PropTypes.object
+  style: PropTypes.object,
+  onClick: PropTypes.func
 };
 Item.defaultProps = {
   type: 'default',
-  time: ''
+  time: '',
+  onClick: _noop
 };

package/lib/es/upload/fileCard.d.ts

@@ -26,6 +26,7 @@ declare class FileCard extends PureComponent<FileCardProps> {
         style: PropTypes.Requireable<object>;
         url: PropTypes.Requireable<string>;
         validateMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        index: PropTypes.Requireable<number>;
     };
     static defaultProps: {
         listType: "list";
@@ -39,6 +40,7 @@ declare class FileCard extends PureComponent<FileCardProps> {
     renderValidateMessage(): ReactNode;
     renderPicValidateMsg(): ReactNode;
     renderPic(locale: Locale['Upload']): ReactNode;
+    renderFile(locale: Locale["Upload"]): JSX.Element;
     onRemove(e: MouseEvent): void;
     onReplace(e: MouseEvent): void;
     onRetry(e: MouseEvent): void;