@arco-design/mobile-react 2.29.3 → 2.29.5

package/esm/search-bar/style/index.less

@@ -1,112 +1,114 @@
 @import '../../../style/mixin.less';
 
 .@{prefix}-search-bar {
-  &-container {
-    display: flex;
-    align-items: center;
-    position: relative;
-    .use-var(padding, search-bar-padding);
-    .use-var(background-color, search-bar-background-color);
-  }
-  &-square {
-    .@{prefix}-search-bar-wrap {
-      .use-var(border-radius, search-bar-square-shape-border-radius);
+    &-container {
+        display: flex;
+        align-items: center;
+        position: relative;
+        .use-var(padding, search-bar-padding);
+        .use-var(background-color, search-bar-background-color);
     }
-  }
-  &-round {
-    .@{prefix}-search-bar-wrap {
-      .use-var(border-radius, search-bar-round-shape-border-radius);
+    &-square {
+        .@{prefix}-search-bar-wrap {
+            .use-var(border-radius, search-bar-square-shape-border-radius);
+        }
     }
-  }
-  &-wrap {
-    display: flex;
-    align-items: center;
-    flex: 1;
-    .use-var(height, search-bar-input-wrapper-height);
-    .use-var(font-size, search-bar-input-wrapper-font-size);
-    .use-var(padding, search-bar-input-wrapper-padding);
-    .use-var(background-color, search-bar-input-wrapper-background-color);
-  }
-  &-input {
-    flex: 1;
-    background-color: transparent;
-    .use-var(height, search-bar-input-height);
-    .use-var(caret-color, search-bar-input-caret-color);
-    &-left {
-      text-align: left;
+    &-round {
+        .@{prefix}-search-bar-wrap {
+            .use-var(border-radius, search-bar-round-shape-border-radius);
+        }
     }
-    &-right {
-      text-align: right;
-    }
-    &-center {
-      text-align: center;
+    &-wrap {
+        display: flex;
+        align-items: center;
+        flex: 1;
+        .use-var(height, search-bar-input-wrapper-height);
+        .use-var(font-size, search-bar-input-wrapper-font-size);
+        .use-var(padding, search-bar-input-wrapper-padding);
+        .use-var(background-color, search-bar-input-wrapper-background-color);
     }
+    &-input {
+        flex: 1;
+        background-color: transparent;
+        .use-var(height, search-bar-input-height);
+        .use-var(caret-color, search-bar-input-caret-color);
+        &-left {
+            text-align: left;
+        }
+        &-right {
+            text-align: right;
+        }
+        &-center {
+            text-align: center;
+        }
+
+        &::placeholder {
+            .use-var(color, search-bar-input-placeholder-color);
+        }
 
-    &::placeholder {
-      .use-var(color, search-bar-input-placeholder-color);
+        &::-webkit-search-decoration,
+        &::-webkit-search-cancel-button {
+            display: none;
+        }
     }
 
-    &::-webkit-search-decoration,
-    &::-webkit-search-cancel-button {
-      display: none;
+    &-prefix,
+    &-suffix,
+    &-clear {
+        align-items: center;
+        justify-content: center;
+        display: flex;
     }
-  }
 
-  &-prefix,
-  &-suffix,
-  &-clear {
-    align-items: center;
-    justify-content: center;
-    display: flex;
-  }
+    &-prefix {
+        .use-var(margin-right, search-bar-prefix-margin-right);
+    }
 
-  &-prefix {
-    .use-var(margin-right, search-bar-prefix-margin-right);
-  }
+    &-clear {
+        .use-var(color, search-bar-clear-icon-color);
+        .use-var(font-size, search-bar-clear-icon-font-size);
+        .use-var(padding-left, search-bar-clear-icon-padding-left);
+    }
 
-  &-clear {
-    .use-var(color, search-bar-clear-icon-color);
-  }
+    &-search-icon {
+        .use-var(color, search-bar-search-icon-color);
+        .use-var(font-size, search-bar-search-icon-font-size);
+    }
 
-  &-search-icon {
-    .use-var(color, search-bar-search-icon-color);
-    .use-var(font-size, search-bar-search-icon-font-size);
-  }
+    &-cancel-btn {
+        .use-var(margin-left, search-bar-cancel-btn-margin-left);
+        .use-var(color, search-bar-cancel-btn-color);
+        .use-var(font-size, search-bar-cancel-btn-font-size);
+    }
 
-  &-cancel-btn {
-    .use-var(margin-left, search-bar-cancel-btn-margin-left);
-    .use-var(color, search-bar-cancel-btn-color);
-    .use-var(font-size, search-bar-cancel-btn-font-size);
-  }
+    &-association {
+        position: absolute;
+        left: 0;
+        right: 0;
+        .use-var(background-color, search-bar-association-background-color);
+        top: 100%;
+        display: none;
 
-  &-association {
-    position: absolute;
-    left: 0;
-    right: 0;
-    .use-var(background-color, search-bar-association-background-color);
-    top: 100%;
-    display: none;
+        &-visible {
+            display: block;
+        }
 
-    &-visible {
-      display: block;
-    }
+        &-item {
+            .use-var(height, search-bar-association-item-height);
+            display: flex;
+            align-items: center;
+            position: relative;
+            .use-var(color, search-bar-association-item-color);
+            .use-var(padding, search-bar-association-item-padding);
+            .use-var(font-size, search-bar-association-item-font-size);
 
-    &-item {
-      .use-var(height, search-bar-association-item-height);
-      display: flex;
-      align-items: center;
-      position: relative;
-      .use-var(color, search-bar-association-item-color);
-      .use-var(padding, search-bar-association-item-padding);
-      .use-var(font-size, search-bar-association-item-font-size);
-      
-      &:not(:last-child) {
-        .onepx-border-var(bottom, line-color);
-      }
+            &:not(:last-child) {
+                .onepx-border-var(bottom, line-color);
+            }
 
-      &-highlight {
-        .use-var(color, search-bar-association-item-highlight-color)
-      }
+            &-highlight {
+                .use-var(color, search-bar-association-item-highlight-color)
+            }
+        }
     }
-  }
-}
+}

package/esm/style.d.ts

@@ -1,13 +1,14 @@
 import '../style/public.less';
 import './tabs/style';
 import './sticky/style';
-import './load-more/style';
-import './cell/style';
+import './portal/style';
+import './toast/style';
 import './action-sheet/style';
 import './avatar/style';
 import './badge/style';
 import './button/style';
 import './carousel/style';
+import './cell/style';
 import './checkbox/style';
 import './circle-progress/style';
 import './collapse/style';
@@ -27,6 +28,7 @@ import './image-preview/style';
 import './index-bar/style';
 import './input/style';
 import './keyboard/style';
+import './load-more/style';
 import './loading/style';
 import './masking/style';
 import './nav-bar/style';
@@ -38,14 +40,13 @@ import './picker-view/style';
 import './popover/style';
 import './popup/style';
 import './popup-swiper/style';
-import './portal/style';
 import './progress/style';
 import './pull-refresh/style';
 import './radio/style';
 import './rate/style';
 import './search-bar/style';
-import './skeleton/style';
 import './show-monitor/style';
+import './skeleton/style';
 import './slider/style';
 import './stepper/style';
 import './steps/style';
@@ -55,5 +56,4 @@ import './switch/style';
 import './tab-bar/style';
 import './tag/style';
 import './textarea/style';
-import './toast/style';
 import './transition/style';

package/esm/style.js

@@ -1,13 +1,14 @@
 import '../style/public.less';
 import './tabs/style';
 import './sticky/style';
-import './load-more/style';
-import './cell/style';
+import './portal/style';
+import './toast/style';
 import './action-sheet/style';
 import './avatar/style';
 import './badge/style';
 import './button/style';
 import './carousel/style';
+import './cell/style';
 import './checkbox/style';
 import './circle-progress/style';
 import './collapse/style';
@@ -27,6 +28,7 @@ import './image-preview/style';
 import './index-bar/style';
 import './input/style';
 import './keyboard/style';
+import './load-more/style';
 import './loading/style';
 import './masking/style';
 import './nav-bar/style';
@@ -38,14 +40,13 @@ import './picker-view/style';
 import './popover/style';
 import './popup/style';
 import './popup-swiper/style';
-import './portal/style';
 import './progress/style';
 import './pull-refresh/style';
 import './radio/style';
 import './rate/style';
 import './search-bar/style';
-import './skeleton/style';
 import './show-monitor/style';
+import './skeleton/style';
 import './slider/style';
 import './stepper/style';
 import './steps/style';
@@ -55,5 +56,4 @@ import './switch/style';
 import './tab-bar/style';
 import './tag/style';
 import './textarea/style';
-import './toast/style';
 import './transition/style';

package/esm/tabs/index.js

@@ -171,6 +171,7 @@ var Tabs = /*#__PURE__*/forwardRef(function (props, ref) {
   var touchStartXRef = useRef(0);
   var touchStartYRef = useRef(0);
   var touchStartTimeRef = useRef(0);
+  var touchMovedRef = useRef(false);
   var scrollingRef = useRef(null);
   var touchStoppedRef = useRef(false);
   var changeFromRef = useRef('');
@@ -264,6 +265,7 @@ var Tabs = /*#__PURE__*/forwardRef(function (props, ref) {
     }
 
     touchStartedRef.current = true;
+    touchMovedRef.current = false;
     setCellTrans(false);
     setPaneTrans(false);
     var evt = e.touches[0];
@@ -291,6 +293,7 @@ var Tabs = /*#__PURE__*/forwardRef(function (props, ref) {
       return;
     }
 
+    touchMovedRef.current = true;
     var evt = e.changedTouches[0];
     var touchMoveX = evt.clientX || 0;
     var touchMoveY = evt.clientY || 0; // bugfix: 兼容safari在右滑返回上一页时clientX为负值的情况，安卓有折叠屏，触点会有超出屏幕(clientX < 0)的情况，因此这里限定ios系统
@@ -357,7 +360,7 @@ var Tabs = /*#__PURE__*/forwardRef(function (props, ref) {
       cellRef.current && cellRef.current.scrollToCenter();
     }
 
-    if (!touchStartedRef.current || posAdjustingRef.current || scrollingRef.current) {
+    if (!touchStartedRef.current || posAdjustingRef.current || scrollingRef.current || !touchMovedRef.current) {
       return;
     }
 

package/esm/tabs/tab-pane.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useRef, forwardRef, useImperativeHandle, useState, useEffect, useMemo } from 'react';
 import lodashThrottle from 'lodash.throttle';
-import { cls, scrollWithAnimation, getScrollContainerRect } from '@arco-design/mobile-utils';
+import { cls, scrollWithAnimation, getScrollContainerRect, isSSR } from '@arco-design/mobile-utils';
 import { getStyleWithVendor } from '../_helpers';
 var TabPane = /*#__PURE__*/forwardRef(function (props, ref) {
   var _cls;
@@ -234,12 +234,15 @@ var TabPane = /*#__PURE__*/forwardRef(function (props, ref) {
     }
 
     var translateStr = translateZ ? ' translateZ(0)' : '';
+    var translatePercentInSSR = (panes.length ? 100 / panes.length : 0) * activeIndex * rtlRatio * -1 + "%";
+    var verticalTranslate = distance - wrapWidth * activeIndex * rtlRatio + "px";
+    var horizontalTranslate = distance - wrapHeight * activeIndex + "px";
     var sizeStyle = tabDirection === 'vertical' ? {
       width: 100 * panes.length + "%",
-      transform: "translateX(" + (distance - wrapWidth * activeIndex * rtlRatio) + "px)" + translateStr
+      transform: "translateX(" + (isSSR() ? translatePercentInSSR : verticalTranslate) + ")" + translateStr
     } : {
       height: 100 * panes.length + "%",
-      transform: "translateY(" + (distance - wrapHeight * activeIndex) + "px)" + translateStr
+      transform: "translateY(" + (isSSR() ? translatePercentInSSR : horizontalTranslate) + ")" + translateStr
     };
     var heightStyle = currentPaneHeight && currentPaneHeight !== 'auto' ? {
       height: currentPaneHeight

package/esm/toast/index.d.ts

@@ -185,8 +185,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
      * @param {string | ToastProps} config Configuration
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
-    toast: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+    toast: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap" | "initialBodyOverflow">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap" | "initialBodyOverflow">) => void;
         close: () => void;
         hide: () => void;
     };
@@ -196,8 +196,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
      * @param {string | ToastProps} config Configuration
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
-    info: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+    info: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap" | "initialBodyOverflow">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap" | "initialBodyOverflow">) => void;
         close: () => void;
         hide: () => void;
     };
@@ -207,8 +207,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
      * @param {string | ToastProps} config Configuration
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
-    success: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+    success: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap" | "initialBodyOverflow">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap" | "initialBodyOverflow">) => void;
         close: () => void;
         hide: () => void;
     };
@@ -218,8 +218,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
      * @param {string | ToastProps} config Configuration
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
-    error: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+    error: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap" | "initialBodyOverflow">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap" | "initialBodyOverflow">) => void;
         close: () => void;
         hide: () => void;
     };
@@ -229,8 +229,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
      * @param {string | ToastProps} config Configuration
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
-    loading: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+    loading: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap" | "initialBodyOverflow">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap" | "initialBodyOverflow">) => void;
         close: () => void;
         hide: () => void;
     };
@@ -240,8 +240,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
      * @param {string | ToastProps} config Configuration
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
-    warn: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+    warn: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap" | "initialBodyOverflow">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap" | "initialBodyOverflow">) => void;
         close: () => void;
         hide: () => void;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@arco-design/mobile-react",
-    "version": "2.29.3",
+    "version": "2.29.5",
     "description": "",
     "main": "cjs/index.js",
     "module": "esm/index.js",
@@ -15,7 +15,7 @@
     "author": "taoyiyue@bytedance.com",
     "license": "ISC",
     "dependencies": {
-        "@arco-design/mobile-utils": "2.16.6",
+        "@arco-design/mobile-utils": "2.16.8",
         "@arco-design/transformable": "^1.0.0",
         "lodash.throttle": "^4.1.1",
         "resize-observer-polyfill": "^1.5.1"
@@ -49,5 +49,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "91a7490bc2dd677acfa7c064946ff83dccab4196"
+    "gitHead": "eca19563a4f83ce7acecb0a4e8e11e4ee258189e"
 }

package/tokens/app/arcodesign/default/css-variables.less

@@ -678,6 +678,8 @@
     --search-bar-input-placeholder-color: var(--disabled-color);
     --search-bar-prefix-margin-right: ~`pxtorem(9)`;
     --search-bar-clear-icon-color: #C9CDD4;
+    --search-bar-clear-icon-font-size: 16PX;
+    --search-bar-clear-icon-padding-left: ~`pxtorem(16)`;
     --search-bar-search-icon-color: #86909C;
     --search-bar-search-icon-font-size: ~`pxtorem(16)`;
     --search-bar-cancel-btn-color: var(--primary-color);

package/tokens/app/arcodesign/default/index.d.ts

@@ -677,6 +677,8 @@ export interface ArcodesignToken extends Record<string, string> {
     'search-bar-input-placeholder-color': string;
     'search-bar-prefix-margin-right': string;
     'search-bar-clear-icon-color': string;
+    'search-bar-clear-icon-font-size': string;
+    'search-bar-clear-icon-padding-left': string;
     'search-bar-search-icon-color': string;
     'search-bar-search-icon-font-size': string;
     'search-bar-cancel-btn-color': string;

package/tokens/app/arcodesign/default/index.js

@@ -689,6 +689,8 @@ var tokens = {
   "search-bar-input-placeholder-color": "var(--disabled-color)",
   "search-bar-prefix-margin-right": "0.18rem",
   "search-bar-clear-icon-color": "#C9CDD4",
+  "search-bar-clear-icon-font-size": "16PX",
+  "search-bar-clear-icon-padding-left": "0.32rem",
   "search-bar-search-icon-color": "#86909C",
   "search-bar-search-icon-font-size": "0.32rem",
   "search-bar-cancel-btn-color": "var(--primary-color)",

package/tokens/app/arcodesign/default/index.json

@@ -6473,6 +6473,30 @@
             "en": "Color of SearchBar clear icon"
         }
     },
+    "searchBarClearIconFontSize": {
+        "cssKey": "search-bar-clear-icon-font-size",
+        "desc": "搜索栏清除按钮的大小",
+        "override": "",
+        "value": "16PX",
+        "jsValue": "16PX",
+        "staticValue": "16PX",
+        "localeDesc": {
+            "ch": "搜索栏清除按钮的大小",
+            "en": "Size of SearchBar clear icon"
+        }
+    },
+    "searchBarClearIconPaddingLeft": {
+        "cssKey": "search-bar-clear-icon-padding-left",
+        "desc": "搜索栏清除按钮与输入框间距",
+        "override": "",
+        "value": "~`pxtorem(16)`",
+        "jsValue": "@getRem@16",
+        "staticValue": "0.32rem",
+        "localeDesc": {
+            "ch": "搜索栏清除按钮与输入框间距",
+            "en": "Padding left of SearchBar clear icon"
+        }
+    },
     "searchBarInputCaretColor": {
         "cssKey": "search-bar-input-caret-color",
         "desc": "搜索输入框光标颜色",

package/tokens/app/arcodesign/default/index.less

@@ -677,6 +677,8 @@
 @search-bar-input-placeholder-color: @disabled-color;
 @search-bar-prefix-margin-right: ~`pxtorem(9)`;
 @search-bar-clear-icon-color: #C9CDD4;
+@search-bar-clear-icon-font-size: 16PX;
+@search-bar-clear-icon-padding-left: ~`pxtorem(16)`;
 @search-bar-search-icon-color: #86909C;
 @search-bar-search-icon-font-size: ~`pxtorem(16)`;
 @search-bar-cancel-btn-color: @primary-color;

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

@@ -86,11 +86,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" | "context" | "translateZ" | "className" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset" | "items" | "cancelText" | "subTitle"> & {
+    open: (config: Pick<import("../context-provider").WithGlobalContext<ActionSheetProps & React.RefAttributes<ActionSheetRef>>, "title" | "ref" | "key" | "context" | "translateZ" | "className" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "initialBodyOverflow" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "preventBodyScroll" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset" | "items" | "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" | "context" | "translateZ" | "className" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset" | "items" | "cancelText" | "subTitle"> & {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ActionSheetProps & React.RefAttributes<ActionSheetRef>>, "title" | "ref" | "key" | "context" | "translateZ" | "className" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "initialBodyOverflow" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "preventBodyScroll" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset" | "items" | "cancelText" | "subTitle"> & {
             key?: string | undefined;
         }) => void;
     };

package/umd/dialog/index.d.ts

@@ -193,11 +193,11 @@ declare const _default: React.ForwardRefExoticComponent<DialogProps & React.RefA
      * @param {DialogProps} config Configuration
      * @returns {{ close: () => void; update: (newConfig: DialogProps) => void; }}
      */
-    open: (config: Pick<import("../context-provider").WithGlobalContext<DialogProps & React.RefAttributes<DialogRef>>, "platform" | "footer" | "title" | "children" | "ref" | "key" | "context" | "className" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "footerType" | "renderFooter" | "footerCollapseCount" | "titleAlign" | "contentAlign" | "extra"> & {
+    open: (config: Pick<import("../context-provider").WithGlobalContext<DialogProps & React.RefAttributes<DialogRef>>, "platform" | "footer" | "title" | "children" | "ref" | "key" | "context" | "className" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "initialBodyOverflow" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "footerType" | "renderFooter" | "footerCollapseCount" | "titleAlign" | "contentAlign" | "extra"> & {
         key?: string | undefined;
     }, context?: import("../context-provider").GlobalContextParams | undefined) => {
         close: () => void;
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<DialogProps & React.RefAttributes<DialogRef>>, "platform" | "footer" | "title" | "children" | "ref" | "key" | "context" | "className" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "footerType" | "renderFooter" | "footerCollapseCount" | "titleAlign" | "contentAlign" | "extra"> & {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<DialogProps & React.RefAttributes<DialogRef>>, "platform" | "footer" | "title" | "children" | "ref" | "key" | "context" | "className" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "initialBodyOverflow" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "footerType" | "renderFooter" | "footerCollapseCount" | "titleAlign" | "contentAlign" | "extra"> & {
             key?: string | undefined;
         }) => void;
     };