@arco-design/mobile-react 2.19.2-ee92494.5 → 2.20.0

package/esm/dropdown-menu/index.js

@@ -1,10 +1,5 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useRef, useState, forwardRef, useImperativeHandle, useMemo, useCallback, useEffect, useContext } from 'react';
-import { cls } from '@arco-design/mobile-utils';
-import { GlobalContext } from '../context-provider';
-import { getFormattedOptions as defaultFormatFunc, isCascadeArray, isClassNameDom, isRefDom } from './helper';
+import { componentGenerator } from './dropdown-menu';
 import Dropdown from '../dropdown';
-import IconTriDown from '../icon/IconTriDown';
 export * from './type';
 /**
  * 下拉选择组件，点击选择器(select)展开下拉框(dropdown)，展示选择项(options)，兼容多个选择器的情况。
@@ -15,235 +10,5 @@ export * from './type';
  * @name_en DropdownMenu
  */
 
-var DropdownMenu = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$style = props.style,
-      style = _props$style === void 0 ? {} : _props$style,
-      _props$options = props.options,
-      options = _props$options === void 0 ? [] : _props$options,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? [] : _props$disabled,
-      _props$selectTips = props.selectTips,
-      selectTips = _props$selectTips === void 0 ? [] : _props$selectTips,
-      values = props.values,
-      _props$defaultValues = props.defaultValues,
-      defaultValues = _props$defaultValues === void 0 ? [] : _props$defaultValues,
-      icon = props.icon,
-      _props$chooseAndClose = props.chooseAndClose,
-      chooseAndClose = _props$chooseAndClose === void 0 ? true : _props$chooseAndClose,
-      selectIndex = props.selectIndex,
-      _props$defaultSelectI = props.defaultSelectIndex,
-      defaultSelectIndex = _props$defaultSelectI === void 0 ? 0 : _props$defaultSelectI,
-      showDropdown = props.showDropdown,
-      _props$defaultShowDro = props.defaultShowDropdown,
-      defaultShowDropdown = _props$defaultShowDro === void 0 ? false : _props$defaultShowDro,
-      renderSelectLabel = props.renderSelectLabel,
-      onValuesChange = props.onValuesChange,
-      onSelectChange = props.onSelectChange,
-      onDropdownChange = props.onDropdownChange,
-      _props$getFormattedOp = props.getFormattedOptions,
-      getFormattedOptions = _props$getFormattedOp === void 0 ? defaultFormatFunc : _props$getFormattedOp,
-      children = props.children,
-      extraForDropdown = props.extraForDropdown;
-
-  var _useContext = useContext(GlobalContext),
-      prefixCls = _useContext.prefixCls,
-      locale = _useContext.locale;
-
-  var _useState = useState(defaultValues),
-      innerValues = _useState[0],
-      setInnerValues = _useState[1];
-
-  var _useState2 = useState(0),
-      defaultTop = _useState2[0],
-      setDefaultTop = _useState2[1];
-
-  var currentValues = values !== void 0 ? values : innerValues;
-
-  var _useState3 = useState(defaultShowDropdown),
-      innerShowDropdown = _useState3[0],
-      setInnerShowDropdown = _useState3[1];
-
-  var dropdownShown = showDropdown !== void 0 ? showDropdown : innerShowDropdown;
-
-  var _useState4 = useState(defaultSelectIndex),
-      innerSelectedIndex = _useState4[0],
-      setInnerSelectedIndex = _useState4[1];
-
-  var selectedIndex = selectIndex !== void 0 ? selectIndex : innerSelectedIndex;
-  var selectWrapper = useRef(null);
-  var domRef = useRef(null);
-  var defaultOpItem = {
-    label: locale == null ? void 0 : locale.DropdownMenu.select,
-    value: -1
-  };
-  /**
-   * 下拉框的容器
-   * @en Dropdown container
-   */
-
-  var getContainer = useCallback(function () {
-    if (props.getContainer) {
-      return props.getContainer() || selectWrapper.current;
-    }
-
-    return selectWrapper.current;
-  }, [selectWrapper.current]);
-  /**
-   * 更新选项数组和选择情况
-   * @en Update options list and selection
-   */
-
-  var _useMemo = useMemo(function () {
-    return getFormattedOptions(options, currentValues);
-  }, [options, currentValues]),
-      formattedOptions = _useMemo.formattedOptions;
-
-  var selectedOptions = useMemo(function () {
-    return formattedOptions.map(function (ops, index) {
-      return ops.find(function (op) {
-        var value = currentValues[index];
-        return Array.isArray(value) ? value.includes(op.value) : op.value === value;
-      }) || (props.multiple ? defaultOpItem : ops[0]);
-    });
-  }, [formattedOptions, currentValues]);
-  /**
-   * 当下拉框的状态变化
-   * @en When the state of the dropdown box changes
-   */
-
-  var handleShowDropdownChange = function handleShowDropdownChange(show, index) {
-    onDropdownChange && onDropdownChange(show, index);
-    setInnerShowDropdown(show);
-  };
-
-  var handleSelectedIndexChange = function handleSelectedIndexChange(idx) {
-    setInnerSelectedIndex(idx);
-    onSelectChange == null ? void 0 : onSelectChange(idx);
-  };
-
-  var handleValuesChange = function handleValuesChange(val) {
-    var newValue = [].concat(currentValues); // 级联情况下 selectedIndex 之后的选项值重置
-    // @en Option values are reset after selectedIndex in case of cascade
-
-    if (isCascadeArray(options)) {
-      newValue = newValue.slice(0, selectedIndex);
-    }
-
-    newValue[selectedIndex] = val;
-    newValue = getFormattedOptions(options, newValue).formattedValue;
-    setInnerValues(newValue);
-    onValuesChange == null ? void 0 : onValuesChange(newValue);
-  };
-  /**
-   * 处理选择框的点击事件
-   * @en Handle click event of dropdown box
-   */
-
-
-  var handleSelectClick = function handleSelectClick(idx) {
-    if (disabled[idx]) return;
-
-    if (Number(idx) === selectedIndex) {
-      handleShowDropdownChange(!dropdownShown, idx);
-    } else {
-      handleSelectedIndexChange(idx);
-      if (!dropdownShown) handleShowDropdownChange(true, idx);
-    }
-  };
-  /**
-   * 判断是否为当前实例下的选择框
-   * @en Determine whether it is the dropdown box under the current instance
-   */
-
-
-  var isCurrentSelectEl = function isCurrentSelectEl(target) {
-    var _ref = extraForDropdown || {},
-        isStopTouchEl = _ref.isStopTouchEl;
-
-    return isRefDom(target, selectWrapper) && isClassNameDom(target, 'select-item') || (isStopTouchEl == null ? void 0 : isStopTouchEl(target)) || false;
-  };
-
-  useImperativeHandle(ref, function () {
-    return {
-      dom: domRef.current
-    };
-  });
-  useEffect(function () {
-    var _getContainer;
-
-    setDefaultTop(((_getContainer = getContainer()) == null ? void 0 : _getContainer.getBoundingClientRect().bottom) || 0);
-  }, [getContainer, dropdownShown]);
-
-  var onCancel = props.onCancel || function () {
-    return handleShowDropdownChange(false);
-  };
-
-  var dropdownCommonProps = _extends({
-    showDropdown: dropdownShown,
-    top: (extraForDropdown == null ? void 0 : extraForDropdown.top) || defaultTop,
-    onCancel: onCancel
-  }, extraForDropdown || {}, {
-    isStopTouchEl: isCurrentSelectEl
-  });
-
-  return /*#__PURE__*/React.createElement("div", {
-    ref: domRef,
-    className: cls(prefixCls + "-dropdown-menu all-border-box " + (dropdownShown ? 'show' : ''), className),
-    style: style
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cls(prefixCls + "-select"),
-    ref: selectWrapper
-  }, selectedOptions.map(function (op, index) {
-    var tip = selectTips[index] || '';
-    return /*#__PURE__*/React.createElement("div", {
-      className: cls(prefixCls + "-select-item", {
-        'is-disabled': disabled[index],
-        'is-selected': dropdownShown && selectedIndex === index
-      }),
-      key: index,
-      "data-idx": index,
-      onClick: function onClick() {
-        return handleSelectClick(index);
-      }
-    }, tip.length > 0 && /*#__PURE__*/React.createElement("span", {
-      className: cls(prefixCls + "-select-item-tip")
-    }, tip), /*#__PURE__*/React.createElement("div", {
-      className: cls(prefixCls + "-select-item-label")
-    }, renderSelectLabel ? renderSelectLabel(op, index) : /*#__PURE__*/React.createElement("div", {
-      className: cls(prefixCls + "-select-item-label-text")
-    }, op.label), icon === void 0 ? /*#__PURE__*/React.createElement(IconTriDown, {
-      className: cls(prefixCls + "-select-item-icon", {
-        'is-show': dropdownShown && selectedIndex === index
-      })
-    }) : icon));
-  }), props.multiple === true ? /*#__PURE__*/React.createElement(Dropdown, _extends({
-    multiple: true,
-    options: formattedOptions[selectedIndex] || [],
-    selectedValue: currentValues[selectedIndex] || [],
-    onOptionClick: function onOptionClick(selected, val, op) {
-      props.onOptionClick == null ? void 0 : props.onOptionClick(selected, val, op, selectedIndex);
-    },
-    onOptionChange: function onOptionChange(val, op) {
-      props.onOptionChange == null ? void 0 : props.onOptionChange(val, op, selectedIndex);
-      handleValuesChange(val);
-    }
-  }, dropdownCommonProps), children) : /*#__PURE__*/React.createElement(Dropdown, _extends({
-    multiple: props.multiple,
-    options: formattedOptions[selectedIndex] || [],
-    selectedValue: currentValues[selectedIndex] || 0,
-    onOptionClick: function onOptionClick(val, op) {
-      props.onOptionClick == null ? void 0 : props.onOptionClick(val, op, selectedIndex);
-
-      if (chooseAndClose) {
-        handleShowDropdownChange(false, selectedIndex);
-      }
-    },
-    onOptionChange: function onOptionChange(val, op) {
-      props.onOptionChange == null ? void 0 : props.onOptionChange(val, op, selectedIndex);
-      handleValuesChange(val);
-    }
-  }, dropdownCommonProps), children)));
-});
+var DropdownMenu = componentGenerator(Dropdown);
 export default DropdownMenu;

