@douyinfe/semi-ui 2.1.4 → 2.2.0-beta.1

package/lib/es/upload/fileCard.js

@@ -4,13 +4,13 @@ import cls from 'classnames';
 import PropTypes from 'prop-types';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/upload/constants';
 import { getFileSize } from '@douyinfe/semi-foundation/lib/es/upload/utils';
+import { IconAlertCircle, IconClose, IconFile, IconRefresh } from '@douyinfe/semi-icons';
 import LocaleConsumer from '../locale/localeConsumer';
 import IconButton from '../iconButton/index';
 import Progress from '../progress/index';
 import Tooltip from '../tooltip/index';
 import Spin from '../spin/index';
 import { isElement } from '../_base/reactUtils';
-import { IconAlertCircle, IconClose, IconFile, IconRefresh } from '@douyinfe/semi-icons';
 const prefixCls = cssClasses.PREFIX;
 
 const ErrorSvg = function () {
@@ -158,16 +158,23 @@ class FileCard extends PureComponent {
       status,
       disabled,
       style,
-      onPreviewClick
+      onPreviewClick,
+      showPicInfo,
+      renderPicInfo,
+      renderThumbnail,
+      name,
+      index
     } = this.props;
+    const showProgress = status === strings.FILE_STATUS_UPLOADING && percent !== 100;
+    const showRetry = status === strings.FILE_STATUS_UPLOAD_FAIL && this.props.showRetry;
+    const showReplace = status === strings.FILE_STATUS_SUCCESS && this.props.showReplace;
     const filePicCardCls = cls({
       ["".concat(prefixCls, "-picture-file-card")]: true,
       ["".concat(prefixCls, "-picture-file-card-disabled")]: disabled,
-      ["".concat(prefixCls, "-picture-file-card-show-pointer")]: typeof onPreviewClick !== 'undefined'
+      ["".concat(prefixCls, "-picture-file-card-show-pointer")]: typeof onPreviewClick !== 'undefined',
+      ["".concat(prefixCls, "-picture-file-card-error")]: status === strings.FILE_STATUS_UPLOAD_FAIL,
+      ["".concat(prefixCls, "-picture-file-card-uploading")]: showProgress
     });
-    const showProgress = status === strings.FILE_STATUS_UPLOADING && percent !== 100;
-    const showRetry = status === strings.FILE_STATUS_UPLOAD_FAIL && this.props.showRetry;
-    const showReplace = status === strings.FILE_STATUS_SUCCESS && this.props.showReplace;
     const closeCls = "".concat(prefixCls, "-picture-file-card-close");
     const retry = /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-picture-file-card-retry"),
@@ -187,47 +194,38 @@ class FileCard extends PureComponent {
     }, /*#__PURE__*/React.createElement(ReplaceSvg, {
       className: "".concat(prefixCls, "-picture-file-card-icon-replace")
     })));
+    const picInfo = typeof renderPicInfo === 'function' ? renderPicInfo(this.props) : /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-picture-file-card-pic-info")
+    }, index + 1);
+    const thumbnail = typeof renderThumbnail === 'function' ? renderThumbnail(this.props) : /*#__PURE__*/React.createElement("img", {
+      src: url,
+      alt: "picture of ".concat(name)
+    });
     return /*#__PURE__*/React.createElement("div", {
       className: filePicCardCls,
       style: style,
       onClick: onPreviewClick
-    }, /*#__PURE__*/React.createElement("img", {
-      src: url
-    }), showProgress ? /*#__PURE__*/React.createElement(Progress, {
+    }, thumbnail, showProgress ? /*#__PURE__*/React.createElement(Progress, {
       percent: percent,
       type: "circle",
       size: "small",
       orbitStroke: '#FFF'
-    }) : null, showRetry ? retry : null, showReplace && replace, disabled ? null : /*#__PURE__*/React.createElement("div", {
-      className: closeCls,
-      onClick: e => this.onRemove(e)
+    }) : null, showRetry ? retry : null, showReplace && replace, showPicInfo && picInfo, !disabled && /*#__PURE__*/React.createElement("div", {
+      className: closeCls
     }, /*#__PURE__*/React.createElement(IconClose, {
-      size: "extra-small"
+      size: "extra-small",
+      onClick: e => this.onRemove(e)
     })), this.renderPicValidateMsg());
   }
 
