@varlet/ui
Version:
A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.
1,804 lines (1,803 loc) • 271 kB
JSON
{
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
"framework": "vue",
"version": "3.10.5",
"name": "VARLET",
"contributions": {
"html": {
"tags": [
{
"name": "var-action-sheet",
"attributes": [
{
"name": "v-model:show",
"description": "是否显示动作面板",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "actions",
"description": "选项列表",
"default": "[]",
"value": {
"type": "Actions",
"kind": "expression"
}
},
{
"name": "title",
"description": "动作面板标题",
"default": "请选择",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "overlay",
"description": "是否显示遮罩层",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "overlay-class",
"description": "自定义遮罩层的 class",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "overlay-style",
"description": "自定义遮罩层的 style",
"default": "-",
"value": {
"type": "object",
"kind": "expression"
}
},
{
"name": "lock-scroll",
"description": "是否禁止滚动穿透,禁止时滚动弹出层不会引发 body 的滚动",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "close-on-click-action",
"description": "是否点击选项时关闭动作面板",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "close-on-click-overlay",
"description": "是否点击遮罩层关闭动作面板",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "close-on-key-escape",
"description": "是否支持键盘 ESC 关闭动作面板",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "safe-area",
"description": "是否开启底部安全区适配",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "teleport",
"description": "动作面板挂载的位置",
"default": "body",
"value": {
"type": "TeleportProps['to'] | false",
"kind": "expression"
}
}
],
"events": [
{
"name": "select",
"description": "选择选项时触发"
},
{
"name": "open",
"description": "打开动作面板时触发"
},
{
"name": "opened",
"description": "打开动作面板动画结束时触发"
},
{
"name": "close",
"description": "关闭动作面板时触发"
},
{
"name": "closed",
"description": "关闭动作面板动画结束时触发"
},
{
"name": "click-overlay",
"description": "点击遮罩层时触发"
},
{
"name": "key-escape",
"description": "点击键盘 ESC 时触发"
}
],
"slots": [
{
"name": "actions",
"description": "选项列表"
},
{
"name": "title",
"description": "动作面板标题"
}
]
},
{
"name": "var-alert",
"attributes": [
{
"name": "type",
"description": "类型,可选值为 `info` `success` `warning` `danger`",
"default": "info",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "variant",
"description": "变体,可选值为 `standard` `outlined` `tonal`",
"default": "standard",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "color",
"description": "背景色",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "title",
"description": "标题",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "message",
"description": "信息",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "海拔高度,可选值为 `true`、`false` 和 `0-24` 的等级",
"default": "false",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
},
{
"name": "closeable",
"description": "是否为可关闭警告",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "close",
"description": "点击关闭按钮时触发,只有在显示关闭按钮的时候才能使用"
}
],
"slots": [
{
"name": "default",
"description": "警告信息"
},
{
"name": "content",
"description": "警告内容"
},
{
"name": "title",
"description": "警告标题"
},
{
"name": "icon",
"description": "警告的前置图标"
},
{
"name": "close-icon",
"description": "警告的关闭图标"
}
]
},
{
"name": "var-app-bar",
"attributes": [
{
"name": "color",
"description": "背景颜色",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "text-color",
"description": "文字颜色",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "title",
"description": "标题",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "title-position",
"description": "标题位置,可选值为 `left` `center` `right`",
"default": "left",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "海拔高度,可选值为 `true` `false` 和 `0-24` 的等级",
"default": "true",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
},
{
"name": "fixed",
"description": "是否固定到顶部",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "placeholder",
"description": "是否在顶部生成相同高度的占位元素(需设置 `fixed`)",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "z-index",
"description": "元素 z-index",
"default": "1",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "round",
"description": "是否使用圆角",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "border",
"description": "是否使用底部边框",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "image",
"description": "背景图片",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "image-linear-gradient",
"description": "背景图片渐变色",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "safe-area-top",
"description": "是否开启顶部安全区适配",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "自定义标题内容,会覆盖 `title` 的内容"
},
{
"name": "left",
"description": "插入至导航栏左侧的内容"
},
{
"name": "right",
"description": "插入至导航栏右侧的内容"
},
{
"name": "content",
"description": "扩展内容"
}
]
},
{
"name": "var-auto-complete",
"attributes": [
{
"name": "v-model",
"description": "绑定的值",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "variant",
"description": "输入框风格, 可选值为 `standard` `outlined`",
"default": "standard",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "size",
"description": "输入框尺寸,可选值 `normal` `small`",
"default": "normal",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "placeholder",
"description": "占位符",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "options",
"description": "指定可选项",
"default": "[]",
"value": {
"type": "AutoCompleteOption[]",
"kind": "expression"
}
},
{
"name": "label-key",
"description": "作为 label 唯一标识的键名",
"default": "label",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "value-key",
"description": "作为 value 唯一标识的键名",
"default": "value",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "maxlength",
"description": "最大长度",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "readonly",
"description": "是否只读",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "是否禁用",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "validate-trigger",
"description": "触发验证的时机,可选值为 `onFocus` `onBlur` `onChange` `onClick` `onClear` `onInput`",
"default": "['onInput', 'onClear', 'onChange']",
"value": {
"type": "AutoCompleteValidateTrigger[]",
"kind": "expression"
}
},
{
"name": "rules",
"description": "验证规则,返回 `true` 表示验证通过,其余的值则转换为文本作为用户提示",
"default": "-",
"value": {
"type": "((v: string) => any) | ZodType | Array<((v: string) => any) | ZodType>",
"kind": "expression"
}
},
{
"name": "enterkeyhint",
"description": "定制回车键样式,参见 [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "clearable",
"description": "是否可清除",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "line",
"description": "是否显示分割线",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "hint",
"description": "是否使用占位符作为提示",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "text-color",
"description": "文字颜色",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "focus-color",
"description": "聚焦时的主要颜色",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "blur-color",
"description": "失焦时的主要颜色",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "get-show",
"description": "根据输入值决定是否显示菜单",
"default": "-",
"value": {
"type": "(v: string) => boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "focus",
"description": "聚焦时触发"
},
{
"name": "blur",
"description": "失焦时触发"
},
{
"name": "click",
"description": "点击时触发"
},
{
"name": "clear",
"description": "清除时触发"
},
{
"name": "input",
"description": "输入时触发"
},
{
"name": "change",
"description": "更新时触发"
}
],
"slots": [
{
"name": "prepend-icon",
"description": "前置图标"
},
{
"name": "append-icon",
"description": "后置图标"
},
{
"name": "clear-icon",
"description": "清除图标"
},
{
"name": "extra-message",
"description": "附加信息"
}
]
},
{
"name": "var-avatar",
"attributes": [
{
"name": "round",
"description": "头像是否为圆形",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "size",
"description": "头像的尺寸,可选值为 `mini small normal large`",
"default": "normal",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "color",
"description": "头像的背景颜色",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "src",
"description": "头像的地址",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "alt",
"description": "替代文本,和 `img` 标签原生属性一致",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "fit",
"description": "头像图片的填充模式,可选值 `fill contain cover none scale-down`",
"default": "cover",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "bordered",
"description": "头像是否带边框",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "border-color",
"description": "头像边框颜色",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "loading",
"description": "当开启懒加载时, 加载中显示的图片",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "error",
"description": "当开启懒加载时, 加载失败显示的图片",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "lazy",
"description": "是否开启懒加载",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "hoverable",
"description": "是否开启悬停效果",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "点击头像时触发"
},
{
"name": "load",
"description": "头像图片成功加载时触发(懒加载模式下失败时会多次尝试加载头像图片,只会在成功加载时触发)"
},
{
"name": "error",
"description": "头像图片失败加载时触发(懒加载模式下失败时会多次尝试加载头像图片,只会在尝试次数结束时触发)"
}
],
"slots": [
{
"name": "default",
"description": "头像内容"
}
]
},
{
"name": "var-avatar-group",
"attributes": [
{
"name": "offset",
"description": "组内头像的头像偏移量",
"default": "-",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "vertical",
"description": "组内头像是否垂直排列",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "头像组内容"
}
]
},
{
"name": "var-back-top",
"attributes": [
{
"name": "target",
"description": "触发滚动的对象,如果为 `undefined` 会监听距离最近的一个可滚动的祖先节点",
"default": "-",
"value": {
"type": "string | HTMLElement",
"kind": "expression"
}
},
{
"name": "visibility-height",
"description": "滚动高度达到此参数值才出现",
"default": "200",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "bottom",
"description": "`BackTop` 距离页面底部的距离",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "right",
"description": "`BackTop` 距离页面右侧的距离",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "海拔高度,可选值为 `true` `false` 和 `0-24` 的等级",
"default": "true",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
},
{
"name": "duration",
"description": "回到顶部所需时间(ms)",
"default": "300",
"value": {
"type": "number",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "点击按钮触发的事件"
}
],
"slots": [
{
"name": "default",
"description": "自定义按钮内容"
}
]
},
{
"name": "var-badge",
"attributes": [
{
"name": "type",
"description": "类型,可选值为 `default` `primary` `info` `success` `warning` `danger`",
"default": "default",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "hidden",
"description": "是否隐藏徽标",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "dot",
"description": "徽标是否为小圆点",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "value",
"description": "徽标中显示的值(当 `dot` 为 `false` 时生效)",
"default": "0",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "max-value",
"description": "徽标中显示的最大值,当 `value` 大于 `max-value` 时会显示 `max-value+` (当 `value` 与 `max-value` 都存在时生效)",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "position",
"description": "徽标标签中有其他标签时定义徽标在其他标签上的位置,可选值 `right-top` `right-bottom` `left-top` `left-bottom`",
"default": "right-top",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "offset-x",
"description": "徽标的水平偏移量",
"default": "0",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "offset-y",
"description": "徽标的垂直偏移量",
"default": "0",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "color",
"description": "自定义徽标颜色",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "icon",
"description": "自定义徽标中图标的内容(优先级高于 `value`)",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "namespace",
"description": "自定义徽标中图标的命名空间",
"default": "var-icon",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "徽标内容"
},
{
"name": "value",
"description": "徽标中显示的值"
}
]
},
{
"name": "var-bottom-navigation",
"attributes": [
{
"name": "v-model:active",
"description": "选中标签的名称或者索引值",
"default": "0",
"value": {
"type": "number | string",
"kind": "expression"
}
},
{
"name": "fixed",
"description": "是否固定在底部",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "border",
"description": "是否显示外边框",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "safe-area",
"description": "是否开启底部安全区适配",
"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": "选中标签的颜色",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "inactive-color",
"description": "未选中标签的颜色",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "placeholder",
"description": "是否在底部生成相同高度的占位元素(需设置 `fixed`)",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "fab-props",
"description": "悬浮按钮属性",
"default": "{ type: 'primary' }",
"value": {
"type": "ButtonProps",
"kind": "expression"
}
},
{
"name": "variant",
"description": "变体模式",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "before-change",
"description": "切换标签前的回调函数,返回假值可阻止切换,支持返回 Promise"
},
{
"name": "change",
"description": "切换标签时触发"
},
{
"name": "fab-click",
"description": "悬浮按钮点击时触发"
}
],
"slots": [
{
"name": "default",
"description": "底部导航栏内容"
},
{
"name": "fab",
"description": "支持在组件中插入一个自定义的 fab 按钮"
}
]
},
{
"name": "var-bottom-navigation-item",
"attributes": [
{
"name": "name",
"description": "标签名称,作为匹配的标识符",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "icon",
"description": "图标名称,等同于 Icon 组件的 [name 属性](/#/zh-CN/icon)",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "label",
"description": "标签文字内容",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "namespace",
"description": "图标的命名空间, 可扩展自定义图标库,等同于 Icon 组件的 [namespace 属性](/#/zh-CN/icon)",
"default": "var-icon",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "badge",
"description": "图标右上角徽标",
"default": "false",
"value": {
"type": "boolean | BadgeProps",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "点击时触发"
}
],
"slots": [
{
"name": "default",
"description": "自定义标签文字内容,会覆盖 `label` 的内容"
},
{
"name": "icon",
"description": "自定义图标"
}
]
},
{
"name": "var-breadcrumb",
"attributes": [
{
"name": "separator",
"description": "分隔符",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "点击面包屑时触发"
}
],
"slots": [
{
"name": "default",
"description": "自定义默认内容"
},
{
"name": "separator",
"description": "自定义分隔符内容"
}
]
},
{
"name": "var-breadcrumbs",
"attributes": [
{
"name": "separator",
"description": "分隔符",
"default": "/",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "点击面包屑时触发"
}
],
"slots": [
{
"name": "default",
"description": "自定义默认内容"
}
]
},
{
"name": "var-button",
"attributes": [
{
"name": "type",
"description": "类型,可选值为 `default` `primary` `info` `success` `warning` `danger`",
"default": "default",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "native-type",
"description": "原生类型,可选值为 `button` `submit` `reset`",
"default": "button",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "size",
"description": "尺寸,可选值为 `normal` `mini` `small` `large`",
"default": "normal",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "loading",
"description": "加载状态",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "loading-radius",
"description": "loading 的半径,只作用于 `loading-type=\"circle\"` 时",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "loading-type",
"description": "loading 的类型,可选值为 `circle` `wave` `cube` `rect` `disappear`",
"default": "circle",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "loading-size",
"description": "loading 的尺寸,可选值为 `large` `normal` `small` `mini`",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "loading-color",
"description": "loading 的颜色",
"default": "currentColor",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "auto-loading",
"description": "自动 loading 模式,方便处理异步任务",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "round",
"description": "是否是圆形按钮",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "block",
"description": "是否是块级元素",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "text",
"description": "是否是文字按钮",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "icon-container",
"description": "是否作为图标容器",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "outline",
"description": "是否使用外边框",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "禁用状态",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "ripple",
"description": "是否使用水波纹",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "focusable",
"description": "是否可以被聚焦",
"default": "true",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "text-color",
"description": "文字颜色",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "color",
"description": "背景颜色",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "海拔高度,可选值为 `true`、`false` 和 `0-24` 的等级",
"default": "true",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "点击按钮时触发,在 `loading` 或 `disabled` 状态为 `true` 时不触发"
},
{
"name": "touchstart",
"description": "触摸手指压下按钮时触发,在 `loading` 或 `disabled` 状态为 `true` 时不触发"
}
],
"slots": [
{
"name": "default",
"description": "按钮内容"
}
]
},
{
"name": "var-button-group",
"attributes": [
{
"name": "type",
"description": "按钮组类型,可选值为 `default` `primary` `info` `success` `warning` `danger`",
"default": "default",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "size",
"description": "按钮组尺寸,可选值为 `normal` `mini` `small` `large`",
"default": "normal",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "mode",
"description": "按钮组模式,可选值为 `normal` `text` `outline`",
"default": "normal",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "vertical",
"description": "按钮组是否竖直排列",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "按钮组海拔高度,可选值为 `true`、`false` 和`0-24` 的等级",
"default": "true",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
},
{
"name": "color",
"description": "按钮组背景颜色",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "text-color",
"description": "按钮组文字颜色",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "按钮组内容"
}
]
},
{
"name": "var-card",
"attributes": [
{
"name": "variant",
"description": "卡片外观,可选值 `standard` `outlined` `filled`",
"default": "standard",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "title",
"description": "卡片标题",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "subtitle",
"description": "卡片副标题",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "description",
"description": "卡片描述",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "elevation",
"description": "海拔高度,可选值为 `true`、`false` 和 `0-24` 的等级",
"default": "true",
"value": {
"type": "string | number | boolean",
"kind": "expression"
}
},
{
"name": "src",
"description": "图片地址",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "layout",
"description": "排列方式,可选值为 `row` `column`",
"default": "column",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "fit",
"description": "填充模式,可选值为 `fill` `contain` `cover` `none` `scale-down`",
"default": "cover",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "alt",
"description": "替代文本,和 img 标签原生属性一致",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "image-height",
"description": "图片高度",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "image-width",
"description": "图片宽度",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "ripple",
"description": "是否开启水波",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "v-model:floating",
"description": "是否开启全屏",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "floating-duration",
"description": "开关全屏所需时间(ms)",
"default": "250",
"value": {
"type": "number",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "点击卡片时触发"
}
],
"slots": [
{
"name": "image",
"description": "自定义图片"
},
{
"name": "default",
"description": "自定义内容"
},
{
"name": "title",
"description": "自定义标题"
},
{
"name": "subtitle",
"description": "自定义副标题"
},
{
"name": "description",
"description": "自定义描述"
},
{
"name": "floating-content",
"description": "漂浮时显示的正文内容"
},
{
"name": "extra",
"description": "自定义底部内容"
},
{
"name": "close-button",
"description": "自定义关闭按钮"
}
]
},
{
"name": "var-cell",
"attributes": [
{
"name": "title",
"description": "单元格标题",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "icon",
"description": "左侧图标名称",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "namespace",
"description": "左侧图标命名空间",
"default": "var-icon",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "description",
"description": "单元格描述",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "border",
"description": "是否显示边框",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "border-offset",
"description": "边框偏移量",
"default": "-",
"value": {
"type": "string | number",
"kind": "expression"
}
},
{
"name": "icon-class",
"description": "图标额外类名",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "title-class",
"description": "标题额外类名",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "description-class",
"description": "描述额外类名",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "extra-class",
"description": "右侧内容额外类名",
"default": "-",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "ripple",
"description": "是否启用水波效果",
"default": "false",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "点击时触发"
}
],
"slots": [
{
"name": "default",
"description": "cell 的内容"
},
{
"name": "icon",
"description": "自定义左侧 icon 区域"
},
{
"name": "description",
"description": "描述的内容"
},
{
"name": "extra",
"description": "自定义右侧区域内容"
}
]
},
{
"name": "var-checkbox",
"attributes": [
{
"name": "v-model",
"description": "绑定的值",
"default": "false",
"value": {
"type": "any",
"kind": "expression"
}