@arco-design/mobile-react 2.30.10 → 2.31.0

package/umd/picker/index.js

@@ -36,7 +36,7 @@
     if (key in _exports && _exports[key] === _type[key]) return;
     _exports[key] = _type[key];
   });
-  var _excluded = ["className", "itemStyle", "cascade", "cols", "rows", "data", "okText", "dismissText", "disabled", "clickable", "hideEmptyCols", "title", "visible", "value", "needBottomOffset", "onDismiss", "onOk", "onChange", "maskClosable", "onHide", "onPickerChange", "touchToStop", "gestureOutOfControl"];
+  var _excluded = ["className", "itemStyle", "cascade", "cols", "rows", "data", "okText", "dismissText", "disabled", "clickable", "hideEmptyCols", "title", "visible", "value", "needBottomOffset", "onDismiss", "onOk", "onChange", "maskClosable", "onHide", "onPickerChange", "touchToStop", "gestureOutOfControl", "renderLinkedContainer"];
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -62,8 +62,7 @@
         hideEmptyCols = _props$hideEmptyCols === void 0 ? false : _props$hideEmptyCols,
         _props$title = props.title,
         title = _props$title === void 0 ? '' : _props$title,
-        _props$visible = props.visible,
-        visible = _props$visible === void 0 ? false : _props$visible,
+        userSetVisible = props.visible,
         value = props.value,
         _props$needBottomOffs = props.needBottomOffset,
         needBottomOffset = _props$needBottomOffs === void 0 ? false : _props$needBottomOffs,
@@ -77,10 +76,25 @@
         touchToStop = props.touchToStop,
         _props$gestureOutOfCo = props.gestureOutOfControl,
         gestureOutOfControl = _props$gestureOutOfCo === void 0 ? true : _props$gestureOutOfCo,
+        renderLinkedContainer = props.renderLinkedContainer,
         otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
     var scrollValueRef = (0, _helpers.useLatestRef)(value);
     var domRef = (0, _react.useRef)(null);
     var pickerViewRef = (0, _react.useRef)(null);
+
+    var _useState = (0, _react.useState)(false),
+        linkVisible = _useState[0],
+        setLinkVisible = _useState[1];
+
+    var _useState2 = (0, _react.useState)(function () {
+      return getCurrentValueData();
+    }),
+        linkArgs = _useState2[0],
+        setLinkArgs = _useState2[1]; // 来自linkedContainer的visible变化，优先级高于受控值
+    // @en Visible changes from linkedContainer which have priority over controlled values
+
+
+    var visible = linkVisible || userSetVisible || false;
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         dom: domRef.current,
@@ -111,26 +125,49 @@
         }
       };
     });
+    (0, _react.useEffect)(function () {
+      (0, _mobileUtils.nextTick)(function () {
+        setLinkArgs(getCurrentValueData());
+      });
+    }, []);
+
+    function hidePicker(scene) {
+      setLinkVisible(false);
+      onHide == null ? void 0 : onHide(scene);
+    }
 
     function handleDismiss() {
       if (onDismiss) {
         onDismiss();
       }
 
-      if (onHide) {
-        onHide('dismiss');
-      }
+      hidePicker('dismiss');
     }
 
