docs: add documentation of all typings (#9359)

src/action-bar/README.md

@@ -133,6 +133,8 @@ Use `badge` prop to show badge in icon.
 | ------- | -------------- |
 | default | Button content |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/action-bar/README.zh-CN.md

@@ -118,8 +118,8 @@ export default {
 | type | 按钮类型，可选值为 `primary` `info` `warning` `danger` | _string_ | `default` |
 | color | 按钮颜色，支持传入 `linear-gradient` 渐变色 | _string_ | - |
 | icon | 左侧[图标名称](#/zh-CN/icon)或图片链接 | _string_ | - |
-| disabled | 是否禁用按钮 | _boolean_ | `false` | - |
-| loading | 是否显示为加载状态 | _boolean_ | `false` | - |
+| disabled | 是否禁用按钮 | _boolean_ | `false` |
+| loading | 是否显示为加载状态 | _boolean_ | `false` |
 | url | 点击后跳转的链接地址 | _string_ | - |
 | to | 点击后跳转的目标路由对象，等同于 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | _string \| object_ | - |
 | replace | 是否在跳转时替换当前页面历史 | _boolean_ | `false` |
@@ -137,6 +137,8 @@ export default {
 | ------- | ------------ |
 | default | 按钮显示内容 |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/action-sheet/README.md

@@ -224,6 +224,8 @@ export default {
 | description      | Custom description above the options |
 | cancel `v3.0.10` | Custom the content of cancel button  |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/action-sheet/README.zh-CN.md

@@ -236,6 +236,8 @@ export default {
 | description      | 自定义描述文案       |
 | cancel `v3.0.10` | 自定义取消按钮内容   |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/address-edit/README.md

@@ -78,8 +78,8 @@ export default {
 | area-list | Area List | _object_ | - |
 | area-columns-placeholder | placeholder of area columns | _string[]_ | `[]` |
 | area-placeholder | placeholder of area input field | _string_ | `Area` |
-| address-info | Address Info | _AddressInfo_ | `{}` |
-| search-result | Address search result | _SearchResult[]_ | `[]` |
+| address-info | Address Info | _AddressEditInfo_ | `{}` |
+| search-result | Address search result | _AddressEditSearchItem[]_ | `[]` |
 | show-postal | Whether to show postal field | _boolean_ | `false` |
 | show-delete | Whether to show delete button | _boolean_ | `false` |
 | show-set-default | Whether to show default address switch | _boolean_ | `false` |
@@ -128,7 +128,17 @@ Use [ref](https://v3.vuejs.org/guide/component-template-refs.html) to get Addres
 
 ### Types
 
-Get the type definition of the AddressEdit instance through `AddressEditInstance`.
+The component exports the following type definitions:
+
+```ts
+import type {
+  AddressEditInfo,
+  AddressEditInstance,
+  AddressEditSearchItem,
+} from 'vant';
+```
+
+`AddressEditInstance` is the type of component instance:
 
 ```ts
 import { ref } from 'vue';
@@ -139,7 +149,7 @@ const addressEditRef = ref<AddressEditInstance>();
 addressEditRef.value?.setAddressDetail('');
 ```
 
-### AddressInfo Data Structure
+### AddressEditInfo Data Structure
 
 | key           | Description        | Type      |
 | ------------- | ------------------ | --------- |
@@ -153,7 +163,7 @@ addressEditRef.value?.setAddressDetail('');
 | postalCode    | Postal code        | _string_  |
 | isDefault     | Is default address | _boolean_ |
 
-### SearchResult Data Structure
+### AddressEditSearchItem Data Structure
 
 | key     | Description | Type     |
 | ------- | ----------- | -------- |
@@ -164,6 +174,8 @@ addressEditRef.value?.setAddressDetail('');
 
 Please refer to [Area](#/en-US/area) component.
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/address-edit/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 介绍
 
-收货地址编辑组件，用于新建、更新、删除收货地址。
+地址编辑组件，用于新建、更新、删除地址信息。
 
 ### 引入
 
@@ -78,8 +78,8 @@ export default {
 | area-list | 地区列表 | _object_ | - |
 | area-columns-placeholder | 地区选择列占位提示文字 | _string[]_ | `[]` |
 | area-placeholder | 地区输入框占位提示文字 | _string_ | `选择省 / 市 / 区` |
-| address-info | 收货人信息初始值 | _AddressInfo_ | `{}` |
-| search-result | 详细地址搜索结果 | _SearchResult[]_ | `[]` |
+| address-info | 地址信息初始值 | _AddressEditInfo_ | `{}` |
+| search-result | 详细地址搜索结果 | _AddressEditSearchItem[]_ | `[]` |
 | show-postal | 是否显示邮政编码 | _boolean_ | `false` |
 | show-delete | 是否显示删除按钮 | _boolean_ | `false` |
 | show-set-default | 是否显示默认地址栏 | _boolean_ | `false` |
@@ -128,7 +128,17 @@ export default {
 
 ### 类型定义
 
-通过 `AddressEditInstance` 获取 AddressEdit 实例的类型定义（从 3.2.0 版本开始支持）。
+组件导出以下类型定义：
+
+```ts
+import type {
+  AddressEditInfo,
+  AddressEditInstance,
+  AddressEditSearchItem,
+} from 'vant';
+```
+
+`AddressEditInstance` 是组件实例的类型，用法如下：
 
 ```ts
 import { ref } from 'vue';
@@ -139,14 +149,14 @@ const addressEditRef = ref<AddressEditInstance>();
 addressEditRef.value?.setAddressDetail('');
 ```
 
-### AddressInfo 数据格式
+### AddressEditInfo 数据格式
 
-注意：`AddressInfo` 仅作为初始值传入，表单最终内容可以在 save 事件中获取。
+注意：`AddressEditInfo` 仅作为初始值传入，表单最终内容可以在 save 事件中获取。
 
 | key | 说明 | 类型 |
 | --- | --- | --- |
-| name | 收货人姓名 | _string_ |
-| tel | 收货人手机号 | _string_ |
+| name | 姓名 | _string_ |
+| tel | 手机号 | _string_ |
 | province | 省份 | _string_ |
 | city | 城市 | _string_ |
 | county | 区县 | _string_ |
@@ -155,7 +165,7 @@ addressEditRef.value?.setAddressDetail('');
 | postalCode | 邮政编码 | _string_ |
 | isDefault | 是否为默认地址 | _boolean_ |
 
-### SearchResult 数据格式
+### AddressEditSearchItem 数据格式
 
 | key     | 说明     | 类型     |
 | ------- | -------- | -------- |
@@ -164,7 +174,9 @@ addressEditRef.value?.setAddressDetail('');
 
 ### 省市县列表数据格式
 
-请参考 [Area](#/zh-CN/area) 组件。
+请参考 [Area 省市区选择](#/zh-CN/area) 组件。
+
+## 主题定制
 
 ### 样式变量
 

src/address-list/README.md

@@ -121,6 +121,8 @@ export default {
 | item-bottom  | Custom content after list item | _item: Address_ |
 | tag `v3.0.9` | Custom tag of list item        | _item: Address_ |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/address-list/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 介绍
 
-展示收货地址列表。
+展示地址信息列表。
 
 ### 引入
 
@@ -107,9 +107,9 @@ export default {
 | 键名      | 说明               | 类型               |
 | --------- | ------------------ | ------------------ |
 | id        | 每条地址的唯一标识 | _number \| string_ |
-| name      | 收货人姓名         | _string_           |
-| tel       | 收货人手机号       | _number \| string_ |
-| address   | 收货地址           | _string_           |
+| name      | 姓名               | _string_           |
+| tel       | 手机号             | _number \| string_ |
+| address   | 详细地址           | _string_           |
 | isDefault | 是否为默认地址     | _boolean_          |
 
 ### Slots
@@ -121,6 +121,8 @@ export default {
 | item-bottom  | 在列表项底部插入内容 | _item: Address_ |
 | tag `v3.0.9` | 自定义列表项标签内容 | _item: Address_ |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/area/README.md

@@ -166,7 +166,13 @@ Use [ref](https://v3.vuejs.org/guide/component-template-refs.html) to get Area i
 
 ### Types
 
-Get the type definition of the Area instance through `AreaInstance`.
+The component exports the following type definitions:
+
+```ts
+import type { AreaList, AreaInstance, AreaColumnOption } from 'vant';
+```
+
+`AreaInstance` is the type of component instance:
 
 ```ts
 import { ref } from 'vue';

src/area/README.zh-CN.md

@@ -168,7 +168,13 @@ confirm 事件返回的数据整体为一个数组，数组每一项对应一列
 
 ### 类型定义
 
-通过 `AreaInstance` 获取 Area 实例的类型定义（从 3.2.0 版本开始支持）。
+组件导出以下类型定义：
+
+```ts
+import type { AreaList, AreaInstance, AreaColumnOption } from 'vant';
+```
+
+`AreaInstance` 是组件实例的类型，用法如下：
 
 ```ts
 import { ref } from 'vue';

src/badge/README.md

@@ -133,6 +133,8 @@ Use `content` slot to custom :content of badge.
 | default | Default slot         |
 | content | Custom badge content |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/badge/README.zh-CN.md

@@ -141,6 +141,8 @@ app.use(Badge);
 | default | 徽标包裹的子元素 |
 | content | 自定义徽标内容   |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/button/README.md

@@ -149,6 +149,8 @@ app.use(Button);
 | icon `v3.0.18` | Custom icon         |
 | loading        | Custom loading icon |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/button/README.zh-CN.md

@@ -172,6 +172,8 @@ app.use(Button);
 | icon `v3.0.18` | 自定义图标     |
 | loading        | 自定义加载图标 |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/calendar/README.md

@@ -349,7 +349,18 @@ Use [ref](https://v3.vuejs.org/guide/component-template-refs.html) to get Calend
 
 ### Types
 
-Get the type definition of the Calendar instance through `CalendarInstance`.
+The component exports the following type definitions:
+
+```ts
+import type {
+  CalendarType,
+  CalendarDayItem,
+  CalendarDayType,
+  CalendarInstance,
+} from 'vant';
+```
+
+`CalendarInstance` is the type of component instance:
 
 ```ts
 import { ref } from 'vue';
@@ -360,6 +371,8 @@ const calendarRef = ref<CalendarInstance>();
 calendarRef.value?.reset();
 ```
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/calendar/README.zh-CN.md

@@ -355,7 +355,18 @@ export default {
 
 ### 类型定义
 
-通过 `CalendarInstance` 获取 Calendar 实例的类型定义（从 3.2.0 版本开始支持）。
+组件导出以下类型定义：
+
+```ts
+import type {
+  CalendarType,
+  CalendarDayItem,
+  CalendarDayType,
+  CalendarInstance,
+} from 'vant';
+```
+
+`CalendarInstance` 是组件实例的类型，用法如下：
 
 ```ts
 import { ref } from 'vue';
@@ -366,6 +377,8 @@ const calendarRef = ref<CalendarInstance>();
 calendarRef.value?.reset();
 ```
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/card/README.md

@@ -108,6 +108,8 @@ Use slot to custom content.
 | tags         | Custom tags         |
 | footer       | Custom footer       |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/card/README.zh-CN.md

@@ -110,6 +110,8 @@ app.use(Card);
 | tags         | 自定义描述下方标签区域 |
 | footer       | 自定义右下角内容       |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/cascader/README.md

@@ -240,6 +240,8 @@ export default {
 | title | Custom title | - |
 | option `v3.1.4` | Custom option text | _{ option: Option, selected: boolean }_ |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/cascader/README.zh-CN.md

@@ -252,6 +252,8 @@ export default {
 | title           | 自定义顶部标题 | -                                       |
 | option `v3.1.4` | 自定义选项文字 | _{ option: Option, selected: boolean }_ |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/cell/README.md

@@ -192,6 +192,8 @@ app.use(CellGroup);
 | right-icon     | Custom right icon                 |
 | extra          | Custom extra content on the right |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/cell/README.zh-CN.md

@@ -197,6 +197,8 @@ app.use(CellGroup);
 | right-icon     | 自定义右侧图标               |
 | extra          | 自定义单元格最右侧的额外内容 |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/checkbox/README.md

@@ -254,7 +254,7 @@ export default {
 | label-disabled | Whether to disable label click | _boolean_ | `false` |
 | label-position | Can be set to `left` | _string_ | `right` |
 | icon-size | Icon size | _number \| string_ | `20px` |
-| checked-color | Checked color | _string_ | `#1989fa` | - |
+| checked-color | Checked color | _string_ | `#1989fa` |
 | bind-group | Whether to bind with CheckboxGroup | _boolean_ | `true` |
 
 ### CheckboxGroup Props
@@ -266,7 +266,7 @@ export default {
 | max | Maximum amount of checked options | _number \| string_ | `0`(Unlimited) |
 | direction | Direction, can be set to `horizontal` | _string_ | `vertical` |
 | icon-size | Icon size of all checkboxes | _number \| string_ | `20px` |
-| checked-color | Checked color of all checkboxes | _string_ | `#1989fa` | - |
+| checked-color | Checked color of all checkboxes | _string_ | `#1989fa` |
 
 ### Checkbox Events
 
@@ -329,7 +329,17 @@ Use [ref](https://v3.vuejs.org/guide/component-template-refs.html) to get Checkb
 
 ### Types
 
-Get the type definition of the Checkbox instance through `CheckboxInstance` and `CheckboxGroupInstance`.
+The component exports the following type definitions:
+
+```ts
+import type {
+  CheckboxInstance,
+  CheckboxGroupInstance,
+  CheckboxGroupToggleAllOptions,
+} from 'vant';
+```
+
+`CheckboxInstance` and `CheckboxGroupInstance` is the type of component instance:
 
 ```ts
 import { ref } from 'vue';
@@ -342,6 +352,8 @@ checkboxRef.value?.toggle();
 checkboxGroupRef.value?.toggleAll();
 ```
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/checkbox/README.zh-CN.md

@@ -210,7 +210,7 @@ export default {
 
 ### 搭配单元格组件使用
 
-此时你需要再引入 `Cell` 和 `CellGroup` 组件，并通过 `Checkbox` 实例上的 toggle 方法触发切换。
+搭配单元格组件使用时，需要再引入 `Cell` 和 `CellGroup` 组件，并通过 `Checkbox` 实例上的 toggle 方法触发切换。
 
 ```html
 <van-checkbox-group v-model="checked">
@@ -347,7 +347,17 @@ checkboxGroup.toggleAll({
 
 ### 类型定义
 
-通过 `CheckboxInstance` 和 `CheckboxGroupInstance` 获取 Checkbox 实例的类型定义（从 3.2.0 版本开始支持）。
+组件导出以下类型定义：
+
+```ts
+import type {
+  CheckboxInstance,
+  CheckboxGroupInstance,
+  CheckboxGroupToggleAllOptions,
+} from 'vant';
+```
+
+`CheckboxInstance` 和 `CheckboxGroupInstance` 是组件实例的类型，用法如下：
 
 ```ts
 import { ref } from 'vue';
@@ -360,6 +370,8 @@ checkboxRef.value?.toggle();
 checkboxGroupRef.value?.toggleAll();
 ```
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/circle/README.md

@@ -167,6 +167,8 @@ export default {
 | ------- | ------------------- |
 | default | custom text content |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/circle/README.zh-CN.md

@@ -181,6 +181,8 @@ export default {
 | ------- | -------------- |
 | default | 自定义文字内容 |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/collapse/README.md

@@ -152,7 +152,13 @@ Use [ref](https://v3.vuejs.org/guide/component-template-refs.html) to get Collap
 
 ### Types
 
-Get the type definition of the CollapseItem instance through `CollapseItemInstance`.
+The component exports the following type definitions:
+
+```ts
+import type { CollapseItemInstance } from 'vant';
+```
+
+`CollapseItemInstance` is the type of component instance:
 
 ```ts
 import { ref } from 'vue';
@@ -174,6 +180,8 @@ collapseItemRef.value?.toggle();
 | icon           | Custom header left icon  |
 | right-icon     | Custom header right icon |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/collapse/README.zh-CN.md

@@ -150,7 +150,13 @@ export default {
 
 ### 类型定义
 
-通过 `CollapseItemInstance` 获取 CollapseItem 实例的类型定义（从 3.2.0 版本开始支持）。
+组件导出以下类型定义：
+
+```ts
+import type { CollapseItemInstance } from 'vant';
+```
+
+`CollapseItemInstance` 是组件实例的类型，用法如下：
 
 ```ts
 import { ref } from 'vue';
@@ -172,6 +178,8 @@ collapseItemRef.value?.toggle();
 | icon           | 自定义标题栏左侧图标 |
 | right-icon     | 自定义标题栏右侧图标 |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/contact-card/README.md

@@ -90,6 +90,8 @@ export default {
 | ----- | --------------------------------- | ------------------- |
 | click | Emitted when component is clicked | _event: MouseEvent_ |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/contact-card/README.zh-CN.md

@@ -84,6 +84,8 @@ export default {
 | ------ | ---------- | ------------------- |
 | click  | 点击时触发 | _event: MouseEvent_ |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/contact-edit/README.md

@@ -77,6 +77,8 @@ export default {
 | name | Name        | _string_ |
 | tel  | Phone       | _string_ |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/contact-edit/README.zh-CN.md

@@ -77,6 +77,8 @@ export default {
 | name | 联系人姓名   | _string_           |
 | tel  | 联系人手机号 | _number \| string_ |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/contact-list/README.md

@@ -95,6 +95,8 @@ export default {
 | tel       | Phone              | _string_           |
 | isDefault | Is default contact | _boolean_          |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/contact-list/README.zh-CN.md

@@ -95,6 +95,8 @@ export default {
 | tel       | 联系人手机号         | _number \| string_ |
 | isDefault | 是否为默认联系人     | _boolean_          |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/count-down/README.md

@@ -183,7 +183,13 @@ Use [ref](https://v3.vuejs.org/guide/component-template-refs.html) to get CountD
 
 ### Types
 
-Get the type definition of the CountDown instance through `CountDownInstance`.
+The component exports the following type definitions:
+
+```ts
+import type { CountDownInstance, CountDownCurrentTime } from 'vant';
+```
+
+`CountDownInstance` is the type of component instance:
 
 ```ts
 import { ref } from 'vue';
@@ -194,6 +200,8 @@ const countDownRef = ref<CountDownInstance>();
 countDownRef.value?.start();
 ```
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/count-down/README.zh-CN.md

@@ -193,7 +193,13 @@ export default {
 
 ### 类型定义
 
-通过 `CountDownInstance` 获取 CountDown 实例的类型定义（从 3.2.0 版本开始支持）。
+组件导出以下类型定义：
+
+```ts
+import type { CountDownInstance, CountDownCurrentTime } from 'vant';
+```
+
+`CountDownInstance` 是组件实例的类型，用法如下：
 
 ```ts
 import { ref } from 'vue';
@@ -204,6 +210,8 @@ const countDownRef = ref<CountDownInstance>();
 countDownRef.value?.start();
 ```
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/coupon-list/README.md

@@ -107,8 +107,8 @@ export default {
 | chosen-coupon | Index of chosen coupon | _number_ | `-1` |
 | coupons | Coupon list | _Coupon[]_ | `[]` |
 | disabled-coupons | Disabled coupon list | _Coupon[]_ | `[]` |
-| enabled-title | Title of coupon list | _string_ | `Available` | - |
-| disabled-title | Title of disabled coupon list | _string_ | `Unavailable` | - |
+| enabled-title | Title of coupon list | _string_ | `Available` |
+| disabled-title | Title of disabled coupon list | _string_ | `Unavailable` |
 | exchange-button-text | Exchange button text | _string_ | `Exchange` |
 | exchange-button-loading | Whether to show loading in exchange button | _boolean_ | `false` |
 | exchange-button-disabled | Whether to disable exchange button | _boolean_ | `false` |
@@ -149,6 +149,8 @@ export default {
 | valueDesc   | Value Text                          | _string_ |
 | unitDesc    | Unit Text                           | _string_ |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/coupon-list/README.zh-CN.md

@@ -151,6 +151,8 @@ export default {
 | valueDesc   | 折扣券优惠金额文案              | _string_ |
 | unitDesc    | 单位文案                        | _string_ |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/datetime-picker/README.md

@@ -345,7 +345,13 @@ Use [ref](https://v3.vuejs.org/guide/component-template-refs.html) to get Dateti
 
 ### Types
 
-Get the type definition of the DatetimePicker instance through `DatetimePickerInstance`.
+The component exports the following type definitions:
+
+```ts
+import type { DatetimePickerType, DatetimePickerInstance } from 'vant';
+```
+
+`DatetimePickerInstance` is the type of component instance:
 
 ```ts
 import { ref } from 'vue';

src/datetime-picker/README.zh-CN.md

@@ -354,7 +354,13 @@ export default {
 
 ### 类型定义
 
-通过 `DatetimePickerInstance` 获取 DatetimePicker 实例的类型定义（从 3.2.0 版本开始支持）。
+组件导出以下类型定义：
+
+```ts
+import type { DatetimePickerType, DatetimePickerInstance } from 'vant';
+```
+
+`DatetimePickerInstance` 是组件实例的类型，用法如下：
 
 ```ts
 import { ref } from 'vue';

src/dialog/README.md

@@ -214,6 +214,8 @@ export default {
 | title            | Custom title   |
 | footer `v3.0.10` | Custom footer  |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/dialog/README.zh-CN.md

@@ -249,6 +249,8 @@ export default {
 | title            | 自定义标题         |
 | footer `v3.0.10` | 自定义底部按钮区域 |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/divider/README.md

@@ -69,6 +69,8 @@ app.use(Divider);
 | ------- | ----------- |
 | default | content     |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/divider/README.zh-CN.md

@@ -79,6 +79,8 @@ app.use(Divider);
 | ------- | ---- |
 | default | 内容 |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/dropdown-menu/README.md

@@ -193,7 +193,17 @@ Use [ref](https://v3.vuejs.org/guide/component-template-refs.html) to get Dropdo
 
 ### Types
 
-Get the type definition of the DropdownItem instance through `DropdownItemInstance`.
+The component exports the following type definitions:
+
+```ts
+import type {
+  DropdownItemOption,
+  DropdownItemInstance,
+  DropdownMenuDirection,
+} from 'vant';
+```
+
+`DropdownItemInstance` is the type of component instance:
 
 ```ts
 import { ref } from 'vue';
@@ -212,6 +222,8 @@ dropdownItemRef.value?.toggle();
 | value | Value       | _number \| string_ |
 | icon  | Left icon   | _string_           |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/dropdown-menu/README.zh-CN.md

@@ -197,7 +197,17 @@ export default {
 
 ### 类型定义
 
-通过 `DropdownItemInstance` 获取 DropdownItem 实例的类型定义（从 3.2.0 版本开始支持）。
+组件导出以下类型定义：
+
+```ts
+import type {
+  DropdownItemOption,
+  DropdownItemInstance,
+  DropdownMenuDirection,
+} from 'vant';
+```
+
+`DropdownItemInstance` 是组件实例的类型，用法如下：
 
 ```ts
 import { ref } from 'vue';
@@ -216,6 +226,8 @@ dropdownItemRef.value?.toggle();
 | value | 标识符                                 | _number \| string_ |
 | icon  | 左侧[图标名称](#/zh-CN/icon)或图片链接 | _string_           |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/empty/README.md

@@ -86,6 +86,8 @@ Use the image prop to display different placeholder images.
 | image       | Custom image          |
 | description | Custom description    |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/empty/README.zh-CN.md

@@ -91,6 +91,8 @@ Empty 组件内置了多种占位图片类型，可以在不同业务场景下
 | image       | 自定义图标     |
 | description | 自定义描述文字 |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/field/README.md

@@ -309,7 +309,23 @@ Use [ref](https://v3.vuejs.org/guide/component-template-refs.html) to get Field
 
 ### Types
 
-Get the type definition of the Field instance through `FieldInstance`.
+The component exports the following type definitions:
+
+```ts
+import type {
+  FieldType,
+  FieldRule,
+  FieldInstance,
+  FieldTextAlign,
+  FieldClearTrigger,
+  FieldFormatTrigger,
+  FieldValidateError,
+  FieldAutosizeConfig,
+  FieldValidateTrigger,
+} from 'vant';
+```
+
+`FieldInstance` is the type of component instance:
 
 ```ts
 import { ref } from 'vue';
@@ -331,6 +347,8 @@ fieldRef.value?.focus();
 | button     | Insert button               |
 | extra      | Custom content on the right |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/field/README.zh-CN.md

@@ -328,7 +328,23 @@ export default {
 
 ### 类型定义
 
-通过 `FieldInstance` 获取 Field 实例的类型定义（从 3.2.0 版本开始支持）。
+组件导出以下类型定义：
+
+```ts
+import type {
+  FieldType,
+  FieldRule,
+  FieldInstance,
+  FieldTextAlign,
+  FieldClearTrigger,
+  FieldFormatTrigger,
+  FieldValidateError,
+  FieldAutosizeConfig,
+  FieldValidateTrigger,
+} from 'vant';
+```
+
+`FieldInstance` 是组件实例的类型，用法如下：
 
 ```ts
 import { ref } from 'vue';
@@ -350,6 +366,8 @@ fieldRef.value?.focus();
 | button | 自定义输入框尾部按钮 |
 | extra | 自定义输入框最右侧的额外内容 |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/form/README.md

@@ -544,7 +544,13 @@ Use [ref](https://v3.vuejs.org/guide/component-template-refs.html) to get Form i
 
 ### Types
 
-Get the type definition of the Form instance through `FormInstance`.
+The component exports the following type definitions:
+
+```ts
+import type { FormInstance } from 'vant';
+```
+
+`FormInstance` is the type of component instance:
 
 ```ts
 import { ref } from 'vue';

src/form/README.zh-CN.md

@@ -582,7 +582,13 @@ export default {
 
 ### 类型定义
 
-通过 `FormInstance` 获取 Form 实例的类型定义（从 3.2.0 版本开始支持）。
+组件导出以下类型定义：
+
+```ts
+import type { FormInstance } from 'vant';
+```
+
+`FormInstance` 是组件实例的类型，用法如下：
 
 ```ts
 import { ref } from 'vue';

src/grid/README.md

@@ -142,6 +142,8 @@ app.use(GridItem);
 | icon    | Custom icon    |
 | text    | Custom text    |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/grid/README.zh-CN.md

@@ -158,6 +158,8 @@ app.use(GridItem);
 | icon    | 自定义图标           |
 | text    | 自定义文字           |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/image-preview/README.md

@@ -187,7 +187,17 @@ Use [ref](https://vuejs.org/v2/api/#ref) to get ImagePreview instance and call i
 
 ### Types
 
-Get the type definition of the ImagePreview instance through `ImagePreviewInstance`.
+The component exports the following type definitions:
+
+```ts
+import type {
+  ImagePreviewOptions,
+  ImagePreviewInstance,
+  ImagePreviewScaleEventParams,
+} from 'vant';
+```
+
+`ImagePreviewInstance` is the type of component instance:
 
 ```ts
 import { ref } from 'vue';
@@ -219,6 +229,8 @@ imagePreviewRef.value?.swipeTo(1);
 | index     | Index of current image | _number_ |
 | scale     | scale of current image | _number_ |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/image-preview/README.zh-CN.md

@@ -222,7 +222,17 @@ export default {
 
 ### 类型定义
 
-通过 `ImagePreviewInstance` 获取 ImagePreview 实例的类型定义（从 3.2.0 版本开始支持）。
+组件导出以下类型定义：
+
+```ts
+import type {
+  ImagePreviewOptions,
+  ImagePreviewInstance,
+  ImagePreviewScaleEventParams,
+} from 'vant';
+```
+
+`ImagePreviewInstance` 是组件实例的类型，用法如下：
 
 ```ts
 import { ref } from 'vue';
@@ -256,6 +266,8 @@ imagePreviewRef.value?.swipeTo(1);
 | index  | 当前图片的索引值 | _number_ |
 | scale  | 当前图片的缩放值 | _number_ |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/image/README.md

@@ -114,6 +114,8 @@ app.use(Lazyload);
 | loading | Custom loading placeholder         |
 | error   | Custom error placeholder           |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/image/README.zh-CN.md

@@ -142,6 +142,8 @@ app.use(Lazyload);
 | loading | 自定义加载中的提示内容     |
 | error   | 自定义加载失败时的提示内容 |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/index-bar/README.md

@@ -75,7 +75,7 @@ export default {
 | z-index | z-index | _number \| string_ | `1` |
 | sticky | Whether to enable anchor sticky top | _boolean_ | `true` |
 | sticky-offset-top | Anchor offset top when sticky | _number_ | `0` |
-| highlight-color | Index character highlight color | _string_ | `#ee0a24` | - |
+| highlight-color | Index character highlight color | _string_ | `#ee0a24` |
 | teleport `v3.0.19` | Specifies a target element where IndexBar will be mounted | _string \| Element_ | - |
 
 ### IndexAnchor Props
@@ -101,7 +101,13 @@ Use [ref](https://v3.vuejs.org/guide/component-template-refs.html) to get IndexB
 
 ### Types
 
-Get the type definition of the IndexBar instance through `IndexBarInstance`.
+The component exports the following type definitions:
+
+```ts
+import type { IndexBarInstance } from 'vant';
+```
+
+`IndexBarInstance` is the type of component instance:
 
 ```ts
 import { ref } from 'vue';
@@ -118,6 +124,8 @@ indexBarRef.value?.scrollTo('B');
 | ------- | ------------------------------------- |
 | default | Anchor content, show index by default |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/index-bar/README.zh-CN.md

@@ -105,7 +105,13 @@ export default {
 
 ### 类型定义
 
-通过 `IndexBarInstance` 获取 IndexBar 实例的类型定义（从 3.2.0 版本开始支持）。
+组件导出以下类型定义：
+
+```ts
+import type { IndexBarInstance } from 'vant';
+```
+
+`IndexBarInstance` 是组件实例的类型，用法如下：
 
 ```ts
 import { ref } from 'vue';
@@ -122,6 +128,8 @@ indexBarRef.value?.scrollTo('B');
 | ------- | -------------------------------- |
 | default | 锚点位置显示内容，默认为索引字符 |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/list/README.md

@@ -193,7 +193,13 @@ Use [ref](https://v3.vuejs.org/guide/component-template-refs.html) to get List i
 
 ### Types
 
-Get the type definition of the List instance through `ListInstance`.
+The component exports the following type definitions:
+
+```ts
+import type { ListInstance, ListDirection } from 'vant';
+```
+
+`ListInstance` is the type of component instance:
 
 ```ts
 import { ref } from 'vue';
@@ -213,6 +219,8 @@ listRef.value?.check();
 | finished | Custom finished tips |
 | error    | Custom error tips    |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/list/README.zh-CN.md

@@ -208,7 +208,13 @@ export default {
 
 ### 类型定义
 
-通过 `ListInstance` 获取 List 实例的类型定义（从 3.2.0 版本开始支持）。
+组件导出以下类型定义：
+
+```ts
+import type { ListInstance, ListDirection } from 'vant';
+```
+
+`ListInstance` 是组件实例的类型，用法如下：
 
 ```ts
 import { ref } from 'vue';
@@ -228,6 +234,8 @@ listRef.value?.check();
 | finished | 自定义加载完成后的提示文案 |
 | error    | 自定义加载失败后的提示文案 |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/loading/README.md

@@ -85,6 +85,8 @@ use `color` or `text-color` to change text color.
 | ------- | ------------ |
 | default | Loading text |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/loading/README.zh-CN.md

@@ -95,6 +95,8 @@ app.use(Loading);
 | ------- | -------- |
 | default | 加载文案 |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/nav-bar/README.md

@@ -87,6 +87,8 @@ export default {
 | click-left  | Emitted when the left button is clicked  | _event: MouseEvent_ |
 | click-right | Emitted when the right button is clicked | _event: MouseEvent_ |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/nav-bar/README.zh-CN.md

@@ -89,6 +89,8 @@ export default {
 | click-left  | 点击左侧按钮时触发 | _event: MouseEvent_ |
 | click-right | 点击右侧按钮时触发 | _event: MouseEvent_ |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/notice-bar/README.md

@@ -90,14 +90,14 @@ app.use(NoticeBar);
 | Attribute | Description | Type | Default |
 | --- | --- | --- | --- |
 | mode | Mode, can be set to `closeable` `link` | _string_ | `''` |
-| text | Notice text content | _string_ | `''` | - |
+| text | Notice text content | _string_ | `''` |
 | color | Text color | _string_ | `#f60` |
 | background | Background color | _string_ | `#fff7cc` |
 | left-icon | Left Icon | _string_ | - |
 | delay | Animation delay (s) | _number \| string_ | `1` |
 | speed | Scroll speed (px/s) | _number \| string_ | `60` |
 | scrollable | Whether to scroll content | _boolean_ | - |
-| wrapable | Whether to enable text wrap | _boolean_ | `false` | - |
+| wrapable | Whether to enable text wrap | _boolean_ | `false` |
 
 ### Events
 
@@ -117,7 +117,13 @@ Use [ref](https://v3.vuejs.org/guide/component-template-refs.html) to get Notice
 
 ### Types
 
-Get the type definition of the NoticeBar instance through `NoticeBarInstance`.
+The component exports the following type definitions:
+
+```ts
+import type { NoticeBarMode, NoticeBarInstance } from 'vant';
+```
+
+`NoticeBarInstance` is the type of component instance:
 
 ```ts
 import { ref } from 'vue';
@@ -136,6 +142,8 @@ noticeBarRef.value?.reset();
 | left-icon  | Custom left icon    |
 | right-icon | Custom right icon   |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/notice-bar/README.zh-CN.md

@@ -138,7 +138,13 @@ app.use(NoticeBar);
 
 ### 类型定义
 
-通过 `NoticeBarInstance` 获取 NoticeBar 实例的类型定义（从 3.2.0 版本开始支持）。
+组件导出以下类型定义：
+
+```ts
+import type { NoticeBarMode, NoticeBarInstance } from 'vant';
+```
+
+`NoticeBarInstance` 是组件实例的类型，用法如下：
 
 ```ts
 import { ref } from 'vue';
@@ -157,6 +163,8 @@ noticeBarRef.value?.reset();
 | left-icon  | 自定义左侧图标 |
 | right-icon | 自定义右侧图标 |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/notify/README.md

@@ -110,7 +110,7 @@ export default {
 | type | Can be set to `primary` `success` `warning` | _string_ | `danger` |
 | message | Message | _string_ | - |
 | duration | Duration(ms), won't disappear if value is 0 | _number \| string_ | `3000` |
-| color | Message color | _string_ | `white` |  |
+| color | Message color | _string_ | `white` |
 | background | Background color | _string_ | - |
 | className | Custom className | _string \| Array \| object_ | - |
 | lockScroll `v3.0.7` | Whether to lock background scroll | _boolean_ | `false` |
@@ -118,6 +118,8 @@ export default {
 | onOpened | Callback function after opened | _() => void_ | - |
 | onClose | Callback function after close | _() => void_ | - |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/notify/README.zh-CN.md

@@ -151,6 +151,8 @@ export default {
 | onOpened | 完全展示后的回调函数 | _() => void_ | - |
 | onClose | 关闭时的回调函数 | _() => void_ | - |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/number-keyboard/README.md

@@ -204,6 +204,8 @@ export default {
 | extra-key  | Custom extra key content  |
 | title-left | Custom title left content |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/number-keyboard/README.zh-CN.md

@@ -211,6 +211,8 @@ export default {
 | extra-key  | 自定义左下角按键内容 |
 | title-left | 自定义标题栏左侧内容 |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/overlay/README.md

@@ -86,6 +86,8 @@ export default {
 | ------- | ------------ |
 | default | Default slot |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/overlay/README.zh-CN.md

@@ -88,6 +88,8 @@ export default {
 | ------- | ---------------------------------- |
 | default | 默认插槽，用于在遮罩层上方嵌入内容 |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/pagination/README.md

@@ -96,6 +96,8 @@ export default {
 | prev-text | Custom prev text | `-` |
 | next-text | Custom next text | `-` |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/pagination/README.zh-CN.md

@@ -104,6 +104,8 @@ export default {
 | prev-text | 自定义上一页按钮文字 | `-` |
 | next-text | 自定义下一页按钮文字 | `-` |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/password-input/README.md

@@ -148,6 +148,8 @@ export default {
 | ----- | ----------------------------- | --------- |
 | focus | Emitted when input is focused | -         |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/password-input/README.zh-CN.md

@@ -158,6 +158,8 @@ export default {
 | ------ | ---------------- | -------- |
 | focus  | 输入框聚焦时触发 | -        |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/picker/README.md

@@ -381,7 +381,21 @@ Use [ref](https://v3.vuejs.org/guide/component-template-refs.html) to get Picker
 
 ### Types
 
-Get the type definition of the Picker instance through `PickerInstance`.
+The component exports the following type definitions:
+
+```ts
+import type {
+  PickerColumn,
+  PickerOption,
+  PickerInstance,
+  PickerFieldNames,
+  PickerObjectColumn,
+  PickerObjectOption,
+  PickerToolbarPosition,
+} from 'vant';
+```
+
+`PickerInstance` is the type of component instance:
 
 ```ts
 import { ref } from 'vue';
@@ -392,6 +406,8 @@ const pickerRef = ref<PickerInstance>();
 pickerRef.value?.confirm();
 ```
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/picker/README.zh-CN.md

@@ -406,7 +406,21 @@ export default {
 
 ### 类型定义
 
-通过 `PickerInstance` 获取 Picker 实例的类型定义（从 3.2.0 版本开始支持）。
+组件导出以下类型定义：
+
+```ts
+import type {
+  PickerColumn,
+  PickerOption,
+  PickerInstance,
+  PickerFieldNames,
+  PickerObjectColumn,
+  PickerObjectOption,
+  PickerToolbarPosition,
+} from 'vant';
+```
+
+`PickerInstance` 是组件实例的类型，用法如下：
 
 ```ts
 import { ref } from 'vue';
@@ -417,6 +431,8 @@ const pickerRef = ref<PickerInstance>();
 pickerRef.value?.confirm();
 ```
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/popover/README.md

@@ -254,6 +254,8 @@ export default {
 | default   | Custom content    |
 | reference | Reference Element |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/popover/README.zh-CN.md

@@ -266,6 +266,8 @@ export default {
 | default   | 自定义菜单内容              |
 | reference | 触发 Popover 显示的元素内容 |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/popup/README.md

@@ -146,6 +146,8 @@ Use `teleport` prop to specify mount location.
 | default                   | Content of Popup         |
 | overlay-content `v3.0.18` | Content of Popup overlay |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/popup/README.zh-CN.md

@@ -152,6 +152,8 @@ export default {
 | default                   | 弹窗内容     |
 | overlay-content `v3.0.18` | 遮罩层的内容 |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/progress/README.md

@@ -71,7 +71,13 @@ Use `pivot-text` to custom text，use `color` to custom bar color.
 
 ### Types
 
-Get the type definition of the Progress instance through `ProgressInstance`.
+The component exports the following type definitions:
+
+```ts
+import type { ProgressInstance } from 'vant';
+```
+
+`ProgressInstance` is the type of component instance:
 
 ```ts
 import { ref } from 'vue';
@@ -82,6 +88,8 @@ const progressRef = ref<ProgressInstance>();
 progressRef.value?.resize();
 ```
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/progress/README.zh-CN.md

@@ -75,7 +75,13 @@ app.use(Progress);
 
 ### 类型定义
 
-通过 `ProgressInstance` 获取 Progress 实例的类型定义（从 3.2.0 版本开始支持）。
+组件导出以下类型定义：
+
+```ts
+import type { ProgressInstance } from 'vant';
+```
+
+`ProgressInstance` 是组件实例的类型，用法如下：
 
 ```ts
 import { ref } from 'vue';
@@ -86,6 +92,8 @@ const progressRef = ref<ProgressInstance>();
 progressRef.value?.resize();
 ```
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/pull-refresh/README.md

@@ -135,6 +135,8 @@ Use slots to custom tips.
 | loading | Content of head when at loading       | { distance } |
 | success | Content of head when succeed          | -            |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/pull-refresh/README.zh-CN.md

@@ -138,6 +138,8 @@ export default {
 | loading | 加载过程中顶部内容   | { distance: 当前下拉距离 } |
 | success | 刷新成功提示内容     | -                          |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/radio/README.md

@@ -168,7 +168,7 @@ export default {
 | label-disabled | Whether to disable label click | _boolean_ | `false` |
 | label-position | Can be set to `left` | _string_ | `right` |
 | icon-size | Icon size | _number \| string_ | `20px` |
-| checked-color | Checked color | _string_ | `#1989fa` | - |
+| checked-color | Checked color | _string_ | `#1989fa` |
 
 ### RadioGroup Props
 
@@ -178,7 +178,7 @@ export default {
 | disabled | Disable all radios | _boolean_ | `false` |
 | direction | Direction, can be set to `horizontal` | _string_ | `vertical` |
 | icon-size | Icon size of all radios | _number \| string_ | `20px` |
-| checked-color | Checked color of all radios | _string_ | `#1989fa` | - |
+| checked-color | Checked color of all radios | _string_ | `#1989fa` |
 
 ### Radio Events
 
@@ -199,6 +199,8 @@ export default {
 | default | Custom label | -                                         |
 | icon    | Custom icon  | _{ checked: boolean, disabled: boolean }_ |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/radio/README.zh-CN.md

@@ -149,9 +149,9 @@ export default {
 </van-radio-group>
 ```
 
-### 与 Cell 组件一起使用
+### 搭配单元格组件使用
 
-此时你需要再引入 `Cell` 和 `CellGroup` 组件。
+搭配单元格组件使用时，需要再引入 `Cell` 和 `CellGroup` 组件。
 
 ```html
 <van-radio-group v-model="checked">
@@ -213,6 +213,8 @@ export default {
 | default | 自定义文本 | -                                         |
 | icon    | 自定义图标 | _{ checked: boolean, disabled: boolean }_ |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/radio/demo/index.vue

@@ -7,7 +7,7 @@ const t = useTranslate({
     radio: '单选框',
     text1: '未选中禁用',
     text2: '选中且禁用',
-    withCell: '与 Cell 组件一起使用',
+    withCell: '搭配单元格组件使用',
     horizontal: '水平排列',
     customIcon: '自定义图标',
     customColor: '自定义颜色',

src/rate/README.md

@@ -154,6 +154,8 @@ export default {
 | ------ | ------------------------- | ------------ |
 | change | Emitted when rate changed | current rate |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/rate/README.zh-CN.md

@@ -172,6 +172,8 @@ export default {
 | ------ | ------------------------ | -------- |
 | change | 当前分值变化时触发的事件 | 当前分值 |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/search/README.md

@@ -163,7 +163,13 @@ Use [ref](https://v3.vuejs.org/guide/component-template-refs.html) to get Search
 
 ### Types
 
-Get the type definition of the Search instance through `SearchInstance`.
+The component exports the following type definitions:
+
+```ts
+import type { SearchShape, SearchInstance } from 'vant';
+```
+
+`SearchInstance` is the type of component instance:
 
 ```ts
 import { ref } from 'vue';
@@ -184,6 +190,8 @@ searchRef.value?.focus();
 | left-icon  | Custom left icon                                            |
 | right-icon | Custom right icon                                           |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/search/README.zh-CN.md

@@ -175,7 +175,13 @@ export default {
 
 ### 类型定义
 
-通过 `SearchInstance` 获取 Search 实例的类型定义（从 3.2.0 版本开始支持）。
+组件导出以下类型定义：
+
+```ts
+import type { SearchShape, SearchInstance } from 'vant';
+```
+
+`SearchInstance` 是组件实例的类型，用法如下：
 
 ```ts
 import { ref } from 'vue';
@@ -196,6 +202,8 @@ searchRef.value?.focus();
 | left-icon  | 自定义左侧图标（搜索框内）                                |
 | right-icon | 自定义右侧图标（搜索框内）                                |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/share-sheet/README.md

@@ -214,6 +214,8 @@ export default {
 | description      | Custom description                  |
 | cancel `v3.0.10` | Custom the content of cancel button |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/share-sheet/README.zh-CN.md

@@ -228,6 +228,8 @@ export default {
 | description      | 自定义描述文字     |
 | cancel `v3.0.10` | 自定义取消按钮内容 |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/sidebar/README.md

@@ -124,6 +124,8 @@ export default {
 | ----- | ----------------- |
 | title | Custom item title |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).

src/sidebar/README.zh-CN.md

@@ -132,6 +132,8 @@ export default {
 | ----- | ----------- |
 | title | 自定义标题  |
 
+## 主题定制
+
 ### 样式变量
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。

src/skeleton/README.md

@@ -73,6 +73,8 @@ export default {
 | avatar-size | Size of avatar placeholder | _number \| string_ | `32px` |
 | avatar-shape | Shape of avatar placeholder，can be set to `square` | _string_ | `round` |
 
+## Theming
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).