package/esm/dropdown-menu/type.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { OptionsItem, DropdownCommonProps } from '../dropdown';
+import { OptionsItem, DropdownCommonProps, OptionValueType } from '../dropdown';
 export type { OptionsItem, DropdownCommonProps };
 export interface CascadeOptions extends OptionsItem {
     /**
@@ -29,11 +29,6 @@ export interface DropdownMenuBasicProps {
      * @en The selected number of selector (controlled)
      */
     selectIndex?: number;
-    /**
-     * 自定义选择器
-     * @en Custom selector
-     */
-    renderSelectLabel?: (op: OptionsItem, index: number) => ReactNode;
     /**
      * 选择器禁用状态
      * @en Selector disabled state
@@ -112,47 +107,53 @@ export interface SingleOptionProps {
      * 初始选择项
      * @en initial selection item
      *  */
-    defaultValues?: number[];
+    defaultValues?: OptionValueType[];
     /**
      * (受控) 每个选择器选中的项
      * @en (Controlled) The item selected by each selector
      *  */
-    values?: number[];
+    values?: OptionValueType[];
+    /**
+     * 自定义选择器
+     * @en Custom selector
+     */
+    renderSelectLabel?: (op: OptionsItem, index: number) => ReactNode;
     /**
      * 点击选项时触发的回调函数
      * @en Callback when clicking option
      *  */
-    onOptionClick?: (value: number, item: OptionsItem, selectIndex?: number) => void;
+    onOptionClick?: (value: OptionValueType, item: OptionsItem, selectIndex?: number) => void;
     /**
      * 选项改变时触发的回调函数
      * @en Callback when options change
      *  */
-    onOptionChange?: (value: number, item: OptionsItem, selectIndex?: number) => void;
+    onOptionChange?: (value: OptionValueType, item: OptionsItem, selectIndex?: number) => void;
     /**
      * 所有选择器选项总值改变时的回调函数
      * @en Callback when the total value of all selector options changes
      *  */
-    onValuesChange?: (values: number[]) => void;
+    onValuesChange?: (values: OptionValueType[]) => void;
     /**
      * 格式化传入的options
      * @en Format the input options
      *  */
-    getFormattedOptions?: (options: SingleOptionProps['options'], values?: number[]) => {
+    getFormattedOptions?: (options: SingleOptionProps['options'], values?: OptionValueType[]) => {
         formattedOptions: OptionsItem[][];
-        formattedValue: number[];
+        formattedValue: OptionValueType[];
     };
 }
 export interface MultipleOptionProps {
     multiple: true;
     options: string[] | OptionsItem[][];
-    defaultValues?: number[][];
-    values?: number[][];
-    onOptionClick?: (selected: boolean, val: number, item: OptionsItem, selectIndex?: number) => void;
-    onOptionChange?: (vals: number[], item: OptionsItem, selectIndex?: number) => void;
-    onValuesChange?: (values: number[][]) => void;
-    getFormattedOptions?: (options: SingleOptionProps['options'], values?: number[][]) => {
+    defaultValues?: OptionValueType[][];
+    values?: OptionValueType[][];
+    renderSelectLabel?: (op: OptionsItem[], index: number) => ReactNode;
+    onOptionClick?: (selected: boolean, val: OptionValueType, item: OptionsItem, selectIndex?: number) => void;
+    onOptionChange?: (vals: OptionValueType[], item: OptionsItem, selectIndex?: number) => void;
+    onValuesChange?: (values: OptionValueType[][]) => void;
+    getFormattedOptions?: (options: SingleOptionProps['options'], values?: OptionValueType[][]) => {
         formattedOptions: OptionsItem[][];
-        formattedValue: number[][];
+        formattedValue: OptionValueType[][];
     };
 }
 export declare type OptionProps = SingleOptionProps | MultipleOptionProps;

package/esm/image/index.js

@@ -37,6 +37,7 @@ export var BaseImage = /*#__PURE__*/forwardRef(function (props, ref) {
   var wrapRef = useRef(null);
   var retryCountRef = useRef(0);
   var loadingImageRef = useRef(null);
+  var hasLoadedRef = useRef(false);
   var style = props.style,
       className = props.className,
       status = props.status,
@@ -160,6 +161,7 @@ export var BaseImage = /*#__PURE__*/forwardRef(function (props, ref) {
     image.onload = function (evt) {
       loadingImageRef.current = null;
       imageDomRef.current = image;
+      hasLoadedRef.current = true;
       changeStatus('loaded');
       var _image$width = image.width,
           imageWidth = _image$width === void 0 ? 0 : _image$width,
@@ -274,7 +276,8 @@ export var BaseImage = /*#__PURE__*/forwardRef(function (props, ref) {
     })) : null, /*#__PURE__*/React.createElement("div", {
       className: cls('image-container', validStatus, {
         animate: Boolean(animateDuration),
-        'static-label': staticLabel
+        'static-label': staticLabel,
+        'has-loaded': hasLoadedRef.current
       }),
       style: getStyleWithVendor({
         transitionDuration: animateDuration + "ms"

package/esm/image/style/css/index.css

@@ -66,7 +66,8 @@
 }
 .arco-image .image-container.static-label,
 .arco-image .image-container.loaded,
-.arco-image .image-container.error {
+.arco-image .image-container.error,
+.arco-image .image-container.has-loaded {
   opacity: 1;
 }
 .arco-image .image-container.animate {

package/esm/image/style/index.less

@@ -66,7 +66,8 @@
 
         &.static-label,
         &.loaded,
-        &.error {
+        &.error,
+        &.has-loaded {
             opacity: 1;
         }
 

package/esm/image-picker/index.d.ts

@@ -14,9 +14,10 @@ export interface ImagePickItem {
     /**
      * 图片状态
      * @en Image Status
-     * @default 'loaded'
+     * @default 以图片自身加载状态而定
+     * @default_en According to inner status of the image
      */
-    status: 'loaded' | 'loading' | 'error';
+    status?: 'loaded' | 'loading' | 'error';
 }
 export interface AdapterFile {
     url?: string;
@@ -117,7 +118,7 @@ export interface ImagePickerProps {
      * 透传给图片的属性
      * @en Attributes passed through to the image
      */
-    imageProps?: ImageProps;
+    imageProps?: Partial<ImageProps>;
     /**
      * 自定义上传失败展示
      * @en Defined upload failed display
@@ -133,12 +134,11 @@ export interface ImagePickerProps {
      * @en upload function
      */
     upload?: (file: ImagePickItem) => Promise<ImagePickItem | null>;
-    onSelect?: (...args: any[]) => void;
     /**
      * 已选图片列表发生变化
      * @en The list of selected images changes
      */
-    onChange?: (fileList: ImagePickItem[]) => Promise<void>;
+    onChange?: (fileList: ImagePickItem[]) => void;
     /**
      * 图片超过限制大小
      * @en Image exceeds size limit
@@ -163,7 +163,7 @@ export interface ImagePickerProps {
      * 图片选择适配器
      * @en Select Adaptor
      */
-    selectAdapter: () => Promise<SelectCallback>;
+    selectAdapter?: () => Promise<SelectCallback>;
 }
 export interface ImagePickerRef {
     /**

package/esm/image-picker/index.js

@@ -119,7 +119,7 @@ var ImagePicker = /*#__PURE__*/forwardRef(function (props, ref) {
       var res = parseFiles.map(function (url, index) {
         return {
           url: url,
-          status: upload ? 'loading' : 'loaded',
+          status: typeof upload === 'function' ? 'loading' : 'loaded',
           file: files[index]
         };
       });
@@ -130,11 +130,12 @@ var ImagePicker = /*#__PURE__*/forwardRef(function (props, ref) {
         var propsImageLength = images.length;
         files.forEach(function (_file, index) {
           upload(cacheRes[propsImageLength + index]).then(function (data) {
-            cacheRes[propsImageLength + index] = _extends({}, cacheRes[propsImageLength + index], data);
+            cacheRes[propsImageLength + index] = _extends({}, cacheRes[propsImageLength + index], data, {
+              status: undefined
+            });
           }).catch(function () {
             cacheRes[propsImageLength + index].status = 'error';
           }).finally(function () {
-            cacheRes[propsImageLength + index].status = 'loaded';
             onChange([].concat(cacheRes));
           });
         });

package/esm/nav-bar/index.js

@@ -3,6 +3,7 @@ import React, { useEffect, useState, forwardRef, useImperativeHandle, useRef } f
 import { cls, getScrollContainerAttribute, getValidScrollContainer } from '@arco-design/mobile-utils';
 import { ContextLayout } from '../context-provider';
 import BackArrow from './back-icon';
+import { useSystem } from '../_helpers';
 
 /**
  * 导航栏组件，支持吸顶和沉浸式，支持在指定滚动位置展示，支持根据滚动位置实时更新style。
@@ -51,8 +52,10 @@ var NavBar = /*#__PURE__*/forwardRef(function (props, ref) {
       customStyle = _useState2[0],
       setCustomStyle = _useState2[1];
 
+  var system = useSystem();
+
   var onElementScroll = function onElementScroll(curOffset) {
-    setScrollToggleHide(curOffset <= showOffset);
+    setScrollToggleHide(curOffset < showOffset);
 
     if (getComputedStyleByScroll) {
       var cstyle = getComputedStyleByScroll(curOffset);
@@ -78,6 +81,7 @@ var NavBar = /*#__PURE__*/forwardRef(function (props, ref) {
   useEffect(function () {
     var needBind = showOffset || getComputedStyleByScroll;
     var container = getValidScrollContainer(getScrollContainer);
+    handleEleScroll();
 
     if (needBind && container) {
       container.addEventListener('scroll', handleEleScroll, false);
@@ -125,7 +129,7 @@ var NavBar = /*#__PURE__*/forwardRef(function (props, ref) {
         background: relBackground
       } : {})
     }, /*#__PURE__*/React.createElement("div", {
-      className: cls(className, prefixCls + "-nav-bar-wrapper", (_cls2 = {}, _cls2[prefixCls + "-nav-bar-wrapper-fixed"] = fixed, _cls2[prefixCls + "-nav-bar-wrapper-border"] = hasBottomLine, _cls2)),
+      className: cls(className, system, prefixCls + "-nav-bar-wrapper", (_cls2 = {}, _cls2[prefixCls + "-nav-bar-wrapper-fixed"] = fixed, _cls2[prefixCls + "-nav-bar-wrapper-border"] = hasBottomLine, _cls2)),
       style: _extends({
         paddingTop: statusBarHeight ? statusBarHeight + "px" : ''
       }, customStyle)

package/esm/show-monitor/index.js

@@ -108,6 +108,34 @@ var ShowMonitor = /*#__PURE__*/forwardRef(function (props, ref) {
           offset: offset,
           threshold: threshold
         }, true);
+      },
+
+      /**
+       * 重置元素初始可见态为false，并重新对元素可见度发起检测，优先级低于disabled（通常用在对ShowMonitor内部元素变化时发起的重新监听）
+       * @en Reset the initial visible state of the element to false, and re-detect the visibility of the element, the priority is lower than 'disabled'(Usually used to re-listen when elements inside ShowMonitor change)
+       */
+      flushVisibleStatus: function flushVisibleStatus() {
+        isVisible.current = false;
+
+        if (isSupportNativeApi && io.current && domRef.current) {
+          disabled ? io.current.unobserve(domRef.current) : io.current.observe(domRef.current);
+        } else if (listener.current) {
+          var _key = wrapperKey.current;
+
+          if (once && onOnceEmittedListeners != null && onOnceEmittedListeners[_key]) {
+            onOnceEmittedListeners[_key] = onOnceEmittedListeners[_key].filter(function (emitListener) {
+              return emitListener !== listener.current;
+            });
+          }
+
+          if (!disabled && !listeners[_key].find(function (_listener) {
+            return _listener === listener.current;
+          })) {
+            listeners[_key].push(listener.current);
+          }
+
+          !disabled && _checkVisible(listener.current);
+        }
       }
     };
   });
@@ -375,8 +403,8 @@ var ShowMonitor = /*#__PURE__*/forwardRef(function (props, ref) {
           }
         }
 
-        var _key = wrapperKey.current;
-        var curListeners = listeners[_key];
+        var _key2 = wrapperKey.current;
+        var curListeners = listeners[_key2];
 
         if (curListeners) {
           // 不在监听队列中，移除
@@ -386,7 +414,7 @@ var ShowMonitor = /*#__PURE__*/forwardRef(function (props, ref) {
           // @en When the listening queue is empty, unbind scroll and resize events
 
           if (curListeners.length === 0) {
-            delete listeners[_key];
+            delete listeners[_key2];
 
             if (scrollPort.current) {
               scrollPort.current.removeEventListener('scroll', throttlingVisibleChange);

package/package.json

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

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

@@ -159,8 +159,9 @@
     --avatar-desc-ultra-small-margin-top: ~`pxtorem(2)`;
     --avatar-name-color: var(--font-color);
     --avatar-desc-color: var(--sub-info-font-color);
-    --button-border-color: var(--primary-color);
+    --button-line-height: 1.2;
     --button-radius: 2PX;
+    --button-icon-text-gutter: ~`pxtorem(4)`;
     --button-primary-background: var(--primary-color);
     --button-primary-clicked-background: #0E42D2;
     --button-primary-disabled-background: var(--primary-disabled-color);

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

@@ -158,8 +158,9 @@ export interface ArcodesignToken extends Record<string, string> {
     'avatar-desc-ultra-small-margin-top': string;
     'avatar-name-color': string;
     'avatar-desc-color': string;
-    'button-border-color': string;
+    'button-line-height': string;
     'button-radius': string;
+    'button-icon-text-gutter': string;
     'button-primary-background': string;
     'button-primary-clicked-background': string;
     'button-primary-disabled-background': string;

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

@@ -170,8 +170,9 @@ var tokens = {
   "avatar-desc-ultra-small-margin-top": "0.04rem",
   "avatar-name-color": "#1d2129",
   "avatar-desc-color": "#86909c",
-  "button-border-color": "#165dff",
+  "button-line-height": "1.2",
   "button-radius": "2PX",
+  "button-icon-text-gutter": "0.08rem",
   "button-primary-background": "#165dff",
   "button-primary-clicked-background": "#0E42D2",
   "button-primary-disabled-background": "#94bfff",