-    var handleConfirm = function handleConfirm() {
-      var _pickerViewRef$curren6;
+    function getCurrentValueData() {
+      var _pickerViewRef$curren6, _pickerViewRef$curren7;
 
-      (_pickerViewRef$curren6 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren6.scrollToCurrentIndex();
+      var val = ((_pickerViewRef$curren6 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren6.getAllColumnValues()) || scrollValueRef.current || [];
+      var selectedData = ((_pickerViewRef$curren7 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren7.getAllColumnData()) || [];
+      return {
+        value: val,
+        data: selectedData
+      };
+    }
+
+    function handleConfirm() {
+      var _pickerViewRef$curren8;
+
+      (_pickerViewRef$curren8 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren8.scrollToCurrentIndex();
       (0, _mobileUtils.nextTick)(function () {
-        var _pickerViewRef$curren7, _pickerViewRef$curren8;
+        var _getCurrentValueData = getCurrentValueData(),
+            val = _getCurrentValueData.value,
+            selectedData = _getCurrentValueData.data;
 
-        var val = ((_pickerViewRef$curren7 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren7.getAllColumnValues()) || scrollValueRef.current || [];
-        var selectedData = ((_pickerViewRef$curren8 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren8.getAllColumnData()) || [];
+        setLinkArgs({
+          value: val,
+          data: selectedData
+        });
 
         if (onOk) {
           onOk(val, selectedData);
@@ -140,11 +177,9 @@
           onChange(val);
         }
 
-        if (onHide) {
-          onHide('confirm');
-        }
+        hidePicker('confirm');
       });
-    };
+    }
 
     (0, _helpers.useListenResize)(updateLayoutByVisible, [visible]); // 每次visible从false变为true时需要重新设置scrollValue的值为当前value的值（初始值）
 
@@ -160,11 +195,16 @@
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var prefixCls = _ref.prefixCls,
           locale = _ref.locale;
-      return /*#__PURE__*/_react.default.createElement(_popup.default, (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderLinkedContainer ? /*#__PURE__*/_react.default.createElement("div", {
+        className: prefixCls + "-picker-linked-container",
+        onClick: function onClick() {
+          return setLinkVisible(true);
+        }
+      }, renderLinkedContainer(linkArgs.value, linkArgs.data)) : null, /*#__PURE__*/_react.default.createElement(_popup.default, (0, _extends2.default)({
         visible: visible,
         className: (0, _mobileUtils.cls)(className, prefixCls + "-picker all-border-box"),
         close: function close() {
-          return onHide == null ? void 0 : onHide('mask');
+          return hidePicker('mask');
         },
         direction: "bottom",
         maskClosable: maskClosable,
@@ -196,7 +236,7 @@
         clickable: clickable,
         hideEmptyCols: hideEmptyCols,
         touchToStop: touchToStop
-      })));
+      }))));
     });
   });
   /**

package/umd/picker/type.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { PickerData, ValueType } from '../picker-view/type';
 import { PopupProps } from '../popup';
 export declare type DataType = PickerData[] | PickerData[][] | ValueType[][];
@@ -123,4 +123,9 @@ export interface PickerProps extends Omit<PopupProps, 'visible' | 'close' | 'chi
      * @default true
      */
     gestureOutOfControl?: boolean;
+    /**
+     * 将选择器的展现隐藏状态及选中值的展示与某个容器关联，传入后将同时渲染该容器和选择器组件，此时选择器组件的 visible 和 onHide 属性可不传，点击该容器会唤起选择器
+     * @en Associate the hidden state of the picker and the display of the selected value with a container. After passing it in, the container and the picker component will be rendered at the same time. At this time, the visible and onHide attributes of the picker component are optional values. Clicking the container will evoke the picker
+     */
+    renderLinkedContainer?: (value: ValueType[], data: PickerData[]) => ReactNode;
 }

package/umd/style.d.ts

@@ -57,3 +57,4 @@ import './tag/style';
 import './textarea/style';
 import './toast/style';
 import './transition/style';
+import './uploader/style';

package/umd/style.js