-  onRemove(e) {
-    e.stopPropagation();
-    this.props.onRemove(this.props, e);
-  }
-
-  onReplace(e) {
-    e.stopPropagation();
-    this.props.onReplace(this.props, e);
-  }
-
-  onRetry(e) {
-    e.stopPropagation();
-    this.props.onRetry(this.props, e);
-  }
-
-  render() {
+  renderFile(locale) {
     const {
       name,
       size,
       percent,
       url,
-      listType,
+      showRetry: propsShowRetry,
+      showReplace: propsShowReplace,
       preview,
       previewFile,
       status,
@@ -248,15 +246,8 @@ class FileCard extends PureComponent {
     const replaceCls = "".concat(prefixCls, "-file-card-replace");
     const showProgress = !(percent === 100 || typeof percent === 'undefined') && status === strings.FILE_STATUS_UPLOADING; // only show retry when upload fail & showRetry is true, no need to show during validate fail
 
-    const showRetry = status === strings.FILE_STATUS_UPLOAD_FAIL && this.props.showRetry;
-    const showReplace = status === strings.FILE_STATUS_SUCCESS && this.props.showReplace;
-
-    if (listType === strings.FILE_LIST_PIC) {
-      return /*#__PURE__*/React.createElement(LocaleConsumer, {
-        componentName: "Upload"
-      }, locale => this.renderPic(locale));
-    }
-
+    const showRetry = status === strings.FILE_STATUS_UPLOAD_FAIL && propsShowRetry;
+    const showReplace = status === strings.FILE_STATUS_SUCCESS && propsShowReplace;
     const fileSize = this.transSize(size);
     let previewContent = preview ? /*#__PURE__*/React.createElement("img", {
       src: url
@@ -268,9 +259,7 @@ class FileCard extends PureComponent {
       previewContent = previewFile(this.props);
     }
 
-    return /*#__PURE__*/React.createElement(LocaleConsumer, {
-      componentName: "Upload"
-    }, locale => /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: fileCardCls,
       style: style,
       onClick: onPreviewClick
@@ -315,7 +304,42 @@ class FileCard extends PureComponent {
       theme: "borderless",
       size: "small",
       className: closeCls
-    })));
+    }));
+  }
+
+  onRemove(e) {
+    e.stopPropagation();
+    this.props.onRemove(this.props, e);
+  }
+
+  onReplace(e) {
+    e.stopPropagation();
+    this.props.onReplace(this.props, e);
+  }
+
+  onRetry(e) {
+    e.stopPropagation();
+    this.props.onRetry(this.props, e);
+  }
+
+  render() {
+    const {
+      listType
+    } = this.props;
+
+    if (listType === strings.FILE_LIST_PIC) {
+      return /*#__PURE__*/React.createElement(LocaleConsumer, {
+        componentName: "Upload"
+      }, locale => this.renderPic(locale));
+    }
+
+    if (listType === strings.FILE_LIST_DEFAULT) {
+      return /*#__PURE__*/React.createElement(LocaleConsumer, {
+        componentName: "Upload"
+      }, locale => this.renderFile(locale));
+    }
+
+    return null;
   }
 
 }
