{
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
"framework": "vue",
"version": "3.10.4",
"name": "VARLET",
"contributions": {
"html": {
"tags": [
{
"name": "var-action-sheet",
"attributes": [
{
"name": "v-model:show",
"description": "Whether to display the action sheet",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "actions",
"description": "Action list",
"default": "[]",
"value": {
"type": "Actions",
"kind": "expression"
}
},
{
"name": "title",
"description": "Action sheet title",
"default": "Select One",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "overlay",
"description": "Whether to display the overlay",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "overlay-class",
"description": "Custom overlay class",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "overlay-style",
"description": "Custom overlay style",
"default": "-",
"value": {
"type": "object",
"kind": "expression"
}
},
{
"name": "lock-scroll",
"description": "Whether to disable scrolling penetration, scrolling the Dialog when disabled will not cause the body to scroll",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "close-on-click-action",
"description": "Whether to close the actions sheet when clicking action",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "close-on-click-overlay",
"description": "Whether to click the overlay to close the action sheet",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "close-on-key-escape",
"description": "Whether to support keyboard ESC to close the action sheet",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "safe-area",
"description": "Whether to enable bottom safety zone adaptation",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "teleport",
"description": "The location of the action sheet to mount",
"default": "body",
"value": {
"type": "TeleportProps['to'] | false",
"kind": "expression"
}
}
],
"events": [
{
"name": "select",
"description": "Triggered when selecting an action sheet"
},
{
"name": "open",
"description": "Triggered when opening an action sheet"
},
{
"name": "opened",
"description": "Triggered when an action sheet open-animation ends"
},
{
"name": "close",
"description": "Triggered when closing an action sheet"
},
{
"name": "closed",
"description": "Triggered when an action sheet close-animation ends"
},
{
"name": "click-overlay",
"description": "Triggered when clicking on overlay"
},
{
"name": "key-escape",
"description": "Triggered when click keyboard ESC"
}
],
"slots": [
{
"name": "actions",
"description": "Action list"
},
{
"name": "title",
"description": "Action sheet title"
}
]
},
{
"name": "var-alert",
"attributes": [
{
"name": "type",
"description": "Type, optional values are `info`, `success`, `warning`, `danger`",
"default": "info",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "variant",
"description": "Variant, optional values are `standard` `outlined` `tonal`",
"default": "standard",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "color",
"description": "Background color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "title",
"description": "Title",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "message",
"description": "Message",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "Elevation, optional values are true, false, and levels from 0-24",
"default": "false",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
},
{
"name": "closeable",
"description": "Whether the alert is closeable",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "close",
"description": "Triggered when the Close button is clicked and can only be used when the Close button is displayed"
}
],
"slots": [
{
"name": "default",
"description": "The message of alert"
},
{
"name": "content",
"description": "The content of alert"
},
{
"name": "title",
"description": "The title of alert"
},
{
"name": "icon",
"description": "The prepend icon of alert"
},
{
"name": "close-icon",
"description": "The close icon of alert"
}
]
},
{
"name": "var-app-bar",
"attributes": [
{
"name": "color",
"description": "Background",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "text-color",
"description": "Text color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "title",
"description": "Title",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "title-position",
"description": "Title location, can be set to `left`, `center`, `right`",
"default": "left",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "Elevation level, options `true` `false` and level of `0-24`",
"default": "true",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
},
{
"name": "fixed",
"description": "Whether to fixed to the top",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "placeholder",
"description": "Whether to generate placeholder elements of the same height at the top (`fixed` required)",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "z-index",
"description": "AppBar element z-index",
"default": "1",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "round",
"description": "Whether to use rounded border",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "border",
"description": "Whether to use bottom border",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "image",
"description": "Background image",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "image-linear-gradient",
"description": "Background image linear gradient",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "safe-area-top",
"description": "Whether to enable top safe area adaptation",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "Customize the title content to override the `title` content"
},
{
"name": "left",
"description": "Insert the content to the left of the app bar"
},
{
"name": "right",
"description": "Insert the content to the right of the app bar"
},
{
"name": "content",
"description": "Insert the content to the extra content of the app bar"
}
]
},
{
"name": "var-auto-complete",
"attributes": [
{
"name": "v-model",
"description": "The value of the binding",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "variant",
"description": "Input variants, The optional value is `standard` `outlined`",
"default": "standard",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "size",
"description": "Input size, The optional value is `normal` `small`",
"default": "normal",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "placeholder",
"description": "placeholder",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "options",
"description": "Specifies options",
"default": "[]",
"value": {
"type": "AutoCompleteOption[]",
"kind": "expression"
}
},
{
"name": "label-key",
"description": "As the key that uniquely identifies label",
"default": "label",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "value-key",
"description": "As the key that uniquely identifies value",
"default": "value",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "maxlength",
"description": "Maxlength",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "readonly",
"description": "Whether the readonly",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether the disabled",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "validate-trigger",
"description": "Timing to trigger validation, The optional value is `onFocus` `onBlur` `onChange` `onClick` `onClear` `onInput`",
"default": "['onInput', 'onClear', 'onChange']",
"value": {
"type": "AutoCompleteValidateTrigger[]",
"kind": "expression"
}
},
{
"name": "rules",
"description": "Validation rules, return `true` to indicate verification passes, other types of values will be converted into text as user prompts. [Zod validation](#/en-US/zodValidation) is supported since `3.5.0`",
"default": "-",
"value": {
"type": "((v: string) => any) | ZodType | Array<((v: string) => any) | ZodType>",
"kind": "expression"
}
},
{
"name": "enterkeyhint",
"description": "Customize the enter key style, See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "clearable",
"description": "Whether the clearable",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "line",
"description": "Whether to display a dividing line",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "hint",
"description": "Whether to use placeholder as hint",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "text-color",
"description": "Text color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "focus-color",
"description": "The primary color in focus",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "blur-color",
"description": "The primary color in blur",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "get-show",
"description": "Determine whether the menu is displayed according to the input value",
"default": "-",
"value": {
"type": "(v: string) => boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "focus",
"description": "Triggered while focusing"
},
{
"name": "blur",
"description": "Triggered when out of focus"
},
{
"name": "click",
"description": "Triggered on Click"
},
{
"name": "clear",
"description": "Triggered on Clearance"
},
{
"name": "input",
"description": "Triggered on input"
},
{
"name": "change",
"description": "Triggered on change"
}
],
"slots": [
{
"name": "prepend-icon",
"description": "Prepend Icon"
},
{
"name": "append-icon",
"description": "Append Icon"
},
{
"name": "clear-icon",
"description": "Clear Icon"
},
{
"name": "extra-message",
"description": "Extra message"
}
]
},
{
"name": "var-avatar",
"attributes": [
{
"name": "round",
"description": "Whether the avatar is round or not",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "size",
"description": "The size of the avatar, with optional values of `mini small normal large`",
"default": "normal",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "color",
"description": "Background color of the avatar",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "src",
"description": "Address of avatar",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "alt",
"description": "Image alt text, the same as the native attribute of the `img` tag",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "fit",
"description": "Filling mode of avatar image, optional value `fill contain cover none scale-down`",
"default": "cover",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "bordered",
"description": "Avatar with or without border",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "border-color",
"description": "Avatar border color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "loading",
"description": "When lazy loading is enabled, the image displayed in the load",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "error",
"description": "When lazy loading is enabled, the image displayed when loading fails",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "lazy",
"description": "Whether to enable lazy loading",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "hoverable",
"description": "Whether to enable hover effect",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "Triggered when clicking on avatar"
},
{
"name": "load",
"description": "Triggered when the avatar image is successfully loaded (failure in lazy loading mode will try to load the avatar image multiple times and will only be triggered when successfully loaded)"
},
{
"name": "error",
"description": "Triggered when the avatar image fails to load (failure in lazy loading mode will try to load the avatar image multiple times, will only be triggered at the end of the number of attempts)"
}
],
"slots": [
{
"name": "default",
"description": "Avatar content"
}
]
},
{
"name": "var-avatar-group",
"attributes": [
{
"name": "offset",
"description": "Avatar Offset within Avatar Group",
"default": "-",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "vertical",
"description": "Whether the group avatars are vertically aligned",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "Avatar group content"
}
]
},
{
"name": "var-back-top",
"attributes": [
{
"name": "target",
"description": "The target to trigger scroll. If it is `undefined`, back top will listen to the nearest scrollable parent.",
"default": "-",
"value": {
"type": "string | HTMLElement",
"kind": "expression"
}
},
{
"name": "visibility-height",
"description": "The button will not show until the scroll height reaches this value",
"default": "200",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "bottom",
"description": "Distance between `BackTop` and page bottom",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "right",
"description": "Distance between `BackTop` and page right",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "Elevation level, options `true` `false` and level of `0-24`",
"default": "true",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
},
{
"name": "duration",
"description": "Time to return to top(ms)",
"default": "300",
"value": {
"type": "number",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "Triggered when click"
}
],
"slots": [
{
"name": "default",
"description": "Custom the content"
}
]
},
{
"name": "var-badge",
"attributes": [
{
"name": "type",
"description": "Badge type, can be set to `default` `primary` `info` `success` `warning` `danger`",
"default": "default",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "hidden",
"description": "Whether to hidden badge",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "dot",
"description": "Whether the badge is a dot",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "value",
"description": "The value shown in the badge (takes effect when `dot` is `false`)",
"default": "0",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "max-value",
"description": "The maximum value shown in the logo, when `value` is greater than `max-value`, displays `max-value+` (effective when both `value` and `max-value` exist)",
"default": "-",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "position",
"description": "Define the position of the logo on other labels when there are other labels in the logo tag. Optional values are `right-top` `right-bottom` `left-top` `left-bottom`",
"default": "right-top",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "offset-x",
"description": "The horizontal offset of badge",
"default": "0",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "offset-y",
"description": "The vertical offset of badge",
"default": "0",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "color",
"description": "Custom badge colors",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "icon",
"description": "Customize the content of the icon in the badge (priority is higher than `value`)",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "namespace",
"description": "Customize the namespace of the icon in the badge",
"default": "var-icon",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "Badge content"
},
{
"name": "value",
"description": "The value shown in the badge"
}
]
},
{
"name": "var-bottom-navigation",
"attributes": [
{
"name": "v-model:active",
"description": "Identifier of current tab",
"default": "0",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "fixed",
"description": "Whether to fixed bottom",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "border",
"description": "Whether to show border",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "safe-area",
"description": "Whether to enable bottom safe area adaptation",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "z-index",
"description": "Z-index",
"default": "1",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "active-color",
"description": "Color of active tab item",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "inactive-color",
"description": "Color of inactive tab item",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "placeholder",
"description": "Whether to generate placeholder elements of the same height at the bottom (`fixed` required)",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "fab-props",
"description": "Fab button props",
"default": "{ type: 'primary' }",
"value": {
"type": "ButtonProps",
"kind": "expression"
}
},
{
"name": "variant",
"description": "Variant mode",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "before-change",
"description": "The callback function before switching labels, which returns falsy value to prevent switching, supports the return of promise"
},
{
"name": "change",
"description": "Triggered when switching labels"
},
{
"name": "fab-click",
"description": "Triggered when clicking fab button"
}
],
"slots": [
{
"name": "default",
"description": "Content of bottom navigation"
},
{
"name": "fab",
"description": "Support for inserting a custom Fab button into a component"
}
]
},
{
"name": "var-bottom-navigation-item",
"attributes": [],
"events": [],
"slots": []
},
{
"name": "var-breadcrumb",
"attributes": [
{
"name": "separator",
"description": "Separator",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "Triggered when a breadcrumb is clicked"
}
],
"slots": [
{
"name": "default",
"description": "Customize the default content"
},
{
"name": "separator",
"description": "Customize separator content"
}
]
},
{
"name": "var-breadcrumbs",
"attributes": [
{
"name": "separator",
"description": "Separator",
"default": "/",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "Triggered when a breadcrumb is clicked"
}
],
"slots": [
{
"name": "default",
"description": "Customize the default content"
}
]
},
{
"name": "var-button",
"attributes": [
{
"name": "type",
"description": "Button type, Can be set to `default` `primary` `info` `success` `warning` `danger`",
"default": "default",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "native-type",
"description": "Native button type, Can be set to `button` `submit` `reset`",
"default": "button",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "size",
"description": "Button size, Can be set to `normal` `mini` `small` `large`",
"default": "normal",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "loading",
"description": "Loading status",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "loading-radius",
"description": "Loading radius, Can only be used when `loading-type=\"circle\"`",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "loading-type",
"description": "Loading type, Can be set to `circle` `wave` `cube` `rect` `disappear`",
"default": "circle",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "loading-size",
"description": "Loading size, Can be set to `large` `normal` `small` `mini`",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "loading-color",
"description": "Loading color",
"default": "currentColor",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "auto-loading",
"description": "Autoload mode for easy handling of asynchronous tasks",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "round",
"description": "Whether to be round button",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "block",
"description": "Whether to be block button",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "text",
"description": "Whether to be text button",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "icon-container",
"description": "Whether to serve as an icon container",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "outline",
"description": "Whether to be outline button",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether to disable button",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "ripple",
"description": "Whether to be ripple button",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "focusable",
"description": "Whether to be focus button",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "text-color",
"description": "Button Text color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "color",
"description": "Button background color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "Elevation level, options `true` `false` and level of `0-24`",
"default": "true",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "Triggered when the button is clicked. Not triggered when `loading` or `disabled` status is `true`"
},
{
"name": "touchstart",
"description": "Triggered when the button is touchstart, Not triggered when `loading` or `disabled` status is `true`"
}
],
"slots": [
{
"name": "default",
"description": "Button content"
}
]
},
{
"name": "var-button-group",
"attributes": [
{
"name": "type",
"description": "Button Group type, can be set to `default` `primary` `info` `success` `warning` `danger`",
"default": "default",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "size",
"description": "Button Group size, can be set to `normal` `mini` `small` `large`",
"default": "normal",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "mode",
"description": "Button Group mode, can be set to `normal` `text` `outline`",
"default": "normal",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "vertical",
"description": "Whether to be vertical button group",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "Elevation of Button Group, options `true` `false` and level of `0-24`",
"default": "true",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
},
{
"name": "color",
"description": "Button Group background color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "text-color",
"description": "Button Group Text color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "Button Group content"
}
]
},
{
"name": "var-card",
"attributes": [
{
"name": "variant",
"description": "The variant of Card, optional value is `standard` `outlined` `filled`",
"default": "standard",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "title",
"description": "The title of Card",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "subtitle",
"description": "The subtitle of Card",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "description",
"description": "The description of Card",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "Elevation level, options `true` `false` and level of `0-24`",
"default": "true",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
},
{
"name": "src",
"description": "The src of Image",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "layout",
"description": "Arrangement mode, options `row` `column`",
"default": "column",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "fit",
"description": "Fill mode, options `fill` `contain` `cover` `none` `scale-down`",
"default": "cover",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "outline",
"description": "Whether to be outline card",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "alt",
"description": "Image alt text, the same as the native attribute of the `img` tag",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "image-height",
"description": "Height of Image",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "image-width",
"description": "Width of Image",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "ripple",
"description": "Whether to enable ripple",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "v-model:floating",
"description": "Whether to full screen",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "floating-duration",
"description": "Time to full screen(ms)",
"default": "250",
"value": {
"type": "number",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "Triggered when the card is click"
}
],
"slots": [
{
"name": "image",
"description": "Custom image"
},
{
"name": "default",
"description": "Custom content"
},
{
"name": "title",
"description": "Custom title"
},
{
"name": "subtitle",
"description": "Custom subtitle"
},
{
"name": "description",
"description": "Custom description"
},
{
"name": "floating-content",
"description": "Content displayed when floating"
},
{
"name": "extra",
"description": "Custom bottom content"
},
{
"name": "close-button",
"description": "Custom close button"
}
]
},
{
"name": "var-cell",
"attributes": [
{
"name": "title",
"description": "Title",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "icon",
"description": "Icon name",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "namespace",
"description": "Icon namespace",
"default": "var-icon",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "description",
"description": "Description",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "border",
"description": "Whether to show border",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "border-offset",
"description": "Border offset",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "icon-class",
"description": "Icon className",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "title-class",
"description": "Title className",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "description-class",
"description": "Description className",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "extra-class",
"description": "Extra className",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "ripple",
"description": "Whether to enable the water wave effect",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "Triggered when the cell is clicked"
}
],
"slots": [
{
"name": "default",
"description": "Content of cell"
},
{
"name": "icon",
"description": "Icon of cell"
},
{
"name": "description",
"description": "Description of cell"
},
{
"name": "extra",
"description": "Extra of cell"
}
]
},
{
"name": "var-checkbox",
"attributes": [
{
"name": "v-model",
"description": "The value of the binding",
"default": "false",
"value": {
"type": "any",
"kind": "expression"
}
},
{
"name": "checked-value",
"description": "Checked value",
"default": "true",
"value": {
"type": "any",
"kind": "expression"
}
},
{
"name": "unchecked-value",
"description": "Unchecked value",
"default": "false",
"value": {
"type": "any",
"kind": "expression"
}
},
{
"name": "checked-color",
"description": "Checked color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "unchecked-color",
"description": "Unchecked color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "icon-size",
"description": "Icon size",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether the disabled",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "readonly",
"description": "Whether the readonly",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "indeterminate",
"description": "Whether indeterminate status(style has the highest priority)",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "ripple",
"description": "Whether to open ripple",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "rules",
"description": "Validation rules, return `true` to indicate verification passes, other types of values will be converted into text as user prompts. [Zod validation](#/en-US/zodValidation) is supported since `3.5.0`",
"default": "-",
"value": {
"type": "((v: any) => any) | ZodType | Array<((v: any) => any) | ZodType>",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "Triggered on Click"
},
{
"name": "change",
"description": "Triggered on change"
}
],
"slots": [
{
"name": "checked-icon",
"description": "Checked icon"
},
{
"name": "unchecked-icon",
"description": "Unchecked icon"
},
{
"name": "indeterminate-icon",
"description": "Indeterminate icon"
},
{
"name": "default",
"description": "Displayed text"
}
]
},
{
"name": "var-checkbox-group",
"attributes": [
{
"name": "v-model",
"description": "The value of the binding",
"default": "[]",
"value": {
"type": "any[]",
"kind": "expression"
}
},
{
"name": "max",
"description": "Maximum number of checked",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "direction",
"description": "The layout direction, optional value is `horizontal` `vertical`",
"default": "horizontal",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "options",
"description": "Specifies options",
"default": "[]",
"value": {
"type": "CheckboxGroupOption[]",
"kind": "expression"
}
},
{
"name": "label-key",
"description": "As the key that uniquely identifies label",
"default": "label",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "value-key",
"description": "As the key that uniquely identifies value",
"default": "value",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "rules",
"description": "Validation rules, return `true` to indicate verification passes, other types of values will be converted into text as user prompts. [Zod validation](#/en-US/zodValidation) is supported since `3.5.0`",
"default": "-",
"value": {
"type": "((v: any[]) => any) | ZodType | Array<((v: any[]) => any) | ZodType>",
"kind": "expression"
}
}
],
"events": [
{
"name": "change",
"description": "Triggered on change"
}
],
"slots": [
{
"name": "default",
"description": "Checkbox Group content"
}
]
},
{
"name": "var-chip",
"attributes": [
{
"name": "type",
"description": "Chip type, can be set to `default` `primary` `info` `success` `warning` `danger`",
"default": "default",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "size",
"description": "Chip size, can be set to `normal` `mini` `small` `large`",
"default": "normal",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "plain",
"description": "Whether to be hollow label",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "round",
"description": "Whether to be round label",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "block",
"description": "Whether to be block label",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "Elevation level, options `true` `false` and level of `0-24`",
"default": "false",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
},
{
"name": "closeable",
"description": "Whether to be closed label",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "icon-name",
"description": "Custom closeable icon must be used when `Closeable` is `true`",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "namespace",
"description": "Closeable icon namespace",
"default": "var-icon",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "color",
"description": "The label color",
"default": "_",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "text-color",
"description": "The text color takes precedence over the `color` attribute",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [
{
"name": "close",
"description": "Triggered when the Close button is clicked and can only be used when the Close button is displayed"
}
],
"slots": [
{
"name": "default",
"description": "Chip content"
},
{
"name": "left",
"description": "The content inserted to the left of the chip"
},
{
"name": "right",
"description": "The content inserted to the right of the label"
}
]
},
{
"name": "var-code",
"attributes": [
{
"name": "code",
"description": "Code Snippet",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "language",
"description": "Code Language",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "theme",
"description": "Code Theme",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "word-wrap",
"description": "Whether to support automatic line wrapping when code overflows",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "trim",
"description": "Whether to remove the blank characters at the beginning and end of the code",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [],
"slots": []
},
{
"name": "var-col",
"attributes": [
{
"name": "span",
"description": "Number of grids occupied by columns",
"default": "24",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "offset",
"description": "Number of grids for column offsets",
"default": "0",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "direction",
"description": "The optional value of layout direction is `row` `column`",
"default": "row",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "justify",
"description": "Main axis arrangement, can be set to `flex-start` `flex-end` `center` `space-around` `space-between`",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "align",
"description": "Cross axis arrangement, can be set to `stretch` `center` `flex-start` `flex-end` `baseline`",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "xs",
"description": "`<768px` Responsive columns or column props object",
"default": "-",
"value": {
"type": "string | number | { span?: number | string, offset?: number | string }",
"kind": "expression"
}
},
{
"name": "sm",
"description": "`≥768px` Responsive columns or column props object",
"default": "-",
"value": {
"type": "string | number | { span?: number | string, offset?: number | string }",
"kind": "expression"
}
},
{
"name": "md",
"description": "`≥992px` Responsive columns or column props object",
"default": "-",
"value": {
"type": "string | number | { span?: number | string, offset?: number | string }",
"kind": "expression"
}
},
{
"name": "lg",
"description": "`≥1200px` Responsive columns or column props object",
"default": "-",
"value": {
"type": "string | number | { span?: number | string, offset?: number | string }",
"kind": "expression"
}
},
{
"name": "xl",
"description": "`≥1920px` Responsive columns or column props object",
"default": "-",
"value": {
"type": "string | number | { span?: number | string, offset?: number | string }",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "Triggered on click"
}
],
"slots": [
{
"name": "default",
"description": "Col content"
}
]
},
{
"name": "var-collapse",
"attributes": [
{
"name": "v-model",
"description": "Names of current active panels",
"default": "-",
"value": {
"type": "accordion mode： string | number
non-accordion mode：string[] | number[]",
"kind": "expression"
}
},
{
"name": "accordion",
"description": "Whether to be accordion mode",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "Elevation level, options `true` `false` and level of `0-24`",
"default": "true",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
},
{
"name": "offset",
"description": "Whether to show margin",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "divider",
"description": "Whether to show divider",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "change",
"description": "Emitted when active index changed"
}
],
"slots": [
{
"name": "default",
"description": "Content of collapse"
}
]
},
{
"name": "var-collapse-item",
"attributes": [
{
"name": "name",
"description": "Name",
"default": "index",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "title",
"description": "Title",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "icon",
"description": "Icon name",
"default": "chevron-down",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether to disable collapse",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "Content"
},
{
"name": "title",
"description": "Title"
},
{
"name": "icon",
"description": "Custom right icon"
}
]
},
{
"name": "var-collapse-transition",
"attributes": [
{
"name": "expand",
"description": "Collapse or expand content",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "Collapsed or expanded content"
}
]
},
{
"name": "var-count-to",
"attributes": [
{
"name": "from",
"description": "Start value",
"default": "0",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "to",
"description": "Target value",
"default": "0",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "duration",
"description": "Animation duration (ms)",
"default": "2000",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "precision",
"description": "Precision (ms)",
"default": "2",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "auto-start",
"description": "Whether to start animation automatically",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "timing-function",
"description": "Animation curve",
"default": "v => v",
"value": {
"type": "(v: number) => number",
"kind": "expression"
}
}
],
"events": [
{
"name": "end",
"description": "Triggered when animation ends"
}
],
"slots": [
{
"name": "default",
"description": "Custom content"
}
]
},
{
"name": "var-countdown",
"attributes": [
{
"name": "time",
"description": "Total time(ms)",
"default": "0",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "format",
"description": "Time format",
"default": "HH : mm : ss",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "auto-start",
"description": "Whether to auto start count down",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "end",
"description": "Emitted after countdown ended"
},
{
"name": "change",
"description": "Emitted after countdown changed"
}
],
"slots": [
{
"name": "default",
"description": "Custom content"
}
]
},
{
"name": "var-counter",
"attributes": [
{
"name": "v-model",
"description": "The value of the binding",
"default": "0",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "min",
"description": "Minimum value",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "max",
"description": "Maximum value",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "step",
"description": "Step size",
"default": "1",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "decimal-length",
"description": "Preserve decimal places",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "color",
"description": "Background color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "input-width",
"description": "The width of the input box",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "input-text-size",
"description": "The text size of the input box",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "button-size",
"description": "Button size",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "Elevation level, options `true` `false` and level of `0-24`, not in simple mode",
"default": "true",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
},
{
"name": "readonly",
"description": "Whether the readonly",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether the disabled",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "disable-increment",
"description": "Whether to disable increments",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "disable-decrement",
"description": "Whether to disable decrements",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "disable-input",
"description": "Whether to disable input",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "increment-button",
"description": "Whether to display the increment button",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "decrement-button",
"description": "Whether to display the decrement button",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "press",
"description": "Long press the open button",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "ripple",
"description": "Whether to open ripple",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "lazy-change",
"description": "Whether to prevent the component itself from updating the bound value",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "validate-trigger",
"description": "Timing to trigger validation，Optional value is `onInputChange` `onLazyChange` `onIncrement` `onDecrement`",
"default": "['onIncrement', 'onDecrement', 'onInputChange', 'onLazyChange']",
"value": {
"type": "CounterValidateTrigger[]",
"kind": "expression"
}
},
{
"name": "rules",
"description": "Validation rules, return `true` to indicate verification passes, other types of values will be converted into text as user prompts. [Zod validation](#/en-US/zodValidation) is supported since `3.5.0`",
"default": "-",
"value": {
"type": "((v: number) => any) | ZodType | Array<((v: number) => any) | ZodType>",
"kind": "expression"
}
}
],
"events": [
{
"name": "before-change",
"description": "Triggered before the change (lazy-change mode only)"
},
{
"name": "change",
"description": "Triggered on change"
},
{
"name": "increment",
"description": "Triggered on increment"
},
{
"name": "decrement",
"description": "Triggered on decrement"
}
],
"slots": []
},
{
"name": "var-date-picker",
"attributes": [
{
"name": "v-model",
"description": "Selected date（ISO 8601 format, `YYYY-MM-DD` or `YYYY-MM`）",
"default": "undefined",
"value": {
"type": "string[] | string",
"kind": "expression"
}
},
{
"name": "type",
"description": "Picker type, optional values `date` `month` `year`",
"default": "date",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "allowed-dates",
"description": "Restricts which dates can be selected",
"default": "-",
"value": {
"type": "function",
"kind": "expression"
}
},
{
"name": "color",
"description": "Picker color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "title-color",
"description": "Color of picker title. If not specified it will use `color` prop or the default picker color.",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "hint",
"description": "Picker hint",
"default": "SELECT DATE",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "Elevation level, options `true` `false` and level of `0-24`",
"default": "false",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
},
{
"name": "button-elevation",
"description": "Elevation level of Button",
"default": "true",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
},
{
"name": "first-day-of-week",
"description": "Sets the first day of the week, starting with 0 for Sunday.",
"default": "0",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "min",
"description": "Minimum allowed date/month (ISO 8601 format)",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "max",
"description": "Maximum allowed date/month (ISO 8601 format)",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "show-current",
"description": "Whether to display the current date",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "readonly",
"description": "readonly",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "multiple",
"description": "Allow the selection of multiple dates",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "range",
"description": "Allow the selection of date range",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "touchable",
"description": "Allow switch panel by touch",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "preview",
"description": "Emitted after date switched"
},
{
"name": "change",
"description": "Emitted after date changed"
}
],
"slots": [
{
"name": "year",
"description": "Custom the year in the title"
},
{
"name": "month",
"description": "Custom the month in the title"
},
{
"name": "date",
"description": "Custom the date in the title"
},
{
"name": "range",
"description": "Custom the range in the title"
},
{
"name": "multiple",
"description": "Custom the multiple in the title"
},
{
"name": "actions",
"description": "Custom the views in the action panel"
}
]
},
{
"name": "var-dialog",
"attributes": [
{
"name": "v-model:show",
"description": "Whether to display a Dialog",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "title",
"description": "Dialog title",
"default": "Hint",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "width",
"description": "Dialog width",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "message",
"description": "Dialog message content",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "message-align",
"description": "Dialog message content text alignment, optional values `center`, `left`, `right`",
"default": "left",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "confirm-button",
"description": "Whether to display the confirm button",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "cancel-button",
"description": "Whether to display the cancel button",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "confirm-button-text",
"description": "Confirm button text",
"default": "Confirm",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "cancel-button-text",
"description": "Cancel button text",
"default": "Cancel",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "confirm-button-text-color",
"description": "Confirm button text color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "cancel-button-text-color",
"description": "Cancel button text color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "confirm-button-color",
"description": "Confirm button background color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "cancel-button-color",
"description": "Cancel button background color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "dialog-class",
"description": "Dialog body class",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "dialog-style",
"description": "Dialog body style",
"default": "-",
"value": {
"type": "object",
"kind": "expression"
}
},
{
"name": "overlay",
"description": "Whether to display the overlay",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "overlay-class",
"description": "Custom overlay class",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "overlay-style",
"description": "Custom overlay style",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "lock-scroll",
"description": "Whether to disable scrolling penetration, scrolling the Dialog when disabled will not cause the body to scroll",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "close-on-click-overlay",
"description": "Whether to click the overlay to close the Dialog",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "close-on-key-escape",
"description": "Whether to support keyboard ESC to close the dialog",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "teleport",
"description": "The location of the Dialog to mount",
"default": "body",
"value": {
"type": "TeleportProps['to'] | false",
"kind": "expression"
}
}
],
"events": [
{
"name": "open",
"description": "Triggered when the Dialog is open"
},
{
"name": "opened",
"description": "Triggered when the Dialog open-animation ends"
},
{
"name": "before-close",
"description": "Triggering before the Dialog closes prevents closure"
},
{
"name": "close",
"description": "Triggered when the Dialog is close"
},
{
"name": "closed",
"description": "Triggered when the Dialog close-animation ends"
},
{
"name": "confirm",
"description": "Triggered on confirm"
},
{
"name": "cancel",
"description": "Triggered on cancel"
},
{
"name": "click-overlay",
"description": "Triggered when clicking on overlay"
},
{
"name": "key-escape",
"description": "Triggered when click keyboard ESC"
}
],
"slots": [
{
"name": "default",
"description": "Dialog content message"
},
{
"name": "title",
"description": "Dialog title"
},
{
"name": "actions",
"description": "Dialog actions"
}
]
},
{
"name": "var-divider",
"attributes": [
{
"name": "inset",
"description": "Set the indentation distance, and the number plus or minus sign controls the direction of indentation. The default indentation is `72px` when `true` is passed (horizontal mode only)",
"default": "false",
"value": {
"type": "boolean | number | string",
"kind": "expression"
}
},
{
"name": "vertical",
"description": "Whether to set divider to display vertically",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "dashed",
"description": "Whether divider is dashed",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "hairline",
"description": "Whether divider is `0.5px`",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "description",
"description": "The text description of divider (horizontal mode only)",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "margin",
"description": "Set `margin` of divider",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "Custom content of divider (horizontal mode only)"
}
]
},
{
"name": "var-drag",
"attributes": [
{
"name": "direction",
"description": "Drag direction, optional value is `x` `y` `xy`",
"default": "xy",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "attraction",
"description": "Attraction direction, optional value is `x` `y` `xy`",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether to disable",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "boundary",
"description": "Drag boundary",
"default": "{ top: 0, bottom: 0, left: 0, right: 0 }",
"value": {
"type": "{ top?: number | string, bottom?: number | string, left?: number | string, right?: number | string }",
"kind": "expression"
}
},
{
"name": "z-index",
"description": "Drag element z-index",
"default": "90",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "teleport",
"description": "The location where the dragged element is mounted",
"default": "body",
"value": {
"type": "TeleportProps['to'] | false",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "Triggered when clicking drag component"
}
],
"slots": [
{
"name": "default",
"description": "Drag element's content"
}
]
},
{
"name": "var-ellipsis",
"attributes": [
{
"name": "v-model:expand",
"description": "Whether to expand",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "expand-trigger",
"description": "Expand trigger method, optional value `click`",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "line-clamp",
"description": "Maximum number of display lines, see [line-clamp](https://caniuse.com/?search=line-clamp) for compatibility",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "tooltip",
"description": "Tooltip component props, for deep customization. For more convenience, `sameWidth` defaults to `true` here",
"default": "true",
"value": {
"type": "boolean | TooltipProps",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "Text content"
},
{
"name": "tooltip-content",
"description": "Tooltip content"
}
]
},
{
"name": "var-fab",
"attributes": [
{
"name": "v-model:active",
"description": "Whether to activate the action menu",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "show",
"description": "Whether to show trigger",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "drag",
"description": "Drag component props, for deep customization (support `direction` `attraction` `boundary`）",
"default": "false",
"value": {
"type": "boolean | DragProps",
"kind": "expression"
}
},
{
"name": "type",
"description": "type, optional values are `default` `primary` `info` `success` `warning` `danger`",
"default": "primary",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "position",
"description": "trigger position, optional values are `left-top` `right-top` `left-bottom` `right-bottom`",
"default": "right-bottom",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "direction",
"description": "Action menu popup direction, optional values are `top` `bottom` `left` `right`",
"default": "top",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "trigger",
"description": "trigger method `click` `hover`",
"default": "click",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether to disable",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "color",
"description": "trigger color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "inactive-icon",
"description": "Inactive trigger icon",
"default": "plus",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "active-icon",
"description": "trigger icon when active",
"default": "window-close",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "inactive-icon-size",
"description": "Inactive trigger icon size",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "active-icon-size",
"description": "Trigger icon size when active",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "inactive-icon-namespace",
"description": "Trigger icon namespace when inactive",
"default": "var-icon",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "active-icon-namespace",
"description": "Trigger icon namespace when active",
"default": "var-icon",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "fixed",
"description": "Whether to use fixed positioning, set to `false` to enable absolute positioning (absolute positioning prohibited from dragging)",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "z-index",
"description": "Same as css z-index, used for custom trigger level",
"default": "90",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "top",
"description": "Same as css top, for custom trigger position",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "bottom",
"description": "Same as css bottom, for custom trigger position",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "left",
"description": "Same as css left, for custom trigger position",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "right",
"description": "Same as css right, for custom trigger position",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "safe-area",
"description": "Whether to enable bottom safe area adaptation",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "teleport",
"description": "element to which the component mounts",
"default": "body",
"value": {
"type": "TeleportProps['to'] | false",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "Elevation level, options `true` `false` and level of `0-24`",
"default": "true",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "Triggered when the trigger is clicked, not triggered when `disabled` state is `true`"
},
{
"name": "open",
"description": "Fires when the action menu is activated and opened"
},
{
"name": "opened",
"description": "Fires at the end of the animation that activates and opens the action menu"
},
{
"name": "close",
"description": "Triggered when the action menu is deactivated and closed"
},
{
"name": "closed",
"description": "Fires when the animation of inactivating and closing the action menu ends"
}
],
"slots": [
{
"name": "default",
"description": "Action menu"
},
{
"name": "trigger",
"description": "Trigger"
}
]
},
{
"name": "var-floating-panel",
"attributes": [
{
"name": "v-model:anchor",
"description": "The panel initially displays the anchor point, or the first value of the `anchors` attribute if not passed",
"default": "-",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "anchors",
"description": "Custom anchors which unit is `px`",
"default": "[100, window.innerHeight * 0.6]",
"value": {
"type": "number[]",
"kind": "expression"
}
},
{
"name": "content-draggable",
"description": "Whether to allow to drag panel content area",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "duration",
"description": "Transition duration which unit is `ms`",
"default": "300",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "Elevation level, options `true` `false` and level of `0-24`",
"default": "true",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
},
{
"name": "teleport",
"description": "The location of the ejector layer mount",
"default": "body",
"value": {
"type": "TeleportProps['to'] | false",
"kind": "expression"
}
},
{
"name": "safe-area",
"description": "Whether to enable bottom safe area adaptation",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "anchor-change",
"description": "Triggered after moving to an anchor"
}
],
"slots": [
{
"name": "default",
"description": "Custom panel content"
},
{
"name": "header",
"description": "Custom panel header"
}
]
},
{
"name": "var-form",
"attributes": [
{
"name": "readonly",
"description": "Whether the readonly",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether the disabled",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "scroll-to-error",
"description": "Whether to scroll to the failed form item when the validation fails, the optional value is `start` `end`",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "scroll-to-error-offset-y",
"description": "Scroll to the position offset of the form item that fails validation",
"default": "0",
"value": {
"type": "number | string",
"kind": "expression"
}
}
],
"events": [
{
"name": "submit",
"description": "Triggered when the form is submitted"
},
{
"name": "reset",
"description": "Fired when the form is reset"
}
],
"slots": [
{
"name": "default",
"description": "Form content"
}
]
},
{
"name": "var-form-details",
"attributes": [
{
"name": "error-message",
"description": "Error message",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "extra-message",
"description": "Extra message",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "extra-message",
"description": "Extra message"
}
]
},
{
"name": "var-highlighter-provider",
"attributes": [
{
"name": "highlighter",
"description": "Shader",
"default": "-",
"value": {
"type": "`Highlighter`",
"kind": "expression"
}
},
{
"name": "theme",
"description": "Theme",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "tag",
"description": "Tag name",
"default": "div",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "Component content"
}
]
},
{
"name": "var-hover",
"attributes": [],
"events": [],
"slots": []
},
{
"name": "var-icon",
"attributes": [
{
"name": "name",
"description": "icon name",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "size",
"description": "icon size",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "color",
"description": "icon color, Only applies to font icons",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "namespace",
"description": "Icon namespace, extensible custom icon library",
"default": "var-icon",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "animation-class",
"description": "Name of the transition animation class",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "transition",
"description": "Transition animation time(ms)",
"default": "0",
"value": {
"type": "string | number",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "Triggered when you click on the icon"
}
],
"slots": []
},
{
"name": "var-image",
"attributes": [
{
"name": "src",
"description": "Image src",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "fit",
"description": "Image fit mode, optional value is `fill` `contain` `cover` `none` `scale-down`",
"default": "fill",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "position",
"description": "The position of the replaceable element's content in its content box, equal to [object-position](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position)",
"default": "50% 50%",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "alt",
"description": "Image alt text, the same as the native attribute of the `img` tag",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "title",
"description": "Image title text, the same as with the native attributes of the `img` tag",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "referrerpolicy",
"description": "Indicate which referrer to use when fetching the resource. This attribute requires attention to browser compatibility, see [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img)",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "width",
"description": "Image width",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "height",
"description": "Image height",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "radius",
"description": "Image radius",
"default": "0",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "lazy",
"description": "Whether to enable lazy loading",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "loading",
"description": "When lazy loading is enabled, the image displayed in loading",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "error",
"description": "When lazy loading is enabled, the image displayed in error",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "ripple",
"description": "Whether to enable ripple",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "block",
"description": "Whether it is a block element",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "Triggered when you click on Image"
},
{
"name": "load",
"description": "Triggered when the image is successfully loaded (when the image fails in lazy loading mode, it will only be triggered when the image is successfully loaded)"
},
{
"name": "error",
"description": "Triggered when an image fails to load (when an image fails in lazy loading mode, it will only be triggered when the number of attempts ends)"
}
],
"slots": [
{
"name": "error",
"description": "Load failure slot"
}
]
},
{
"name": "var-image-preview",
"attributes": [
{
"name": "v-model:show",
"description": "Whether or display",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "images",
"description": "Need to preview the image URL",
"default": "[]",
"value": {
"type": "string[]",
"kind": "expression"
}
},
{
"name": "initial-index",
"description": "Index from which the image preview starts",
"default": "0",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "zoom",
"description": "Double-click to zoom in",
"default": "2",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "closeable",
"description": "Whether to show the close button",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "close-on-key-escape",
"description": "Whether to support keyboard ESC to close the image-preview",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "loop",
"description": "Whether to open loop playback",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "indicator",
"description": "Whether to show paging",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "lock-scroll",
"description": "Lock scroll",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "teleport",
"description": "The location of the pop-up layer to mount",
"default": "body",
"value": {
"type": "TeleportProps['to'] | false",
"kind": "expression"
}
},
{
"name": "image-prevent-default",
"description": "Whether to disable the default behavior of images",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "change",
"description": "The callback function when switching images, the callback parameter is the current index"
},
{
"name": "open",
"description": "Triggered when Image-Preview is turned on"
},
{
"name": "opened",
"description": "Triggered at the end of the open image-preview animation"
},
{
"name": "close",
"description": "Triggered when Image-Preview is off"
},
{
"name": "closed",
"description": "Triggered when the animation that closes the image-preview ends"
},
{
"name": "long-press",
"description": "The callback function when long pressing an image, the callback parameter is the current index"
},
{
"name": "key-escape",
"description": "Triggered when click keyboard ESC"
}
],
"slots": [
{
"name": "indicator",
"description": "Paging indicator"
},
{
"name": "close-icon",
"description": "Close button"
},
{
"name": "extra",
"description": "Extra slots"
}
]
},
{
"name": "var-index-anchor",
"attributes": [
{
"name": "index",
"description": "Index",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "Custom index character"
}
]
},
{
"name": "var-index-bar",
"attributes": [
{
"name": "sticky",
"description": "Whether to enable anchor sticky top",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "sticky-offset-top",
"description": "Anchor offset top when sticky",
"default": "0",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "hide-list",
"description": "Whether to hide anchor list",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "sticky-css-mode",
"description": "Enable native `css sticky` mode",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "z-index",
"description": "z-index",
"default": "1",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "highlight-color",
"description": "Index character highlight color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "duration",
"description": "Animation duration",
"default": "0",
"value": {
"type": "string | number",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "Emitted when an index is clicked"
},
{
"name": "change",
"description": "Emitted when active index changed"
}
],
"slots": [
{
"name": "default",
"description": "Content of index bar"
}
]
},
{
"name": "var-input",
"attributes": [
{
"name": "v-model",
"description": "The value of the binding",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "placeholder",
"description": "placeholder",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "type",
"description": "Input type, The optional value is `text` `password` `number` `tel`",
"default": "text",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "size",
"description": "Input size, The optional value is `normal` `small`",
"default": "normal",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "variant",
"description": "Input variants, The optional value is `standard` `outlined`",
"default": "standard",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "maxlength",
"description": "Maxlength",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "textarea",
"description": "Is it a textarea",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "rows",
"description": "Number of lines to display in the textarea",
"default": "8",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "line",
"description": "Whether to display a dividing line",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "hint",
"description": "Whether to use placeholder as hint",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "text-color",
"description": "Text color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "focus-color",
"description": "The primary color in focus",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "blur-color",
"description": "The primary color in blur",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "readonly",
"description": "Whether the readonly",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether the disabled",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "clearable",
"description": "Whether the clearable",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "resize",
"description": "Whether textarea can be dragged to resize",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "autofocus",
"description": "Whether the autofocus",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "validate-trigger",
"description": "Timing to trigger validation, The optional value is `onFocus` `onBlur` `onChange` `onClick` `onClear` `onInput`",
"default": "['onInput', 'onClear']",
"value": {
"type": "InputValidateTrigger[]",
"kind": "expression"
}
},
{
"name": "rules",
"description": "Validation rules, return `true` to indicate verification passes, other types of values will be converted into text as user prompts. [Zod validation](#/en-US/zodValidation) is supported since `3.5.0`",
"default": "-",
"value": {
"type": "((v: string) => any) | ZodType | Array<((v: string) => any) | ZodType>",
"kind": "expression"
}
},
{
"name": "enterkeyhint",
"description": "Customize the enter key style, See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "aria-label",
"description": "See [MDN](https://developer.mozilla.org/zh-CN/docs/Web/Accessibility/ARIA/Attributes/aria-label)",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [
{
"name": "focus",
"description": "Triggered while focusing"
},
{
"name": "blur",
"description": "Triggered when out of focus"
},
{
"name": "click",
"description": "Triggered on Click"
},
{
"name": "clear",
"description": "Triggered on Clearance"
},
{
"name": "input",
"description": "Triggered on input"
},
{
"name": "change",
"description": "Triggered on change"
}
],
"slots": [
{
"name": "prepend-icon",
"description": "Prepend Icon"
},
{
"name": "append-icon",
"description": "Append Icon"
},
{
"name": "clear-icon",
"description": "Clear Icon"
},
{
"name": "extra-message",
"description": "Extra message"
}
]
},
{
"name": "var-lazy",
"attributes": [],
"events": [],
"slots": []
},
{
"name": "var-link",
"attributes": [
{
"name": "type",
"description": "Link type, can be set to `default` `primary` `info` `success` `warning` `danger`",
"default": "default",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "underline",
"description": "Underline, Can be set to `always` `hover` `none`",
"default": "always",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether to disable link",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "text-color",
"description": "Link text color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "text-size",
"description": "Link font size",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "href",
"description": "Same as native hyperlink's `href`, Have higher priority than `to`",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "rel",
"description": "Same as the native `rel` attribute",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "target",
"description": "Same as the native `target` attribute",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "to",
"description": "`router-link` `to`, will render as ``",
"default": "-",
"value": {
"type": "string | object",
"kind": "expression"
}
},
{
"name": "replace",
"description": "`router-link` `replace`",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "Triggered when the link is clicked"
}
],
"slots": [
{
"name": "default",
"description": "Link content"
}
]
},
{
"name": "var-list",
"attributes": [
{
"name": "v-model:loading",
"description": "Loading state",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "v-model:error",
"description": "Error state",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "immediate-check",
"description": "Whether the location is detected immediately when the List is initialized",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "finished",
"description": "Whether the load is complete",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "offset",
"description": "Trigger distance from the bottom",
"default": "0",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "loading-text",
"description": "Loading text",
"default": "Loading",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "finished-text",
"description": "Finished text",
"default": "No more",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "error-text",
"description": "Error text",
"default": "Load fail",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [
{
"name": "load",
"description": "Triggered when it hit bottom"
}
],
"slots": [
{
"name": "default",
"description": "List content"
},
{
"name": "loading",
"description": "Loading content"
},
{
"name": "error",
"description": "Error content"
},
{
"name": "finished",
"description": "Finished content"
}
]
},
{
"name": "var-loading",
"attributes": [
{
"name": "color",
"description": "Loading color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "type",
"description": "Can be set to `circle` `wave` `cube` `rect` `disappear`",
"default": "circle",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "size",
"description": "Can be set to `large` `normal` `small` `mini`",
"default": "normal",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "description",
"description": "Description of the loading",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "loading",
"description": "Specify whether loading is active",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "radius",
"description": "Set radius size when the `type` is `circle`",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "Content wrapped in loading"
},
{
"name": "description",
"description": "Description of the loading"
}
]
},
{
"name": "var-loading-bar",
"attributes": [],
"events": [],
"slots": []
},
{
"name": "var-locale",
"attributes": [
{
"name": "locale",
"description": "Current locale",
"default": "zh-CN",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "messages",
"description": "Language messages",
"default": "-",
"value": {
"type": "Record>",
"kind": "expression"
}
},
{
"name": "tag",
"description": "Tag name",
"default": "div",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "Component content"
}
]
},
{
"name": "var-locale-provider",
"attributes": [
{
"name": "locale",
"description": "Current locale",
"default": "zh-CN",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "messages",
"description": "Language messages",
"default": "-",
"value": {
"type": "Record>",
"kind": "expression"
}
},
{
"name": "tag",
"description": "Tag name",
"default": "div",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "Component content"
}
]
},
{
"name": "var-menu",
"attributes": [
{
"name": "v-model:show",
"description": "Whether to show the menu",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "placement",
"description": "Menu popup placement",
"default": "cover-top-start",
"value": {
"type": "Placement",
"kind": "expression"
}
},
{
"name": "strategy",
"description": "Menu position strategy, optional value is `absolute` `fixed`",
"default": "absolute",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "offset-x",
"description": "The x-axis offset, relative to the menu-aligned position",
"default": "0",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "offset-y",
"description": "The y-axis offset, relative to the menu-aligned position",
"default": "0",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "teleport",
"description": "The location of the menu mount",
"default": "body",
"value": {
"type": "TeleportProps['to'] | false",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether to disable the menu",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "trigger",
"description": "Menu trigger method, optional value is `click` `hover` `manual`",
"default": "click",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "reference",
"description": "The associated trigger element selector is used to specify specific child elements as trigger elements",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "reference",
"description": "The trigger element associated with the menu, the `string` type is the descendant element selector of the menu component, the `HTMLElement` type is any specified element node",
"default": "-",
"value": {
"type": "string | HTMLElement",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "Elevation level, options `true` `false` and level of `0-24`",
"default": "true",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
},
{
"name": "same-width",
"description": "Whether to same width as trigger element",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "default-style",
"description": "Whether to enable default styles",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "popover-class",
"description": "Class of the popover",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "close-on-click-reference",
"description": "Whether to close the menu when clicking the reference element",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "close-on-key-escape",
"description": "Whether to support keyboard ESC to close the menu",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "open",
"description": "Triggered when the menu is opened"
},
{
"name": "opened",
"description": "Triggered when the open menu animation ends"
},
{
"name": "close",
"description": "Triggered when the menu is closed"
},
{
"name": "closed",
"description": "Triggered when the closing menu animation ends"
},
{
"name": "click-outside",
"description": "Triggered when clicking outside the menu"
}
],
"slots": [
{
"name": "default",
"description": "Menu trigger element"
},
{
"name": "menu",
"description": "Menu content"
}
]
},
{
"name": "var-menu-option",
"attributes": [
{
"name": "label",
"description": "The text that the option displays",
"default": "-",
"value": {
"type": "any",
"kind": "expression"
}
},
{
"name": "value",
"description": "The value of the option binding",
"default": "-",
"value": {
"type": "any",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether to disable",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "ripple",
"description": "Whether to enable ripple",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "Options to display the content"
}
]
},
{
"name": "var-menu-select",
"attributes": [
{
"name": "v-model",
"description": "The value of the binding",
"default": "-",
"value": {
"type": "any | any[]",
"kind": "expression"
}
},
{
"name": "v-model:show",
"description": "Whether to show the menu",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "size",
"description": "Menu size, optional values `normal` `mini` `small` `large`",
"default": "normal",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "multiple",
"description": "Whether to select multiple",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "scrollable",
"description": "Whether to enable scrolling",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "close-on-select",
"description": "Whether to close the menu when selected (selected options in multi-select mode never close the menu)",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "placement",
"description": "Menu popup placement",
"default": "cover-top-start",
"value": {
"type": "Placement",
"kind": "expression"
}
},
{
"name": "strategy",
"description": "Menu position strategy, optional value is `absolute` `fixed`",
"default": "absolute",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "offset-x",
"description": "The x-axis offset, relative to the menu-aligned position",
"default": "0",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "offset-y",
"description": "The y-axis offset, relative to the menu-aligned position",
"default": "0",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "teleport",
"description": "The location of the menu mount",
"default": "body",
"value": {
"type": "TeleportProps['to'] | false",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether to disable the menu",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "trigger",
"description": "Menu trigger method, optional value is `click` `hover` `manual`",
"default": "click",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "reference",
"description": "The trigger element associated with the menu, the `string` type is the descendant element selector of the menu component, the `HTMLElement` type is any specified element node",
"default": "-",
"value": {
"type": "string | HTMLElement",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "Elevation level, options `true` `false` and level of `0-24`",
"default": "true",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
},
{
"name": "same-width",
"description": "Whether to same width as trigger element",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "popover-class",
"description": "Class of the popover",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "close-on-click-reference",
"description": "Whether to close the menu when clicking the reference element",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "options",
"description": "Specifies options",
"default": "[]",
"value": {
"type": "MenuSelectOption[]",
"kind": "expression"
}
},
{
"name": "label-key",
"description": "As the key that uniquely identifies label",
"default": "label",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "value-key",
"description": "As the key that uniquely identifies value",
"default": "value",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "children-key",
"description": "As the key that uniquely identifies children",
"default": "children",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [
{
"name": "open",
"description": "Triggered when the menu is opened"
},
{
"name": "opened",
"description": "Triggered when the open menu animation ends"
},
{
"name": "close",
"description": "Triggered when the menu is closed"
},
{
"name": "closed",
"description": "Triggered when the closing menu animation ends"
},
{
"name": "click-outside",
"description": "Triggered when clicking outside the menu"
},
{
"name": "select",
"description": "Triggered when selecting a option"
}
],
"slots": [
{
"name": "default",
"description": "Menu select trigger element"
},
{
"name": "options",
"description": "Menu select options"
}
]
},
{
"name": "var-option",
"attributes": [
{
"name": "label",
"description": "The text that the option displays",
"default": "-",
"value": {
"type": "any",
"kind": "expression"
}
},
{
"name": "value",
"description": "The value of the option binding",
"default": "-",
"value": {
"type": "any",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether to disable",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "ripple",
"description": "Whether to enable ripple",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "Options to display the content"
}
]
},
{
"name": "var-overlay",
"attributes": [
{
"name": "v-model:show",
"description": "Whether to display the Overlay",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "lock-scroll",
"description": "Whether to disable scrolling penetration, scrolling the Overlay when disabled will not cause the body to scroll",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "teleport",
"description": "The location of the Overlay to mount",
"default": "-",
"value": {
"type": "TeleportProps['to'] | false",
"kind": "expression"
}
},
{
"name": "close-on-key-escape",
"description": "Whether to support keyboard ESC to close the overlay",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "Triggered when clicking on overlay"
},
{
"name": "key-escape",
"description": "Triggered when click keyboard ESC"
}
],
"slots": [
{
"name": "default",
"description": "Default slot"
}
]
},
{
"name": "var-pagination",
"attributes": [
{
"name": "v-model:current",
"description": "Current page number",
"default": "1",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "v-model:size",
"description": "Number of data items per page",
"default": "10",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "total",
"description": "Total number of data items",
"default": "0",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "simple",
"description": "Whether to use simple mode",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "Elevation level, options `true` `false` and level of `0-24`, not in simple mode",
"default": "true",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Disable pagination",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "show-size-changer",
"description": "Whether to show `size` select",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "show-quick-jumper",
"description": "Whether you can jump to pages directly",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "max-pager-count",
"description": "Number of buttons displayed between ellipses",
"default": "3",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "size-option",
"description": "Specify the sizeChanger options",
"default": "[10, 20, 50, 100]",
"value": {
"type": "number[]",
"kind": "expression"
}
},
{
"name": "show-total",
"description": "Show page item's title",
"default": "-",
"value": {
"type": "function(total, range)",
"kind": "expression"
}
}
],
"events": [
{
"name": "change",
"description": "Callback after `current` or `size` changes"
}
],
"slots": [
{
"name": "prev",
"description": "Content of previous button"
},
{
"name": "next",
"description": "Content of next button"
}
]
},
{
"name": "var-paper",
"attributes": [
{
"name": "elevation",
"description": "Elevation level, options `true` `false` and level of `0-24`",
"default": "false",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
},
{
"name": "ripple",
"description": "Whether to enable ripple effect",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "radius",
"description": "Paper border radius",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "width",
"description": "Paper width",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "height",
"description": "Paper height",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "round",
"description": "Whether to enable round paper",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "inline",
"description": "Whether to use inline paper",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "Triggered when the paper is clicked"
}
],
"slots": [
{
"name": "default",
"description": "Paper content"
}
]
},
{
"name": "var-picker",
"attributes": [
{
"name": "v-model",
"description": "Selected values",
"default": "[]",
"value": {
"type": "(string | number)[]",
"kind": "expression"
}
},
{
"name": "columns",
"description": "Column content",
"default": "[]",
"value": {
"type": "PickerColumnOption[] | PickerColumnOption[][]",
"kind": "expression"
}
},
{
"name": "title",
"description": "Title",
"default": "Pick it",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "text-key",
"description": "Text key",
"default": "text",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "value-key",
"description": "Value key",
"default": "value",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "children-key",
"description": "Children key",
"default": "children",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "toolbar",
"description": "Whether to display the upper toolbar",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "cascade",
"description": "Whether to enable cascade mode",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "option-height",
"description": "The height of the option",
"default": "44",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "option-count",
"description": "Number of visible columns",
"default": "6",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "columns-count",
"description": "Number of visible columns",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "confirm-button-text",
"description": "Confirm button text",
"default": "Confirm",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "cancel-button-text",
"description": "Cancel button text",
"default": "Cancel",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "confirm-button-text-color",
"description": "Confirm button text color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "cancel-button-text-color",
"description": "Cancel button text color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "close-on-key-escape",
"description": "Whether to support keyboard ESC to close the picker",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "change",
"description": "Triggered when the pick content changes"
},
{
"name": "cancel",
"description": "Triggered when you click the cancel button"
},
{
"name": "confirm",
"description": "Triggered when you click the confirm button"
},
{
"name": "key-escape",
"description": "Triggered when click keyboard ESC"
}
],
"slots": [
{
"name": "title",
"description": "Title content"
},
{
"name": "cancel",
"description": "Cancel button content"
},
{
"name": "confirm",
"description": "Confirm button content"
}
]
},
{
"name": "var-popup",
"attributes": [
{
"name": "v-model:show",
"description": "Whether to display the Popup",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "position",
"description": "Popup position with optional value of `top` `bottom` `right` `left` `center`",
"default": "center",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "overlay",
"description": "Whether to display the overlay",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "overlay-class",
"description": "Custom overlay class",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "overlay-style",
"description": "Custom overlay style",
"default": "-",
"value": {
"type": "object",
"kind": "expression"
}
},
{
"name": "default-style",
"description": "Whether to enable the default style",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "transition",
"description": "Transition animation name",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "lock-scroll",
"description": "Whether to disable scrolling penetration, scrolling the Popup when disabled will not cause the body to scroll",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "close-on-click-overlay",
"description": "Whether to click the overlay to close the Popup",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "close-on-key-escape",
"description": "Whether to support keyboard ESC to close the popup",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "teleport",
"description": "The location of the Popup to mount",
"default": "body",
"value": {
"type": "TeleportProps['to'] | false",
"kind": "expression"
}
},
{
"name": "safe-area",
"description": "Whether to enable bottom safety zone adaptation",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "safe-area-top",
"description": "Whether to enable top safety zone adaptation",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "z-index",
"description": "The zIndex of element",
"default": "-",
"value": {
"type": "number",
"kind": "expression"
}
}
],
"events": [
{
"name": "open",
"description": "Triggered when the Popup is open"
},
{
"name": "opened",
"description": "Triggered when the Popup open-animation ends"
},
{
"name": "close",
"description": "Triggered when the Popup is close"
},
{
"name": "closed",
"description": "Triggered when the Popup close-animation ends"
},
{
"name": "click-overlay",
"description": "Triggered when you click on overlay"
},
{
"name": "key-escape",
"description": "Triggered when click keyboard ESC"
}
],
"slots": [
{
"name": "default",
"description": "Popup content"
}
]
},
{
"name": "var-progress",
"attributes": [
{
"name": "mode",
"description": "Mode of Progress. Optional value is `linear, circle`",
"default": "linear",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "type",
"description": "Progress type, Can be set to `default` `primary` `info` `success` `warning` `danger`",
"default": "primary",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "value",
"description": "Completion value",
"default": "0",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "line-width",
"description": "Width of the progress bar",
"default": "4",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "color",
"description": "Color of the progress bar (The circular progress bar sets the gradient color, please use object. Gradient is the same as svg's linearGradient element)",
"default": "-",
"value": {
"type": "string | object",
"kind": "expression"
}
},
{
"name": "track-color",
"description": "Color of the progress track",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "label",
"description": "Whether the label is visible or not",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "label-class",
"description": "Custom label class name",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "track",
"description": "Whether the progress track is visible or not",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "indeterminate",
"description": "Whether the indeterminate animation is visible or not",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "size",
"description": "Size of progress (only supports circle progress)",
"default": "40",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "rotate",
"description": "Origin of progress (only supports circle progress)",
"default": "0",
"value": {
"type": "number",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "Custom label"
}
]
},
{
"name": "var-pull-refresh",
"attributes": [
{
"name": "v-model",
"description": "Loading status",
"default": "-",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether to disable pull refresh",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "target",
"description": "The target to trigger scroll. If it is undefined back top will listen to the nearest scrollable parent.",
"default": "-",
"value": {
"type": "string | HTMLElement",
"kind": "expression"
}
},
{
"name": "animation-duration",
"description": "The duration of the animation to return to the initial position after loading(ms)",
"default": "300",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "success-duration",
"description": "Success text display duration(ms)",
"default": "2000",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "bg-color",
"description": "BackgroundColor of control",
"default": "#005CAF",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "color",
"description": "Color of control",
"default": "#ffffff",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "success-bg-color",
"description": "BackgroundColor of control when the status is success",
"default": "#4CAF50",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "success-color",
"description": "Color of control when the status is success",
"default": "ffffff",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [
{
"name": "refresh",
"description": "Emitted after pulling refresh"
}
],
"slots": [
{
"name": "default",
"description": "Default slot"
}
]
},
{
"name": "var-radio",
"attributes": [
{
"name": "v-model",
"description": "The value of the binding",
"default": "false",
"value": {
"type": "any",
"kind": "expression"
}
},
{
"name": "checked-value",
"description": "Checked value",
"default": "true",
"value": {
"type": "any",
"kind": "expression"
}
},
{
"name": "unchecked-value",
"description": "Unchecked value",
"default": "false",
"value": {
"type": "any",
"kind": "expression"
}
},
{
"name": "checked-color",
"description": "Checked color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "unchecked-color",
"description": "Unchecked color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "icon-size",
"description": "Icon size",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "readonly",
"description": "Whether the readonly",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether the disabled",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "ripple",
"description": "Whether to open ripple",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "rules",
"description": "Validation rules, return `true` to indicate verification passes, other types of values will be converted into text as user prompts. [Zod validation](#/en-US/zodValidation) is supported since `3.5.0`",
"default": "-",
"value": {
"type": "((v: any) => any) | ZodType | Array<((v: any) => any) | ZodType>",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "Triggered on click"
},
{
"name": "change",
"description": "Triggered on change"
}
],
"slots": [
{
"name": "checked-icon",
"description": "Checked icon"
},
{
"name": "unchecked-icon",
"description": "Unchecked icon"
},
{
"name": "default",
"description": "Displayed text"
}
]
},
{
"name": "var-radio-group",
"attributes": [
{
"name": "v-model",
"description": "The value of the binding",
"default": "-",
"value": {
"type": "any",
"kind": "expression"
}
},
{
"name": "direction",
"description": "The layout direction, optional value is `horizontal` `vertical`",
"default": "horizontal",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "options",
"description": "Specifies options",
"default": "[]",
"value": {
"type": "RadioGroupOption[]",
"kind": "expression"
}
},
{
"name": "label-key",
"description": "As the key that uniquely identifies label",
"default": "label",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "value-key",
"description": "As the key that uniquely identifies value",
"default": "value",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "rules",
"description": "Validation rules, return `true` to indicate verification passes, other types of values will be converted into text as user prompts. [Zod validation](#/en-US/zodValidation) is supported since `3.5.0`",
"default": "-",
"value": {
"type": "(v: any) => any | ZodType | Array<(v: any) => any | ZodType>",
"kind": "expression"
}
},
{
"name": "aria-label",
"description": "The label of the radio group",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [
{
"name": "change",
"description": "Triggered on change"
}
],
"slots": [
{
"name": "default",
"description": "Radio Group content"
}
]
},
{
"name": "var-rate",
"attributes": [],
"events": [
{
"name": "change",
"description": "Triggered when the rating changes"
}
],
"slots": []
},
{
"name": "var-result",
"attributes": [
{
"name": "type",
"description": "Image type, options `info` `success` `warning` `error` `question` `empty`",
"default": "success",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "title",
"description": "The title of Result",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "description",
"description": "The description of Result",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "image-size",
"description": "Image Size",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "animation",
"description": "Whether to enable animation, valid for `success` type only",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "image",
"description": "Custom image"
},
{
"name": "title",
"description": "Custom title"
},
{
"name": "description",
"description": "Custom description"
},
{
"name": "footer",
"description": "Custom bottom content"
}
]
},
{
"name": "var-ripple",
"attributes": [],
"events": [],
"slots": []
},
{
"name": "var-row",
"attributes": [
{
"name": "gutter",
"description": "Col gutter, default is horizontal spacing. Can be set to [Vertical, Horizontal](Support length unit)",
"default": "0",
"value": {
"type": "string | number | [string | number, string | number]",
"kind": "expression"
}
},
{
"name": "justify",
"description": "Spindle alignment, optional value is `flex-start` `flex-end` `center` `space-between` `space-around`",
"default": "flex-start",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "align",
"description": "Cross axis alignment, optional value is `flex-start` `flex-end` `center`",
"default": "flex-start",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "Triggered when clicking Row"
}
],
"slots": [
{
"name": "default",
"description": "Row content"
}
]
},
{
"name": "var-select",
"attributes": [
{
"name": "v-model",
"description": "The value of the binding",
"default": "-",
"value": {
"type": "any | any[]",
"kind": "expression"
}
},
{
"name": "size",
"description": "Select size, The optional value is `normal` `small`",
"default": "normal",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "variant",
"description": "Select variant, The optional value is `standard` `outlined`",
"default": "standard",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "placeholder",
"description": "placeholder",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "multiple",
"description": "Whether to enable multiple selection",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "offset-y",
"description": "The vertical offset of the drop-down menu",
"default": "0",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "chip",
"description": "Whether to use chip style (multiple choices only)",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "line",
"description": "Whether to display a dividing line",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "hint",
"description": "Whether to use placeholders as prompts",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "text-color",
"description": "Text color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "focus-color",
"description": "The primary color in focus",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "blur-color",
"description": "The primary color in blur",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "readonly",
"description": "Whether the readonly",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether the disabled",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "clearable",
"description": "Whether the clearable",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "options",
"description": "Specifies options",
"default": "[]",
"value": {
"type": "SelectOption[]",
"kind": "expression"
}
},
{
"name": "label-key",
"description": "As the key that uniquely identifies label",
"default": "label",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "value-key",
"description": "As the key that uniquely identifies value",
"default": "value",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "validate-trigger",
"description": "Timing to trigger validation, optional value is `onFocus` `onBlur` `onChange` `onClick` `onClear` `onClose`",
"default": "['onChange', 'onClear', 'onClose']",
"value": {
"type": "SelectValidateTrigger[]",
"kind": "expression"
}
},
{
"name": "rules",
"description": "Validation rules, return `true` to indicate verification passes, other types of values will be converted into text as user prompts. [Zod validation](#/en-US/zodValidation) is supported since `3.5.0`",
"default": "-",
"value": {
"type": "((v: any) => any) | ZodType | Array<((v: any) => any) | ZodType>",
"kind": "expression"
}
}
],
"events": [
{
"name": "focus",
"description": "Triggered when focusing"
},
{
"name": "blur",
"description": "Triggered when out of focus"
},
{
"name": "click",
"description": "Triggered on click"
},
{
"name": "clear",
"description": "Triggered on clearance"
},
{
"name": "close",
"description": "Triggered on close"
},
{
"name": "change",
"description": "Triggered when change"
}
],
"slots": [
{
"name": "selected",
"description": "Select the contents of the area"
},
{
"name": "prepend-icon",
"description": "Prepend icon"
},
{
"name": "clear-icon",
"description": "Clear Icon"
},
{
"name": "append-icon",
"description": "Append icon"
},
{
"name": "arrow-icon",
"description": "Arrow icon"
}
]
},
{
"name": "var-signature",
"attributes": [
{
"name": "stroke-style",
"description": "Canvas stroke style",
"default": "currentColor",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "line-width",
"description": "Canvas line width",
"default": "2",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "data-url-type",
"description": "Data url type for generating image",
"default": "'png'",
"value": {
"type": "'png' | 'jpg'",
"kind": "expression"
}
}
],
"events": [
{
"name": "start",
"description": "Triggered when signing begins"
},
{
"name": "signing",
"description": "Triggered during signature"
},
{
"name": "end",
"description": "Triggered when ending signature"
}
],
"slots": []
},
{
"name": "var-skeleton",
"attributes": [
{
"name": "loading",
"description": "Loading Status Set to `true` to turn on the skeleton",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "title",
"description": "Whether to display the title",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "card",
"description": "Whether to display the card",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "avatar",
"description": "Whether to display the avatar",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "fullscreen",
"description": "Whether to enable fullscreen mode",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "fullscreen-z-index",
"description": "Fullscreen mode z-index",
"default": "100",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "title-width",
"description": "Title Width",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "card-height",
"description": "Card Height",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "avatar-size",
"description": "Avatar size",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "rows",
"description": "The paragraph number of rows",
"default": "3",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "rows-width",
"description": "The width of each line of a paragraph",
"default": "[]",
"value": {
"type": "number[] | string[]",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "Content not loaded"
}
]
},
{
"name": "var-slider",
"attributes": [
{
"name": "v-model",
"description": "The value of slider",
"default": "0",
"value": {
"type": "number | [number, number]",
"kind": "expression"
}
},
{
"name": "step",
"description": "Step size. The value must greater than 0",
"default": "1",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "range",
"description": "Whether open the dual thumb mode",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "max",
"description": "The maximum value the slider can slide to",
"default": "100",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "min",
"description": "The minimum value the slider can slide to",
"default": "0",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "label-visible",
"description": "Whether to display labels, the optional value is `always, normal, never`",
"default": "normal",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "label-text-color",
"description": "Color of label text",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "label-color",
"description": "Background color of label",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "active-color",
"description": "Background color of actived track",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "track-color",
"description": "Background color of track",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "track-height",
"description": "Height of track",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "thumb-size",
"description": "Size of thumb",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "thumb-color",
"description": "Background color of thumb",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether to disable slider",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "readonly",
"description": "Whether to readonly slider",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "direction",
"description": "Direction of slider, Can be set to `vertical horizontal`",
"default": "horizontal",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "rules",
"description": "Validation rules, return `true` to indicate verification passes, other types of values will be converted into text as user prompts. [Zod validation](#/en-US/zodValidation) is supported since `3.5.0`",
"default": "-",
"value": {
"type": "((v: number | [number, number]) => any) | ZodType | Array<((v: number | [number, number]) => any) | ZodType>",
"kind": "expression"
}
}
],
"events": [
{
"name": "change",
"description": "Emitted after slider changed"
},
{
"name": "start",
"description": "Emitted when start dragged"
},
{
"name": "end",
"description": "Emitted when end dragged"
}
],
"slots": [
{
"name": "button",
"description": "Custom button"
}
]
},
{
"name": "var-snackbar",
"attributes": [
{
"name": "v-model:show",
"description": "Whether to show `Snackbar`",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "type",
"description": "`Snackbar` type, Optional value is one of `success, warning, info, error, loading`",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "position",
"description": "`Snackbar` position, Optional value is one of `top, center, bottom`",
"default": "top",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "duration",
"description": "Display duration",
"default": "3000",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "Elevation level, options `true` `false` and level of `0-24`",
"default": "true",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
},
{
"name": "content",
"description": "Custom content",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "content-class",
"description": "Class of custom content",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "vertical",
"description": "Whether to use multi-line",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "loading-type",
"description": "Loading type (see `Loading` component)",
"default": "circle",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "loading-size",
"description": "Loading size (see `Loading` component)",
"default": "normal",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "loading-color",
"description": "Loading color (see `Loading` component)",
"default": "currentColor",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "loading-radius",
"description": "Loading radius (see `Loading` component)",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "lock-scroll",
"description": "Whether to disable rolling penetration",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "forbid-click",
"description": "Whether to penetrating clicks are forbidden",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "teleport",
"description": "The location of the Snackbar to mount",
"default": "body",
"value": {
"type": "TeleportProps['to'] | false",
"kind": "expression"
}
}
],
"events": [
{
"name": "open",
"description": "Triggered when the `Snackbar` is open"
},
{
"name": "opened",
"description": "Triggered when the `Snackbar` open-animation ends"
},
{
"name": "close",
"description": "Triggered when the `Snackbar` is close"
},
{
"name": "closed",
"description": "Triggered when the `Snackbar` close-animation ends"
}
],
"slots": [
{
"name": "default",
"description": "`Snackbar` content message"
},
{
"name": "icon",
"description": "`Snackbar` icon"
},
{
"name": "action",
"description": "`Snackbar` action of right"
}
]
},
{
"name": "var-space",
"attributes": [
{
"name": "direction",
"description": "Layout direction, can be set to `row` `column`",
"default": "row",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "justify",
"description": "Main axis arrangement, Can be set to `flex-start` `flex-end` `center` `space-around` `space-between`",
"default": "flex-start",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "align",
"description": "Cross axis arrangement, Can be set to `stretch` `center` `flex-start` `flex-end` `baseline`",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "size",
"description": "Spacing, can be set to `mini` `small` `normal` `large` or `[Vertical, Horizontal]`(Support length unit)",
"default": "normal",
"value": {
"type": "string | number | [string | number, string | number]",
"kind": "expression"
}
},
{
"name": "wrap",
"description": "Whether to exceed the line break",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "inline",
"description": "Is it an inline element",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "Content of space"
}
]
},
{
"name": "var-step",
"attributes": [
{
"name": "active-icon",
"description": "Active icon name",
"default": "check",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "current-icon",
"description": "Current icon name",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "inactive-icon",
"description": "Inactive icon name",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "active-icon-namespace",
"description": "Active icon namespace",
"default": "var-icon",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "current-icon-namespace",
"description": "Current icon namespace",
"default": "var-icon",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "inactive-icon-namespace",
"description": "Inactive icon namespace",
"default": "var-icon",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "Content of step"
}
]
},
{
"name": "var-steps",
"attributes": [
{
"name": "active",
"description": "Active step",
"default": "0",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "direction",
"description": "Mode of steps, can be set to `horizontal` `vertical`",
"default": "horizontal",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "active-color",
"description": "Active step color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "inactive-color",
"description": "Inactive step color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [
{
"name": "click-step",
"description": "Emitted after click step"
}
],
"slots": [
{
"name": "default",
"description": "Content of steps"
}
]
},
{
"name": "var-sticky",
"attributes": [
{
"name": "offset-top",
"description": "Sticky offset top",
"default": "0",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "z-index",
"description": "Sticky z-index",
"default": "10",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "css-mode",
"description": "Enable native `css sticky` mode",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Disable sticky, when set to `true`, the element will return to the document flow",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "scroll",
"description": "Triggered when the scroll container rolls"
}
],
"slots": [
{
"name": "default",
"description": "Sticky content"
}
]
},
{
"name": "var-style-provider",
"attributes": [
{
"name": "style-vars",
"description": "CSS variables",
"default": "{}",
"value": {
"type": "Record",
"kind": "expression"
}
},
{
"name": "tag",
"description": "Tag name",
"default": "div",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "Component content"
}
]
},
{
"name": "var-styles",
"attributes": [],
"events": [],
"slots": []
},
{
"name": "var-swipe",
"attributes": [
{
"name": "loop",
"description": "Whether to swipe the loop",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "autoplay",
"description": "Auto play interval time (ms)",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "duration",
"description": "Transition time (ms)",
"default": "300",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "initial-index",
"description": "Initializes the index displayed",
"default": "0",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "indicator",
"description": "Whether to display the indicator",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "indicator-color",
"description": "Indicator color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "vertical",
"description": "Whether to enable vertical swipe",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "touchable",
"description": "Whether to enable touch",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "navigation",
"description": "Whether to show navigation arrows. When set to `hover`, navigation buttons will be displayed when the pointer is hovering",
"default": "false",
"value": {
"type": "boolean | string",
"kind": "expression"
}
}
],
"events": [
{
"name": "change",
"description": "Triggered when change swipe"
}
],
"slots": [
{
"name": "default",
"description": "Swipe content"
},
{
"name": "prev",
"description": "Preview page button"
},
{
"name": "next",
"description": "Next page button"
},
{
"name": "indicator",
"description": "Swipe indicator content"
}
]
},
{
"name": "var-swipe-item",
"attributes": [],
"events": [],
"slots": [
{
"name": "default",
"description": "Swipe item content"
}
]
},
{
"name": "var-switch",
"attributes": [
{
"name": "v-model",
"description": "Check status of Switch",
"default": "false",
"value": {
"type": "any",
"kind": "expression"
}
},
{
"name": "active-value",
"description": "The value when the switch is turned on",
"default": "true",
"value": {
"type": "any",
"kind": "expression"
}
},
{
"name": "inactive-value",
"description": "The value when the switch is turned off",
"default": "false",
"value": {
"type": "any",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether to disable switch",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "readonly",
"description": "Whether to readonly switch",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "loading",
"description": "Whether to show loading icon",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "ripple",
"description": "Whether to open ripple",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "button-elevation",
"description": "The elevation of handle button",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "color",
"description": "Background color when open",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "close-color",
"description": "Background color when close",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "loading-color",
"description": "Color of loading icon",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "size",
"description": "Size of switch",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "rules",
"description": "Validation rules, return `true` to indicate verification passes, other types of values will be converted into text as user prompts. [Zod validation](#/en-US/zodValidation) is supported since `3.5.0`",
"default": "-",
"value": {
"type": "((v: any) => any) | ZodType | Array<((v: any) => any) | ZodType>",
"kind": "expression"
}
},
{
"name": "lazy-change",
"description": "Whether to allow the `before-change` event to be triggered",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "validate-trigger",
"description": "Timing to trigger verification, optional values are `onChange` `onLazyChange`",
"default": "['onChange', 'onLazyChange']",
"value": {
"type": "SwitchValidateTrigger[]",
"kind": "expression"
}
},
{
"name": "variant",
"description": "Variant mode",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "Emitted when component is clicked"
},
{
"name": "change",
"description": "Emitted when check status changed"
},
{
"name": "before-change",
"description": "Triggered before a change event (`lazy-change` mode only)"
}
],
"slots": []
},
{
"name": "var-tab",
"attributes": [
{
"name": "name",
"description": "Tab's name",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether to disable tab",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "ripple",
"description": "Whether to enable ripple effect",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "Triggered when the tab is clicked, but not when the tab `disabled` status is `true`"
}
],
"slots": [
{
"name": "default",
"description": "Tab's content"
}
]
},
{
"name": "var-tab-item",
"attributes": [
{
"name": "name",
"description": "View's name",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "TabItem's content"
}
]
},
{
"name": "var-table",
"attributes": [
{
"name": "full-width",
"description": "The width of the `table` (including the scrollable part)",
"default": "100%",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "Elevation level, options `true` `false` and level of `0-24`",
"default": "true",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
},
{
"name": "scroller-height",
"description": "The height of the scroll container, which can be used to implement functions such as longitudinal partial scrolling and fixed table headers.",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "Content of `table`"
},
{
"name": "footer",
"description": "Footer of `table`"
}
]
},
{
"name": "var-tabs",
"attributes": [
{
"name": "v-model:active",
"description": "The `active` tab identifier matches `name` first, followed by `index`",
"default": "index",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "layout-direction",
"description": "The layout direction of the tabs, optional value of `horizontal` `vertical`",
"default": "horizontal",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "item-direction",
"description": "The layout direction of the tab, optional value of `horizontal` `vertical`",
"default": "horizontal",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "fixed-bottom",
"description": "Whether fixed to the bottom of the window, can be used for bottom navigation",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "color",
"description": "The background color of the tabs",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "active-color",
"description": "The primary color that the tab is activates",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "inactive-color",
"description": "The primary color that the tab is not activated",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "disabled-color",
"description": "The primary color that the tab is disabled",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "indicator-color",
"description": "The tab activates the color of the indicator",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "indicator-size",
"description": "Tab activates the size of the indicator",
"default": "2px",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "Elevation level, options `true` `false` and level of `0-24`",
"default": "false",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
},
{
"name": "sticky",
"description": "Whether to enable sticky layouts",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "sticky-css-mode",
"description": "Whether to enable sticky layouts native css sticky mode",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "sticky-z-index",
"description": "Sticky layouts z-index",
"default": "10",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "safe-area",
"description": "Whether to enable bottom safe area adaptation",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "offset-top",
"description": "Distance offset top",
"default": "0",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "scrollable",
"description": "Whether to enable scrollable, optional value of `auto` `always`",
"default": "auto",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "indicator-position",
"description": "The position of the indicator, optional value of `normal` `reverse`",
"default": "normal",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "Triggered when the tab is clicked, but not when the tab `disabled` status is `true`"
},
{
"name": "change",
"description": "Triggered when switching tab"
}
],
"slots": [
{
"name": "default",
"description": "Tabs content"
}
]
},
{
"name": "var-tabs-items",
"attributes": [
{
"name": "v-model:active",
"description": "The identity of the active tab",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "can-swipe",
"description": "Whether to allow swipe switch",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "loop",
"description": "Whether to allow cycle switching",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "TabsItems content"
}
]
},
{
"name": "var-themes",
"attributes": [],
"events": [],
"slots": []
},
{
"name": "var-time-picker",
"attributes": [
{
"name": "v-model",
"description": "Selected time（ISO 8601 format, `HH:mm` or `HH:mm:ss`）",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "format",
"description": "Picker type, optional values `ampm` `24hr`",
"default": "ampm",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "color",
"description": "Picker color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "title-color",
"description": "Color of picker title. If not specified it will use the color defined by `color` prop or the default picker color.",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "hint",
"description": "Picker hint",
"default": "SELECT TIME",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "Elevation level, options `true` `false` and level of `0-24`",
"default": "false",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
},
{
"name": "min",
"description": "Minimum allowed time (ISO 8601 format)",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "max",
"description": "Maximum allowed time (ISO 8601 format)",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "allowed-time",
"description": "Restricts which time can be selected",
"default": "-",
"value": {
"type": "AllowedTime",
"kind": "expression"
}
},
{
"name": "readonly",
"description": "Readonly",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "use-seconds",
"description": "Whether to display seconds",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "change",
"description": "Emitted after time changed"
}
],
"slots": []
},
{
"name": "var-tooltip",
"attributes": [
{
"name": "v-model:show",
"description": "Whether to show the tooltip",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "content",
"description": "Display content",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "color",
"description": "Tooltip background color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "text-color",
"description": "Tooltip text color",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "type",
"description": "Tooltip type, can be set to `default` `primary` `info` `success` `warning` `danger`",
"default": "default",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "placement",
"description": "Tooltip popup placement",
"default": "bottom",
"value": {
"type": "Placement",
"kind": "expression"
}
},
{
"name": "strategy",
"description": "Tooltip position strategy, optional value is `absolute` `fixed`",
"default": "absolute",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "offset-x",
"description": "The x-axis offset, relative to the tooltip-aligned position",
"default": "0",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "offset-y",
"description": "The y-axis offset, relative to the tooltip-aligned position",
"default": "0",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "teleport",
"description": "The location of the tooltip mount",
"default": "body",
"value": {
"type": "TeleportProps['to'] | false",
"kind": "expression"
}
},
{
"name": "same-width",
"description": "Whether to same width as trigger element",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether to disable the tooltip",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "trigger",
"description": "Tooltip trigger method, optional value is `click` `hover` `manual`",
"default": "hover",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "reference",
"description": "The trigger element associated with the tooltip, the `string` type is the descendant element selector of the menu component, the `HTMLElement` type is any specified element node",
"default": "-",
"value": {
"type": "string | HTMLElement",
"kind": "expression"
}
},
{
"name": "close-on-click-reference",
"description": "Whether to close the menu when clicking the reference element",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "close-on-key-escape",
"description": "Whether to support keyboard ESC to close the tooltip",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "open",
"description": "Triggered when the `Tooltip` is opened"
},
{
"name": "opened",
"description": "Triggered when the open `Tooltip` animation ends"
},
{
"name": "close",
"description": "Triggered when the `Tooltip` is closed"
},
{
"name": "closed",
"description": "Triggered when the closing `Tooltip` animation ends"
},
{
"name": "click-outside",
"description": "Triggered when clicking outside the tooltip"
}
],
"slots": [
{
"name": "default",
"description": "Tooltip trigger element"
},
{
"name": "content",
"description": "Tooltip content"
},
{
"name": "click-outside",
"description": "Triggered when clicking outside the menu"
}
]
},
{
"name": "var-uploader",
"attributes": [
{
"name": "v-model",
"description": "File list",
"default": "[]",
"value": {
"type": "VarFile[]",
"kind": "expression"
}
},
{
"name": "accept",
"description": "Accepted file type, consistent with the native attribute",
"default": "image/*",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "capture",
"description": "Get the file, the same as the native property",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "multiple",
"description": "Whether to select multiple files",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "readonly",
"description": "Whether the readonly",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether the disabled",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "Elevation level, options `true` `false` and level of `0-24`, not in simple mode",
"default": "true",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
},
{
"name": "removable",
"description": "Whether the removable",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "maxlength",
"description": "Maximum number of files",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "maxsize",
"description": "Maximum file size, the unit is `byte`",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "previewed",
"description": "Whether to allow preview",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "prevent-default-preview",
"description": "Prevent default preview behavior",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "ripple",
"description": "Whether to open ripple",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "hide-list",
"description": "Whether to hide the file list",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "resolve-type",
"description": "The file preprocessing type, can be set to `default` `file` `data-url` (`default`, the image type contains dataURL and File object, other types contain only File object. `file`, which contains only File object. `data-url`, all file types contain dataURL and File object)",
"default": "default",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "validate-trigger",
"description": "Timing to trigger validation. The optional value is `onChange` `onRemove`",
"default": "['onChange', 'onRemove']",
"value": {
"type": "UploaderValidateTrigger[]",
"kind": "expression"
}
},
{
"name": "rules",
"description": "Validation rules, return `true` to indicate verification passes, other types of values will be converted into text as user prompts. [Zod validation](#/en-US/zodValidation) is supported since `3.5.0`",
"default": "-",
"value": {
"type": "((v: VarFile[]) => any) | ZodType | Array<((v: VarFile[]) => any) | ZodType>",
"kind": "expression"
}
}
],
"events": [
{
"name": "before-filter",
"description": "Triggered before the event `before-read` to filter the file list"
},
{
"name": "before-read",
"description": "Triggered returns a false value before a file is read to prevent the file from being read(support promise)"
},
{
"name": "after-read",
"description": "Triggered after the file is read"
},
{
"name": "oversize",
"description": "Triggered when the file size limit is exceeded"
},
{
"name": "before-remove",
"description": "Triggered before file deletion, return false value to prevent file deletion (support promise)"
},
{
"name": "remove",
"description": "Triggered when deleting a file. There is a true value to prevent deleting a file (support promise)"
},
{
"name": "preview",
"description": "Triggered when a file is previewed"
},
{
"name": "click-action",
"description": "Intercept click behavior of upload button"
}
],
"slots": [
{
"name": "default",
"description": "Upload action content"
},
{
"name": "extra-message",
"description": "Extra message"
},
{
"name": "remove-button",
"description": "Remove button"
}
]
},
{
"name": "var-watermark",
"attributes": [
{
"name": "width",
"description": "Watermark width",
"default": "100",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "height",
"description": "Watermark height",
"default": "100",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "content",
"description": "Watermark text content",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "image",
"description": "The path of the image watermark has a higher priority than `content`",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "rotate",
"description": "Watermark rotation angle",
"default": "-22",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "offset-x",
"description": "Offset of the watermark from the container's x-axis",
"default": "0",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "offset-y",
"description": "Offset of the watermark from the container's y-axis",
"default": "0",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "gap-x",
"description": "Spacing in the horizontal direction of the watermark",
"default": "0",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "gap-y",
"description": "Spacing in the vertical direction of the watermark",
"default": "0",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "z-index",
"description": "Watermark z-index",
"default": "10",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "opacity",
"description": "Watermark opacity",
"default": "0.5",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "fullscreen",
"description": "Whether to display watermark in fullscreen mode",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "font",
"description": "Watermark text style",
"default": "-",
"value": {
"type": "WatermarkFont",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "content",
"description": "The content of HTML `Watermark`, only supports inline styles, does not support passing in self closing tags, priority higher than `content` or `image` attributes"
}
]
}
],
"types-syntax": "typescript"
}
}
}