@arco-design/mobile-react 2.38.3 → 2.39.0

package/umd/toast/index.js

@@ -14,7 +14,6 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   var _exportNames = {
     methodsGenerator: true
@@ -34,38 +33,35 @@
     _exports[key] = _methods[key];
   });
   _loading = _interopRequireDefault(_loading);
-
   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 Toast = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var className = props.className,
-        getContainer = props.getContainer,
-        _props$visible = props.visible,
-        visible = _props$visible === void 0 ? false : _props$visible,
-        onClose = props.onClose,
-        close = props.close,
-        _props$type = props.type,
-        type = _props$type === void 0 ? 'info' : _props$type,
-        icon = props.icon,
-        _props$layout = props.layout,
-        layout = _props$layout === void 0 ? 'vertical' : _props$layout,
-        _props$duration = props.duration,
-        duration = _props$duration === void 0 ? 3000 : _props$duration,
-        _props$transitionDura = props.transitionDuration,
-        transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
-        content = props.content,
-        _props$loading = props.loading,
-        loading = _props$loading === void 0 ? false : _props$loading,
-        loadingIcon = props.loadingIcon,
-        _props$disableBodyTou = props.disableBodyTouch,
-        disableBodyTouch = _props$disableBodyTou === void 0 ? false : _props$disableBodyTou,
-        loadingInner = props.loadingInner,
-        _props$direction = props.direction,
-        direction = _props$direction === void 0 ? 'center' : _props$direction,
-        typeIconMap = props.typeIconMap,
-        initialBodyOverflow = props.initialBodyOverflow;
+      getContainer = props.getContainer,
+      _props$visible = props.visible,
+      visible = _props$visible === void 0 ? false : _props$visible,
+      onClose = props.onClose,
+      close = props.close,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'info' : _props$type,
+      icon = props.icon,
+      _props$layout = props.layout,
+      layout = _props$layout === void 0 ? 'vertical' : _props$layout,
+      _props$duration = props.duration,
+      duration = _props$duration === void 0 ? 3000 : _props$duration,
+      _props$transitionDura = props.transitionDuration,
+      transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
+      content = props.content,
+      _props$loading = props.loading,
+      loading = _props$loading === void 0 ? false : _props$loading,
+      loadingIcon = props.loadingIcon,
+      _props$disableBodyTou = props.disableBodyTouch,
+      disableBodyTouch = _props$disableBodyTou === void 0 ? false : _props$disableBodyTou,
+      loadingInner = props.loadingInner,
+      _props$direction = props.direction,
+      direction = _props$direction === void 0 ? 'center' : _props$direction,
+      typeIconMap = props.typeIconMap,
+      initialBodyOverflow = props.initialBodyOverflow;
     var closeTimerRef = (0, _react.useRef)(undefined);
     var domRef = (0, _react.useRef)(null);
     var wrapDomRef = (0, _react.useRef)(null);
@@ -77,13 +73,11 @@
       };
     });
     (0, _helpers.usePreventBodyScroll)(visible, disableBodyTouch, initialBodyOverflow);
-
     function handleClose() {
       if (close) {
         close();
       }
     }
-
     function startCloseTimer() {
       if (duration) {
         clearTimeout(closeTimerRef.current);
@@ -92,13 +86,11 @@
         }, duration);
       }
     }
-
     function handleClickMask(e) {
       if (disableBodyTouch) {
         e.preventDefault();
       }
     }
-
     function getTypeIcons() {
       var map = typeIconMap || {};
       var defaultMap = {
@@ -108,31 +100,25 @@
       };
       return map[type] || defaultMap[type] || null;
     }
-
     (0, _react.useEffect)(function () {
       var mounted = isInitialMount.current;
-
       if (visible) {
         startCloseTimer();
       } else {
         clearTimeout(closeTimerRef.current);
-
         if (mounted) {
           setTimeout(function () {
             onClose && onClose();
           }, transitionDuration);
         }
       }
-
       isInitialMount.current = true;
     }, [visible]);
     (0, _react.useEffect)(function () {
       startCloseTimer();
     }, [duration]);
-
     function renderComponent(prefixClass) {
       var _cls;
-
       return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _mobileUtils.cls)(prefixClass + "-wrapper", "from-" + direction, {
           'no-event': !disableBodyTouch
@@ -154,7 +140,6 @@
         className: prefixClass + "-content"
       }, content) : null));
     }
-
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var prefixCls = _ref.prefixCls;
       return /*#__PURE__*/_react.default.createElement(_portal.default, {
@@ -170,7 +155,6 @@
       }, renderComponent(prefixCls + "-toast"))));
     });
   });