@@ -1,15 +1,15 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["../style/public.less", "./tabs/style", "./sticky/style", "./portal/style", "./steps/style", "./action-sheet/style", "./avatar/style", "./badge/style", "./button/style", "./carousel/style", "./cell/style", "./checkbox/style", "./circle-progress/style", "./collapse/style", "./context-provider/style", "./count-down/style", "./date-picker/style", "./dialog/style", "./divider/style", "./dropdown/style", "./dropdown-menu/style", "./ellipsis/style", "./form/style", "./grid/style", "./image/style", "./image-picker/style", "./image-preview/style", "./index-bar/style", "./input/style", "./keyboard/style", "./load-more/style", "./loading/style", "./masking/style", "./nav-bar/style", "./notice-bar/style", "./notify/style", "./pagination/style", "./picker/style", "./picker-view/style", "./popover/style", "./popup/style", "./popup-swiper/style", "./progress/style", "./pull-refresh/style", "./radio/style", "./rate/style", "./search-bar/style", "./show-monitor/style", "./skeleton/style", "./slider/style", "./stepper/style", "./swipe-action/style", "./swipe-load/style", "./switch/style", "./tab-bar/style", "./tag/style", "./textarea/style", "./toast/style", "./transition/style"], factory);
+    define(["../style/public.less", "./tabs/style", "./sticky/style", "./portal/style", "./steps/style", "./action-sheet/style", "./avatar/style", "./badge/style", "./button/style", "./carousel/style", "./cell/style", "./checkbox/style", "./circle-progress/style", "./collapse/style", "./context-provider/style", "./count-down/style", "./date-picker/style", "./dialog/style", "./divider/style", "./dropdown/style", "./dropdown-menu/style", "./ellipsis/style", "./form/style", "./grid/style", "./image/style", "./image-picker/style", "./image-preview/style", "./index-bar/style", "./input/style", "./keyboard/style", "./load-more/style", "./loading/style", "./masking/style", "./nav-bar/style", "./notice-bar/style", "./notify/style", "./pagination/style", "./picker/style", "./picker-view/style", "./popover/style", "./popup/style", "./popup-swiper/style", "./progress/style", "./pull-refresh/style", "./radio/style", "./rate/style", "./search-bar/style", "./show-monitor/style", "./skeleton/style", "./slider/style", "./stepper/style", "./swipe-action/style", "./swipe-load/style", "./switch/style", "./tab-bar/style", "./tag/style", "./textarea/style", "./toast/style", "./transition/style", "./uploader/style"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(require("../style/public.less"), require("./tabs/style"), require("./sticky/style"), require("./portal/style"), require("./steps/style"), require("./action-sheet/style"), require("./avatar/style"), require("./badge/style"), require("./button/style"), require("./carousel/style"), require("./cell/style"), require("./checkbox/style"), require("./circle-progress/style"), require("./collapse/style"), require("./context-provider/style"), require("./count-down/style"), require("./date-picker/style"), require("./dialog/style"), require("./divider/style"), require("./dropdown/style"), require("./dropdown-menu/style"), require("./ellipsis/style"), require("./form/style"), require("./grid/style"), require("./image/style"), require("./image-picker/style"), require("./image-preview/style"), require("./index-bar/style"), require("./input/style"), require("./keyboard/style"), require("./load-more/style"), require("./loading/style"), require("./masking/style"), require("./nav-bar/style"), require("./notice-bar/style"), require("./notify/style"), require("./pagination/style"), require("./picker/style"), require("./picker-view/style"), require("./popover/style"), require("./popup/style"), require("./popup-swiper/style"), require("./progress/style"), require("./pull-refresh/style"), require("./radio/style"), require("./rate/style"), require("./search-bar/style"), require("./show-monitor/style"), require("./skeleton/style"), require("./slider/style"), require("./stepper/style"), require("./swipe-action/style"), require("./swipe-load/style"), require("./switch/style"), require("./tab-bar/style"), require("./tag/style"), require("./textarea/style"), require("./toast/style"), require("./transition/style"));
+    factory(require("../style/public.less"), require("./tabs/style"), require("./sticky/style"), require("./portal/style"), require("./steps/style"), require("./action-sheet/style"), require("./avatar/style"), require("./badge/style"), require("./button/style"), require("./carousel/style"), require("./cell/style"), require("./checkbox/style"), require("./circle-progress/style"), require("./collapse/style"), require("./context-provider/style"), require("./count-down/style"), require("./date-picker/style"), require("./dialog/style"), require("./divider/style"), require("./dropdown/style"), require("./dropdown-menu/style"), require("./ellipsis/style"), require("./form/style"), require("./grid/style"), require("./image/style"), require("./image-picker/style"), require("./image-preview/style"), require("./index-bar/style"), require("./input/style"), require("./keyboard/style"), require("./load-more/style"), require("./loading/style"), require("./masking/style"), require("./nav-bar/style"), require("./notice-bar/style"), require("./notify/style"), require("./pagination/style"), require("./picker/style"), require("./picker-view/style"), require("./popover/style"), require("./popup/style"), require("./popup-swiper/style"), require("./progress/style"), require("./pull-refresh/style"), require("./radio/style"), require("./rate/style"), require("./search-bar/style"), require("./show-monitor/style"), require("./skeleton/style"), require("./slider/style"), require("./stepper/style"), require("./swipe-action/style"), require("./swipe-load/style"), require("./switch/style"), require("./tab-bar/style"), require("./tag/style"), require("./textarea/style"), require("./toast/style"), require("./transition/style"), require("./uploader/style"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(global._public, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style);
+    factory(global._public, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style);
     global.style = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_public, _style, _style2, _style3, _style4, _style5, _style6, _style7, _style8, _style9, _style10, _style11, _style12, _style13, _style14, _style15, _style16, _style17, _style18, _style19, _style20, _style21, _style22, _style23, _style24, _style25, _style26, _style27, _style28, _style29, _style30, _style31, _style32, _style33, _style34, _style35, _style36, _style37, _style38, _style39, _style40, _style41, _style42, _style43, _style44, _style45, _style46, _style47, _style48, _style49, _style50, _style51, _style52, _style53, _style54, _style55, _style56, _style57, _style58) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_public, _style, _style2, _style3, _style4, _style5, _style6, _style7, _style8, _style9, _style10, _style11, _style12, _style13, _style14, _style15, _style16, _style17, _style18, _style19, _style20, _style21, _style22, _style23, _style24, _style25, _style26, _style27, _style28, _style29, _style30, _style31, _style32, _style33, _style34, _style35, _style36, _style37, _style38, _style39, _style40, _style41, _style42, _style43, _style44, _style45, _style46, _style47, _style48, _style49, _style50, _style51, _style52, _style53, _style54, _style55, _style56, _style57, _style58, _style59) {
   "use strict";
 });

package/umd/tabs/tab-cell.js

@@ -151,7 +151,7 @@
     (0, _react.useEffect)(function () {
       updateScrollPosition();
     }, [activeIndex, wrapSize]);
-    (0, _react.useEffect)(function () {
+    (0, _helpers.useUpdateEffect)(function () {
       var _underlineRef$current2;
 
       setCellOverflow();

package/umd/uploader/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { UploaderRef, UploaderProps } from './type';
+export * from './type';
+declare const _default: React.ForwardRefExoticComponent<UploaderProps & React.RefAttributes<UploaderRef>> & {
+    displayName?: string | undefined;
+};
+/**
+ * 文件上传组件
+ * @en Uploader Component
+ * @type 数据录入
+ * @type_en Data Entry
+ * @name 文件上传
+ * @name_en Uploader
+ * @displayName Uploader
+ */
+export default _default;

package/umd/uploader/index.js

@@ -0,0 +1,178 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "react", "@arco-design/mobile-utils", "../context-provider", "../button", "../_helpers", "../icon", "../loading", "./upload", "./type"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("react"), require("@arco-design/mobile-utils"), require("../context-provider"), require("../button"), require("../_helpers"), require("../icon"), require("../loading"), require("./upload"), require("./type"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.react, global.mobileUtils, global.contextProvider, global.button, global._helpers, global.icon, global.loading, global.upload, global.type);
+    global.index = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _react, _mobileUtils, _contextProvider, _button, _helpers, _icon, _loading, _upload, _type) {
+  "use strict";
+
+  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+  _exports.__esModule = true;
+  var _exportNames = {};
+  _exports.default = void 0;
+  _react = _interopRequireWildcard(_react);
+  _button = _interopRequireDefault(_button);
+  _loading = _interopRequireDefault(_loading);
+  Object.keys(_type).forEach(function (key) {
+    if (key === "default" || key === "__esModule") return;
+    if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+    if (key in _exports && _exports[key] === _type[key]) return;
+    _exports[key] = _type[key];
+  });
+
+  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+  var Uploader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+    var _props$className = props.className,
+        className = _props$className === void 0 ? '' : _props$className,
+        style = props.style,
+        _props$files = props.files,
+        files = _props$files === void 0 ? [] : _props$files,
+        _props$accept = props.accept,
+        accept = _props$accept === void 0 ? undefined : _props$accept,
+        _props$multiple = props.multiple,
+        multiple = _props$multiple === void 0 ? false : _props$multiple,
+        capture = props.capture,
+        _props$limit = props.limit,
+        limit = _props$limit === void 0 ? 0 : _props$limit,
+        _props$hideStatus = props.hideStatus,
+        hideStatus = _props$hideStatus === void 0 ? false : _props$hideStatus,
+        _props$alwaysShowSele = props.alwaysShowSelect,
+        alwaysShowSelect = _props$alwaysShowSele === void 0 ? false : _props$alwaysShowSele,
+        disabled = props.disabled,
+        renderDeleteArea = props.renderDeleteArea,
+        renderLoadedArea = props.renderLoadedArea,
+        renderLoadingArea = props.renderLoadingArea,
+        renderErrorArea = props.renderErrorArea,
+        renderFileIndexArea = props.renderFileIndexArea,
+        renderUploadArea = props.renderUploadArea,
+        renderFileList = props.renderFileList;
+    var domRef = (0, _react.useRef)(null);
+    var fileRef = (0, _react.useRef)(null);
+    var cacheRef = (0, _helpers.useLatestRef)(files);
+    var uploadFunc = new _upload.Upload(props, fileRef, cacheRef);
+    (0, _react.useImperativeHandle)(ref, function () {
+      return {
+        dom: domRef.current
+      };
+    });
+
+    var uploaderSelect = function uploaderSelect(prefixCls, locale) {
+      var showSelect = files.length < (limit || Infinity);
+      return (showSelect || alwaysShowSelect) && /*#__PURE__*/_react.default.createElement("div", {
+        className: prefixCls + "-uploader-add",
+        onClick: uploadFunc.handleSelect
+      }, /*#__PURE__*/_react.default.createElement("input", {
+        type: "file",
+        accept: accept,
+        capture: capture,
+        onChange: function onChange(e) {
+          return uploadFunc.handleChange(e);
+        },
+        multiple: multiple,
+        ref: fileRef
+      }), renderUploadArea && renderUploadArea() || /*#__PURE__*/_react.default.createElement(_button.default, {
+        className: prefixCls + "-uploader-add-button",
+        size: "medium",
+        icon: /*#__PURE__*/_react.default.createElement(_icon.IconUpload, null),
+        disabled: disabled
+      }, locale.Uploader.uploadBtn));
+    };
+
+    var getUploadList = function getUploadList(prefixCls, locale) {
+      var generateItemArea = function generateItemArea(fileItem, index, render, part, defaultArea) {
+        if (render) {
+          var node = render(fileItem, index);
+          return node ? /*#__PURE__*/_react.default.createElement("div", {
+            className: prefixCls + "-uploader-list-item-" + part
+          }, node) : node;
+        }
+
+        return /*#__PURE__*/_react.default.createElement("div", {
+          className: prefixCls + "-uploader-list-item-" + part
+        }, defaultArea);
+      };
+
+      return renderFileList && renderFileList({
+        retryUpload: uploadFunc.retryUpload,
+        deleteFile: uploadFunc.deleteFile
+      }) || /*#__PURE__*/_react.default.createElement("div", {
+        className: prefixCls + "-uploader-list"
+      }, (limit && limit < files.length ? files.slice(0, limit) : files).map(function (fileItem, index) {
+        var _cls, _cls2;
+
+        var file = fileItem.file,
+            status = fileItem.status;
+        return /*#__PURE__*/_react.default.createElement("div", {
+          className: prefixCls + "-uploader-list-item",
+          key: index,
+          onClick: function onClick(e) {
+            return uploadFunc.handleClick(e, fileItem, index);
+          }
+        }, /*#__PURE__*/_react.default.createElement("div", {
+          className: prefixCls + "-uploader-list-item-container"
+        }, /*#__PURE__*/_react.default.createElement("div", {
+          className: prefixCls + "-uploader-list-item-wrapper"
+        }, generateItemArea(fileItem, index, renderFileIndexArea, 'file', /*#__PURE__*/_react.default.createElement(_icon.IconFile, {
+          className: prefixCls + "-uploader-list-item-file-icon"
+        })), /*#__PURE__*/_react.default.createElement("div", {
+          className: (0, _mobileUtils.cls)(prefixCls + "-uploader-list-item-text", (_cls = {}, _cls[prefixCls + "-uploader-list-item-text-error"] = status === 'error', _cls))
+        }, file.name)), !hideStatus && /*#__PURE__*/_react.default.createElement("div", {
+          className: prefixCls + "-uploader-list-item-status"
+        }, status === 'loaded' && generateItemArea(fileItem, index, renderLoadedArea, 'loaded', /*#__PURE__*/_react.default.createElement(_icon.IconCheck, null)), status === 'loading' && generateItemArea(fileItem, index, renderLoadingArea, 'loading', /*#__PURE__*/_react.default.createElement(_loading.default, {
+          type: "circle",
+          radius: 7
+        })), status === 'error' && /*#__PURE__*/_react.default.createElement("div", {
+          onClick: function onClick() {
+            return uploadFunc.retryUpload(index);
+          }
+        }, generateItemArea(fileItem, index, renderErrorArea, 'error', /*#__PURE__*/_react.default.createElement("span", null, locale.Uploader.retryUpload))))), /*#__PURE__*/_react.default.createElement("div", {
+          className: prefixCls + "-uploader-list-item-delete",
+          onClick: function onClick() {
+            return uploadFunc.deleteFile(index);
+          }
+        }, renderDeleteArea && renderDeleteArea(fileItem, index) || /*#__PURE__*/_react.default.createElement(_icon.IconDelete, {
+          className: (0, _mobileUtils.cls)(prefixCls + "-uploader-list-item-delete-icon", (_cls2 = {}, _cls2[prefixCls + "-uploader-list-item-delete-icon-disabled"] = disabled, _cls2))
+        })));
+      }));
+    };
+
+    return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
+      var _cls3;
+
+      var prefixCls = _ref.prefixCls,
+          _ref$locale = _ref.locale,
+          locale = _ref$locale === void 0 ? _mobileUtils.defaultLocale : _ref$locale;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _mobileUtils.cls)(prefixCls + "-uploader", className, (_cls3 = {}, _cls3[prefixCls + "-uploader-disabled"] = disabled, _cls3)),
+        style: style,
+        ref: domRef
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: prefixCls + "-uploader-container"
+      }, uploaderSelect(prefixCls, locale), getUploadList(prefixCls, locale)));
+    });
+  });
+  /**
+   * 文件上传组件
+   * @en Uploader Component
+   * @type 数据录入
+   * @type_en Data Entry
+   * @name 文件上传
+   * @name_en Uploader
+   * @displayName Uploader
+   */
+
+  var _default = (0, _mobileUtils.componentWrapper)(Uploader, 'Uploader');
+
+  _exports.default = _default;
+});