@arco-design/mobile-react 2.24.1 → 2.25.0

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" | "context" | "getContainer" | "type" | "className" | "duration" | "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" | "context" | "getContainer" | "type" | "className" | "duration" | "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" | "getContainer" | "className" | "duration" | "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" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => 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" | "context" | "getContainer" | "type" | "className" | "duration" | "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" | "context" | "getContainer" | "type" | "className" | "duration" | "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" | "getContainer" | "className" | "duration" | "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" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => 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" | "context" | "getContainer" | "type" | "className" | "duration" | "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" | "context" | "getContainer" | "type" | "className" | "duration" | "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" | "getContainer" | "className" | "duration" | "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" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => 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" | "context" | "getContainer" | "type" | "className" | "duration" | "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" | "context" | "getContainer" | "type" | "className" | "duration" | "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" | "getContainer" | "className" | "duration" | "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" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => 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" | "context" | "getContainer" | "type" | "className" | "duration" | "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" | "context" | "getContainer" | "type" | "className" | "duration" | "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" | "getContainer" | "className" | "duration" | "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" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => 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" | "context" | "getContainer" | "type" | "className" | "duration" | "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" | "context" | "getContainer" | "type" | "className" | "duration" | "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" | "getContainer" | "className" | "duration" | "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" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
         close: () => void;
         hide: () => void;
     };

package/esm/toast/index.js

