docs(build): add required attribute to the tag plugin (#13691)

This commit is contained in:
qiang 2023-07-22 08:38:38 +08:00 committed by GitHub
parent 6e2a13c93f
commit 22de9e06bd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 11 additions and 5 deletions

View File

@ -9,9 +9,11 @@ export default (md: MarkdownIt): void => {
const value = token.content
/**
* Add styles for some special tags
* vitepress/styles/content/tag-mark-content.scss
* vitepress/styles/content/tag-content.scss
*/
const tagClass = ['beta', 'deprecated', 'a11y'].includes(value) ? value : ''
const tagClass = ['beta', 'deprecated', 'a11y', 'required'].includes(value)
? value
: ''
return `<span class="vp-tag ${tagClass}">${value}</span>`
}

View File

@ -23,4 +23,8 @@
--vp-tag-color: var(--purple-color);
--vp-tag-border-color: var(--purple-color-light);
}
&.required {
--vp-tag-color: var(--el-color-success);
--vp-tag-border-color: var(--el-color-success);
}
}

View File

@ -325,8 +325,8 @@ table-v2/manual-scroll
| default-expanded-row-keys | An array of keys for default expanded rows, **NON REACTIVE** | Array\<[KeyType](#typings)\> | - |
| class | Class name for the the virtual table, will be applied to all three tables (left, right, main) | String/Array/Object | - |
| fixed | Flag indicates the table column's width is a fixed or flexible. | Boolean | false |
| width \* | Width for the table, required | Number | - |
| height \* | Height for the table, required | Number | - |
| width ^(required) | Width for the table | Number | - |
| height ^(required) | Height for the table | Number | - |
| max-height | Maximum height for the table | Number | - |
| h-scrollbar-size | Indicates the horizontal scrollbar's size for the table, used to prevent the horizontal and vertical scrollbar to collapse | Number | 6 |
| v-scrollbar-size | Indicates the vertical scrollbar's size for the table, used to prevent the horizontal and vertical scrollbar to collapse | Number | 6 |
@ -389,7 +389,7 @@ Note that these are `JavaScript` Objects, so that you **CANNOT USE** kebab-case
| title | The default text rendered in header cell | String | - |
| maxWidth | Maximum width for the column | String | - |
| minWidth | Minimum width for the column | String | - |
| width \* | Width for the column **Required** | Number | - |
| width ^(required) | Width for the column | Number | - |
| cellRenderer | Customized Cell renderer | VueComponent/(props: [CellRenderProps](#typings)) => VNode | - |
| headerCellRenderer | Customized Header renderer | VueComponent/(props: [HeaderRenderProps](#typings)) => VNode | - |