@arco-design/mobile-react 2.30.0 → 2.30.2

package/esm/context-provider/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _excluded = ["children", "useDarkMode", "isDarkMode", "darkModeSelector", "theme", "locale", "onDarkModeChange"],
     _excluded2 = ["context"];
-import React, { createContext, useState, useEffect, useCallback, useMemo } from 'react';
+import React, { createContext, useState, useEffect, useCallback, useMemo, useRef } from 'react';
 import { addCssRules, removeCssStyleDom, defaultLocale } from '@arco-design/mobile-utils';
 var DEFAULT_DARK_MODE_SELECTOR = 'arco-theme-dark';
 export var defaultContext = {
@@ -45,9 +45,15 @@ export default function ContextProvider(props) {
       isDarkModeState = _useState[0],
       setIsDarkModeState = _useState[1];
 
-  var setDarkModeState = function setDarkModeState(isDark) {
+  var mountedRef = useRef(false);
+
+  var setDarkModeState = function setDarkModeState(isDark, needChange) {
+    if (needChange === void 0) {
+      needChange = true;
+    }
+
     setIsDarkModeState(isDark);
-    onDarkModeChange && onDarkModeChange(isDark);
+    needChange && onDarkModeChange && onDarkModeChange(isDark);
   };
 
   var isDarkMode = useMemo(function () {
@@ -76,7 +82,7 @@ export default function ContextProvider(props) {
 
     if (useDarkMode) {
       var dark = matchMedia.matches;
-      setDarkModeState(dark);
+      setDarkModeState(dark, mountedRef.current);
 
       if (typeof matchMedia.addEventListener === 'function') {
         matchMedia.addEventListener('change', changeDarkMode);
@@ -85,6 +91,7 @@ export default function ContextProvider(props) {
       }
     }
 
+    mountedRef.current = true;
     return function () {
       if (useDarkMode) {
         if (typeof matchMedia.removeEventListener === 'function') {

package/esm/form/form-item.js

@@ -70,12 +70,14 @@ var FormItemInner = /*#__PURE__*/function (_PureComponent) {
           fieldValidator.validate((_fieldValidator$valid = {}, _fieldValidator$valid[field] = value, _fieldValidator$valid), function (errorsMap) {
             var _getErrorAndWarnings = getErrorAndWarnings((errorsMap == null ? void 0 : errorsMap[field]) || []),
                 errors = _getErrorAndWarnings.errors,
-                warnings = _getErrorAndWarnings.warnings;
+                warnings = _getErrorAndWarnings.warnings,
+                errorTypes = _getErrorAndWarnings.errorTypes;
 
             _this._errors = errors;
             onValidateStatusChange({
               errors: _this._errors,
-              warnings: warnings
+              warnings: warnings,
+              errorTypes: errorTypes
             });
             return resolve({
               errors: _this._errors,
@@ -319,16 +321,22 @@ export default /*#__PURE__*/forwardRef(function (props, ref) {
       errors = _useState[0],
       setErrors = _useState[1];
 
-  var _useState2 = useState([]),
-      warnings = _useState2[0],
-      setWarnings = _useState2[1];
+  var _useState2 = useState(null),
+      errorTypes = _useState2[0],
+      setErrorTypes = _useState2[1];
+
+  var _useState3 = useState([]),
+      warnings = _useState3[0],
+      setWarnings = _useState3[1];
 
   var formItemRef = useRef(null);
 
   var onValidateStatusChange = function onValidateStatusChange(validateResult) {
     var _errors = validateResult.errors,
-        _warnings = validateResult.warnings;
+        _warnings = validateResult.warnings,
+        _errorTypes = validateResult.errorTypes;
     setErrors(_errors.length ? _errors[0] : null);
+    setErrorTypes(_errorTypes.length ? _errorTypes[0] : null);
     setWarnings(_warnings);
   };
 
@@ -350,7 +358,7 @@ export default /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: cls(prefixCls + "-form-item", prefixCls + "-form-item-" + (itemLayout || layout), className, (_cls = {
       disabled: fieldDisabled
-    }, _cls[prefixCls + "-form-item-error"] = !!errors, _cls[prefixCls + "-form-item-warning"] = Boolean(!errors && warnings), _cls)),
+    }, _cls[prefixCls + "-form-item-error"] = !!errors, _cls[prefixCls + "-form-item-warning"] = Boolean(!errors && warnings), _cls[prefixCls + "-form-item-error-" + errorTypes] = errorTypes, _cls)),
     style: style,
     ref: formItemRef
   }, /*#__PURE__*/React.createElement("div", {

package/esm/form/type.d.ts

@@ -344,8 +344,9 @@ export interface IFormItemInnerProps {
      * @en The callback when validating status changes
      */
     onValidateStatusChange: (data: {
-        errors: any;
-        warnings: any;
+        errors: ReactNode[];
+        warnings: ReactNode[];
+        errorTypes: string[];
     }) => void;
     /**
      * 获取内部表单项的dom

package/esm/form/utils.d.ts

@@ -3,4 +3,5 @@ export declare const isFieldRequired: (rules?: IRules[]) => boolean;
 export declare const getErrorAndWarnings: (result: ValidatorError[]) => {
     warnings: string[];
     errors: string[];
+    errorTypes: string[];
 };

package/esm/form/utils.js

@@ -10,11 +10,13 @@ export var isFieldRequired = function isFieldRequired(rules) {
 export var getErrorAndWarnings = function getErrorAndWarnings(result) {
   var errors = [];
   var warnings = [];
+  var errorTypes = [];
   result.map(function (_ref) {
     var _ref$message = _ref.message,
         message = _ref$message === void 0 ? [] : _ref$message,
         _ref$validateLevel = _ref.validateLevel,
-        validateLevel = _ref$validateLevel === void 0 ? 'error' : _ref$validateLevel;
+        validateLevel = _ref$validateLevel === void 0 ? 'error' : _ref$validateLevel,
+        resultErrorTypes = _ref.errorTypes;
 
     if (!(message != null && message.length)) {
       return;
@@ -24,10 +26,12 @@ export var getErrorAndWarnings = function getErrorAndWarnings(result) {
       warnings = [].concat(warnings, message);
     } else {
       errors = [].concat(errors, message);
+      errorTypes = [].concat(errorTypes, resultErrorTypes);
     }
   });
   return {
     warnings: warnings,
-    errors: errors
+    errors: errors,
+    errorTypes: errorTypes
   };
 };

package/esm/nav-bar/back-icon.js

@@ -1,18 +1,26 @@
 import React from 'react';
+import { defaultLocale } from '@arco-design/mobile-utils';
+import { ContextLayout } from '../context-provider';
 
 function BackArrow(_ref) {
   var _ref$color = _ref.color,
       color = _ref$color === void 0 ? 'currentColor' : _ref$color;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "c-svg-arrow nav-bar-back"
-  }, /*#__PURE__*/React.createElement("svg", {
-    height: "100%",
-    viewBox: "0 0 16 16"
-  }, /*#__PURE__*/React.createElement("path", {
-    id: "path-1_1_",
-    d: "M2.1,8l5.4,5.4c0.1,0.1,0.1,0.3,0,0.5L7,14.4c-0.1,0.1-0.3,0.1-0.5,0L0.7,8.5c-0.3-0.3-0.3-0.7,0-0.9 l5.9-5.9c0.1-0.1,0.3-0.1,0.5,0l0.5,0.5c0.1,0.1,0.1,0.3,0,0.5L2.1,8z",
-    fill: color
-  })));
+  return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref2) {
+    var _ref2$locale = _ref2.locale,
+        locale = _ref2$locale === void 0 ? defaultLocale : _ref2$locale;
+    return /*#__PURE__*/React.createElement("div", {
+      role: "button",
+      className: "c-svg-arrow nav-bar-back",
+      "aria-label": locale.NavBar.backBtnAriaLabel
+    }, /*#__PURE__*/React.createElement("svg", {
+      height: "100%",
+      viewBox: "0 0 16 16"
+    }, /*#__PURE__*/React.createElement("path", {
+      id: "path-1_1_",
+      d: "M2.1,8l5.4,5.4c0.1,0.1,0.1,0.3,0,0.5L7,14.4c-0.1,0.1-0.3,0.1-0.5,0L0.7,8.5c-0.3-0.3-0.3-0.7,0-0.9 l5.9-5.9c0.1-0.1,0.3-0.1,0.5,0l0.5,0.5c0.1,0.1,0.1,0.3,0,0.5L2.1,8z",
+      fill: color
+    })));
+  });
 }
 
 export default BackArrow;

package/esm/nav-bar/style/css/index.css

@@ -650,7 +650,7 @@
 }
 .arco-theme-dark .arco-nav-bar {
   color:  #f6f6f6 ;
-  background:  #232324 ;
+  background:  #17171A ;
 }
 .arco-theme-dark .arco-nav-bar-wrapper.arco-nav-bar-wrapper-border {
   position: relative;

package/esm/picker-view/components/picker-cell.js

@@ -286,7 +286,7 @@ var PickerCell = /*#__PURE__*/forwardRef(function (props, ref) {
   function getCurrentCellValue() {
     var _data$currentIndex;
 
-    return currentValue || ((_data$currentIndex = data[currentIndex]) == null ? void 0 : _data$currentIndex.value);
+    return (_data$currentIndex = data[currentIndex]) == null ? void 0 : _data$currentIndex.value;
   }
 
   function _clearTimer() {

package/esm/picker-view/index.js

@@ -94,7 +94,7 @@ var PickerView = /*#__PURE__*/forwardRef(function (props, ref) {
     // @en Remove empty values from cascader
 
     return curValues.filter(function (v) {
-      return v;
+      return v !== undefined;
     });
   };
 

package/esm/tabs/style/css/index.css

@@ -1052,7 +1052,7 @@
   color:  #f6f6f6 ;
 }
 .arco-theme-dark .arco-tab-cell-container-wrap {
-  background:  #232324 ;
+  background:  #17171A ;
 }
 .arco-theme-dark .arco-tab-cell-container-inner.has-divider.pos-top {
   box-shadow: 0 -1PX 0 0 #484849 inset;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@arco-design/mobile-react",
-    "version": "2.30.0",
+    "version": "2.30.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.17.0",
+        "@arco-design/mobile-utils": "2.17.2",
         "@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": "1fcfc18668d480891d2fc6052b4dc2d84557e97e"
+    "gitHead": "41b5f19cac228f71b84b7a5df4dcdbd6262e2c46"
 }

package/style/css/public.css

@@ -536,6 +536,8 @@ input,
 textarea {
   border: 0;
   outline: 0;
+  appearance: auto;
+  -webkit-appearance: none;
 }
 code,
 kbd,

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

@@ -272,8 +272,8 @@
     --checkbox-text-disabled-opacity: 0.5;
     --checkbox-group-gutter: ~`pxtorem(24)`;
     --tabs-tab-bar-font-size: ~`pxtorem(15)`;
-    --dark-tabs-tab-bar-background: var(--dark-container-background-color);
-    --tabs-tab-bar-background: var(--container-background-color);
+    --dark-tabs-tab-bar-background: var(--dark-background-color);
+    --tabs-tab-bar-background: var(--background-color);
     --tabs-tab-bar-height: ~`pxtorem(42)`;
     --tabs-tab-bar-width: ~`pxtorem(78)`;
     --tabs-tab-bar-horizontal-height: ~`pxtorem(54)`;
@@ -318,8 +318,8 @@
     --nav-bar-height: ~`pxtorem(44)`;
     --dark-nav-bar-bottom-border-color: var(--dark-line-color);
     --nav-bar-bottom-border-color: var(--line-color);
-    --dark-nav-bar-background: var(--dark-container-background-color);
-    --nav-bar-background: var(--container-background-color);
+    --dark-nav-bar-background: var(--dark-background-color);
+    --nav-bar-background: var(--background-color);
     --dark-nav-bar-font-color: var(--dark-font-color);
     --nav-bar-font-color: var(--font-color);
     --nav-bar-two-sides-font-size: ~`pxtorem(16)`;

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

@@ -283,8 +283,8 @@ var tokens = {
   "checkbox-text-disabled-opacity": "0.5",
   "checkbox-group-gutter": "0.48rem",
   "tabs-tab-bar-font-size": "0.3rem",
-  "dark-tabs-tab-bar-background": "var(--dark-container-background-color)",
-  "tabs-tab-bar-background": "var(--container-background-color)",
+  "dark-tabs-tab-bar-background": "var(--dark-background-color)",
+  "tabs-tab-bar-background": "var(--background-color)",
   "tabs-tab-bar-height": "0.84rem",
   "tabs-tab-bar-width": "1.56rem",
   "tabs-tab-bar-horizontal-height": "1.08rem",
@@ -329,8 +329,8 @@ var tokens = {
   "nav-bar-height": "0.88rem",
   "dark-nav-bar-bottom-border-color": "var(--dark-line-color)",
   "nav-bar-bottom-border-color": "var(--line-color)",
-  "dark-nav-bar-background": "var(--dark-container-background-color)",
-  "nav-bar-background": "var(--container-background-color)",
+  "dark-nav-bar-background": "var(--dark-background-color)",
+  "nav-bar-background": "var(--background-color)",
   "dark-nav-bar-font-color": "var(--dark-font-color)",
   "nav-bar-font-color": "var(--font-color)",
   "nav-bar-two-sides-font-size": "0.32rem",

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

@@ -3239,9 +3239,9 @@
         "cssKey": "dark-nav-bar-background",
         "desc": "",
         "override": "",
-        "value": "@dark-container-background-color",
-        "jsValue": "@global@darkContainerBackgroundColor",
-        "staticValue": "#232324"
+        "value": "@dark-background-color",
+        "jsValue": "@global@darkBackgroundColor",
+        "staticValue": "#17171A"
     },
     "darkNavBarBottomBorderColor": {
         "cssKey": "dark-nav-bar-bottom-border-color",
@@ -4063,9 +4063,9 @@
         "cssKey": "dark-tabs-tab-bar-background",
         "desc": "",
         "override": "",
-        "value": "@dark-container-background-color",
-        "jsValue": "@global@darkContainerBackgroundColor",
-        "staticValue": "#232324"
+        "value": "@dark-background-color",
+        "jsValue": "@global@darkBackgroundColor",
+        "staticValue": "#17171A"
     },
     "darkTabsTabBarCardColor": {
         "cssKey": "dark-tabs-tab-bar-card-color",
@@ -6737,8 +6737,8 @@
         "cssKey": "nav-bar-background",
         "desc": "navBar 背景色",
         "override": "",
-        "value": "@container-background-color",
-        "jsValue": "@global@containerBackgroundColor",
+        "value": "@background-color",
+        "jsValue": "@global@backgroundColor",
         "staticValue": "#FFFFFF",
         "localeDesc": {
             "ch": "navBar 背景色",
@@ -10709,8 +10709,8 @@
         "cssKey": "tabs-tab-bar-background",
         "desc": "tabs tabbar 背景色",
         "override": "tab-bar-background",
-        "value": "@container-background-color",
-        "jsValue": "@global@containerBackgroundColor",
+        "value": "@background-color",
+        "jsValue": "@global@backgroundColor",
         "staticValue": "#FFFFFF",
         "localeDesc": {
             "ch": "tabs tabbar 背景色",

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

@@ -271,8 +271,8 @@
 @checkbox-text-disabled-opacity: 0.5;
 @checkbox-group-gutter: ~`pxtorem(24)`;
 @tabs-tab-bar-font-size: ~`pxtorem(15)`;
-@dark-tabs-tab-bar-background: @dark-container-background-color;
-@tabs-tab-bar-background: @container-background-color;
+@dark-tabs-tab-bar-background: @dark-background-color;
+@tabs-tab-bar-background: @background-color;
 @tabs-tab-bar-height: ~`pxtorem(42)`;
 @tabs-tab-bar-width: ~`pxtorem(78)`;
 @tabs-tab-bar-horizontal-height: ~`pxtorem(54)`;
@@ -317,8 +317,8 @@
 @nav-bar-height: ~`pxtorem(44)`;
 @dark-nav-bar-bottom-border-color: @dark-line-color;
 @nav-bar-bottom-border-color: @line-color;
-@dark-nav-bar-background: @dark-container-background-color;
-@nav-bar-background: @container-background-color;
+@dark-nav-bar-background: @dark-background-color;
+@nav-bar-background: @background-color;
 @dark-nav-bar-font-color: @dark-font-color;
 @nav-bar-font-color: @font-color;
 @nav-bar-two-sides-font-size: ~`pxtorem(16)`;

package/umd/carousel/index.js

@@ -742,7 +742,9 @@
       // @en When noLoop is used, the blank space of spaceBetween needs to be exposed at the end, so when sliding to the last one, the transform value moves to the left by the corresponding width
 
       var translateDis = noLoop ? noLoopDis - (total > 1 && index === total - 1 ? spaceBetween : 0) * rtlRatio : dis;
-      var transStr = childSize > 0 ? translateDis + "px" : "-" + index * 100 + "%";
+      var initTranslateDis = -1 * index * 100; // bugfix: prop `style` did not match in ssr
+
+      var transStr = childSize > 0 ? "" + translateDis + (translateDis ? 'px' : '') : "" + initTranslateDis + (initTranslateDis ? '%' : '');
 
       if (vertical) {
         var _translateStyle = (0, _helpers.getStyleWithVendor)({

package/umd/context-provider/index.d.ts

@@ -47,11 +47,15 @@ export interface GlobalContextParams {
      * @default false
      */
     useRtl?: boolean;
+    /**
+     * 当系统原生暗黑模式发生变化时触发，useDarkMode=true 时有效
+     * @en Triggered when the system's native dark mode changes, valid when useDarkMode=true
+     */
+    onDarkModeChange?: (isDark: boolean) => void;
 }
 export declare const defaultContext: GlobalContextParams;
 export declare const GlobalContext: React.Context<GlobalContextParams>;
 export interface ContextProviderProps extends GlobalContextParams {
-    onDarkModeChange?: (isDark: boolean) => void;
     children: React.ReactNode;
 }
 export declare type WithGlobalContext<T> = T & {

package/umd/context-provider/index.js

@@ -73,9 +73,15 @@
         isDarkModeState = _useState[0],
         setIsDarkModeState = _useState[1];
 
-    var setDarkModeState = function setDarkModeState(isDark) {
+    var mountedRef = (0, _react.useRef)(false);
+
+    var setDarkModeState = function setDarkModeState(isDark, needChange) {
+      if (needChange === void 0) {
+        needChange = true;
+      }
+
       setIsDarkModeState(isDark);
-      onDarkModeChange && onDarkModeChange(isDark);
+      needChange && onDarkModeChange && onDarkModeChange(isDark);
     };
 
     var isDarkMode = (0, _react.useMemo)(function () {
@@ -104,7 +110,7 @@
 
       if (useDarkMode) {
         var dark = matchMedia.matches;
-        setDarkModeState(dark);
+        setDarkModeState(dark, mountedRef.current);
 
         if (typeof matchMedia.addEventListener === 'function') {
           matchMedia.addEventListener('change', changeDarkMode);
@@ -113,6 +119,7 @@
         }
       }
 
+      mountedRef.current = true;
       return function () {
         if (useDarkMode) {
           if (typeof matchMedia.removeEventListener === 'function') {

package/umd/form/form-item.js

@@ -86,12 +86,14 @@
             fieldValidator.validate((_fieldValidator$valid = {}, _fieldValidator$valid[field] = value, _fieldValidator$valid), function (errorsMap) {
               var _getErrorAndWarnings = (0, _utils.getErrorAndWarnings)((errorsMap == null ? void 0 : errorsMap[field]) || []),
                   errors = _getErrorAndWarnings.errors,
-                  warnings = _getErrorAndWarnings.warnings;
+                  warnings = _getErrorAndWarnings.warnings,
+                  errorTypes = _getErrorAndWarnings.errorTypes;
 
               _this._errors = errors;
               onValidateStatusChange({
                 errors: _this._errors,
-                warnings: warnings
+                warnings: warnings,
+                errorTypes: errorTypes
               });
               return resolve({
                 errors: _this._errors,
@@ -336,16 +338,22 @@
         errors = _useState[0],
         setErrors = _useState[1];
 
-    var _useState2 = (0, _react.useState)([]),
-        warnings = _useState2[0],
-        setWarnings = _useState2[1];
+    var _useState2 = (0, _react.useState)(null),
+        errorTypes = _useState2[0],
+        setErrorTypes = _useState2[1];
+
+    var _useState3 = (0, _react.useState)([]),
+        warnings = _useState3[0],
+        setWarnings = _useState3[1];
 
     var formItemRef = (0, _react.useRef)(null);
 
     var onValidateStatusChange = function onValidateStatusChange(validateResult) {
       var _errors = validateResult.errors,
-          _warnings = validateResult.warnings;
+          _warnings = validateResult.warnings,
+          _errorTypes = validateResult.errorTypes;
       setErrors(_errors.length ? _errors[0] : null);
+      setErrorTypes(_errorTypes.length ? _errorTypes[0] : null);
       setWarnings(_warnings);
     };
 
@@ -367,7 +375,7 @@
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _mobileUtils.cls)(prefixCls + "-form-item", prefixCls + "-form-item-" + (itemLayout || layout), className, (_cls = {
         disabled: fieldDisabled
-      }, _cls[prefixCls + "-form-item-error"] = !!errors, _cls[prefixCls + "-form-item-warning"] = Boolean(!errors && warnings), _cls)),
+      }, _cls[prefixCls + "-form-item-error"] = !!errors, _cls[prefixCls + "-form-item-warning"] = Boolean(!errors && warnings), _cls[prefixCls + "-form-item-error-" + errorTypes] = errorTypes, _cls)),
       style: style,
       ref: formItemRef
     }, /*#__PURE__*/_react.default.createElement("div", {

package/umd/form/type.d.ts

@@ -344,8 +344,9 @@ export interface IFormItemInnerProps {
      * @en The callback when validating status changes
      */
     onValidateStatusChange: (data: {
-        errors: any;
-        warnings: any;
+        errors: ReactNode[];
+        warnings: ReactNode[];
+        errorTypes: string[];
     }) => void;
     /**
      * 获取内部表单项的dom

package/umd/form/utils.d.ts

@@ -3,4 +3,5 @@ export declare const isFieldRequired: (rules?: IRules[]) => boolean;
 export declare const getErrorAndWarnings: (result: ValidatorError[]) => {
     warnings: string[];
     errors: string[];
+    errorTypes: string[];
 };

package/umd/form/utils.js

@@ -31,11 +31,13 @@
   var getErrorAndWarnings = function getErrorAndWarnings(result) {
     var errors = [];
     var warnings = [];
+    var errorTypes = [];
     result.map(function (_ref) {
       var _ref$message = _ref.message,
           message = _ref$message === void 0 ? [] : _ref$message,
           _ref$validateLevel = _ref.validateLevel,
-          validateLevel = _ref$validateLevel === void 0 ? 'error' : _ref$validateLevel;
+          validateLevel = _ref$validateLevel === void 0 ? 'error' : _ref$validateLevel,
+          resultErrorTypes = _ref.errorTypes;
 
       if (!(message != null && message.length)) {
         return;
@@ -45,11 +47,13 @@
         warnings = [].concat(warnings, message);
       } else {
         errors = [].concat(errors, message);
+        errorTypes = [].concat(errorTypes, resultErrorTypes);
       }
     });
     return {
       warnings: warnings,
-      errors: errors
+      errors: errors,
+      errorTypes: errorTypes
     };
   };
 

package/umd/nav-bar/back-icon.js

@@ -1,16 +1,16 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["exports", "react"], factory);
+    define(["exports", "react", "@arco-design/mobile-utils", "../context-provider"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(exports, require("react"));
+    factory(exports, require("react"), require("@arco-design/mobile-utils"), require("../context-provider"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod.exports, global.react);
+    factory(mod.exports, global.react, global.mobileUtils, global.contextProvider);
     global.backIcon = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _react) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _react, _mobileUtils, _contextProvider) {
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -22,16 +22,22 @@
   function BackArrow(_ref) {
     var _ref$color = _ref.color,
         color = _ref$color === void 0 ? 'currentColor' : _ref$color;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "c-svg-arrow nav-bar-back"
-    }, /*#__PURE__*/_react.default.createElement("svg", {
-      height: "100%",
-      viewBox: "0 0 16 16"
-    }, /*#__PURE__*/_react.default.createElement("path", {
-      id: "path-1_1_",
-      d: "M2.1,8l5.4,5.4c0.1,0.1,0.1,0.3,0,0.5L7,14.4c-0.1,0.1-0.3,0.1-0.5,0L0.7,8.5c-0.3-0.3-0.3-0.7,0-0.9 l5.9-5.9c0.1-0.1,0.3-0.1,0.5,0l0.5,0.5c0.1,0.1,0.1,0.3,0,0.5L2.1,8z",
-      fill: color
-    })));
+    return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref2) {
+      var _ref2$locale = _ref2.locale,
+          locale = _ref2$locale === void 0 ? _mobileUtils.defaultLocale : _ref2$locale;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        role: "button",
+        className: "c-svg-arrow nav-bar-back",
+        "aria-label": locale.NavBar.backBtnAriaLabel
+      }, /*#__PURE__*/_react.default.createElement("svg", {
+        height: "100%",
+        viewBox: "0 0 16 16"
+      }, /*#__PURE__*/_react.default.createElement("path", {
+        id: "path-1_1_",
+        d: "M2.1,8l5.4,5.4c0.1,0.1,0.1,0.3,0,0.5L7,14.4c-0.1,0.1-0.3,0.1-0.5,0L0.7,8.5c-0.3-0.3-0.3-0.7,0-0.9 l5.9-5.9c0.1-0.1,0.3-0.1,0.5,0l0.5,0.5c0.1,0.1,0.1,0.3,0,0.5L2.1,8z",
+        fill: color
+      })));
+    });
   }
 
   var _default = BackArrow;

package/umd/nav-bar/style/css/index.css

@@ -650,7 +650,7 @@
 }
 .arco-theme-dark .arco-nav-bar {
   color:  #f6f6f6 ;
-  background:  #232324 ;
+  background:  #17171A ;
 }
 .arco-theme-dark .arco-nav-bar-wrapper.arco-nav-bar-wrapper-border {
   position: relative;

package/umd/picker-view/components/picker-cell.js

@@ -308,7 +308,7 @@
     function getCurrentCellValue() {
       var _data$currentIndex;
 
-      return currentValue || ((_data$currentIndex = data[currentIndex]) == null ? void 0 : _data$currentIndex.value);
+      return (_data$currentIndex = data[currentIndex]) == null ? void 0 : _data$currentIndex.value;
     }
 
     function _clearTimer() {

package/umd/picker-view/index.js

@@ -127,7 +127,7 @@
       // @en Remove empty values from cascader
 
       return curValues.filter(function (v) {
-        return v;
+        return v !== undefined;
       });
     };
 

package/umd/tabs/style/css/index.css

@@ -1052,7 +1052,7 @@
   color:  #f6f6f6 ;
 }
 .arco-theme-dark .arco-tab-cell-container-wrap {
-  background:  #232324 ;
+  background:  #17171A ;
 }
 .arco-theme-dark .arco-tab-cell-container-inner.has-divider.pos-top {
   box-shadow: 0 -1PX 0 0 #484849 inset;