@@ -338,7 +362,8 @@ FileCard.propTypes = {
   status: PropTypes.string,
   style: PropTypes.object,
   url: PropTypes.string,
-  validateMessage: PropTypes.node
+  validateMessage: PropTypes.node,
+  index: PropTypes.number
 };
 FileCard.defaultProps = {
   listType: strings.FILE_LIST_DEFAULT,

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

@@ -1,6 +1,6 @@
-import { ReactNode, CSSProperties, RefObject, ChangeEvent, DragEvent } from 'react';
+import React, { ReactNode, CSSProperties, RefObject, ChangeEvent, DragEvent } from 'react';
 import PropTypes from 'prop-types';
-import UploadFoundation, { UploadAdapter, BeforeUploadObjectResult, AfterUploadResult } from '@douyinfe/semi-foundation/lib/es/upload/foundation';
+import UploadFoundation, { CustomFile, UploadAdapter, BeforeUploadObjectResult, AfterUploadResult } from '@douyinfe/semi-foundation/lib/es/upload/foundation';
 import FileCard from './fileCard';
 import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
 import { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError } from './interface';
@@ -54,7 +54,10 @@ export interface UploadProps {
     prompt?: ReactNode;
     promptPosition?: PromptPositionType;
     renderFileItem?: (renderFileItemProps: RenderFileItemProps) => ReactNode;
+    renderPicInfo?: (renderFileItemProps: RenderFileItemProps) => ReactNode;
+    renderThumbnail?: (renderFileItemProps: RenderFileItemProps) => ReactNode;
     showClear?: boolean;
+    showPicInfo?: boolean;
     showReplace?: boolean;
     showRetry?: boolean;
     showUploadList?: boolean;
@@ -121,7 +124,10 @@ declare class Upload extends BaseComponent<UploadProps, UploadState> {
         prompt: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         promptPosition: PropTypes.Requireable<"left" | "right" | "bottom">;
         renderFileItem: PropTypes.Requireable<(...args: any[]) => any>;
+        renderPicInfo: PropTypes.Requireable<(...args: any[]) => any>;
+        renderThumbnail: PropTypes.Requireable<(...args: any[]) => any>;
         showClear: PropTypes.Requireable<boolean>;
+        showPicInfo: PropTypes.Requireable<boolean>;
         showReplace: PropTypes.Requireable<boolean>;
         showRetry: PropTypes.Requireable<boolean>;
         showUploadList: PropTypes.Requireable<boolean>;
@@ -157,13 +163,28 @@ declare class Upload extends BaseComponent<UploadProps, UploadState> {
     onReplaceChange: (e: ChangeEvent<HTMLInputElement>) => void;
     clear: () => void;
     remove: (fileItem: FileItem) => void;
+    /**
+     * ref method
+     * insert files at index
+     * @param files Array<CustomFile>
+     * @param index number
+     * @returns
+     */
+    insert: (files: Array<CustomFile>, index: number) => void;
+    /**
+     * ref method
+     * manual upload by user
+     */
     upload: () => void;
     renderFile: (file: FileItem, index: number, locale: Locale['Upload']) => ReactNode;
     renderFileList: () => ReactNode;
+    renderFileListPic: () => JSX.Element;
+    renderFileListDefault: () => JSX.Element;
     onDrop: (e: DragEvent<HTMLDivElement>) => void;
     onDragOver: (e: DragEvent<HTMLDivElement>) => void;
     onDragLeave: (e: DragEvent<HTMLDivElement>) => void;
     onDragEnter: (e: DragEvent<HTMLDivElement>) => void;
+    renderAddContent: () => React.ReactNode;
     renderDragArea: () => ReactNode;
     render(): ReactNode;
 }

package/lib/es/upload/index.js

@@ -72,6 +72,23 @@ class Upload extends BaseComponent {
     this.remove = fileItem => {
       this.foundation.handleRemove(fileItem);
     };
+    /**
+     * ref method
+     * insert files at index
+     * @param files Array<CustomFile>
+     * @param index number
+     * @returns
+     */
+
+
+    this.insert = (files, index) => {
+      return this.foundation.insertFileToList(files, index);
+    };
+    /**
+     * ref method
+     * manual upload by user
+     */
+
 
     this.upload = () => {
       const {
@@ -87,14 +104,18 @@ class Upload extends BaseComponent {
         name,
         status,
         validateMessage,
-        _sizeInvalid
+        _sizeInvalid,
+        uid
       } = file;
       const {
         previewFile,
         listType,
         itemStyle,
         showRetry,
+        showPicInfo,
+        renderPicInfo,
         renderFileItem,
+        renderThumbnail,
         disabled,
         onPreviewClick,
         showReplace
@@ -115,10 +136,14 @@ class Upload extends BaseComponent {
         listType,
         onRemove,
         onRetry,
-        key: _concatInstanceProperty(_context = "".concat(name)).call(_context, index),
+        index,
+        key: uid || _concatInstanceProperty(_context = "".concat(name)).call(_context, index),
         showRetry: typeof file.showRetry !== 'undefined' ? file.showRetry : showRetry,
         style: itemStyle,
         disabled,
+        showPicInfo,
+        renderPicInfo,
+        renderThumbnail,
         showReplace: typeof file.showReplace !== 'undefined' ? file.showReplace : showReplace,
         onReplace,
         onPreviewClick: typeof onPreviewClick !== 'undefined' ? () => this.foundation.handlePreviewClick(file) : undefined
@@ -140,27 +165,69 @@ class Upload extends BaseComponent {
     };
 
     this.renderFileList = () => {
+      const {
+        listType
+      } = this.props;
+
+      if (listType === strings.FILE_LIST_PIC) {
+        return this.renderFileListPic();
+      }
+
+      if (listType === strings.FILE_LIST_DEFAULT) {
+        return this.renderFileListDefault();
+      }
+
+      return null;
+    };
+
+    this.renderFileListPic = () => {
       const {
         showUploadList,
-        listType,
         limit,
         disabled,
-        children
+        children,
+        draggable
       } = this.props;
       const {
-        fileList: stateFileList
+        fileList: stateFileList,
+        dragAreaStatus
       } = this.state;
       const fileList = this.props.fileList || stateFileList;
-      const isPicType = listType === strings.FILE_LIST_PIC;
-      const showAddTriggerInList = isPicType && (limit ? limit > fileList.length : true);
+      const showAddTriggerInList = limit ? limit > fileList.length : true;
+      const dragAreaBaseCls = "".concat(prefixCls, "-drag-area");
       const uploadAddCls = cls("".concat(prefixCls, "-add"), {
-        ["".concat(prefixCls, "-picture-add")]: isPicType,
+        ["".concat(prefixCls, "-picture-add")]: true,
         ["".concat(prefixCls, "-picture-add-disabled")]: disabled
       });
-      const addContent = /*#__PURE__*/React.createElement("div", {
+      const fileListCls = cls("".concat(prefixCls, "-file-list"), {
+        ["".concat(prefixCls, "-picture-file-list")]: true
+      });
+      const dragAreaCls = cls({
+        ["".concat(dragAreaBaseCls, "-legal")]: dragAreaStatus === strings.DRAG_AREA_LEGAL,
+        ["".concat(dragAreaBaseCls, "-illegal")]: dragAreaStatus === strings.DRAG_AREA_ILLEGAL
+      });
+      const mainCls = "".concat(prefixCls, "-file-list-main");
+      const addContentProps = {
         className: uploadAddCls,
         onClick: this.onClick
-      }, children);
+      };
+      const containerProps = {
+        className: fileListCls
+      };
+      const draggableProps = {
+        onDrop: this.onDrop,
+        onDragOver: this.onDragOver,
+        onDragLeave: this.onDragLeave,
+        onDragEnter: this.onDragEnter
+      };
+
+      if (draggable) {
+        _Object$assign(addContentProps, draggableProps, {
+          className: cls(uploadAddCls, dragAreaCls)
+        });
+      }
+
+      const addContent = /*#__PURE__*/React.createElement("div", _Object$assign({}, addContentProps), children);
 
       if (!showUploadList || !fileList.length) {
         if (showAddTriggerInList) {
@@ -170,18 +237,39 @@ class Upload extends BaseComponent {
         return null;
       }
 
-      const fileListCls = cls("".concat(prefixCls, "-file-list"), {
-        ["".concat(prefixCls, "-picture-file-list")]: isPicType
-      });
+      return /*#__PURE__*/React.createElement(LocaleConsumer, {
+        componentName: "Upload"
+      }, locale => /*#__PURE__*/React.createElement("div", _Object$assign({}, containerProps), /*#__PURE__*/React.createElement("div", {
+        className: mainCls
+      }, _mapInstanceProperty(fileList).call(fileList, (file, index) => this.renderFile(file, index, locale)), showAddTriggerInList ? addContent : null)));
+    };
+
+    this.renderFileListDefault = () => {
+      const {
+        showUploadList,
+        limit,
+        disabled
+      } = this.props;
+      const {
+        fileList: stateFileList
+      } = this.state;
+      const fileList = this.props.fileList || stateFileList;
+      const fileListCls = cls("".concat(prefixCls, "-file-list"));
       const titleCls = "".concat(prefixCls, "-file-list-title");
       const mainCls = "".concat(prefixCls, "-file-list-main");
-      const showTitle = limit !== 1 && fileList.length && listType !== strings.FILE_LIST_PIC;
+      const showTitle = limit !== 1 && fileList.length;
       const showClear = this.props.showClear && !disabled;
+      const containerProps = {
+        className: fileListCls
+      };
+
+      if (!showUploadList || !fileList.length) {
+        return null;
+      }
+
       return /*#__PURE__*/React.createElement(LocaleConsumer, {
         componentName: "Upload"
-      }, locale => /*#__PURE__*/React.createElement("div", {
-        className: fileListCls
-      }, showTitle ? /*#__PURE__*/React.createElement("div", {
+      }, locale => /*#__PURE__*/React.createElement("div", _Object$assign({}, containerProps), showTitle ? /*#__PURE__*/React.createElement("div", {
         className: titleCls
       }, /*#__PURE__*/React.createElement("span", {
         className: "".concat(titleCls, "-choosen")
@@ -190,7 +278,7 @@ class Upload extends BaseComponent {
         className: "".concat(titleCls, "-clear")
       }, locale.clear) : null) : null, /*#__PURE__*/React.createElement("div", {
         className: mainCls
-      }, _mapInstanceProperty(fileList).call(fileList, (file, index) => this.renderFile(file, index, locale)), showAddTriggerInList ? addContent : null)));
+      }, _mapInstanceProperty(fileList).call(fileList, (file, index) => this.renderFile(file, index, locale)))));
     };
 
     this.onDrop = e => {
@@ -210,6 +298,28 @@ class Upload extends BaseComponent {
       this.foundation.handleDragEnter(e);
     };
 
+    this.renderAddContent = () => {
+      const {
+        draggable,
+        children,
+        listType
+      } = this.props;
+      const uploadAddCls = cls("".concat(prefixCls, "-add"));
+
+      if (listType === strings.FILE_LIST_PIC) {
+        return null;
+      }
+
+      if (draggable) {
+        return this.renderDragArea();
+      }
+
+      return /*#__PURE__*/React.createElement("div", {
+        className: uploadAddCls,
+        onClick: this.onClick
+      }, children);
+    };
+
     this.renderDragArea = () => {
       const {
         dragAreaStatus
@@ -396,7 +506,6 @@ class Upload extends BaseComponent {
       ["".concat(prefixCls, "-warning")]: validateStatus === 'warning',
       ["".concat(prefixCls, "-success")]: validateStatus === 'success'
     }, className);
-    const uploadAddCls = cls("".concat(prefixCls, "-add"));
     const inputCls = cls("".concat(prefixCls, "-hidden-input"));
     const inputReplaceCls = cls("".concat(prefixCls, "-hidden-input-replace"));
     const promptCls = cls("".concat(prefixCls, "-prompt"));
@@ -405,10 +514,6 @@ class Upload extends BaseComponent {
       directory: 'directory',
       webkitdirectory: 'webkitdirectory'
     } : {};
-    const addContent = listType !== strings.FILE_LIST_PIC ? /*#__PURE__*/React.createElement("div", {
-      className: uploadAddCls,
-      onClick: this.onClick
-    }, children) : null;
     return /*#__PURE__*/React.createElement("div", {
       className: uploadCls,
       style: style,
@@ -434,7 +539,7 @@ class Upload extends BaseComponent {
       tabIndex: -1,
       className: inputReplaceCls,
       ref: this.replaceInputRef
-    }), draggable ? this.renderDragArea() : addContent, prompt ? /*#__PURE__*/React.createElement("div", {
+    }), this.renderAddContent(), prompt ? /*#__PURE__*/React.createElement("div", {
       className: promptCls
     }, prompt) : null, validateMessage ? /*#__PURE__*/React.createElement("div", {
       className: validateMsgCls
@@ -489,7 +594,10 @@ Upload.propTypes = {
   prompt: PropTypes.node,
   promptPosition: PropTypes.oneOf(strings.PROMPT_POSITION),
   renderFileItem: PropTypes.func,
+  renderPicInfo: PropTypes.func,
+  renderThumbnail: PropTypes.func,
   showClear: PropTypes.bool,
+  showPicInfo: PropTypes.bool,
   showReplace: PropTypes.bool,
   showRetry: PropTypes.bool,
   showUploadList: PropTypes.bool,
@@ -523,6 +631,7 @@ Upload.defaultProps = {
   onSuccess: _noop,
   promptPosition: 'right',
   showClear: true,
+  showPicInfo: false,
   showReplace: false,
   showRetry: true,
   showUploadList: true,

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

@@ -42,12 +42,15 @@ export interface FileItem extends BaseFileItem {
     validateMessage?: ReactNode;
 }
 export interface RenderFileItemProps extends FileItem {
+    index?: number;
     previewFile?: (fileItem: RenderFileItemProps) => ReactNode;
     listType: UploadListType;
     onRemove: (props: RenderFileItemProps, e: MouseEvent) => void;
     onRetry: (props: RenderFileItemProps, e: MouseEvent) => void;
     onReplace: (props: RenderFileItemProps, e: MouseEvent) => void;
     key: string;
+    showPicInfo?: boolean;
+    renderPicInfo?: (renderFileItemProps: RenderFileItemProps) => ReactNode;
     showRetry: boolean;
     showReplace: boolean;
     style?: CSSProperties;

package/locale/source/es.ts

@@ -0,0 +1,160 @@
+import { es } from 'date-fns/locale';
+import { Locale } from '../interface';
+
+/**
+ * [i18n-Spanish(es)]
+ *
+ */
+
+const locale: 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;