-
   function methodsGenerator(Comp) {
     return {
       /**
@@ -180,7 +164,6 @@
        * @returns {{ update: (config: ToastProps) => void; close: () => void }}
        */
       toast: (0, _methods.toast)(Comp),
-
       /**
        * 展示常规提示框，同 Toast.toast
        * @desc {en} Show regular toast, the same as Toast.toast
@@ -188,7 +171,6 @@
        * @returns {{ update: (config: ToastProps) => void; close: () => void }}
        */
       info: (0, _methods.toast)(Comp, 'info'),
-
       /**
        * 展示成功提示框(含成功icon)
        * @desc {en} Show success prompt toast (including success icon)
@@ -196,7 +178,6 @@
        * @returns {{ update: (config: ToastProps) => void; close: () => void }}
        */
       success: (0, _methods.toast)(Comp, 'success'),
-
       /**
        * 展示错误提示框(含错误icon)
        * @desc {en} Display error prompt toast (including error icon)
@@ -204,7 +185,6 @@
        * @returns {{ update: (config: ToastProps) => void; close: () => void }}
        */
       error: (0, _methods.toast)(Comp, 'error'),
-
       /**
        * 展示加载中提示框(含加载中icon)
        * @desc {en} Display loading prompt toast (including loading icon)
@@ -212,7 +192,6 @@
        * @returns {{ update: (config: ToastProps) => void; close: () => void }}
        */
       loading: (0, _methods.toast)(Comp, 'loading'),
-
       /**
        * 展示警告提示框(含警告icon)
        * @desc {en} Display warning prompt toast (including warning icon)
@@ -222,8 +201,8 @@
       warn: (0, _methods.toast)(Comp, 'warn')
     };
   }
-
   var ToastWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(Toast);
+
   /**
    * 轻提示组件，支持各个场景下调用方法。
    * @en The toast component, supports calling methods in various scenarios.
@@ -232,8 +211,6 @@
    * @name 轻提示
    * @name_en Toast
    */
-
   var _default = (0, _mobileUtils.componentWrapper)(Toast, methodsGenerator(ToastWithGlobalContext));
-
   _exports.default = _default;
 });

package/umd/toast/methods.js

@@ -14,40 +14,32 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.toast = toast;
   _extends2 = _interopRequireDefault(_extends2);
