@arco-design/mobile-react 2.38.2 → 2.38.4

package/esm/stepper/hooks/useValue.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { StepperProps } from '..';
+import type { StepperProps } from '..';
 export default function useValue(params: Required<Pick<StepperProps, 'defaultValue' | 'min' | 'max' | 'digits'>> & Pick<StepperProps, 'formatter' | 'value'>): {
     updateValue: (updater: number | ((oldValue: number) => number)) => void;
     actualInputValue: number;

package/esm/stepper/hooks/useValue.js

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { Promise } from 'es6-promise';
+import { Promise as ES6Promise } from 'es6-promise';
 export default function useValue(params) {
   var defaultValue = params.defaultValue,
       formatter = params.formatter,
@@ -16,7 +16,7 @@ export default function useValue(params) {
     var tempValue = typeof updater === 'function' ? updater(innerValue) : updater;
 
     if (formatter) {
-      new Promise(function (resolve) {
+      new ES6Promise(function (resolve) {
         resolve(formatter(Number(tempValue)));
       }).then(function (result) {
         var res = Math.max(min, Math.min(max, result));

package/esm/stepper/type.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export interface StepperProps {
     /**
      * 自定义类名

package/esm/swipe-action/type.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 export interface SwipeActionProps {
     /**
      * 自定义类名

package/esm/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>;

package/esm/uploader/upload/upload.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { Promise } from 'es6-promise';
+import { Promise as ES6Promise } from 'es6-promise';
 export var Upload = /*#__PURE__*/function () {
   // click && longPress
   function Upload(props, fileRef, cacheRef) {
@@ -11,7 +11,7 @@ export var Upload = /*#__PURE__*/function () {
     this.timeOutEvent = void 0;
 
     this.handleFile = function (newFiles) {
-      Promise.all(newFiles.map(function (file) {
+      ES6Promise.all(newFiles.map(function (file) {
         return parseFile(file);
       })).then(function (parseFiles) {
         var res = parseFiles.map(function (url, index) {
@@ -147,7 +147,7 @@ export var Upload = /*#__PURE__*/function () {
   return Upload;
 }();
 export var parseFile = function parseFile(file) {
-  return new Promise(function (resolve, reject) {
+  return new ES6Promise(function (resolve, reject) {
     if (file.url) {
       resolve(file.url);
     } else {

package/esnext/action-sheet/index.d.ts

@@ -1,7 +1,7 @@
-import React, { ReactNode, CSSProperties } from 'react';
-import { Promise } from 'es6-promise';
-import { PopupProps } from '../popup';
-import { OpenBaseProps } from '../masking';
+import type { ReactNode, CSSProperties } from 'react';
+import React from 'react';
+import type { PopupProps, PopupRef } from '../popup';
+import type { OpenBaseProps } from '../masking';
 export interface ActionSheetItemOptions {
     /**
      * 选项文字内容
@@ -29,7 +29,7 @@ export interface ActionSheetItemOptions {
      */
     onClick?: (e?: React.MouseEvent<HTMLElement, MouseEvent>) => (void | boolean) | Promise<void | boolean>;
 }
-export interface ActionSheetProps extends Omit<PopupProps, 'children' | 'getScrollContainer' | 'orientationDirection' | 'direction'> {
+export interface ActionSheetProps extends Omit<PopupProps, 'children' | 'orientationDirection' | 'direction'> {
     /**
      * 选项配置，详情见 ActionSheetItemOptions
      * @en Option setting, see ActionSheetItemOptions for details
@@ -57,12 +57,12 @@ export interface ActionSheetProps extends Omit<PopupProps, 'children' | 'getScro
      */
     needBottomOffset?: boolean;
 }
-export interface ActionSheetRef {
+export interface ActionSheetRef extends PopupRef {
     /**
-     * 最外层元素 DOM
+     * 菜单列表元素 DOM
      * @en The outermost element DOM
      */
-    dom: HTMLDivElement | null;
+    actionList: HTMLDivElement | null;
 }
 export declare function methodsGenerator<P extends OpenBaseProps>(Comp: React.FunctionComponent<P>): {
     /**
@@ -87,11 +87,11 @@ declare const _default: React.ForwardRefExoticComponent<ActionSheetProps & React
      * @param {ActionSheetProps} config setting
      * @returns {{ close: () => void; update: (newConfig: ActionSheetProps) => void; }}
      */
-    open: (config: Pick<import("../context-provider").WithGlobalContext<ActionSheetProps & React.RefAttributes<ActionSheetRef>>, "title" | "ref" | "key" | "className" | "context" | "translateZ" | "onTouchMove" | "getContainer" | "items" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "contentTransitionVarType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset" | "cancelText" | "subTitle"> & {
+    open: (config: Pick<import("../context-provider").WithGlobalContext<ActionSheetProps & React.RefAttributes<ActionSheetRef>>, "title" | "ref" | "key" | "className" | "context" | "translateZ" | "getScrollContainer" | "onTouchMove" | "getContainer" | "items" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "contentTransitionVarType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset" | "cancelText" | "subTitle"> & {
         key?: string | undefined;
     }, context?: import("../context-provider").GlobalContextParams | undefined) => {
         close: () => void;
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ActionSheetProps & React.RefAttributes<ActionSheetRef>>, "title" | "ref" | "key" | "className" | "context" | "translateZ" | "onTouchMove" | "getContainer" | "items" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "contentTransitionVarType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset" | "cancelText" | "subTitle"> & {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ActionSheetProps & React.RefAttributes<ActionSheetRef>>, "title" | "ref" | "key" | "className" | "context" | "translateZ" | "getScrollContainer" | "onTouchMove" | "getContainer" | "items" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "contentTransitionVarType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset" | "cancelText" | "subTitle"> & {
             key?: string | undefined;
         }) => void;
     };

package/esnext/action-sheet/index.js

@@ -1,4 +1,4 @@
-import React, { useRef, forwardRef, useImperativeHandle, } from 'react';
+import React, { useRef, forwardRef, useImperativeHandle } from 'react';
 import { cls, componentWrapper } from '@arco-design/mobile-utils';
 import { ContextLayout, CompWithGlobalContext } from '../context-provider';
 import Popup from '../popup';
@@ -6,7 +6,11 @@ import { open } from './methods';
 const ActionSheet = forwardRef((props, ref) => {
     const { className = '', items, cancelText, close, title, subTitle, needBottomOffset = true, ...otherProps } = props;
     const popupRef = useRef(null);
-    useImperativeHandle(ref, () => popupRef.current);
+    const listRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+        ...popupRef.current,
+        actionList: listRef.current,
+    }));
     function handleItemClick(e, item) {
         e.stopPropagation();
         if (item.status === 'disabled') {
@@ -24,7 +28,7 @@ const ActionSheet = forwardRef((props, ref) => {
         title || subTitle ? (React.createElement("div", { className: `${prefixCls}-action-sheet-header` },
             title ? (React.createElement("div", { className: `${prefixCls}-action-sheet-title` }, title)) : null,
             subTitle ? (React.createElement("div", { className: `${prefixCls}-action-sheet-sub-title` }, subTitle)) : null)) : null,
-        React.createElement("div", { className: `${prefixCls}-action-sheet-list` }, (items || []).map((item, index) => item.content ? (React.createElement("div", { className: cls(`${prefixCls}-action-sheet-item`, item.className, item.status || 'normal'), key: index, style: item.style, onClick: e => handleItemClick(e, item) }, item.content)) : null)),
+        React.createElement("div", { className: `${prefixCls}-action-sheet-list`, ref: listRef }, (items || []).map((item, index) => item.content ? (React.createElement("div", { className: cls(`${prefixCls}-action-sheet-item`, item.className, item.status || 'normal'), key: index, style: item.style, onClick: e => handleItemClick(e, item) }, item.content)) : null)),
         cancelText ? (React.createElement("div", { className: `${prefixCls}-action-sheet-item cancel-item`, onClick: e => {
                 e.stopPropagation();
                 close?.(e);

package/esnext/action-sheet/methods.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { OpenBaseProps } from '../masking/methods';
+import type React from 'react';
+import type { OpenBaseProps } from '../masking/methods';
 export declare function open<P extends OpenBaseProps>(Component: React.FunctionComponent<P>): (config: Pick<P, Exclude<keyof P, "visible" | "close">> & {
     key?: string | undefined;
 }, context?: import("../context-provider").GlobalContextParams | undefined) => {

package/esnext/cell/cell.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { CellProps, CellRef } from './type';
+import type { CellProps, CellRef } from './type';
 export declare const Cell: React.ForwardRefExoticComponent<CellProps & React.RefAttributes<CellRef>>;

package/esnext/cell/cell.js

@@ -1,15 +1,31 @@
-import React, { useRef, forwardRef, useImperativeHandle } from 'react';
+import React, { useRef, forwardRef, useImperativeHandle, useState } from 'react';
 import { cls } from '@arco-design/mobile-utils';
 import { ContextLayout } from '../context-provider';
 import Arrow from './arrow';
 import { GroupContext } from './group';
 export const Cell = forwardRef((props, ref) => {
-    const { className = '', style, icon, label, desc, text, children, showArrow, arrow, prepend, append, bordered = true, onClick, } = props;
+    const { className = '', style, icon, label, desc, text, children, showArrow, arrow, prepend, append, bordered = true, onClick, clickable = false, } = props;
     const domRef = useRef(null);
+    const [isPressed, setIsPressed] = useState(false);
     useImperativeHandle(ref, () => ({
         dom: domRef.current,
     }));
-    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement(GroupContext.Consumer, null, ({ isFromGroup }) => (React.createElement("div", { className: cls(`${prefixCls}-cell`, 'all-border-box', { 'without-group': !isFromGroup }, { bordered }, className), style: style, ref: domRef, onClick: e => onClick && onClick(e) },
+    const handleTouchStart = () => {
+        if (clickable) {
+            setIsPressed(true);
+        }
+    };
+    const handleTouchEnd = () => {
+        if (clickable) {
+            setIsPressed(false);
+        }
+    };
+    const handleClick = (e) => {
+        if (onClick) {
+            onClick(e);
+        }
+    };
+    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement(GroupContext.Consumer, null, ({ isFromGroup }) => (React.createElement("div", { className: cls(`${prefixCls}-cell`, 'all-border-box', { bordered }, { 'without-group': !isFromGroup }, { [`${prefixCls}-cell-without-group`]: !isFromGroup }, { [`${prefixCls}-cell-clickable`]: clickable }, { [`${prefixCls}-cell-pressed`]: isPressed }, className), style: style, ref: domRef, onClick: handleClick, onTouchStart: handleTouchStart, onTouchEnd: handleTouchEnd, onTouchCancel: handleTouchEnd },
         prepend,
         React.createElement("div", { className: cls(`${prefixCls}-cell-inner`, { 'has-desc': desc }) },
             icon ? React.createElement("div", { className: "cell-label-icon" }, icon) : null,

package/esnext/cell/style/css/index.css

@@ -569,16 +569,40 @@
     border-radius: 0;
   }
 }
-.arco-cell.without-group {
+.arco-cell-clickable {
+  -webkit-user-select: none;
+          user-select: none;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-touch-callout: none;
+  touch-action: manipulation;
+  position: relative;
+}
+.arco-cell-clickable.arco-cell-pressed {
+  background-color:  #F7F8FA ;
+}
+.arco-cell-clickable::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 100%;
+  width:  0.32rem ;
+  height: 100%;
+  background-color: inherit;
+  pointer-events: none;
+}
+.arco-cell-clickable.arco-cell-pressed::after {
+  background-color:  #F7F8FA ;
+}
+.arco-cell-without-group {
   background-color:  #FFFFFF ;
   padding-left:  0.32rem ;
   margin-left: 0;
 }
-.arco-cell.without-group.bordered {
+.arco-cell-without-group.bordered {
   position: relative;
   border-width: 0;
 }
-.arco-cell.without-group.bordered::before {
+.arco-cell-without-group.bordered::before {
   content: '';
   width: 100%;
   height: 1PX;
@@ -596,20 +620,20 @@
   border-radius: 0;
 }
 @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
-  .arco-cell.without-group.bordered::before {
+  .arco-cell-without-group.bordered::before {
     transform: scaleY(0.5);
     -webkit-transform: scaleY(0.5);
     border-radius: 0;
   }
 }
 @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
-  .arco-cell.without-group.bordered::before {
+  .arco-cell-without-group.bordered::before {
     transform: scaleY(0.33333333);
     -webkit-transform: scaleY(0.33333333);
     border-radius: 0;
   }
 }
-.arco-cell.without-group.bordered::after {
+.arco-cell-without-group.bordered::after {
   content: '';
   width: 100%;
   height: 1PX;
@@ -627,14 +651,14 @@
   border-radius: 0;
 }
 @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
-  .arco-cell.without-group.bordered::after {
+  .arco-cell-without-group.bordered::after {
     transform: scaleY(0.5);
     -webkit-transform: scaleY(0.5);
     border-radius: 0;
   }
 }
 @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
-  .arco-cell.without-group.bordered::after {
+  .arco-cell-without-group.bordered::after {
     transform: scaleY(0.33333333);
     -webkit-transform: scaleY(0.33333333);
     border-radius: 0;
@@ -866,14 +890,20 @@
     border-radius: 0;
   }
 }
-.arco-theme-dark .arco-cell.without-group {
+.arco-theme-dark .arco-cell-clickable.arco-cell-pressed {
+  background-color:  hsla(0, 0%, 100%, 0.08) ;
+}
+.arco-theme-dark .arco-cell-clickable.arco-cell-pressed::after {
+  background-color:  hsla(0, 0%, 100%, 0.08) ;
+}
+.arco-theme-dark .arco-cell-without-group {
   background-color:  #232324 ;
 }
-.arco-theme-dark .arco-cell.without-group.bordered {
+.arco-theme-dark .arco-cell-without-group.bordered {
   position: relative;
   border-width: 0;
 }
-.arco-theme-dark .arco-cell.without-group.bordered::before {
+.arco-theme-dark .arco-cell-without-group.bordered::before {
   content: '';
   width: 100%;
   height: 1PX;
@@ -891,20 +921,20 @@
   border-radius: 0;
 }
 @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
-  .arco-theme-dark .arco-cell.without-group.bordered::before {
+  .arco-theme-dark .arco-cell-without-group.bordered::before {
     transform: scaleY(0.5);
     -webkit-transform: scaleY(0.5);
     border-radius: 0;
   }
 }
 @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
-  .arco-theme-dark .arco-cell.without-group.bordered::before {
+  .arco-theme-dark .arco-cell-without-group.bordered::before {
     transform: scaleY(0.33333333);
     -webkit-transform: scaleY(0.33333333);
     border-radius: 0;
   }
 }
-.arco-theme-dark .arco-cell.without-group.bordered::after {
+.arco-theme-dark .arco-cell-without-group.bordered::after {
   content: '';
   width: 100%;
   height: 1PX;
@@ -922,14 +952,14 @@
   border-radius: 0;
 }
 @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
-  .arco-theme-dark .arco-cell.without-group.bordered::after {
+  .arco-theme-dark .arco-cell-without-group.bordered::after {
     transform: scaleY(0.5);
     -webkit-transform: scaleY(0.5);
     border-radius: 0;
   }
 }
 @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
-  .arco-theme-dark .arco-cell.without-group.bordered::after {
+  .arco-theme-dark .arco-cell-without-group.bordered::after {
     transform: scaleY(0.33333333);
     -webkit-transform: scaleY(0.33333333);
     border-radius: 0;

package/esnext/cell/style/index.less

@@ -10,15 +10,42 @@
         .onepx-border-var(top, line-color);
     }
 
-    &.without-group {
+    &-clickable {
+        user-select: none;
+        -webkit-tap-highlight-color: transparent;
+        -webkit-touch-callout: none;
+        touch-action: manipulation;
+        position: relative;
+
+        &.@{prefix}-cell-pressed {
+            .use-var(background-color, cell-clickable-background-color);
+        }
+
+        &::after {
+            content: '';
+            position: absolute;
+            top: 0;
+            right: 100%;
+            .use-var(width, cell-horizontal-padding);
+            height: 100%;
+            background-color: inherit;
+            pointer-events: none;
+        }
+
+        &.@{prefix}-cell-pressed::after {
+            .use-var(background-color, cell-clickable-background-color);
+        }
+    }
+
+    &-without-group {
         .use-var(background-color, cell-background-color);
         .use-var(padding-left, cell-horizontal-padding);
         margin-left: 0;
+    }
 
-        &.bordered {
-            .onepx-border-var(top, line-color);
-            .onepx-border-var(bottom, line-color);
-        }
+    &-without-group.bordered {
+        .onepx-border-var(top, line-color);
+        .onepx-border-var(bottom, line-color);
     }
 
     &-inner {
@@ -63,6 +90,7 @@
     .cell-label-icon {
         .use-var-with-rtl(margin-right, cell-label-icon-gutter);
         font-size: 0;
+
         .@{prefix}-icon {
             line-height: initial;
             .use-var(font-size, cell-label-icon-font-size);
@@ -76,6 +104,7 @@
         });
         .use-var-with-rtl(margin-left, cell-arrow-gutter);
         font-size: 0;
+
         .@{prefix}-icon {
             .use-var(font-size, cell-arrow-font-size);
             .use-var(color, cell-arrow-color);
@@ -148,17 +177,29 @@
         .onepx-border-var(top, dark-line-color);
       }
     }
-    &.without-group {
-      @{arco-dark-mode-selector} & {
-        .use-var(background-color, dark-cell-background-color);
+    &-clickable {
+      &.@{prefix}-cell-pressed {
+        @{arco-dark-mode-selector} & {
+          .use-var(background-color, dark-cell-clickable-background-color);
+        }
       }
-      &.bordered {
+      &.@{prefix}-cell-pressed::after {
         @{arco-dark-mode-selector} & {
-          .onepx-border-var(top, dark-line-color);
-          .onepx-border-var(bottom, dark-line-color);
+          .use-var(background-color, dark-cell-clickable-background-color);
         }
       }
     }
+    &-without-group {
+      @{arco-dark-mode-selector} & {
+        .use-var(background-color, dark-cell-background-color);
+      }
+    }
+    &-without-group.bordered {
+      @{arco-dark-mode-selector} & {
+        .onepx-border-var(top, dark-line-color);
+        .onepx-border-var(bottom, dark-line-color);
+      }
+    }
     .cell-label {
       @{arco-dark-mode-selector} & {
         .use-var(color, dark-cell-label-color);

package/esnext/cell/type.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import type { ReactNode } from 'react';
+import type React from 'react';
 export interface CellProps {
     /**
      * 自定义样式
@@ -60,6 +61,12 @@ export interface CellProps {
      * @default true
      */
     bordered?: boolean;
+    /**
+     * 是否启用点击态效果
+     * @en Whether to enable click effect
+     * @default false
+     */
+    clickable?: boolean;
     /**
      * 点击单元格事件回调
      * @en Callback for cell click event

package/esnext/date-picker/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DatePickerProps } from './type';
+import type { DatePickerProps } from './type';
 export * from './type';
 export declare const YEAR: number;
 export interface DatePickerRef {

package/esnext/date-picker/index.js

@@ -329,6 +329,11 @@ const DatePicker = forwardRef((props, ref) => {
     useEffect(() => {
         _updateRangeValue(currentTs);
     }, [currentTs]);
+    useEffect(() => {
+        setCurrentTs(isRange
+            ? Math.min(maxTs, Math.max(minTs, userSetCurrentTs[0]))
+            : Math.min(maxTs, Math.max(minTs, userSetCurrentTs)));
+    }, [userSetCurrentTs, maxTs, minTs, isRange]);
     useEffect(() => {
         if (visible) {
             // 初始化当前时间

package/esnext/dialog/index.d.ts

@@ -1,7 +1,6 @@
 import type { ReactNode } from 'react';
 import React from 'react';
 import type { ILocale } from '@arco-design/mobile-utils';
-import type { Promise } from 'es6-promise';
 import type { MaskingCommonProps, MaskingRef, OpenBaseProps } from '../masking';
 export * from './methods';
 export interface FooterButtonOptions {

package/esnext/form/form-item.d.ts

@@ -1,7 +1,8 @@
-import React, { PureComponent, ReactNode } from 'react';
-import { Promise } from 'es6-promise';
+import type { ReactNode } from 'react';
+import React, { PureComponent } from 'react';
 import { FormItemContext } from './form-item-context';
-import { IFieldError, FieldValue, IFormItemInnerProps, FormItemProps, ValidateStatus, FormItemRef, ValueChangeType, IFormItemContext } from './type';
+import type { IFieldError, FieldValue, IFormItemInnerProps, FormItemProps, ValidateStatus, FormItemRef, IFormItemContext } from './type';
+import { ValueChangeType } from './type';
 interface IFormItemInnerState {
     validateStatus: ValidateStatus;
     errors?: ReactNode[];
@@ -19,7 +20,7 @@ declare class FormItemInner extends PureComponent<IFormItemInnerProps, IFormItem
         changeType: ValueChangeType;
     } | undefined) => void;
     getInitialValue: () => any;
-    getFieldError: () => React.ReactNode[];
+    getFieldError: () => ReactNode[];
     isFieldTouched: () => boolean;
     getAllRuleValidateTriggers: () => string[];
     validateField: (validateTrigger?: string | undefined) => Promise<IFieldError>;

package/esnext/form/form-item.js

@@ -1,10 +1,9 @@
-/* eslint-disable react/no-unused-class-component-methods */
 import React, { forwardRef, PureComponent, useContext, useImperativeHandle, useRef, useState, } from 'react';
 import { cls, Validator, ValidatorType } from '@arco-design/mobile-utils';
-import { Promise } from 'es6-promise';
+import { Promise as ES6Promise } from 'es6-promise';
 import { FormItemContext } from './form-item-context';
 import { GlobalContext } from '../context-provider';
-import { FormInternalComponentType, ValueChangeType, } from './type';
+import { ValueChangeType, FormInternalComponentType } from './type';
 import { getDefaultValueForInterComponent, getErrorAndWarnings, isFieldRequired } from './utils';
 import { DefaultDatePickerLinkedContainer, DefaultPickerLinkedContainer } from './linked-container';
 class FormItemInner extends PureComponent {
@@ -64,7 +63,7 @@ class FormItemInner extends PureComponent {
             if (curRules?.length && field) {
                 const fieldDom = this.props.getFormItemRef();
                 const fieldValidator = new Validator({ [field]: curRules }, { validateMessages });
-                return new Promise(resolve => {
+                return new ES6Promise(resolve => {
                     fieldValidator.validate({ [field]: value }, (errorsMap) => {
                         const { errors, warnings, errorTypes } = getErrorAndWarnings(errorsMap?.[field] || []);
                         this._errors = errors;
@@ -73,7 +72,7 @@ class FormItemInner extends PureComponent {
                             warnings,
                             errorTypes,
                         });
-                        return resolve({
+                        resolve({
                             errors: this._errors,
                             warnings,
                             value,
@@ -83,7 +82,13 @@ class FormItemInner extends PureComponent {
                     });
                 });
             }
-            return Promise.resolve({ errors: [], warnings: [], value, field, dom: null });
+            return ES6Promise.resolve({
+                errors: [],
+                warnings: [],
+                value,
+                field,
+                dom: null,
+            });
         };
         this.setFieldData = (value) => {
             const { field, trigger = 'onChange' } = this.props;

package/esnext/form/type.d.ts

@@ -1,6 +1,5 @@
-import { IRules } from '@arco-design/mobile-utils';
-import { ReactElement, ReactNode } from 'react';
-import { Promise } from 'es6-promise';
+import type { IRules } from '@arco-design/mobile-utils';
+import type { ReactElement, ReactNode } from 'react';
 export declare type FieldValue = any;
 export declare type FieldItem = Record<string, FieldValue>;
 export declare type ILayout = 'horizontal' | 'vertical' | 'inline';

package/esnext/form/useForm.d.ts

@@ -1,3 +1,3 @@
-import { IFormInstance, InternalFormInstance } from './type';
+import type { IFormInstance, InternalFormInstance } from './type';
 export declare const defaultFormDataMethods: InternalFormInstance;
 export default function useForm(form?: IFormInstance): IFormInstance[];

package/esnext/form/useForm.js

@@ -1,7 +1,6 @@
-/* eslint-disable no-console */
 import { useRef } from 'react';
-import { Promise } from 'es6-promise';
-import { ValueChangeType, } from './type';
+import { Promise as ES6Promise } from 'es6-promise';
+import { ValueChangeType } from './type';
 import { deepClone } from './utils';
 const defaultFunc = () => { };
 export const defaultFormDataMethods = {
@@ -186,8 +185,8 @@ class FormData {
                 const promise = entity.validateField();
                 promiseList.push(promise.then(errors => errors));
             });
-            const summaryPromise = new Promise((resolve, reject) => {
-                Promise.all(promiseList).then(res => {
+            const summaryPromise = new ES6Promise((resolve, reject) => {
+                ES6Promise.all(promiseList).then((res) => {
                     const errorResults = res.filter(item => item?.errors?.length);
                     if (errorResults.length) {
                         reject(errorResults);

package/esnext/pull-refresh/android-pull-refresh.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { PullRefreshRef, PullRefreshBasicProps } from './model';
+import type { PullRefreshRef, PullRefreshBasicProps } from './model';
 export declare const PullRefresh: React.ForwardRefExoticComponent<PullRefreshBasicProps & React.RefAttributes<PullRefreshRef>>;

package/esnext/pull-refresh/android-pull-refresh.js

@@ -1,6 +1,6 @@
 import React, { useRef, forwardRef, useCallback, useMemo, useContext, useEffect, useImperativeHandle, } from 'react';
 import { cls, nextTick, defaultLocale } from '@arco-design/mobile-utils';
-import { Promise } from 'es6-promise';
+import { Promise as ES6Promise } from 'es6-promise';
 import Loading from '../loading';
 import { GlobalContext } from '../context-provider';
 import { PullRefreshStatus } from './model';
@@ -78,7 +78,7 @@ export const PullRefresh = forwardRef((props, ref) => {
         }
         setStatus(PullRefreshStatus.Pulling);
     }, [disabled, ifShouldHandle]);
-    const refresh = () => new Promise(resolve => {
+    const refresh = () => new ES6Promise(resolve => {
         setStatus(PullRefreshStatus.Loading);
         nextTick(() => {
             scroll(tipsHeight, 300);