Merge branch 'release'

.eslintrc.js

@@ -43,9 +43,9 @@ module.exports = {
                 'jsx-a11y/mouse-events-have-key-events': ['warn'],
                 'object-curly-spacing': ['error', 'always'],
                 'space-before-blocks': ['error', 'always'],
+                "space-infix-ops": "error",
                 'max-len': 'off',
                 'react/forbid-foreign-prop-types': ['error', { "allowInPropTypes": true }]
-
             },
             globals: {
                 "sinon": "readonly",
@@ -117,7 +117,9 @@ module.exports = {
                 'object-curly-spacing': ['error', 'always'],
                 'prefer-const': 'off',
                 'semi-design/no-import': 'error',
+                "space-infix-ops": ["error", { "int32Hint": false }],
                 'space-before-blocks': ['error', 'always'],
+                "space-infix-ops": "error",
                 "@typescript-eslint/type-annotation-spacing": ['error', {"after": true}],
                 "@typescript-eslint/member-delimiter-style": [
                     "error",

babel.config.js

@@ -13,6 +13,7 @@ module.exports = {
         '@babel/preset-typescript'
     ],
     plugins: [
+        "@babel/plugin-transform-numeric-separator",
         '@babel/plugin-transform-runtime',
         [
             '@babel/plugin-proposal-decorators',

content/feedback/banner/index-en-US.md

@@ -1,6 +1,6 @@
 ---
 localeCode: en-US
-order: 70
+order: 73
 category: Feedback
 title:  Banner
 subTitle: Banner

content/feedback/banner/index.md

@@ -1,6 +1,6 @@
 ---
 localeCode: zh-CN
-order: 70
+order: 73
 category: 反馈类
 title:  Banner 通知横幅
 icon: doc-banner

content/feedback/notification/index-en-US.md

@@ -1,6 +1,6 @@
 ---
 localeCode: en-US
-order: 71
+order: 74
 category: Feedback
 title:  Notification
 subTitle: Notification

content/feedback/notification/index.md

@@ -1,6 +1,6 @@
 ---
 localeCode: zh-CN
-order: 71
+order: 74
 category: 反馈类
 title: Notification 通知
 icon: doc-notification

content/feedback/popconfirm/index-en-US.md

@@ -1,6 +1,6 @@
 ---
 localeCode: en-US
-order: 72
+order: 75
 category: Feedback
 title:  Popconfirm
 subTitle: Popconfirm

content/feedback/popconfirm/index.md

@@ -1,6 +1,6 @@
 ---
 localeCode: zh-CN
-order: 72
+order: 75
 category: 反馈类
 title:  Popconfirm 气泡确认框
 icon: doc-popconfirm

content/feedback/progress/index-en-US.md

@@ -1,6 +1,6 @@
 ---
 localeCode: en-US
-order: 73
+order: 76
 category: Feedback
 title: Progress
 subTitle: Progress

content/feedback/progress/index.md

@@ -1,6 +1,6 @@
 ---
 localeCode: zh-CN
-order: 73
+order: 76
 category: 反馈类
 title: Progress 进度条
 icon: doc-progress

content/feedback/skeleton/index-en-US.md

@@ -1,6 +1,6 @@
 ---
 localeCode: en-US
-order: 74
+order: 77
 category: Feedback
 title: Skeleton
 subTitle: Skeleton

content/feedback/skeleton/index.md

@@ -1,6 +1,6 @@
 ---
 localeCode: zh-CN
-order: 74
+order: 77
 category: 反馈类
 title: Skeleton 骨架屏
 icon: doc-skeleton

content/feedback/spin/index-en-US.md

@@ -1,6 +1,6 @@
 ---
 localeCode: en-US
-order: 75
+order: 78
 category: Feedback
 title: Spin
 subTitle: Spin

content/feedback/spin/index.md

@@ -1,6 +1,6 @@
 ---
 localeCode: zh-CN
-order: 75
+order: 78
 category: 反馈类
 title: Spin 加载器
 icon: doc-spin

content/feedback/toast/index-en-US.md

@@ -1,6 +1,6 @@
 ---
 localeCode: en-US
-order: 76
+order: 79
 category: Feedback
 title: Toast
 subTitle: Toast
@@ -13,6 +13,9 @@ brief: Toast component is used to give timely feedback to user's operations. It
 
 ### How to import
 
+Calling Toast's related methods to show timely feedback to user's operations.
+It is recommended to set the `stack` property to apply the stacking style to multiple Toasts on the same screen, and expand them by hovering, which can effectively prevent multiple parallel Toasts at one time. (this API is supported after v2.42.0)
+
 ```jsx
 import { Toast } from '@douyinfe/semi-ui';
 ```
@@ -28,6 +31,7 @@ function Demo() {
     const opts = {
         content: 'Hi, Bytedance dance dance',
         duration: 3,
+        stack: true,
     };
 
     const handleClose = () => {
@@ -37,6 +41,7 @@ function Demo() {
         content: 'Hi, Bytedance dance dance',
         duration: 10,
         onClose: handleClose,
+        stack: true,
     };
     const throttled = throttle(() => Toast.info(throttleOpts), 10000, { trailing: false });
 
@@ -52,10 +57,6 @@ function Demo() {
 render(Demo);
 ```
 
-<Notice>
-If there are scenarios in your website where multiple Toasts pop up at the same time, such as a request failure interceptor, it is recommended to use the stacking function below.
-</Notice>
-
 ### Other Types
 
 Use different methods to show different Toast including success, warning, error and info.

content/feedback/toast/index.md

@@ -1,6 +1,6 @@
 ---
 localeCode: zh-CN
-order: 76
+order: 79
 category: 反馈类
 title: Toast 提示
 icon: doc-toast
@@ -18,7 +18,8 @@ import { Toast } from '@douyinfe/semi-ui';
 
 ### 普通提示
 
-信息提醒反馈
+通过调用 Toast的相关 method 可以实现弹出提示。
+推荐设置 stack 属性应用堆叠样式到同屏多个 Toast，Hover 展开，可有效防止一次性弹出多个并列 Toast 对用户造成干扰 (该 API在 v2.42.0 后支持)
 
 ```jsx live=true noInline=true
 import React from 'react';
@@ -29,6 +30,7 @@ function Demo() {
     const opts = {
         content: 'Hi, Bytedance dance dance',
         duration: 3,
+        stack: true,
     };
 
     const handleClose = () => {
@@ -38,6 +40,7 @@ function Demo() {
         content: 'Hi, Bytedance dance dance',
         duration: 10,
         onClose: handleClose,
+        stack: true,
     };
     const throttled = throttle(() => Toast.info(throttleOpts), 10000, { trailing: false });
 
@@ -53,29 +56,6 @@ function Demo() {
 render(Demo);
 ```
 
-<Notice>
-如果你在请求拦截器等场景中，使用 Toast 来做请求状态结果提示，你可能会在短时间内弹出多个 Toast ，该类场景我们更推荐使用你开启堆叠功能，防止同一时间展示过多元素对用户造成干扰
-</Notice>
-
-### 堆叠样式
-可以通过 stack 属性应用堆叠样式到同屏多个 Toast，Hover 展开，该 API在 v2.42.0 后支持
-
-```jsx live=true
-import { Toast, Typography, Button } from '@douyinfe/semi-ui';
-
-() => {
-    const opts = {
-        content: 'Hi, Bytedance dance dance',
-        duration: 10,
-        stack: true,
-    };
-
-    return <Button onClick={() => {
-         Toast.info(opts)
-    }}>Click multiple times</Button>
-}
-
-```
 
 ### 其他提示类型
 

content/input/autocomplete/index-en-US.md

@@ -1,6 +1,6 @@
 ---
 localeCode: en-US
-order: 22
+order: 24
 category: Input
 title: AutoComplete
 icon: doc-autocomplete

content/input/autocomplete/index.md

@@ -1,6 +1,6 @@
 ---
 localeCode: zh-CN
-order: 22
+order: 24
 category: 输入类
 title: AutoComplete 自动完成
 icon: doc-autocomplete

content/input/cascader/index-en-US.md

@@ -1,6 +1,6 @@
 ---
 localeCode: en-US
-order: 23
+order: 25
 category: Input
 title:  Cascader
 subTitle: Cascade

content/input/cascader/index.md

@@ -1,6 +1,6 @@
 ---
 localeCode: zh-CN
-order: 23
+order: 25
 category: 输入类
 title:  Cascader 级联选择
 icon: doc-cascader

content/input/checkbox/index-en-US.md

@@ -1,6 +1,6 @@
 ---
 localeCode: en-US
-order: 24
+order: 26
 category: Input
 title:  Checkbox
 subTitle: Checkbox

content/input/checkbox/index.md

@@ -1,6 +1,6 @@
 ---
 localeCode: zh-CN
-order: 24
+order: 26
 category: 输入类
 title: Checkbox 复选框
 icon: doc-checkbox

content/input/datepicker/index-en-US.md

@@ -1,6 +1,6 @@
 ---
 localeCode: en-US
-order: 25
+order: 27
 category: Input
 title: DatePicker
 subTitle: Date Selector

content/input/datepicker/index.md

@@ -1,6 +1,6 @@
 ---
 localeCode: zh-CN
-order: 25
+order: 27
 category: 输入类
 title: DatePicker 日期选择器
 icon: doc-datepicker

content/input/form/index-en-US.md

@@ -1,6 +1,6 @@
 ---
 localeCode: en-US
-order: 26
+order: 28
 category: Input
 title:  Form
 subTitle: Form

content/input/form/index.md

@@ -1,6 +1,6 @@
 ---
 localeCode: zh-CN
-order: 26
+order: 28
 category: 输入类
 title:  Form 表单
 icon: doc-form

content/input/input/index-en-US.md

@@ -1,6 +1,6 @@
 ---
 localeCode: en-US
-order: 27
+order: 29
 category: Input
 title:  Input
 subTitle: Input

content/input/input/index.md

@@ -1,6 +1,6 @@
 ---
 localeCode: zh-CN
-order: 27
+order: 29
 category: 输入类
 title:  Input 输入框
 icon: doc-input

content/input/inputnumber/index-en-US.md

@@ -1,6 +1,6 @@
 ---
 localeCode: en-US
-order: 28
+order: 30
 category: Input
 title:  InputNumber
 subTitle: InputNumber

content/input/inputnumber/index.md

@@ -1,6 +1,6 @@
 ---
 localeCode: zh-CN
-order: 28
+order: 30
 category: 输入类
 title: InputNumber 数字输入框
 icon: doc-inputnumber