@arco-design/mobile-react 2.20.0 → 2.21.2

package/esm/switch/index.js

@@ -6,7 +6,7 @@ import { useSystem } from '../_helpers';
 /**
  * 开关组件，支持点击和滑动触发开关动作。
  * @en A switch component that supports click and slide trigger switch actions.
- * @type 数据输入
+ * @type 数据录入
  * @type_en Data Entry
  * @name 开关
  * @name_en Switch

package/esm/tabs/tab-pane.js

@@ -160,10 +160,14 @@ var TabPane = /*#__PURE__*/forwardRef(function (props, ref) {
     var topDis = curPaneTop - containerTop - scrollOffset;
     var scrollAttr = scrollVertical ? 'scrollTop' : 'scrollLeft';
     var scrollTop = isGlobal ? Math.max(document.documentElement[scrollAttr], document.body[scrollAttr]) : scrollEle[scrollAttr];
+    var scrollSizeAttr = scrollVertical ? 'scrollHeight' : 'scrollWidth';
+    var sizeAttr = scrollVertical ? 'offsetHeight' : 'offsetWidth';
+    var maxTopDis = isGlobal ? Math.max(document.documentElement[scrollSizeAttr], document.body[scrollSizeAttr]) - scrollTop - (scrollVertical ? window.innerHeight : window.innerWidth) : scrollEle[scrollSizeAttr] - scrollTop - scrollEle[sizeAttr];
+    var normalizedTopDis = Math.min(maxTopDis, topDis);
     clearTimeout(timerRef.current);
     autoScrollingRef.current = true;
     var duration = rightNow ? 0 : transitionDuration || 0;
-    scrollWithAnimation(scrollTop, scrollTop + topDis, function (top) {
+    scrollWithAnimation(scrollTop, scrollTop + normalizedTopDis, function (top) {
       if (isGlobal) {
         document.documentElement[scrollAttr] = top;
         document.body[scrollAttr] = top;

package/esm/tag/index.d.ts

@@ -6,7 +6,7 @@ declare const _default: import("react").ForwardRefExoticComponent<import("./type
 /**
  * 标签组件，支持标签和标签组。
  * @en Tag component, supports tags and tag groups.
- * @type 数据展示
+ * @type 信息展示
  * @type_en Data Display
  * @name 标签
  * @name_en Tag

package/esm/tag/index.js

@@ -11,7 +11,7 @@ var List = componentGenerator(Tag);
 /**
  * 标签组件，支持标签和标签组。
  * @en Tag component, supports tags and tag groups.
- * @type 数据展示
+ * @type 信息展示
  * @type_en Data Display
  * @name 标签
  * @name_en Tag

package/esm/textarea/index.d.ts

@@ -84,7 +84,7 @@ export interface TextareaRef {
 /**
  * 多行文本输入框组件，支持自适应内容高度。
  * @en A multi-line textarea, supports adaptive content height.
- * @type 数据输入
+ * @type 数据录入
  * @type_en Data Entry
  * @name 多行文本框
  * @name_en Textarea

package/esm/textarea/index.js

@@ -7,7 +7,7 @@ import { useInputLogic } from '../input/hooks';
 /**
  * 多行文本输入框组件，支持自适应内容高度。
  * @en A multi-line textarea, supports adaptive content height.
- * @type 数据输入
+ * @type 数据录入
  * @type_en Data Entry
  * @name 多行文本框
  * @name_en Textarea

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@arco-design/mobile-react",
-    "version": "2.20.0",
+    "version": "2.21.2",
     "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.11.0",
+        "@arco-design/mobile-utils": "^2.12.2",
         "@arco-design/transformable": "^1.0.0",
         "es6-promise": "^4.2.8",
         "lodash.throttle": "^4.1.1",
@@ -36,5 +36,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "ab07cde0e974fa874dc63f9520da4e91b510c28f"
+    "gitHead": "f226b3daa582369797ab83f5299c541252ebba82"
 }

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

@@ -560,6 +560,16 @@
     --steps-vertical-padding-bottom: 0;
     --steps-vertical-padding-left: ~`pxtorem(20)`;
     --steps-process-with-config-item-icon-color: #FFFFFF;
+    --swipe-action-open-transition: cubic-bezier(0.2, 0.8, 0.32, 1.28);
+    --swipe-action-close-transition: cubic-bezier(0.34, 0.69, 0.1, 1);
+    --swipe-action-info-padding: ~`pxtorem(16)`;
+    --swipe-action-info-bounce-buffer: ~`pxtorem(30)`;
+    --swipe-action-text-font-size: ~`pxtorem(16)`;
+    --swipe-action-text-line-height: ~`pxtorem(22)`;
+    --swipe-action-text-color: #ffffff;
+    --swipe-action-icon-width: ~`pxtorem(20)`;
+    --swipe-action-icon-height: ~`pxtorem(20)`;
+    --swipe-action-icon-margin-right: ~`pxtorem(4)`;
     --badge-background-color: #F53F3F;
     --badge-text-color: #FFFFFF;
     --badge-font-size: 12PX;
@@ -647,6 +657,30 @@
     --action-sheet-header-padding: ~`pxtorem(16)`;
     --action-sheet-title-font-size: ~`pxtorem(16)`;
     --action-sheet-sub-title-font-size: ~`pxtorem(14)`;
+    --search-bar-padding: ~`pxtorem(16)`;
+    --search-bar-background-color: #FFFFFF;
+    --search-bar-square-shape-border-radius: ~`pxtorem(2)`;
+    --search-bar-round-shape-border-radius: ~`pxtorem(9999)`;
+    --search-bar-input-wrapper-height: ~`pxtorem(36)`;
+    --search-bar-input-wrapper-padding: ~`pxtorem(8)` ~`pxtorem(14)`;
+    --search-bar-input-wrapper-background-color: #F2F3F5;
+    --search-bar-input-wrapper-font-size: ~`pxtorem(14)`;
+    --search-bar-input-height: ~`pxtorem(20)`;
+    --search-bar-input-caret-color: var(--primary-color);
+    --search-bar-input-placeholder-color: var(--disabled-color);
+    --search-bar-prefix-margin-right: ~`pxtorem(9)`;
+    --search-bar-clear-icon-color: #C9CDD4;
+    --search-bar-search-icon-color: #86909C;
+    --search-bar-search-icon-font-size: ~`pxtorem(16)`;
+    --search-bar-cancel-btn-color: var(--primary-color);
+    --search-bar-cancel-btn-font-size: ~`pxtorem(15)`;
+    --search-bar-cancel-btn-margin-left: ~`pxtorem(16)`;
+    --search-bar-association-background-color: #FFFFFF;
+    --search-bar-association-item-height: ~`pxtorem(52)`;
+    --search-bar-association-item-padding: ~`pxtorem(16)`;
+    --search-bar-association-item-font-size: ~`pxtorem(15)`;
+    --search-bar-association-item-color: var(--font-color);
+    --search-bar-association-item-highlight-color: var(--primary-color);
     --image-picker-font-size: ~`pxtorem(14)`;
     --image-picker-disabled-opacity: 0.7;
     --image-picker-border-radius: ~`pxtorem(2)`;

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

@@ -559,6 +559,16 @@ export interface ArcodesignToken extends Record<string, string> {
     'steps-vertical-padding-bottom': string;
     'steps-vertical-padding-left': string;
     'steps-process-with-config-item-icon-color': string;
+    'swipe-action-open-transition': string;
+    'swipe-action-close-transition': string;
+    'swipe-action-info-padding': string;
+    'swipe-action-info-bounce-buffer': string;
+    'swipe-action-text-font-size': string;
+    'swipe-action-text-line-height': string;
+    'swipe-action-text-color': string;
+    'swipe-action-icon-width': string;
+    'swipe-action-icon-height': string;
+    'swipe-action-icon-margin-right': string;
     'badge-background-color': string;
     'badge-text-color': string;
     'badge-font-size': string;
@@ -646,6 +656,30 @@ export interface ArcodesignToken extends Record<string, string> {
     'action-sheet-header-padding': string;
     'action-sheet-title-font-size': string;
     'action-sheet-sub-title-font-size': string;
+    'search-bar-padding': string;
+    'search-bar-background-color': string;
+    'search-bar-square-shape-border-radius': string;
+    'search-bar-round-shape-border-radius': string;
+    'search-bar-input-wrapper-height': string;
+    'search-bar-input-wrapper-padding': string;
+    'search-bar-input-wrapper-background-color': string;
+    'search-bar-input-wrapper-font-size': string;
+    'search-bar-input-height': string;
+    'search-bar-input-caret-color': string;
+    'search-bar-input-placeholder-color': string;
+    'search-bar-prefix-margin-right': string;
+    'search-bar-clear-icon-color': string;
+    'search-bar-search-icon-color': string;
+    'search-bar-search-icon-font-size': string;
+    'search-bar-cancel-btn-color': string;
+    'search-bar-cancel-btn-font-size': string;
+    'search-bar-cancel-btn-margin-left': string;
+    'search-bar-association-background-color': string;
+    'search-bar-association-item-height': string;
+    'search-bar-association-item-padding': string;
+    'search-bar-association-item-font-size': string;
+    'search-bar-association-item-color': string;
+    'search-bar-association-item-highlight-color': string;
     'image-picker-font-size': string;
     'image-picker-disabled-opacity': string;
     'image-picker-border-radius': string;

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

@@ -571,6 +571,16 @@ var tokens = {
   "steps-vertical-padding-bottom": "0",
   "steps-vertical-padding-left": "0.4rem",
   "steps-process-with-config-item-icon-color": "#FFFFFF",
+  "swipe-action-open-transition": "cubic-bezier(0.2, 0.8, 0.32, 1.28)",
+  "swipe-action-close-transition": "cubic-bezier(0.34, 0.69, 0.1, 1)",
+  "swipe-action-info-padding": "0.32rem",
+  "swipe-action-info-bounce-buffer": "0.6rem",
+  "swipe-action-text-font-size": "0.32rem",
+  "swipe-action-text-line-height": "0.44rem",
+  "swipe-action-text-color": "#ffffff",
+  "swipe-action-icon-width": "0.4rem",
+  "swipe-action-icon-height": "0.4rem",
+  "swipe-action-icon-margin-right": "0.08rem",
   "badge-background-color": "#F53F3F",
   "badge-text-color": "#FFFFFF",
   "badge-font-size": "12PX",
@@ -658,6 +668,30 @@ var tokens = {
   "action-sheet-header-padding": "0.32rem",
   "action-sheet-title-font-size": "0.32rem",
   "action-sheet-sub-title-font-size": "0.28rem",
+  "search-bar-padding": "0.32rem",
+  "search-bar-background-color": "#FFFFFF",
+  "search-bar-square-shape-border-radius": "0.04rem",
+  "search-bar-round-shape-border-radius": "199.98rem",
+  "search-bar-input-wrapper-height": "0.72rem",
+  "search-bar-input-wrapper-padding": "0.16rem 0.28rem",
+  "search-bar-input-wrapper-background-color": "#F2F3F5",
+  "search-bar-input-wrapper-font-size": "0.28rem",
+  "search-bar-input-height": "0.4rem",
+  "search-bar-input-caret-color": "#165dff",
+  "search-bar-input-placeholder-color": "#c9cdd4",
+  "search-bar-prefix-margin-right": "0.18rem",
+  "search-bar-clear-icon-color": "#C9CDD4",
+  "search-bar-search-icon-color": "#86909C",
+  "search-bar-search-icon-font-size": "0.32rem",
+  "search-bar-cancel-btn-color": "#165dff",
+  "search-bar-cancel-btn-font-size": "0.3rem",
+  "search-bar-cancel-btn-margin-left": "0.32rem",
+  "search-bar-association-background-color": "#FFFFFF",
+  "search-bar-association-item-height": "1.04rem",
+  "search-bar-association-item-padding": "0.32rem",
+  "search-bar-association-item-font-size": "0.3rem",
+  "search-bar-association-item-color": "#1d2129",
+  "search-bar-association-item-highlight-color": "#165dff",
   "image-picker-font-size": "0.28rem",
   "image-picker-disabled-opacity": "0.7",
   "image-picker-border-radius": "0.04rem",

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

@@ -5591,6 +5591,294 @@
             "en": "Hidden scrollbar reserved width"
         }
     },
+    "searchBarAssociationBackgroundColor": {
+        "cssKey": "search-bar-association-background-color",
+        "desc": "搜索联想框背景颜色",
+        "override": "",
+        "value": "#FFFFFF",
+        "jsValue": "#FFFFFF",
+        "staticValue": "#FFFFFF",
+        "localeDesc": {
+            "ch": "搜索联想框背景颜色",
+            "en": "Background color of SearchBar association"
+        }
+    },
+    "searchBarAssociationItemColor": {
+        "cssKey": "search-bar-association-item-color",
+        "desc": "搜索联想框候选项普通文字颜色",
+        "override": "",
+        "value": "@font-color",
+        "jsValue": "@global@fontColor",
+        "staticValue": "#1d2129",
+        "localeDesc": {
+            "ch": "搜索联想框候选项普通文字颜色",
+            "en": "Color of SearchBar association item"
+        }
+    },
+    "searchBarAssociationItemFontSize": {
+        "cssKey": "search-bar-association-item-font-size",
+        "desc": "搜索联想框候选项字体大小",
+        "override": "",
+        "value": "~`pxtorem(15)`",
+        "jsValue": "@getRem@15",
+        "staticValue": "0.3rem",
+        "localeDesc": {
+            "ch": "搜索联想框候选项字体大小",
+            "en": "Fontsize of SearchBar association item"
+        }
+    },
+    "searchBarAssociationItemHeight": {
+        "cssKey": "search-bar-association-item-height",
+        "desc": "搜索联想框候选项高度",
+        "override": "",
+        "value": "~`pxtorem(52)`",
+        "jsValue": "@getRem@52",
+        "staticValue": "1.04rem",
+        "localeDesc": {
+            "ch": "搜索联想框候选项高度",
+            "en": "Height of SearchBar association item"
+        }
+    },
+    "searchBarAssociationItemHighlightColor": {
+        "cssKey": "search-bar-association-item-highlight-color",
+        "desc": "搜索联想框候选项高亮文案颜色",
+        "override": "",
+        "value": "@primary-color",
+        "jsValue": "@global@primaryColor",
+        "staticValue": "#165dff",
+        "localeDesc": {
+            "ch": "搜索联想框候选项高亮文案颜色",
+            "en": "Color of SearchBar association item highlight text"
+        }
+    },
+    "searchBarAssociationItemPadding": {
+        "cssKey": "search-bar-association-item-padding",
+        "desc": "搜索联想框候选项内边距",
+        "override": "",
+        "value": "~`pxtorem(16)`",
+        "jsValue": "@getRem@16",
+        "staticValue": "0.32rem",
+        "localeDesc": {
+            "ch": "搜索联想框候选项内边距",
+            "en": "Padding of SearchBar association item"
+        }
+    },
+    "searchBarBackgroundColor": {
+        "cssKey": "search-bar-background-color",
+        "desc": "搜索栏背景颜色",
+        "override": "",
+        "value": "#FFFFFF",
+        "jsValue": "#FFFFFF",
+        "staticValue": "#FFFFFF",
+        "localeDesc": {
+            "ch": "搜索栏背景颜色",
+            "en": "BackgroundColor of SearchBar"
+        }
+    },
+    "searchBarCancelBtnColor": {
+        "cssKey": "search-bar-cancel-btn-color",
+        "desc": "搜索栏右侧取消按钮颜色",
+        "override": "",
+        "value": "@primary-color",
+        "jsValue": "@global@primaryColor",
+        "staticValue": "#165dff",
+        "localeDesc": {
+            "ch": "搜索栏右侧取消按钮颜色",
+            "en": "Color of SearchBar cancel button"
+        }
+    },
+    "searchBarCancelBtnFontSize": {
+        "cssKey": "search-bar-cancel-btn-font-size",
+        "desc": "搜索栏右侧取消按钮文字大小",
+        "override": "",
+        "value": "~`pxtorem(15)`",
+        "jsValue": "@getRem@15",
+        "staticValue": "0.3rem",
+        "localeDesc": {
+            "ch": "搜索栏右侧取消按钮文字大小",
+            "en": "Font size of SearchBar cancel button"
+        }
+    },
+    "searchBarCancelBtnMarginLeft": {
+        "cssKey": "search-bar-cancel-btn-margin-left",
+        "desc": "搜索栏右侧取消按钮的左边距",
+        "override": "",
+        "value": "~`pxtorem(16)`",
+        "jsValue": "@getRem@16",
+        "staticValue": "0.32rem",
+        "localeDesc": {
+            "ch": "搜索栏右侧取消按钮的左边距",
+            "en": "Left margin of SearchBar cancel button"
+        }
+    },
+    "searchBarClearIconColor": {
+        "cssKey": "search-bar-clear-icon-color",
+        "desc": "搜索栏清除按钮的颜色",
+        "override": "",
+        "value": "#C9CDD4",
+        "jsValue": "#C9CDD4",
+        "staticValue": "#C9CDD4",
+        "localeDesc": {
+            "ch": "搜索栏清除按钮的颜色",
+            "en": "Color of SearchBar clear icon"
+        }
+    },
+    "searchBarInputCaretColor": {
+        "cssKey": "search-bar-input-caret-color",
+        "desc": "搜索输入框光标颜色",
+        "override": "",
+        "value": "@primary-color",
+        "jsValue": "@global@primaryColor",
+        "staticValue": "#165dff",
+        "localeDesc": {
+            "ch": "搜索输入框光标颜色",
+            "en": "Color of SearchBar input caret"
+        }
+    },
+    "searchBarInputHeight": {
+        "cssKey": "search-bar-input-height",
+        "desc": "搜索输入框高度",
+        "override": "",
+        "value": "~`pxtorem(20)`",
+        "jsValue": "@getRem@20",
+        "staticValue": "0.4rem",
+        "localeDesc": {
+            "ch": "搜索输入框高度",
+            "en": "SearchBar input height"
+        }
+    },
+    "searchBarInputPlaceholderColor": {
+        "cssKey": "search-bar-input-placeholder-color",
+        "desc": "搜索输入框提示文案颜色",
+        "override": "",
+        "value": "@disabled-color",
+        "jsValue": "@global@disabledColor",
+        "staticValue": "#c9cdd4",
+        "localeDesc": {
+            "ch": "搜索输入框提示文案颜色",
+            "en": "Color of SearchBar input placeholder"
+        }
+    },
+    "searchBarInputWrapperBackgroundColor": {
+        "cssKey": "search-bar-input-wrapper-background-color",
+        "desc": "搜索输入框容器背景颜色",
+        "override": "",
+        "value": "#F2F3F5",
+        "jsValue": "#F2F3F5",
+        "staticValue": "#F2F3F5",
+        "localeDesc": {
+            "ch": "搜索输入框容器背景颜色",
+            "en": "SearchBar input container background color"
+        }
+    },
+    "searchBarInputWrapperFontSize": {
+        "cssKey": "search-bar-input-wrapper-font-size",
+        "desc": "搜索输入框容器字体大小",
+        "override": "",
+        "value": "~`pxtorem(14)`",
+        "jsValue": "@getRem@14",
+        "staticValue": "0.28rem",
+        "localeDesc": {
+            "ch": "搜索输入框容器字体大小",
+            "en": "SearchBar input container font size"
+        }
+    },
+    "searchBarInputWrapperHeight": {
+        "cssKey": "search-bar-input-wrapper-height",
+        "desc": "搜索输入框容器高度",
+        "override": "",
+        "value": "~`pxtorem(36)`",
+        "jsValue": "@getRem@36",
+        "staticValue": "0.72rem",
+        "localeDesc": {
+            "ch": "搜索输入框容器高度",
+            "en": "SearchBar input container height"
+        }
+    },
+    "searchBarInputWrapperPadding": {
+        "cssKey": "search-bar-input-wrapper-padding",
+        "desc": "搜索输入框容器内边距大小",
+        "override": "",
+        "value": "~`pxtorem(8)` ~`pxtorem(14)`",
+        "jsValue": "@getRem@8 @getRem@14",
+        "staticValue": "0.16rem 0.28rem",
+        "localeDesc": {
+            "ch": "搜索输入框容器内边距大小",
+            "en": "SearchBar input container padding"
+        }
+    },
+    "searchBarPadding": {
+        "cssKey": "search-bar-padding",
+        "desc": "搜索栏内边距大小",
+        "override": "",
+        "value": "~`pxtorem(16)`",
+        "jsValue": "@getRem@16",
+        "staticValue": "0.32rem",
+        "localeDesc": {
+            "ch": "搜索栏内边距大小",
+            "en": "Padding of SearchBar"
+        }
+    },
+    "searchBarPrefixMarginRight": {
+        "cssKey": "search-bar-prefix-margin-right",
+        "desc": "搜索栏搜索栏左侧插入内容的右侧外边距",
+        "override": "",
+        "value": "~`pxtorem(9)`",
+        "jsValue": "@getRem@9",
+        "staticValue": "0.18rem",
+        "localeDesc": {
+            "ch": "搜索栏搜索栏左侧插入内容的右侧外边距",
+            "en": "Right margin of SearchBar prefix"
+        }
+    },
+    "searchBarRoundShapeBorderRadius": {
+        "cssKey": "search-bar-round-shape-border-radius",
+        "desc": "圆形搜索栏的圆角大小",
+        "override": "",
+        "value": "~`pxtorem(9999)`",
+        "jsValue": "@getRem@9999",
+        "staticValue": "199.98rem",
+        "localeDesc": {
+            "ch": "圆形搜索栏的圆角大小",
+            "en": "Size of the rounded corners of the round SearchBar"
+        }
+    },
+    "searchBarSearchIconColor": {
+        "cssKey": "search-bar-search-icon-color",
+        "desc": "搜索栏搜索按钮的颜色",
+        "override": "",
+        "value": "#86909C",
+        "jsValue": "#86909C",
+        "staticValue": "#86909C",
+        "localeDesc": {
+            "ch": "搜索栏搜索按钮的颜色",
+            "en": "Color of SearchBar search icon"
+        }
+    },
+    "searchBarSearchIconFontSize": {
+        "cssKey": "search-bar-search-icon-font-size",
+        "desc": "搜索栏按钮大小",
+        "override": "",
+        "value": "~`pxtorem(16)`",
+        "jsValue": "@getRem@16",
+        "staticValue": "0.32rem",
+        "localeDesc": {
+            "ch": "搜索栏按钮大小",
+            "en": "Fontsize of SearchBar search icon"
+        }
+    },
+    "searchBarSquareShapeBorderRadius": {
+        "cssKey": "search-bar-square-shape-border-radius",
+        "desc": "方形搜索栏的圆角大小",
+        "override": "",
+        "value": "~`pxtorem(2)`",
+        "jsValue": "@getRem@2",
+        "staticValue": "0.04rem",
+        "localeDesc": {
+            "ch": "方形搜索栏的圆角大小",
+            "en": "Size of the rounded corners of the square SearchBar"
+        }
+    },
     "sliderHasMarkPaddingBottom": {
         "cssKey": "slider-has-mark-padding-bottom",
         "desc": "slider 有标记时的底部内边距",
@@ -6455,6 +6743,116 @@
             "en": "Additional information font color"
         }
     },
+    "swipeActionCloseTransition": {
+        "cssKey": "swipe-action-close-transition",
+        "desc": "SwipeAction 菜单关闭时的动画曲线",
+        "override": "",
+        "value": "cubic-bezier(0.34, 0.69, 0.1, 1)",
+        "jsValue": "cubic-bezier(0.34, 0.69, 0.1, 1)",
+        "staticValue": "cubic-bezier(0.34, 0.69, 0.1, 1)",
+        "localeDesc": {
+            "ch": "SwipeAction 菜单关闭时的动画曲线"
+        }
+    },
+    "swipeActionIconHeight": {
+        "cssKey": "swipe-action-icon-height",
+        "desc": "swipeAction Icon 高",
+        "override": "",
+        "value": "~`pxtorem(20)`",
+        "jsValue": "@getRem@20",
+        "staticValue": "0.4rem",
+        "localeDesc": {
+            "ch": "swipeAction Icon 高"
+        }
+    },
+    "swipeActionIconMarginRight": {
+        "cssKey": "swipe-action-icon-margin-right",
+        "desc": "swipeAction Icon的右边距",
+        "override": "",
+        "value": "~`pxtorem(4)`",
+        "jsValue": "@getRem@4",
+        "staticValue": "0.08rem",
+        "localeDesc": {
+            "ch": "swipeAction Icon的右边距"
+        }
+    },
+    "swipeActionIconWidth": {
+        "cssKey": "swipe-action-icon-width",
+        "desc": "swipeAction Icon 宽",
+        "override": "",
+        "value": "~`pxtorem(20)`",
+        "jsValue": "@getRem@20",
+        "staticValue": "0.4rem",
+        "localeDesc": {
+            "ch": "swipeAction Icon 宽"
+        }
+    },
+    "swipeActionInfoBounceBuffer": {
+        "cssKey": "swipe-action-info-bounce-buffer",
+        "desc": "swipeAction 菜单弹性效果预留底部色块宽度",
+        "override": "",
+        "value": "~`pxtorem(30)`",
+        "jsValue": "@getRem@30",
+        "staticValue": "0.6rem",
+        "localeDesc": {
+            "ch": "swipeAction 菜单弹性效果预留底部色块宽度"
+        }
+    },
+    "swipeActionInfoPadding": {
+        "cssKey": "swipe-action-info-padding",
+        "desc": "SwipeAction 菜单的内边距",
+        "override": "",
+        "value": "~`pxtorem(16)`",
+        "jsValue": "@getRem@16",
+        "staticValue": "0.32rem",
+        "localeDesc": {
+            "ch": "SwipeAction 菜单的内边距"
+        }
+    },
+    "swipeActionOpenTransition": {
+        "cssKey": "swipe-action-open-transition",
+        "desc": "SwipeAction 菜单打开时的动画曲线",
+        "override": "",
+        "value": "cubic-bezier(0.2, 0.8, 0.32, 1.28)",
+        "jsValue": "cubic-bezier(0.2, 0.8, 0.32, 1.28)",
+        "staticValue": "cubic-bezier(0.2, 0.8, 0.32, 1.28)",
+        "localeDesc": {
+            "ch": "SwipeAction 菜单打开时的动画曲线"
+        }
+    },
+    "swipeActionTextColor": {
+        "cssKey": "swipe-action-text-color",
+        "desc": "SwipeAction 文字背景色",
+        "override": "",
+        "value": "#ffffff",
+        "jsValue": "#ffffff",
+        "staticValue": "#ffffff",
+        "localeDesc": {
+            "ch": "SwipeAction 文字背景色"
+        }
+    },
+    "swipeActionTextFontSize": {
+        "cssKey": "swipe-action-text-font-size",
+        "desc": "SwipeAction 文字大小",
+        "override": "",
+        "value": "~`pxtorem(16)`",
+        "jsValue": "@getRem@16",
+        "staticValue": "0.32rem",
+        "localeDesc": {
+            "ch": "SwipeAction 文字大小"
+        }
+    },
+    "swipeActionTextLineHeight": {
+        "cssKey": "swipe-action-text-line-height",
+        "desc": "SwipeAction 文字行高",
+        "override": "",
+        "value": "~`pxtorem(22)`",
+        "jsValue": "@getRem@22",
+        "staticValue": "0.44rem",
+        "localeDesc": {
+            "ch": "SwipeAction 文字行高"
+        }
+    },
     "swipeLoadLabelBackground": {
         "cssKey": "swipe-load-label-background",
         "desc": "swipeLoad 滑动区域的背景色",