feat: add link for individual props/events/slots/configs/icons

one/docs/demo/alert/multiple.vue

@@ -38,9 +38,9 @@ export default {
 </script>
 
 <docs>
-可以指定 `closable` 属性为 `true` 来允许提示被用户主动关闭，还可以通过指定 `close-label` 属性来将关闭按钮以文字形式展现。
+可以指定 [`closable`](#props-closable) 属性为 `true` 来允许提示被用户主动关闭，还可以通过指定 [`close-label`](#props-close-label) 属性来将关闭按钮以文字形式展现。
 </docs>
 
 <docs locale="en-US">
-Set the `closable` prop to `true` to allow the alert message to be closed by users. You can also use the `close-label` prop to make the close button shown as specified text.
+Set the [`closable`](#props-closable) prop to `true` to allow the alert message to be closed by users. You can also use the [`close-label`](#props-close-label) prop to make the close button shown as specified text.
 </docs>

one/docs/demo/alert/type.vue

@@ -33,9 +33,9 @@ export default {
 </style>
 
 <docs>
-可将消息内容写在默认插槽中，也可以通过 `message` 属性进行指定。
+可将消息内容写在默认插槽中，也可以通过 [`message`](#props-message) 属性进行指定。
 </docs>
 
 <docs locale="en-US">
-Messages can either be specified in the default slot, or via the `message` prop.
+Messages can either be specified in the default slot, or via the [`message`](#props-message) prop.
 </docs>

one/docs/demo/badge/number.vue

@@ -53,9 +53,9 @@ export default {
 </style>
 
 <docs>
-可以使用 `max` 属性，指定可现实数字的最大值，超过则显示为“<var>max</var>+”。
+可以使用 [`max`](#props-max) 属性，指定可现实数字的最大值，超过则显示为“<var>max</var>+”。
 </docs>
 
 <docs locale="en-US">
-Use the `max` prop to specify the max value can be displayed. Displays “<var>max</var>+” when value is larger than `max`.
+Use the [`max`](#props-max) prop to specify the max value can be displayed. Displays “<var>max</var>+” when value is larger than `max`.
 </docs>

one/docs/demo/badge/text.vue

@@ -50,9 +50,9 @@ export default {
 </style>
 
 <docs>
-可以使用 `type` 属性，指定徽标在不同功能状态下的样式。
+可以使用 [`type`](#props-type) 属性，指定徽标在不同功能状态下的样式。
 </docs>
 
 <docs locale="en-US">
-Use the `type` prop to apply different contextual styles.
+Use the [`type`](#props-type) prop to apply different contextual styles.
 </docs>

one/docs/demo/button-group/disabled.vue

@@ -68,9 +68,9 @@ section {
 </style>
 
 <docs>
-`ButtonGroup` 的 `disabled` 属性仅在使用 `items` 指定内容时生效，如果使用内联的 `Button` 组件，则需要为每个按钮分别指定 `disabled` 属性。
+`ButtonGroup` 的 [`disabled`](#props-disabled) 属性仅在使用 `items` 指定内容时生效，如果使用内联的 `Button` 组件，则需要为每个按钮分别指定 [`disabled`](./button#props-disabled) 属性。
 </docs>
 
 <docs locale="en-US">
-When given a string `value` property on an item, clicking the corresponding button will emit an event with the same name on `ButtonGroup`.
+The [`disabled`](#props-disabled) prop of `ButtonGroup` only takes effect when the content is specified using `items`, and if inline `Button` components are used, you need to specify the [`disabled`](./button#props-disabled) prop for each button.
 </docs>

one/docs/demo/carousel/autoplay.vue

@@ -46,9 +46,9 @@ export default {
 </script>
 
 <docs>
-还可以使用 `interval` 属性来指定自动播放的切换间隔时长，使用 `wrap` 属性来允许循环播放，以及使用 `pause-on-hover` 属性来时光标悬浮在指示器对应项时暂停自动播放。
+还可以使用 [`interval`](#props-interval) 属性来指定自动播放的切换间隔时长，使用 [`wrap`](#props-wrap) 属性来允许循环播放，以及使用 [`pause-on-hover`](#props-pause-on-hover) 属性来时光标悬浮在指示器对应项时暂停自动播放。
 </docs>
 
 <docs locale="en-US">
-You can also use the `autoplay` prop to enable autoplay, use the `wrap` prop to enable looping and use the `pause-on-hover` prop to pause playing when cursor hover step indicators.
+You can also use the [`autoplay`](#props-autoplay) prop to enable autoplay, use the [`wrap`](#props-wrap) prop to enable looping and use the [`pause-on-hover`](#props-pause-on-hover) prop to pause playing when cursor hover step indicators.
 </docs>

one/docs/demo/checkbox/size.vue

@@ -57,9 +57,9 @@ export default {
 </style>
 
 <docs>
-可以使用 `indeterminate` 属性来设置半选状态。
+可以使用 [`indeterminate`](#props-indeterminate) 属性来设置半选状态。
 </docs>
 
 <docs locale="en-US">
-Use the `indeterminate` prop to put the checkbox in indeterminate state.
+Use the [`indeterminate`](#props-indeterminate) prop to put the checkbox in indeterminate state.
 </docs>

one/docs/demo/dialog/async.vue

@@ -112,9 +112,9 @@ article > .veui-button {
 </style>
 
 <docs>
-当你希望统一处理用户可能触发对话框关闭的操作，请使用 `before-close` 属性传入统一的处理函数，此时无论是点击“确定”/“取消”按钮、关闭按钮还是按下 <kbd>esc</kbd> 触发的关闭操作，都会统一进入 `before-close` 的处理流程。如果逻辑相对简单，比如取消时没有额外逻辑，可以直接操作 `open` 属性来关闭对话框。
+当你希望统一处理用户可能触发对话框关闭的操作，请使用 [`before-close`](#props-before-close) 属性传入统一的处理函数，此时无论是点击“确定”/“取消”按钮、关闭按钮还是按下 <kbd>esc</kbd> 触发的关闭操作，都会统一进入 `before-close` 的处理流程。如果逻辑相对简单，比如取消时没有额外逻辑，可以直接操作 [`open`](#props-open) 属性来关闭对话框。
 </docs>
 
 <docs locale="en-US">
-When you want a unified process to handle all user interactions that might trigger the dialog to be closed, you can leverage the `before-close` function prop. No matter the close behavior is about to be triggered by clicking “OK”/“Cancel” buttons, the close button or pressing <kbd>esc</kbd>, `before-close` will always take over the following process. If the logic is relatively simple, you can manipulate `open` prop directly to close the dialog.
+When you want a unified process to handle all user interactions that might trigger the dialog to be closed, you can leverage the `before-close` function prop. No matter the close behavior is about to be triggered by clicking “OK”/“Cancel” buttons, the close button or pressing <kbd>esc</kbd>, `before-close` will always take over the following process. If the logic is relatively simple, you can manipulate [`open`](#props-open) prop directly to close the dialog.
 </docs>

one/docs/demo/dialog/size.vue

@@ -66,9 +66,9 @@ export default {
 </style>
 
 <docs>
-`s`/`m` 用于指定内容的尺寸，会被继承到内部的组件上。而 `narrow`/`medium`/`wide`/`fullscreen`/`auto` 是对话框本身所占区域的大小，可以与 `s`/`m` 混合使用。
+`s` / `m` 用于指定内容的尺寸，会被继承到内部的组件上。而 `narrow` / `medium` / `wide` / `fullscreen` / `auto` 是对话框本身所占区域的大小，可以与 `s` / `m` 混合使用。
 </docs>
 
 <docs locale="en-US">
-`s`/`m` are used to specify size for internal content and will be inherited by components inside the dialog. While `narrow`/`medium`/`wide`/`fullscreen`/`auto` are used to specify the dimension of the dialog itself, thus can be used together with `s`/`m`.
+`s` / `m` are used to specify size for internal content and will be inherited by components inside the dialog. While `narrow` / `medium` / `wide` / `fullscreen` / `auto` are used to specify the dimension of the dialog itself, thus can be used together with `s` / `m`.
 </docs>

one/docs/demo/dropdown/inline.vue

@@ -65,5 +65,5 @@ export default {
 </script>
 
 <docs>
-将 `OptionGroup` 的 `position` 属性设置为 `popup` 后可以让子选项在新的浮动子菜单中展现。
+将 `OptionGroup` 的 [`position`](#props-position) 属性设置为 `popup` 后可以让子选项在新的浮动子菜单中展现。
 </docs>

one/docs/demo/grid/fixed.vue

@@ -71,5 +71,5 @@ article {
 </style>
 
 <docs>
-可以在 `GridContainer` 上使用 `columns`/`margin`/`gutter` 调整布局参数。
+可以在 `GridContainer` 上使用 `columns` / `margin` / `gutter` 调整布局参数。
 </docs>

one/docs/demo/popover/position.vue

@@ -147,5 +147,5 @@ section + section {
 </style>
 
 <docs>
-使用 `aim-center` 属性来设置浮层提示箭头始终对准目标元素中心，适合用于目标元素较小的场景。
+使用 [`aim-center`](#props-aim-center) 属性来设置浮层提示箭头始终对准目标元素中心，适合用于目标元素较小的场景。
 </docs>

one/docs/demo/select/inline.vue

@@ -94,7 +94,7 @@ export default {
 </style>
 
 <docs>
-可以使用 `clearable` 属性将 `Select` 组件设置为允许删除已选值的模式。将 `OptionGroup` 的 `position` 属性设置为 `popup` 后可以让子选项在新的浮动子菜单中展现。
+可以使用 [`clearable`](#props-clearable) 属性将 `Select` 组件设置为允许删除已选值的模式。将 `OptionGroup` 的 [`position`](./option-group#props-position) 属性设置为 `popup` 后可以让子选项在新的浮动子菜单中展现。
 </docs>
 
 <docs locale="en-US">

one/docs/demo/select/multiple.vue

@@ -71,9 +71,9 @@ section {
 </style>
 
 <docs>
-可使用 `max` 属性控制选中选项的最大数量。这种场景下也可以使用 `searchable` 属性控制是否允许搜索选项。
+可使用 [`max`](#props-max) 属性控制选中选项的最大数量。这种场景下也可以使用 [`searchable`](#props-searchable) 属性控制是否允许搜索选项。
 </docs>
 
 <docs locale="en-US">
-Use `max` to specify the max number of options that can be selected. The `searchable` prop can also be used here to make options searchable.
+Use `max` to specify the max number of options that can be selected. The [`searchable`](#props-searchable) prop can also be used here to make options searchable.
 </docs>

one/docs/demo/table/filter.vue

@@ -145,9 +145,9 @@ h4 {
 </style>
 
 <docs>
-可以使用 `crowded` 这个 `ui` 属性值来在需要展示很多列的布局下默认隐藏筛选按钮。
+可以使用 `crowded` 这个 [`ui`](#props-ui) 属性值来在需要展示很多列的布局下默认隐藏筛选按钮。
 </docs>
 
 <docs locale="en-US">
-You can use the `ui` prop value `crowded` to hide filter button by default when there are too many columns to be displayed.
+You can use the [`ui`](#props-ui) prop value `crowded` to hide filter button by default when there are too many columns to be displayed.
 </docs>

one/docs/demo/table/fixed.vue

@@ -137,9 +137,9 @@ h4 {
 </style>
 
 <docs>
-在固定列模式下，必须为被固定的列指定 `width` 属性。
+在固定列模式下，必须为被固定的列指定 [`width`](./column#props-width) 属性。
 </docs>
 
 <docs locale="en-US">
-The `width` prop must be specified for fixed columns.
+The [`width`](./column#props-width) prop must be specified for fixed columns.
 </docs>

one/docs/demo/tooltip/position.vue

@@ -147,5 +147,5 @@ section + section {
 </style>
 
 <docs>
-使用 `aim-center` 属性来设置浮层提示箭头始终对准目标元素中心，适合用于目标元素较小的场景。
+使用 [`aim-center`](#props-aim-center) 属性来设置浮层提示箭头始终对准目标元素中心，适合用于目标元素较小的场景。
 </docs>

one/docs/demo/transfer/custom-search.vue

@@ -188,9 +188,9 @@ export default {
 </script>
 
 <docs>
-自定义 `filter` 以根据 `label`/`value`/`id` 筛选。
+自定义 `filter` 以根据 `label` / `value` / `id` 筛选。
 </docs>
 
 <docs locale="en-US">
-Customize `filter` to filter by any of `label`/`value`/`id`.
+Customize `filter` to filter by any of `label` / `value` / `id`.
 </docs>