@@ -12,31 +12,31 @@ import { usePreventBodyScroll } from '../_helpers';
 export * from './methods';
 var Toast = /*#__PURE__*/forwardRef(function (props, ref) {
   var className = props.className,
-      getContainer = props.getContainer,
-      _props$visible = props.visible,
-      visible = _props$visible === void 0 ? false : _props$visible,
-      onClose = props.onClose,
-      close = props.close,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'info' : _props$type,
-      icon = props.icon,
-      _props$layout = props.layout,
-      layout = _props$layout === void 0 ? 'vertical' : _props$layout,
-      _props$duration = props.duration,
-      duration = _props$duration === void 0 ? 3000 : _props$duration,
-      _props$transitionDura = props.transitionDuration,
-      transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
-      content = props.content,
-      _props$loading = props.loading,
-      loading = _props$loading === void 0 ? false : _props$loading,
-      loadingIcon = props.loadingIcon,
-      _props$disableBodyTou = props.disableBodyTouch,
-      disableBodyTouch = _props$disableBodyTou === void 0 ? false : _props$disableBodyTou,
-      loadingInner = props.loadingInner,
-      _props$direction = props.direction,
-      direction = _props$direction === void 0 ? 'center' : _props$direction,
-      typeIconMap = props.typeIconMap,
-      initialBodyOverflow = props.initialBodyOverflow;
+    getContainer = props.getContainer,
+    _props$visible = props.visible,
+    visible = _props$visible === void 0 ? false : _props$visible,
+    onClose = props.onClose,
+    close = props.close,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'info' : _props$type,
+    icon = props.icon,
+    _props$layout = props.layout,
+    layout = _props$layout === void 0 ? 'vertical' : _props$layout,
+    _props$duration = props.duration,
+    duration = _props$duration === void 0 ? 3000 : _props$duration,
+    _props$transitionDura = props.transitionDuration,
+    transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
+    content = props.content,
+    _props$loading = props.loading,
+    loading = _props$loading === void 0 ? false : _props$loading,
+    loadingIcon = props.loadingIcon,
+    _props$disableBodyTou = props.disableBodyTouch,
+    disableBodyTouch = _props$disableBodyTou === void 0 ? false : _props$disableBodyTou,
+    loadingInner = props.loadingInner,
+    _props$direction = props.direction,
+    direction = _props$direction === void 0 ? 'center' : _props$direction,
+    typeIconMap = props.typeIconMap,
+    initialBodyOverflow = props.initialBodyOverflow;
   var closeTimerRef = useRef();
   var domRef = useRef(null);
   var isInitialMount = useRef(false);
@@ -47,13 +47,11 @@ var Toast = /*#__PURE__*/forwardRef(function (props, ref) {
     };
   });
   usePreventBodyScroll(visible, disableBodyTouch, initialBodyOverflow);
-
   function handleClose() {
     if (close) {
       close();
     }
   }
-
   function startCloseTimer() {
     if (duration) {
       clearTimeout(closeTimerRef.current);
@@ -62,13 +60,11 @@ var Toast = /*#__PURE__*/forwardRef(function (props, ref) {
       }, duration);
     }
   }
-
   function handleClickMask(e) {
     if (disableBodyTouch) {
       e.preventDefault();
     }
   }
-
   function getTypeIcons() {
     var map = typeIconMap || {};
     var defaultMap = {
@@ -78,31 +74,25 @@ var Toast = /*#__PURE__*/forwardRef(function (props, ref) {
     };
     return map[type] || defaultMap[type] || null;
   }
-
   useEffect(function () {
     var mounted = isInitialMount.current;
-
     if (visible) {
       startCloseTimer();
     } else {
       clearTimeout(closeTimerRef.current);
-
       if (mounted) {
         setTimeout(function () {
           onClose && onClose();
         }, transitionDuration);
       }
     }
-
     isInitialMount.current = true;
   }, [visible]);
   useEffect(function () {
     startCloseTimer();
   }, [duration]);
-
   function renderComponent(prefixClass) {
     var _cls;
-
     return /*#__PURE__*/React.createElement("div", {
       className: cls(prefixClass + "-wrapper", "from-" + direction, {
         'no-event': !disableBodyTouch
@@ -123,7 +113,6 @@ var Toast = /*#__PURE__*/forwardRef(function (props, ref) {
       className: prefixClass + "-content"
     }, content) : null));
   }
-
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement(Portal, {
@@ -147,7 +136,6 @@ export function methodsGenerator(Comp) {
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
     toast: toast(Comp),
-
     /**
      * 展示常规提示框，同 Toast.toast
      * @desc {en} Show regular toast, the same as Toast.toast
@@ -155,7 +143,6 @@ export function methodsGenerator(Comp) {
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
     info: toast(Comp, 'info'),
-
     /**
      * 展示成功提示框(含成功icon)
      * @desc {en} Show success prompt toast (including success icon)
@@ -163,7 +150,6 @@ export function methodsGenerator(Comp) {
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
     success: toast(Comp, 'success'),
-
     /**
      * 展示错误提示框(含错误icon)
      * @desc {en} Display error prompt toast (including error icon)
@@ -171,7 +157,6 @@ export function methodsGenerator(Comp) {
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
     error: toast(Comp, 'error'),
-
     /**
      * 展示加载中提示框(含加载中icon)
      * @desc {en} Display loading prompt toast (including loading icon)
@@ -179,7 +164,6 @@ export function methodsGenerator(Comp) {
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
     loading: toast(Comp, 'loading'),
-
     /**
      * 展示警告提示框(含警告icon)
      * @desc {en} Display warning prompt toast (including warning icon)
@@ -190,6 +174,7 @@ export function methodsGenerator(Comp) {
   };
 }
 var ToastWithGlobalContext = CompWithGlobalContext(Toast);
+
 /**
  * 轻提示组件，支持各个场景下调用方法。
  * @en The toast component, supports calling methods in various scenarios.
@@ -198,5 +183,4 @@ var ToastWithGlobalContext = CompWithGlobalContext(Toast);
  * @name 轻提示
  * @name_en Toast
  */
-
 export default componentWrapper(Toast, methodsGenerator(ToastWithGlobalContext));

package/esm/toast/methods.js

@@ -7,29 +7,23 @@ export function toast(Component, type) {
       content: originConfig,
       type: 'info'
     } : originConfig;
-
     if (type !== void 0) {
       config.type = type;
       config.loading = type === 'loading';
     }
-
     var div = document.createElement('div');
     document.body.appendChild(div);
-
     var _ReactDOMRender = new ReactDOMRender(Component, div, context),
-        render = _ReactDOMRender.render,
-        unmount = _ReactDOMRender.unmount;
-
+      render = _ReactDOMRender.render,
+      unmount = _ReactDOMRender.unmount;
     function destroy() {
       var onClose = config.onClose;
       onClose && onClose();
       unmount();
-
       if (div.parentNode) {
         div.parentNode.removeChild(div);
       }
     }
-
     var dynamicProps = _extends({}, config, {
       close: close,
       getContainer: function getContainer() {
@@ -38,20 +32,16 @@ export function toast(Component, type) {
       onClose: destroy,
       visible: false
     });
-
     var leaving = false;
-
     function update(newConfig) {
       dynamicProps = _extends({}, dynamicProps, newConfig);
       render(dynamicProps);
     }
-
     function close() {
       leaving = true;
       dynamicProps.visible = false;
       render(dynamicProps);
     }
-
     render(dynamicProps);
     nextTick(function () {
       // 在即将打开时发现已经调用了close则取消打开操作

package/esm/transition/index.js

@@ -4,7 +4,6 @@ var _excluded = ["children", "type", "in", "timeout", "mountOnEnter", "unmountOn
 import React from 'react';
 import CSSTransition from 'react-transition-group/CSSTransition';
 import { ContextLayout } from '../context-provider';
-
 /**
  * react-transition-group/CSSTransition 的简单封装。
  * @en Simple wrapper for react-transition-group/CSSTransition.
@@ -15,17 +14,16 @@ import { ContextLayout } from '../context-provider';
  */
 export default function Transition(props) {
   var _props$children = props.children,
-      children = _props$children === void 0 ? /*#__PURE__*/React.createElement("div", null) : _props$children,
-      type = props.type,
-      transIn = props.in,
-      _props$timeout = props.timeout,
-      timeout = _props$timeout === void 0 ? 300 : _props$timeout,
-      _props$mountOnEnter = props.mountOnEnter,
-      mountOnEnter = _props$mountOnEnter === void 0 ? true : _props$mountOnEnter,
-      _props$unmountOnExit = props.unmountOnExit,
-      unmountOnExit = _props$unmountOnExit === void 0 ? true : _props$unmountOnExit,
-      restProps = _objectWithoutPropertiesLoose(props, _excluded);
-
+    children = _props$children === void 0 ? /*#__PURE__*/React.createElement("div", null) : _props$children,
+    type = props.type,
+    transIn = props.in,
+    _props$timeout = props.timeout,
+    timeout = _props$timeout === void 0 ? 300 : _props$timeout,
+    _props$mountOnEnter = props.mountOnEnter,
+    mountOnEnter = _props$mountOnEnter === void 0 ? true : _props$mountOnEnter,
+    _props$unmountOnExit = props.unmountOnExit,
+    unmountOnExit = _props$unmountOnExit === void 0 ? true : _props$unmountOnExit,
+    restProps = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement(CSSTransition, _extends({

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@arco-design/mobile-react",
-    "version": "2.24.1",
+    "version": "2.25.0",
     "description": "",
     "main": "cjs/index.js",
     "module": "esm/index.js",
@@ -15,9 +15,8 @@
     "author": "taoyiyue@bytedance.com",
     "license": "ISC",
     "dependencies": {
-        "@arco-design/mobile-utils": "^2.12.10",
+        "@arco-design/mobile-utils": "2.13.0",
         "@arco-design/transformable": "^1.0.0",
-        "es6-promise": "^4.2.8",
         "lodash.throttle": "^4.1.1",
         "resize-observer-polyfill": "^1.5.1"
     },
@@ -36,5 +35,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "c9f2506a5518bc6ccf6aa2f85c3077e02ab22fac"
+    "gitHead": "fc2a622794d8ca20215086267ee88083bf48f59f"
 }

package/style/css/public.css

@@ -38,6 +38,7 @@ td {
 }
 input,
 textarea {
+  border: 0;
   outline: 0;
 }
 code,

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

@@ -10,7 +10,8 @@
     --line-color: #e5e6eb;
     --primary-color: #165dff;
     --primary-disabled-color: #94bfff;
-    --danger-color: #ee4d38;
+    --danger-color: #f53f3f;
+    --warning-color: #ff7d00;
     --disabled-color: #c9cdd4;
     --mask-background: rgba(0, 0, 0, 0.6);
     --mask-content-color: #ffffff;
@@ -503,7 +504,7 @@
     --swipe-load-label-text-font-size: ~`pxtorem(12)`;
     --notice-bar-wrapper-padding: 0 ~`pxtorem(16)`;
     --notice-bar-background: #fff7e8;
-    --notice-bar-color: #ff7d00;
+    --notice-bar-color: var(--warning-color);
     --notice-bar-gradient-background: linear-gradient(to right, #fff7e8, rgba(255, 247, 232, 0));
     --notice-bar-line-height: ~`pxtorem(20)`;
     --notice-bar-text-font-size: ~`pxtorem(14)`;
@@ -513,8 +514,8 @@
     --notice-bar-horizontal-padding: ~`pxtorem(8)`;
     --notice-bar-gradient-width: ~`pxtorem(8)`;
     --notify-success-background: #00B42A;
-    --notify-error-background: #F53F3F;
-    --notify-warn-background: #FF7D00;
+    --notify-error-background: var(--danger-color);
+    --notify-warn-background: var(--warning-color);
     --notify-font-color: #ffffff;
     --notify-info-font-color: var(--primary-color);
     --notify-font-size: ~`pxtorem(14)`;
@@ -533,7 +534,7 @@
     --steps-finish-icon-num-background: #E8F3FF;
     --steps-process-icon-num-background: var(--primary-color);
     --steps-wait-icon-num-background: #F2F3F5;
-    --steps-error-icon-num-background: #F53F3F;
+    --steps-error-icon-num-background: var(--danger-color);
     --steps-icon-svg-standard-font-size: 10PX;
     --steps-finish-icon-svg-color: var(--primary-color);
     --steps-error-icon-svg-color: #FFFFFF;
@@ -546,7 +547,7 @@
     --steps-process-dot-background: var(--primary-color);
     --steps-wait-dot-border-color: var(--sub-info-font-color);
     --steps-finish-title-color: var(--font-color);
-    --steps-error-title-color: #F53F3F;
+    --steps-error-title-color: var(--danger-color);
     --steps-process-title-color: var(--primary-color);
     --steps-wait-title-color: var(--sub-info-font-color);
     --steps-description-color: var(--sub-font-color);
@@ -577,7 +578,7 @@
     --swipe-action-icon-width: ~`pxtorem(20)`;
     --swipe-action-icon-height: ~`pxtorem(20)`;
     --swipe-action-icon-margin-right: ~`pxtorem(4)`;
-    --badge-background-color: #F53F3F;
+    --badge-background-color: var(--danger-color);
     --badge-text-color: #FFFFFF;
     --badge-font-size: 12PX;
     --badge-dot-width: 8PX;
@@ -718,4 +719,13 @@
     --stepper-input-width: ~`pxtorem(40)`;
     --stepper-input-height: ~`pxtorem(28)`;
     --stepper-input-margin: 0 1PX;
+    --form-item-label-item-font-size: ~`pxtorem(16)`;
+    --form-item-label-item-line-height: ~`pxtorem(54)`;
+    --form-item-label-item-color: var(--font-color);
+    --form-item-label-item-gutter: ~`pxtorem(16)`;
+    --form-item-label-item-width: ~`pxtorem(96)`;
+    --form-item-border-divider-color: rgba(0, 0, 0, 0.08);
+    --form-item-label-item-required-asterisk-color: var(--danger-color);
+    --form-item-error-message-color: var(--danger-color);
+    --form-item-warning-message-color: var(--warning-color);
 }

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

@@ -10,6 +10,7 @@ export interface ArcodesignToken extends Record<string, string> {
     'primary-color': string;
     'primary-disabled-color': string;
     'danger-color': string;
+    'warning-color': string;
     'disabled-color': string;
     'mask-background': string;
     'mask-content-color': string;
@@ -717,6 +718,15 @@ export interface ArcodesignToken extends Record<string, string> {
     'stepper-input-width': string;
     'stepper-input-height': string;
     'stepper-input-margin': string;
+    'form-item-label-item-font-size': string;
+    'form-item-label-item-line-height': string;
+    'form-item-label-item-color': string;
+    'form-item-label-item-gutter': string;
+    'form-item-label-item-width': string;
+    'form-item-border-divider-color': string;
+    'form-item-label-item-required-asterisk-color': string;
+    'form-item-error-message-color': string;
+    'form-item-warning-message-color': string;
 }
 declare const tokens: ArcodesignToken;
 export default tokens;

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

@@ -5,12 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 exports.getRem = getRem;
-
 function getRem(px, baseFontSize) {
   var num = Math.round(px / Number(baseFontSize) * 1000000) / 1000000;
   return num ? "".concat(num, "rem") : num;
 }
-
 var tokens = {
   "prefix": "arco",
   "base-font-size": "50",
@@ -21,7 +19,8 @@ var tokens = {
   "line-color": "#e5e6eb",
   "primary-color": "#165dff",
   "primary-disabled-color": "#94bfff",
-  "danger-color": "#ee4d38",
+  "danger-color": "#f53f3f",
+  "warning-color": "#ff7d00",
   "disabled-color": "#c9cdd4",
   "mask-background": "rgba(0, 0, 0, 0.6)",
   "mask-content-color": "#ffffff",
@@ -514,7 +513,7 @@ var tokens = {
   "swipe-load-label-text-font-size": "0.24rem",
   "notice-bar-wrapper-padding": "0 0.32rem",
   "notice-bar-background": "#fff7e8",
-  "notice-bar-color": "#ff7d00",
+  "notice-bar-color": "var(--warning-color)",
   "notice-bar-gradient-background": "linear-gradient(to right, #fff7e8, rgba(255, 247, 232, 0))",
   "notice-bar-line-height": "0.4rem",
   "notice-bar-text-font-size": "0.28rem",
@@ -524,8 +523,8 @@ var tokens = {
   "notice-bar-horizontal-padding": "0.16rem",
   "notice-bar-gradient-width": "0.16rem",
   "notify-success-background": "#00B42A",
-  "notify-error-background": "#F53F3F",
-  "notify-warn-background": "#FF7D00",
+  "notify-error-background": "var(--danger-color)",
+  "notify-warn-background": "var(--warning-color)",
   "notify-font-color": "#ffffff",
   "notify-info-font-color": "var(--primary-color)",
   "notify-font-size": "0.28rem",
@@ -544,7 +543,7 @@ var tokens = {
   "steps-finish-icon-num-background": "#E8F3FF",
   "steps-process-icon-num-background": "var(--primary-color)",
   "steps-wait-icon-num-background": "#F2F3F5",
-  "steps-error-icon-num-background": "#F53F3F",
+  "steps-error-icon-num-background": "var(--danger-color)",
   "steps-icon-svg-standard-font-size": "10PX",
   "steps-finish-icon-svg-color": "var(--primary-color)",
   "steps-error-icon-svg-color": "#FFFFFF",
@@ -557,7 +556,7 @@ var tokens = {
   "steps-process-dot-background": "var(--primary-color)",
   "steps-wait-dot-border-color": "var(--sub-info-font-color)",
   "steps-finish-title-color": "var(--font-color)",
-  "steps-error-title-color": "#F53F3F",
+  "steps-error-title-color": "var(--danger-color)",
   "steps-process-title-color": "var(--primary-color)",
   "steps-wait-title-color": "var(--sub-info-font-color)",
   "steps-description-color": "var(--sub-font-color)",
@@ -588,7 +587,7 @@ var tokens = {
   "swipe-action-icon-width": "0.4rem",
   "swipe-action-icon-height": "0.4rem",
   "swipe-action-icon-margin-right": "0.08rem",
-  "badge-background-color": "#F53F3F",
+  "badge-background-color": "var(--danger-color)",
   "badge-text-color": "#FFFFFF",
   "badge-font-size": "12PX",
   "badge-dot-width": "8PX",
@@ -728,7 +727,16 @@ var tokens = {
   "stepper-disable-color": "#c9cdd4",
   "stepper-input-width": "0.8rem",
   "stepper-input-height": "0.56rem",
-  "stepper-input-margin": "0 1PX"
+  "stepper-input-margin": "0 1PX",
+  "form-item-label-item-font-size": "0.32rem",
+  "form-item-label-item-line-height": "1.08rem",
+  "form-item-label-item-color": "var(--font-color)",
+  "form-item-label-item-gutter": "0.32rem",
+  "form-item-label-item-width": "1.92rem",
+  "form-item-border-divider-color": "rgba(0, 0, 0, 0.08)",
+  "form-item-label-item-required-asterisk-color": "var(--danger-color)",
+  "form-item-error-message-color": "var(--danger-color)",
+  "form-item-warning-message-color": "var(--warning-color)"
 };
 var _default = tokens;
 exports["default"] = _default;