-
   function toast(Component, type) {
     return function (originConfig, context) {
       var config = typeof originConfig === 'string' ? {
         content: originConfig,
         type: 'info'
       } : originConfig;
-
       if (type !== void 0) {
         config.type = type;
         config.loading = type === 'loading';
       }
-
       var div = document.createElement('div');
       document.body.appendChild(div);
-
       var _ReactDOMRender = new _render.ReactDOMRender(Component, div, context),
-          render = _ReactDOMRender.render,
-          unmount = _ReactDOMRender.unmount;
-
+        render = _ReactDOMRender.render,
+        unmount = _ReactDOMRender.unmount;
       function destroy() {
         var onClose = config.onClose;
         onClose && onClose();
         unmount();
-
         if (div.parentNode) {
           div.parentNode.removeChild(div);
         }
       }
-
       var dynamicProps = (0, _extends2.default)({}, config, {
         close: close,
         getContainer: function getContainer() {
@@ -57,18 +49,15 @@
         visible: false
       });
       var leaving = false;
-
       function update(newConfig) {
         dynamicProps = (0, _extends2.default)({}, dynamicProps, newConfig);
         render(dynamicProps);
       }
-
       function close() {
         leaving = true;
         dynamicProps.visible = false;
         render(dynamicProps);
       }
-
       render(dynamicProps);
       (0, _mobileUtils.nextTick)(function () {
         // 在即将打开时发现已经调用了close则取消打开操作

package/umd/transition/index.js

@@ -14,7 +14,6 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.default = Transition;
   _extends2 = _interopRequireDefault(_extends2);
@@ -22,12 +21,10 @@
   _react = _interopRequireWildcard(_react);
   _CSSTransition = _interopRequireDefault(_CSSTransition);
   var _excluded = ["children", "type", "in", "timeout", "mountOnEnter", "unmountOnExit", "transitionVarType"];
-
   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 DEFAULT_TIMEOUT = 300;
+
   /**
    * react-transition-group/CSSTransition 的简单封装。
    * @en Simple wrapper for react-transition-group/CSSTransition.
@@ -36,34 +33,32 @@
    * @name 动画过渡
    * @name_en Transition
    */
-
   function Transition(props) {
     var _props$children = props.children,
-        children = _props$children === void 0 ? /*#__PURE__*/_react.default.createElement("div", null) : _props$children,
-        type = props.type,
-        transIn = props.in,
-        _props$timeout = props.timeout,
-        timeout = _props$timeout === void 0 ? DEFAULT_TIMEOUT : _props$timeout,
-        _props$mountOnEnter = props.mountOnEnter,
-        mountOnEnter = _props$mountOnEnter === void 0 ? true : _props$mountOnEnter,
-        _props$unmountOnExit = props.unmountOnExit,
-        unmountOnExit = _props$unmountOnExit === void 0 ? true : _props$unmountOnExit,
-        transitionVarType = props.transitionVarType,
-        restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-    var varPrefix = "builtin-transition-" + (transitionVarType || type); // 计算动画时长，支持对象形式的 timeout
+      children = _props$children === void 0 ? /*#__PURE__*/_react.default.createElement("div", null) : _props$children,
+      type = props.type,
+      transIn = props.in,
+      _props$timeout = props.timeout,
+      timeout = _props$timeout === void 0 ? DEFAULT_TIMEOUT : _props$timeout,
+      _props$mountOnEnter = props.mountOnEnter,
+      mountOnEnter = _props$mountOnEnter === void 0 ? true : _props$mountOnEnter,
+      _props$unmountOnExit = props.unmountOnExit,
+      unmountOnExit = _props$unmountOnExit === void 0 ? true : _props$unmountOnExit,
+      transitionVarType = props.transitionVarType,
+      restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    var varPrefix = "builtin-transition-" + (transitionVarType || type);
 
+    // 计算动画时长，支持对象形式的 timeout
     var getDuration = function getDuration(phase) {
       if (typeof timeout === 'number') {
         return timeout;
       }
-
       return timeout[phase] || DEFAULT_TIMEOUT;
-    }; // 生成 CSS 变量样式
-
+    };
 
+    // 生成 CSS 变量样式
     var cssVariables = (0, _react.useMemo)(function () {
       var _ref;
-
       var enterDuration = getDuration('enter');
       var exitDuration = getDuration('exit');
       var appearDuration = getDuration('appear');
@@ -71,7 +66,6 @@
     }, [timeout, varPrefix]);
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref2) {
       var _props;
-
       var prefixCls = _ref2.prefixCls;
       return /*#__PURE__*/_react.default.createElement(_CSSTransition.default, (0, _extends2.default)({
         in: transIn,

package/umd/uploader/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UploaderRef, UploaderProps } from './type';
+import type { UploaderRef, UploaderProps } from './type';
 export * from './type';
 declare const _default: React.ForwardRefExoticComponent<UploaderProps & React.RefAttributes<UploaderRef>> & {
     displayName?: string | undefined;

package/umd/uploader/index.js

@@ -14,7 +14,6 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   var _exportNames = {};
   _exports.default = void 0;
@@ -27,36 +26,33 @@
     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;
+      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);
@@ -66,7 +62,6 @@
         dom: domRef.current
       };
     });
-
     var uploaderSelect = function uploaderSelect(prefixCls, locale) {
       var showSelect = files.length < (limit || Infinity);
       return (showSelect || alwaysShowSelect) && /*#__PURE__*/_react.default.createElement("div", {
@@ -88,7 +83,6 @@
         disabled: disabled
       }, locale.Uploader.uploadBtn));
     };
-
     var getUploadList = function getUploadList(prefixCls, locale) {
       var generateItemArea = function generateItemArea(fileItem, index, render, part, defaultArea) {
         if (render) {
@@ -97,12 +91,10 @@
             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
@@ -110,9 +102,9 @@
         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;
+          _fileItem$status = fileItem.status,
+          status = _fileItem$status === void 0 ? 'loaded' : _fileItem$status;
         return /*#__PURE__*/_react.default.createElement("div", {
           className: prefixCls + "-uploader-list-item",
           key: index,
@@ -146,13 +138,11 @@
         })));
       }));
     };
-
     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;
+        _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,
@@ -162,6 +152,7 @@
       }, uploaderSelect(prefixCls, locale), getUploadList(prefixCls, locale)));
     });
   });
+
   /**
    * 文件上传组件
    * @en Uploader Component
@@ -171,8 +162,6 @@
    * @name_en Uploader
    * @displayName Uploader
    */
-
   var _default = (0, _mobileUtils.componentWrapper)(Uploader, 'Uploader');
-
   _exports.default = _default;
 });

package/umd/uploader/upload/upload.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="node" />
-import React from 'react';
-import { Promise } from 'es6-promise';
-import { AdapterFile, CommonFileItem, UploadCommonProps } from './type';
+import type React from 'react';
+import { Promise as ES6Promise } from 'es6-promise';
+import type { AdapterFile, CommonFileItem, UploadCommonProps } from './type';
 export declare class Upload<FileItem extends CommonFileItem = CommonFileItem> {
     props: UploadCommonProps<FileItem>;
     fileRef: React.MutableRefObject<HTMLInputElement | null>;
@@ -17,4 +17,4 @@ export declare class Upload<FileItem extends CommonFileItem = CommonFileItem> {
     handleClick: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, file: FileItem, index: number) => void;
     handleTouchStart: (e: React.TouchEvent<HTMLDivElement>, image: FileItem, index: number) => void;
 }
-export declare const parseFile: (file: AdapterFile) => Promise<unknown>;
+export declare const parseFile: (file: AdapterFile) => ES6Promise<unknown>;