From 3c010b43cfdad553002f1e601c7c41de46ca322e Mon Sep 17 00:00:00 2001
From: liweijie0812 <674416404@qq.com>
Date: Fri, 31 May 2024 10:41:28 +0800
Subject: [PATCH] =?UTF-8?q?docs:=20`CSS=20=E5=8F=98=E9=87=8F`=20change=20t?=
=?UTF-8?q?o=20=20`CSS=20Variables`=20(#1423)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/action-sheet/action-sheet.md | 2 +-
src/avatar/avatar.en-US.md | 2 +-
src/avatar/avatar.md | 2 +-
src/badge/badge.en-US.md | 2 +-
src/badge/badge.md | 2 +-
src/button/button.en-US.md | 2 +-
src/button/button.md | 2 +-
src/calendar/calendar.md | 2 +-
src/cascader/cascader.md | 2 +-
src/cell/cell.md | 2 +-
src/checkbox/checkbox.md | 2 +-
src/collapse/collapse.en-US.md | 2 +-
src/collapse/collapse.md | 2 +-
src/count-down/count-down.en-US.md | 56 ++++++++++-----------
src/count-down/count-down.md | 58 +++++++++++-----------
src/date-time-picker/date-time-picker.md | 2 +-
src/dialog/dialog.md | 2 +-
src/divider/divider.en-US.md | 2 +-
src/divider/divider.md | 2 +-
src/drawer/drawer.md | 2 +-
src/dropdown-menu/dropdown-menu.md | 2 +-
src/empty/empty.md | 2 +-
src/fab/fab.en-US.md | 2 +-
src/fab/fab.md | 2 +-
src/footer/footer.md | 2 +-
src/grid/grid.md | 2 +-
src/image-viewer/image-viewer.md | 2 +-
src/image/image.md | 2 +-
src/indexes/indexes.en-US.md | 2 +-
src/indexes/indexes.md | 2 +-
src/input/input.en-US.md | 2 +-
src/input/input.md | 2 +-
src/link/link.en-US.md | 2 +-
src/link/link.md | 2 +-
src/loading/loading.en-US.md | 2 +-
src/loading/loading.md | 2 +-
src/message/message.md | 2 +-
src/navbar/navbar.md | 2 +-
src/notice-bar/notice-bar.md | 2 +-
src/overlay/overlay.en-US.md | 2 +-
src/overlay/overlay.md | 2 +-
src/picker/picker.md | 2 +-
src/popover/popover.en-US.md | 2 +-
src/popover/popover.md | 2 +-
src/popup/popup.md | 2 +-
src/progress/progress.md | 2 +-
src/pull-down-refresh/pull-down-refresh.md | 2 +-
src/radio/radio.en-US.md | 2 +-
src/radio/radio.md | 2 +-
src/rate/rate.md | 2 +-
src/result/result.en-US.md | 2 +-
src/result/result.md | 2 +-
src/search/search.en-US.md | 2 +-
src/search/search.md | 2 +-
src/side-bar/side-bar.md | 2 +-
src/skeleton/skeleton.en-US.md | 2 +-
src/skeleton/skeleton.md | 2 +-
src/slider/slider.en-US.md | 2 +-
src/slider/slider.md | 2 +-
src/stepper/stepper.en-US.md | 2 +-
src/stepper/stepper.md | 2 +-
src/steps/steps.md | 2 +-
src/swiper/swiper.md | 2 +-
src/switch/switch.en-US.md | 2 +-
src/switch/switch.md | 2 +-
src/tab-bar/tab-bar.md | 2 +-
src/tabs/tabs.en-US.md | 2 +-
src/tabs/tabs.md | 2 +-
src/tag/tag.en-US.md | 2 +-
src/tag/tag.md | 2 +-
src/textarea/textarea.en-US.md | 2 +-
src/textarea/textarea.md | 2 +-
src/toast/toast.md | 2 +-
src/upload/upload.md | 2 +-
74 files changed, 129 insertions(+), 129 deletions(-)
diff --git a/src/action-sheet/action-sheet.md b/src/action-sheet/action-sheet.md
index 9f7026568..d2034dfc5 100644
--- a/src/action-sheet/action-sheet.md
+++ b/src/action-sheet/action-sheet.md
@@ -27,7 +27,7 @@ close | `(trigger: TriggerSource)` | 关闭时触发。[详细类型定义](http
selected | `(selected: ActionSheetItem \| string, index: number)` | 选择菜单项时触发
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/avatar/avatar.en-US.md b/src/avatar/avatar.en-US.md
index 12b815505..a771a3d43 100644
--- a/src/avatar/avatar.en-US.md
+++ b/src/avatar/avatar.en-US.md
@@ -32,7 +32,7 @@ collapseAvatar | String / Slot / Function | - | Typescript:`string \| TNode`
max | Number | - | \- | N
size | String | medium | size | N
-### CSS 变量
+### CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
diff --git a/src/avatar/avatar.md b/src/avatar/avatar.md
index 69b7371c0..b49e6ceae 100644
--- a/src/avatar/avatar.md
+++ b/src/avatar/avatar.md
@@ -32,7 +32,7 @@ collapseAvatar | String / Slot / Function | - | 头像数量超出时,会出
max | Number | - | 能够同时显示的最多头像数量 | N
size | String | medium | 尺寸,示例值:small/medium/large/24px/38px 等。优先级低于 Avatar.size | N
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
diff --git a/src/badge/badge.en-US.md b/src/badge/badge.en-US.md
index d22d48489..fb7ad7060 100644
--- a/src/badge/badge.en-US.md
+++ b/src/badge/badge.en-US.md
@@ -16,7 +16,7 @@ shape | String | circle | options: circle/square/bubble/ribbon | N
showZero | Boolean | false | \- | N
size | String | medium | options: medium/large | N
-### CSS 变量
+### CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
diff --git a/src/badge/badge.md b/src/badge/badge.md
index 25c9a7f91..cf07aaa8a 100644
--- a/src/badge/badge.md
+++ b/src/badge/badge.md
@@ -16,7 +16,7 @@ shape | String | circle | 形状。可选项:circle/square/bubble/ribbon | N
showZero | Boolean | false | 当数值为 0 时,是否展示徽标 | N
size | String | medium | 尺寸。可选项:medium/large | N
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
diff --git a/src/button/button.en-US.md b/src/button/button.en-US.md
index 5f5998ecb..c3ae7f5f8 100644
--- a/src/button/button.en-US.md
+++ b/src/button/button.en-US.md
@@ -27,7 +27,7 @@ name | params | description
-- | -- | --
click | `(e: MouseEvent)` | trigger on click
-### CSS 变量
+### CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
diff --git a/src/button/button.md b/src/button/button.md
index b2cc02ab2..bc3961148 100644
--- a/src/button/button.md
+++ b/src/button/button.md
@@ -27,7 +27,7 @@ onClick | Function | | TS 类型:`(e: MouseEvent) => void`
点击时触
-- | -- | --
click | `(e: MouseEvent)` | 点击时触发
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
diff --git a/src/calendar/calendar.md b/src/calendar/calendar.md
index 0e21d1106..91a96c87c 100644
--- a/src/calendar/calendar.md
+++ b/src/calendar/calendar.md
@@ -32,7 +32,7 @@ confirm | `(value: Date)` | 点击确认按钮时触发
select | `(value: Date)` | 点击日期时触发
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/cascader/cascader.md b/src/cascader/cascader.md
index 571d66189..3c0978216 100644
--- a/src/cascader/cascader.md
+++ b/src/cascader/cascader.md
@@ -29,7 +29,7 @@ close | `(trigger: TriggerSource)` | 关闭时触发。[详细类型定义](http
pick | `(context: { level: number, value: string \| number, index: number })` | 选择后触发
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/cell/cell.md b/src/cell/cell.md
index 5ab678eca..2edada5b1 100644
--- a/src/cell/cell.md
+++ b/src/cell/cell.md
@@ -33,7 +33,7 @@ theme | String | default | `0.15.0`。单元格组风格。可选项:default/c
title | String | - | 单元格组标题 | N
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/checkbox/checkbox.md b/src/checkbox/checkbox.md
index b471f2ca1..58ae84770 100644
--- a/src/checkbox/checkbox.md
+++ b/src/checkbox/checkbox.md
@@ -49,7 +49,7 @@ onChange | Function | | TS 类型:`(value: T, context: CheckboxGroupChangeCon
change | `(value: T, context: CheckboxGroupChangeContext)` | 值变化时触发。`context.current` 表示当前变化的数据项,如果是全选则为空;`context.type` 表示引起选中数据变化的是选中或是取消选中,`context.option` 表示当前变化的数据项。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/checkbox/type.ts)。
`interface CheckboxGroupChangeContext { e: Event; current: string \| number; option: CheckboxOption \| TdCheckboxProps; type: 'check' \| 'uncheck' }`
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/collapse/collapse.en-US.md b/src/collapse/collapse.en-US.md
index dc1961ea9..cb71417d8 100644
--- a/src/collapse/collapse.en-US.md
+++ b/src/collapse/collapse.en-US.md
@@ -37,7 +37,7 @@ headerRightContent | String / Slot / Function | - | Typescript:`string \| TNod
placement | String | bottom | options: bottom/top | N
value | String / Number | - | \- | N
-### CSS 变量
+### CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
diff --git a/src/collapse/collapse.md b/src/collapse/collapse.md
index 8ae934b7e..460b92f5a 100644
--- a/src/collapse/collapse.md
+++ b/src/collapse/collapse.md
@@ -37,7 +37,7 @@ headerRightContent | String / Slot / Function | - | 面板头的右侧区域,
placement | String | bottom | 选项卡内容的位置。可选项:bottom/top | N
value | String / Number | - | 当前面板唯一标识,如果值为空则取当前面下标兜底作为唯一标识 | N
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
diff --git a/src/count-down/count-down.en-US.md b/src/count-down/count-down.en-US.md
index b11f67602..15b6fab87 100644
--- a/src/count-down/count-down.en-US.md
+++ b/src/count-down/count-down.en-US.md
@@ -34,34 +34,34 @@ Name | Default Value | Description
--td-countdown-round-border-radius | @radius-circle | -
--td-countdown-round-color | @font-white-1 | -
--td-countdown-square-border-radius | @radius-small | -
-
-## API
-
-
-### CountDown Props
-
-name | type | default | description | required
--- | -- | -- | -- | --
-autoStart | Boolean | true | \- | N
-content | String / Slot / Function | 'default' | Typescript:`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
-format | String | HH:mm:ss | \- | N
-millisecond | Boolean | false | \- | N
-size | String | 'medium' | options: small/medium/large | N
-splitWithUnit | Boolean | false | \- | N
-theme | String | 'default' | options: default/round/square | N
-time | Number | - | required | Y
-onChange | Function | | Typescript:`(time: TimeData) => void`
[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/count-down/type.ts)。
`interface TimeData { days: number; hours: number; minutes: number; seconds: number; milliseconds: number }`
| N
-onFinish | Function | | Typescript:`() => void`
| N
-
-### CountDown Events
-
-name | params | description
--- | -- | --
-change | `(time: TimeData)` | [see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/count-down/type.ts)。
`interface TimeData { days: number; hours: number; minutes: number; seconds: number; milliseconds: number }`
-finish | \- | \-
-
-### CSS 变量
-
+
+## API
+
+
+### CountDown Props
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+autoStart | Boolean | true | \- | N
+content | String / Slot / Function | 'default' | Typescript:`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
+format | String | HH:mm:ss | \- | N
+millisecond | Boolean | false | \- | N
+size | String | 'medium' | options: small/medium/large | N
+splitWithUnit | Boolean | false | \- | N
+theme | String | 'default' | options: default/round/square | N
+time | Number | - | required | Y
+onChange | Function | | Typescript:`(time: TimeData) => void`
[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/count-down/type.ts)。
`interface TimeData { days: number; hours: number; minutes: number; seconds: number; milliseconds: number }`
| N
+onFinish | Function | | Typescript:`() => void`
| N
+
+### CountDown Events
+
+name | params | description
+-- | -- | --
+change | `(time: TimeData)` | [see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/count-down/type.ts)。
`interface TimeData { days: number; hours: number; minutes: number; seconds: number; milliseconds: number }`
+finish | \- | \-
+
+### CSS Variables
+
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
-- | -- | --
diff --git a/src/count-down/count-down.md b/src/count-down/count-down.md
index 67be0c5c0..fa7fac751 100644
--- a/src/count-down/count-down.md
+++ b/src/count-down/count-down.md
@@ -24,7 +24,7 @@ change | `(time: TimeData)` | 时间变化时触发。[详细类型定义](https
finish | \- | 倒计时结束时触发
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
@@ -33,34 +33,34 @@ finish | \- | 倒计时结束时触发
--td-countdown-round-border-radius | @radius-circle | -
--td-countdown-round-color | @font-white-1 | -
--td-countdown-square-border-radius | @radius-small | -
-
-## API
-
-
-### CountDown Props
-
-名称 | 类型 | 默认值 | 描述 | 必传
--- | -- | -- | -- | --
-autoStart | Boolean | true | 是否自动开始倒计时 | N
-content | String / Slot / Function | 'default' | 最终倒计时的展示内容,值为'default'时使用默认的格式,否则使用自定义样式插槽。TS 类型:`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
-format | String | HH:mm:ss | 时间格式,DD-日,HH-时,mm-分,ss-秒,SSS-毫秒 | N
-millisecond | Boolean | false | 是否开启毫秒级渲染 | N
-size | String | 'medium' | 倒计时尺寸。可选项:small/medium/large | N
-splitWithUnit | Boolean | false | 使用时间单位分割 | N
-theme | String | 'default' | 倒计时风格。可选项:default/round/square | N
-time | Number | - | 必需。倒计时时长,单位毫秒 | Y
-onChange | Function | | TS 类型:`(time: TimeData) => void`
时间变化时触发。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/count-down/type.ts)。
`interface TimeData { days: number; hours: number; minutes: number; seconds: number; milliseconds: number }`
| N
-onFinish | Function | | TS 类型:`() => void`
倒计时结束时触发 | N
-
-### CountDown Events
-
-名称 | 参数 | 描述
--- | -- | --
-change | `(time: TimeData)` | 时间变化时触发。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/count-down/type.ts)。
`interface TimeData { days: number; hours: number; minutes: number; seconds: number; milliseconds: number }`
-finish | \- | 倒计时结束时触发
-
-### CSS 变量
-
+
+## API
+
+
+### CountDown Props
+
+名称 | 类型 | 默认值 | 描述 | 必传
+-- | -- | -- | -- | --
+autoStart | Boolean | true | 是否自动开始倒计时 | N
+content | String / Slot / Function | 'default' | 最终倒计时的展示内容,值为'default'时使用默认的格式,否则使用自定义样式插槽。TS 类型:`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
+format | String | HH:mm:ss | 时间格式,DD-日,HH-时,mm-分,ss-秒,SSS-毫秒 | N
+millisecond | Boolean | false | 是否开启毫秒级渲染 | N
+size | String | 'medium' | 倒计时尺寸。可选项:small/medium/large | N
+splitWithUnit | Boolean | false | 使用时间单位分割 | N
+theme | String | 'default' | 倒计时风格。可选项:default/round/square | N
+time | Number | - | 必需。倒计时时长,单位毫秒 | Y
+onChange | Function | | TS 类型:`(time: TimeData) => void`
时间变化时触发。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/count-down/type.ts)。
`interface TimeData { days: number; hours: number; minutes: number; seconds: number; milliseconds: number }`
| N
+onFinish | Function | | TS 类型:`() => void`
倒计时结束时触发 | N
+
+### CountDown Events
+
+名称 | 参数 | 描述
+-- | -- | --
+change | `(time: TimeData)` | 时间变化时触发。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/count-down/type.ts)。
`interface TimeData { days: number; hours: number; minutes: number; seconds: number; milliseconds: number }`
+finish | \- | 倒计时结束时触发
+
+### CSS Variables
+
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/date-time-picker/date-time-picker.md b/src/date-time-picker/date-time-picker.md
index 937fe0f21..9eab00eb1 100644
--- a/src/date-time-picker/date-time-picker.md
+++ b/src/date-time-picker/date-time-picker.md
@@ -31,7 +31,7 @@ confirm | `(value: DateValue)` | 确认按钮点击时触发
pick | `(value: DateValue)` | 选中值发生变化时触发
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/dialog/dialog.md b/src/dialog/dialog.md
index 71bcc6c1f..a404648b1 100644
--- a/src/dialog/dialog.md
+++ b/src/dialog/dialog.md
@@ -83,7 +83,7 @@ options | Object | - | TS 类型:`Omit`
插件返回值:`DialogInstance`
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/divider/divider.en-US.md b/src/divider/divider.en-US.md
index 6c8512aab..7dc02982c 100644
--- a/src/divider/divider.en-US.md
+++ b/src/divider/divider.en-US.md
@@ -12,7 +12,7 @@ dashed | Boolean | false | \- | N
default | String / Slot / Function | - | Typescript:`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
layout | String | horizontal | options: horizontal/vertical | N
-### CSS 变量
+### CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
diff --git a/src/divider/divider.md b/src/divider/divider.md
index 08a16e79b..c44ac867b 100644
--- a/src/divider/divider.md
+++ b/src/divider/divider.md
@@ -12,7 +12,7 @@ dashed | Boolean | false | 是否虚线(仅在水平分割线有效) | N
default | String / Slot / Function | - | 子元素,同 content。TS 类型:`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
layout | String | horizontal | 分隔线类型有两种:水平和垂直。可选项:horizontal/vertical | N
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
diff --git a/src/drawer/drawer.md b/src/drawer/drawer.md
index e5ca9d687..3f9c47ae1 100644
--- a/src/drawer/drawer.md
+++ b/src/drawer/drawer.md
@@ -53,7 +53,7 @@ update | `(props: DrawerOptions)` | \- | 更新抽屉内容
options | \- | - | TS 类型:`DrawerOptions`
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/dropdown-menu/dropdown-menu.md b/src/dropdown-menu/dropdown-menu.md
index 603b8798f..5ad167605 100644
--- a/src/dropdown-menu/dropdown-menu.md
+++ b/src/dropdown-menu/dropdown-menu.md
@@ -36,7 +36,7 @@ confirm | `(value: DropdownValue)` | 点击确认时触发
reset | `(value: DropdownValue)` | 点击重置时触发
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/empty/empty.md b/src/empty/empty.md
index 7bac7809b..8df0012b4 100644
--- a/src/empty/empty.md
+++ b/src/empty/empty.md
@@ -12,7 +12,7 @@ icon | String / Slot / Function | - | 图标。TS 类型:`string \| TNode`。[
image | String / Slot / Function | - | 图片地址。TS 类型:`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/fab/fab.en-US.md b/src/fab/fab.en-US.md
index 51f1a484b..bf6ab2cc8 100644
--- a/src/fab/fab.en-US.md
+++ b/src/fab/fab.en-US.md
@@ -18,7 +18,7 @@ name | params | description
-- | -- | --
click | `(context: {e: MouseEvent})` | \-
-### CSS 变量
+### CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
diff --git a/src/fab/fab.md b/src/fab/fab.md
index f0d6bd078..f3defd30e 100644
--- a/src/fab/fab.md
+++ b/src/fab/fab.md
@@ -18,7 +18,7 @@ onClick | Function | | TS 类型:`(context: {e: MouseEvent}) => void`
悬
-- | -- | --
click | `(context: {e: MouseEvent})` | 悬浮按钮点击事件
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
diff --git a/src/footer/footer.md b/src/footer/footer.md
index 61aa6926d..b24617f28 100644
--- a/src/footer/footer.md
+++ b/src/footer/footer.md
@@ -10,7 +10,7 @@ links | Array | [] | 链接列表。name 表示链接名称, url 表示跳转
logo | Object | - | 图标配置。`logo.icon` 表示图标链接地址,`logo.title` 表示标题文本,`logo.url` 表示链接跳转地址,`logo.target` 表示跳转方式。TS 类型:`FooterLogo` `interface FooterLogo { icon: string; title?: string; url?: string; target?: string; }`。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/footer/type.ts) | N
text | String | '' | 版权信息 | N
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
diff --git a/src/grid/grid.md b/src/grid/grid.md
index f848c353b..933106a9f 100644
--- a/src/grid/grid.md
+++ b/src/grid/grid.md
@@ -22,7 +22,7 @@ layout | String | vertical | 内容布局方式。可选项:vertical/horizonta
text | String / Slot / Function | - | 文本,可以通过 Props 传入文本,也可以自定义标题节点。TS 类型:`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/image-viewer/image-viewer.md b/src/image-viewer/image-viewer.md
index a8ea6efcc..20ce3076e 100644
--- a/src/image-viewer/image-viewer.md
+++ b/src/image-viewer/image-viewer.md
@@ -26,7 +26,7 @@ delete | `(index: Number)` | 点击删除操作按钮时触发
index-change | `(index: number, context: { trigger: 'prev' \| 'next' })` | 预览图片切换时触发,`context.prev` 切换到上一张图片,`context.next` 切换到下一张图片
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/image/image.md b/src/image/image.md
index f0684c054..4fedd6865 100644
--- a/src/image/image.md
+++ b/src/image/image.md
@@ -25,7 +25,7 @@ error | `(context: { e: ImageEvent })` | 图片加载失败时触发
load | `(context: { e: ImageEvent })` | 图片加载完成时触发
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/indexes/indexes.en-US.md b/src/indexes/indexes.en-US.md
index f81edd617..d308c903f 100644
--- a/src/indexes/indexes.en-US.md
+++ b/src/indexes/indexes.en-US.md
@@ -26,7 +26,7 @@ name | type | default | description | required
-- | -- | -- | -- | --
index | String / Number | - | \- | N
-### CSS 变量
+### CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
diff --git a/src/indexes/indexes.md b/src/indexes/indexes.md
index b6ddab3f8..5f927aefc 100644
--- a/src/indexes/indexes.md
+++ b/src/indexes/indexes.md
@@ -26,7 +26,7 @@ select | `(index: string \| number)` | 点击侧边栏时触发事件
-- | -- | -- | -- | --
index | String / Number | - | 索引字符 | N
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
diff --git a/src/input/input.en-US.md b/src/input/input.en-US.md
index 5d583e44e..f4697d4fb 100644
--- a/src/input/input.en-US.md
+++ b/src/input/input.en-US.md
@@ -47,7 +47,7 @@ clear | `(context: { e: MouseEvent })` | \-
focus | `(value: InputValue, context: { e: FocusEvent })` | \-
validate | `(context: { error?: 'exceed-maximum' \| 'below-minimum' })` | trigger on text length being over max length or max character
-### CSS 变量
+### CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
diff --git a/src/input/input.md b/src/input/input.md
index d35bb4fcc..34006d408 100644
--- a/src/input/input.md
+++ b/src/input/input.md
@@ -46,7 +46,7 @@ clear | `(context: { e: MouseEvent })` | 清空按钮点击时触发
focus | `(value: InputValue, context: { e: FocusEvent })` | 获得焦点时触发
validate | `(context: { error?: 'exceed-maximum' \| 'below-minimum' })` | 【暂不支持】字数超出限制时触发
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
diff --git a/src/link/link.en-US.md b/src/link/link.en-US.md
index c35c9c986..e09bb6d0d 100644
--- a/src/link/link.en-US.md
+++ b/src/link/link.en-US.md
@@ -25,7 +25,7 @@ name | params | description
-- | -- | --
click | `(e: MouseEvent)` | click event, it won't trigger when it's disabled
-### CSS 变量
+### CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
diff --git a/src/link/link.md b/src/link/link.md
index c6c726f15..bc58d9a90 100644
--- a/src/link/link.md
+++ b/src/link/link.md
@@ -25,7 +25,7 @@ onClick | Function | | TS 类型:`(e: MouseEvent) => void`
点击事件
-- | -- | --
click | `(e: MouseEvent)` | 点击事件,禁用状态不会触发点击事件
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
diff --git a/src/loading/loading.en-US.md b/src/loading/loading.en-US.md
index ec84d0b13..36bf504e0 100644
--- a/src/loading/loading.en-US.md
+++ b/src/loading/loading.en-US.md
@@ -20,7 +20,7 @@ size | String | '20px' | \- | N
text | String / Slot / Function | - | Typescript:`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
theme | String | circular | options: circular/spinner/dots | N
-### CSS 变量
+### CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
diff --git a/src/loading/loading.md b/src/loading/loading.md
index 388c7db8f..18420c4e1 100644
--- a/src/loading/loading.md
+++ b/src/loading/loading.md
@@ -20,7 +20,7 @@ size | String | '20px' | 尺寸,示例:20px | N
text | String / Slot / Function | - | 加载提示文案。TS 类型:`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
theme | String | circular | 加载组件类型。可选项:circular/spinner/dots | N
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
diff --git a/src/message/message.md b/src/message/message.md
index 33184e1c9..ef6ef6838 100644
--- a/src/message/message.md
+++ b/src/message/message.md
@@ -30,7 +30,7 @@ duration-end | \- | 计时结束后触发
link-click | `(context: { e: MouseEvent })` | 当link链接存在时,点击链接文本时触发
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/navbar/navbar.md b/src/navbar/navbar.md
index 4c74b8174..a267b4b69 100644
--- a/src/navbar/navbar.md
+++ b/src/navbar/navbar.md
@@ -25,7 +25,7 @@ left-click | \- | 点击左侧按钮时触发
right-click | \- | 点击右侧图标时触发
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/notice-bar/notice-bar.md b/src/notice-bar/notice-bar.md
index 71927172f..0dc3a2cc1 100644
--- a/src/notice-bar/notice-bar.md
+++ b/src/notice-bar/notice-bar.md
@@ -23,7 +23,7 @@ onClick | Function | | TS 类型:`(trigger: NoticeBarTrigger) => void`
click | `(trigger: NoticeBarTrigger)` | 点击事件。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/notice-bar/type.ts)。
`type NoticeBarTrigger = 'prefix-icon' \| 'content' \| 'operation' \| 'suffix-icon';`
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/overlay/overlay.en-US.md b/src/overlay/overlay.en-US.md
index ababc086a..c969d4923 100644
--- a/src/overlay/overlay.en-US.md
+++ b/src/overlay/overlay.en-US.md
@@ -20,7 +20,7 @@ name | params | description
-- | -- | --
click | `(context: { e: MouseEvent })` | \-
-### CSS 变量
+### CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
diff --git a/src/overlay/overlay.md b/src/overlay/overlay.md
index 48dc8a657..511113128 100644
--- a/src/overlay/overlay.md
+++ b/src/overlay/overlay.md
@@ -20,7 +20,7 @@ onClick | Function | | TS 类型:`(context: { e: MouseEvent }) => void`
-- | -- | --
click | `(context: { e: MouseEvent })` | 遮罩层的点击事件
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
diff --git a/src/picker/picker.md b/src/picker/picker.md
index c913b750b..7893c26a7 100644
--- a/src/picker/picker.md
+++ b/src/picker/picker.md
@@ -29,7 +29,7 @@ confirm | `(value: Array, context: { index: number[], e: MouseEvent
pick | `(value: Array,context: PickerContext)` | 任何一列选中都会触发,不同的列参数不同。`context.column` 表示第几列变化,`context.index` 表示变化那一列的选中项下标
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/popover/popover.en-US.md b/src/popover/popover.en-US.md
index 75fa26b00..2b806a268 100644
--- a/src/popover/popover.en-US.md
+++ b/src/popover/popover.en-US.md
@@ -22,7 +22,7 @@ name | params | description
-- | -- | --
visible-change | `(visible: boolean)` | \-
-### CSS 变量
+### CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
diff --git a/src/popover/popover.md b/src/popover/popover.md
index 4856a2ff0..3b4275f14 100644
--- a/src/popover/popover.md
+++ b/src/popover/popover.md
@@ -22,7 +22,7 @@ onVisibleChange | Function | | TS 类型:`(visible: boolean) => void`
确
-- | -- | --
visible-change | `(visible: boolean)` | 确认框显示或隐藏时触发
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
diff --git a/src/popup/popup.md b/src/popup/popup.md
index 388fb87d1..7ca162612 100644
--- a/src/popup/popup.md
+++ b/src/popup/popup.md
@@ -34,7 +34,7 @@ opened | \- | 组件展示且动画结束后执行
visible-change | `(visible: boolean, trigger: PopupSource) ` | 当浮层隐藏或显示时触发。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/popup/type.ts)。
`type PopupSource = 'close-btn' \| 'overlay'`
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/progress/progress.md b/src/progress/progress.md
index 6103c6da8..cc99206e2 100644
--- a/src/progress/progress.md
+++ b/src/progress/progress.md
@@ -14,7 +14,7 @@ theme | String | line | 进度条风格。值为 line,标签(label)显示
trackColor | String | '' | 进度条未完成部分颜色 | N
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/pull-down-refresh/pull-down-refresh.md b/src/pull-down-refresh/pull-down-refresh.md
index a860062b9..a8d9efb28 100644
--- a/src/pull-down-refresh/pull-down-refresh.md
+++ b/src/pull-down-refresh/pull-down-refresh.md
@@ -27,7 +27,7 @@ scrolltolower | \- | 滚动到页面底部时触发
timeout | \- | 刷新超时触发
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/radio/radio.en-US.md b/src/radio/radio.en-US.md
index 40fc0de57..46ba07523 100644
--- a/src/radio/radio.en-US.md
+++ b/src/radio/radio.en-US.md
@@ -53,7 +53,7 @@ name | params | description
-- | -- | --
change | `(value: T, context: { e: Event })` | \-
-### CSS 变量
+### CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
diff --git a/src/radio/radio.md b/src/radio/radio.md
index 19e9b7317..5b50e7642 100644
--- a/src/radio/radio.md
+++ b/src/radio/radio.md
@@ -53,7 +53,7 @@ onChange | Function | | TS 类型:`(value: T, context: { e: Event }) => void`
-- | -- | --
change | `(value: T, context: { e: Event })` | 选中值发生变化时触发
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
diff --git a/src/rate/rate.md b/src/rate/rate.md
index febf96c95..6c562a11e 100644
--- a/src/rate/rate.md
+++ b/src/rate/rate.md
@@ -25,7 +25,7 @@ onChange | Function | | TS 类型:`(value: number) => void`
评分数改
change | `(value: number)` | 评分数改变时触发
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/result/result.en-US.md b/src/result/result.en-US.md
index 6c6e22340..6d92ed032 100644
--- a/src/result/result.en-US.md
+++ b/src/result/result.en-US.md
@@ -12,7 +12,7 @@ image | String / Slot / Function | - | Typescript:`string \| TNode`。[see mor
theme | String | default | options: default/success/warning/error | N
title | String / Slot / Function | '' | Typescript:`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
-### CSS 变量
+### CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
diff --git a/src/result/result.md b/src/result/result.md
index f02e7957d..631b51e36 100644
--- a/src/result/result.md
+++ b/src/result/result.md
@@ -12,7 +12,7 @@ image | String / Slot / Function | - | 图片地址。TS 类型:`string \| TNo
theme | String | default | 内置主题。可选项:default/success/warning/error | N
title | String / Slot / Function | '' | 标题。TS 类型:`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
diff --git a/src/search/search.en-US.md b/src/search/search.en-US.md
index dd284dd46..ff8ac29b3 100644
--- a/src/search/search.en-US.md
+++ b/src/search/search.en-US.md
@@ -38,7 +38,7 @@ focus | `(context: { value: string; e: FocusEvent })` | \-
search | `(context?: { value: string; trigger: 'submit' \| 'option-click' \| 'clear'; e?: InputEvent \| MouseEvent })` | \-
submit | `(context: { value: string; e: KeyboardEvent })` | \-
-### CSS 变量
+### CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
diff --git a/src/search/search.md b/src/search/search.md
index d13332ed7..47c82516c 100644
--- a/src/search/search.md
+++ b/src/search/search.md
@@ -38,7 +38,7 @@ focus | `(context: { value: string; e: FocusEvent })` | 获得焦点时触发
search | `(context?: { value: string; trigger: 'submit' \| 'option-click' \| 'clear'; e?: InputEvent \| MouseEvent })` | 【讨论中】搜索触发,包含:手机键盘提交健、联想关键词点击、清空按钮点击等
submit | `(context: { value: string; e: KeyboardEvent })` | 提交时触发,如:手机键盘提交按钮点击
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
diff --git a/src/side-bar/side-bar.md b/src/side-bar/side-bar.md
index cb3ffa390..a1f71ff52 100644
--- a/src/side-bar/side-bar.md
+++ b/src/side-bar/side-bar.md
@@ -28,7 +28,7 @@ label | String | - | 展示的标签 | N
value | String / Number | - | 当前选项的值 | N
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/skeleton/skeleton.en-US.md b/src/skeleton/skeleton.en-US.md
index 050f8957b..741b43b98 100644
--- a/src/skeleton/skeleton.en-US.md
+++ b/src/skeleton/skeleton.en-US.md
@@ -12,7 +12,7 @@ loading | Boolean | true | \- | N
rowCol | Array | - | Typescript:`SkeletonRowCol` `type SkeletonRowCol = Array>` `interface SkeletonRowColObj { width?: string; height?: string; size?: string; marginRight?: string; marginLeft?: string; margin?: string; content?: string \| TNode; type?: 'rect' \| 'circle' \| 'text' }`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts)。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/skeleton/type.ts) | N
theme | String | text | options: avatar/image/text/paragraph | N
-### CSS 变量
+### CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
diff --git a/src/skeleton/skeleton.md b/src/skeleton/skeleton.md
index 483c0903d..59f79a5f2 100644
--- a/src/skeleton/skeleton.md
+++ b/src/skeleton/skeleton.md
@@ -12,7 +12,7 @@ loading | Boolean | true | 是否为加载状态,如果是则显示骨架图
rowCol | Array | - | 高级设置,用于自定义行列数量、宽度高度、间距等。【示例一】,`[1, 1, 2]` 表示输出三行骨架图,第一行一列,第二行一列,第三行两列。【示例二】,`[1, 1, { width: '100px' }]` 表示自定义第三行的宽度为 `100px`。【示例三】,`[1, 2, [{ width, height }, { width, height, marginLeft }]]` 表示第三行有两列,且自定义宽度、高度、尺寸(圆形或方形使用)、间距、内容等。TS 类型:`SkeletonRowCol` `type SkeletonRowCol = Array>` `interface SkeletonRowColObj { width?: string; height?: string; size?: string; marginRight?: string; marginLeft?: string; margin?: string; content?: string \| TNode; type?: 'rect' \| 'circle' \| 'text' }`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts)。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/skeleton/type.ts) | N
theme | String | text | 骨架图风格,有基础、头像组合等两大类。可选项:avatar/image/text/paragraph | N
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
diff --git a/src/slider/slider.en-US.md b/src/slider/slider.en-US.md
index d610cb9c8..248ce2557 100644
--- a/src/slider/slider.en-US.md
+++ b/src/slider/slider.en-US.md
@@ -25,7 +25,7 @@ name | params | description
-- | -- | --
change | `(value: SliderValue)` | \-
-### CSS 变量
+### CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
diff --git a/src/slider/slider.md b/src/slider/slider.md
index 60052077c..a9cdef55e 100644
--- a/src/slider/slider.md
+++ b/src/slider/slider.md
@@ -25,7 +25,7 @@ onChange | Function | | TS 类型:`(value: SliderValue) => void`
滑块
-- | -- | --
change | `(value: SliderValue)` | 滑块值变化时触发
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
diff --git a/src/stepper/stepper.en-US.md b/src/stepper/stepper.en-US.md
index 52b31fb15..0ab2571b9 100644
--- a/src/stepper/stepper.en-US.md
+++ b/src/stepper/stepper.en-US.md
@@ -31,7 +31,7 @@ change | `(value: string \| number)` | \-
focus | `(value: string \| number)` | \-
overlimit | `(type: 'minus' \| 'plus')` | \-
-### CSS 变量
+### CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
diff --git a/src/stepper/stepper.md b/src/stepper/stepper.md
index c32cf6f19..1084634f9 100644
--- a/src/stepper/stepper.md
+++ b/src/stepper/stepper.md
@@ -31,7 +31,7 @@ change | `(value: string \| number)` | 数值发生变更时触发
focus | `(value: string \| number)` | 输入框聚焦时触发
overlimit | `(type: 'minus' \| 'plus')` | 数值超出限制时触发
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
diff --git a/src/steps/steps.md b/src/steps/steps.md
index 1c955cd9c..a8b6af2b7 100644
--- a/src/steps/steps.md
+++ b/src/steps/steps.md
@@ -32,7 +32,7 @@
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
| 名称 | 默认值 | 描述 |
| --------------------------------------- | ---------------------------- | ---- |
diff --git a/src/swiper/swiper.md b/src/swiper/swiper.md
index dbfbc12a1..accc32392 100644
--- a/src/swiper/swiper.md
+++ b/src/swiper/swiper.md
@@ -37,7 +37,7 @@ showControls | Boolean | false | 是否显示两侧的控制按钮 | N
type | String | dots | 导航器类型,点状(dots)、点条状(dots-bar)、分式(fraction)等。TS 类型:`SwiperNavigationType` `type SwiperNavigationType = 'dots' \| 'dots-bar' \| 'fraction'`。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/swiper/type.ts) | N
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/switch/switch.en-US.md b/src/switch/switch.en-US.md
index bee299409..27ce4d628 100644
--- a/src/switch/switch.en-US.md
+++ b/src/switch/switch.en-US.md
@@ -22,7 +22,7 @@ name | params | description
-- | -- | --
change | `(value: T, context: { e: MouseEvent })` | \-
-### CSS 变量
+### CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
diff --git a/src/switch/switch.md b/src/switch/switch.md
index fd8c0d466..7f43d3aab 100644
--- a/src/switch/switch.md
+++ b/src/switch/switch.md
@@ -22,7 +22,7 @@ onChange | Function | | TS 类型:`(value: T, context: { e: MouseEvent }) =>
-- | -- | --
change | `(value: T, context: { e: MouseEvent })` | 数据发生变化时触发
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
diff --git a/src/tab-bar/tab-bar.md b/src/tab-bar/tab-bar.md
index f96c064fd..34080caf3 100644
--- a/src/tab-bar/tab-bar.md
+++ b/src/tab-bar/tab-bar.md
@@ -31,7 +31,7 @@ subTabBar | Array | - | 二级菜单。TS 类型:`SubTabBarItem[] ` `interface
value | String / Number | - | 标识符 | N
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/tabs/tabs.en-US.md b/src/tabs/tabs.en-US.md
index 04afd531b..6e3cf1992 100644
--- a/src/tabs/tabs.en-US.md
+++ b/src/tabs/tabs.en-US.md
@@ -43,7 +43,7 @@ lazy | Boolean | false | Enable tab lazy loading | N
panel | String / Slot / Function | - | Typescript:`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
value | String / Number | - | Typescript:`TabValue` | N
-### CSS 变量
+### CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
diff --git a/src/tabs/tabs.md b/src/tabs/tabs.md
index 69a018895..3d3518284 100644
--- a/src/tabs/tabs.md
+++ b/src/tabs/tabs.md
@@ -43,7 +43,7 @@ lazy | Boolean | false | 是否启用选项卡懒加载 | N
panel | String / Slot / Function | - | 用于自定义选项卡面板内容。TS 类型:`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
value | String / Number | - | 选项卡的值,唯一标识。TS 类型:`TabValue` | N
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
diff --git a/src/tag/tag.en-US.md b/src/tag/tag.en-US.md
index c455ae210..536b28841 100644
--- a/src/tag/tag.en-US.md
+++ b/src/tag/tag.en-US.md
@@ -53,7 +53,7 @@ change | `(checked: boolean)` | \-
click | `(context: { e: MouseEvent })` | \-
close | `(context: { e: MouseEvent })` | \-
-### CSS 变量
+### CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
diff --git a/src/tag/tag.md b/src/tag/tag.md
index a4183d76a..998e45cd5 100644
--- a/src/tag/tag.md
+++ b/src/tag/tag.md
@@ -53,7 +53,7 @@ change | `(checked: boolean)` | 状态切换时触发
click | `(context: { e: MouseEvent })` | 点击标签时触发
close | `(context: { e: MouseEvent })` | 如果关闭按钮存在,点击关闭按钮时触发
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
diff --git a/src/textarea/textarea.en-US.md b/src/textarea/textarea.en-US.md
index e95cc924d..5a902434c 100644
--- a/src/textarea/textarea.en-US.md
+++ b/src/textarea/textarea.en-US.md
@@ -33,7 +33,7 @@ blur | `(value: TextareaValue, context: { e: FocusEvent })` | \-
change | `(value: TextareaValue, context?: { e?: InputEvent })` | \-
focus | `(value: TextareaValue, context : { e: FocusEvent })` | \-
-### CSS 变量
+### CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
diff --git a/src/textarea/textarea.md b/src/textarea/textarea.md
index 3489c1ec2..72ca65395 100644
--- a/src/textarea/textarea.md
+++ b/src/textarea/textarea.md
@@ -33,7 +33,7 @@ blur | `(value: TextareaValue, context: { e: FocusEvent })` | 失去焦点时触
change | `(value: TextareaValue, context?: { e?: InputEvent })` | 输入内容变化时触发
focus | `(value: TextareaValue, context : { e: FocusEvent })` | 获得焦点时触发
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
diff --git a/src/toast/toast.md b/src/toast/toast.md
index 1303c4b73..2346a0d49 100644
--- a/src/toast/toast.md
+++ b/src/toast/toast.md
@@ -25,7 +25,7 @@ close | \- | 轻提示隐藏的时候触发
destroy | \- | 轻提示销毁的时候触发
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
diff --git a/src/upload/upload.md b/src/upload/upload.md
index 2f839c4f6..988c9e2d1 100644
--- a/src/upload/upload.md
+++ b/src/upload/upload.md
@@ -71,7 +71,7 @@ url | String | - | 文件上传成功后的下载/访问地址 | N
`PlainObject` | \- | - | `PlainObject` 不是 UploadFile 中的属性,而表示 UploadFile 本身支持添加任意属性,`type PlainObject = {[key: string]: any}`' | N
-### CSS 变量
+### CSS Variables
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --