{
"version": 1.1,
"tags": [
{
"name": "mdui-avatar",
"description": "头像组件\n\n```html\n\n```",
"attributes": [
{
"name": "src",
"description": "头像图片的 URL 地址",
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/avatar#attributes-src"
}
]
},
{
"name": "fit",
"description": "图片如何适应容器框,与原生的 [`object-fit`](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) 属性相同。可选值包括:\n\n* `contain`:保持图片原有尺寸比例,内容会被等比例缩放\n* `cover`:保持图片原有尺寸比例,但部分内容可能被剪切\n* `fill`:默认值,不保持图片原有尺寸比例,内容会被拉伸以填充整个容器\n* `none`:保留图片原有尺寸,内容不会被缩放或拉伸\n* `scale-down`:保持图片原有尺寸比例,内容尺寸与 `none` 或 `contain` 中较小的一个相同",
"values": [
{
"name": "contain",
"description": "保持图片原有尺寸比例,内容会被等比例缩放"
},
{
"name": "cover",
"description": "保持图片原有尺寸比例,但部分内容可能被剪切"
},
{
"name": "fill",
"description": "默认值,不保持图片原有尺寸比例,内容会被拉伸以填充整个容器"
},
{
"name": "none",
"description": "保留图片原有尺寸,内容不会被缩放或拉伸"
},
{
"name": "scale-down",
"description": "保持图片原有尺寸比例,内容尺寸与 `none` 或 `contain` 中较小的一个相同"
}
],
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/avatar#attributes-fit"
}
]
},
{
"name": "icon",
"description": "头像的 Material Icons 图标名",
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/avatar#attributes-icon"
}
]
},
{
"name": "label",
"description": "头像的替代文本描述",
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/avatar#attributes-label"
}
]
}
],
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/avatar"
},
{
"name": "Github",
"url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/avatar/index.ts"
}
]
},
{
"name": "mdui-badge",
"description": "徽标组件\n\n```html\n12\n```",
"attributes": [
{
"name": "variant",
"description": "徽标的形状。可选值包括:\n\n* `small`:小型徽标,不显示文本\n* `large`:大型徽标,会显示文本",
"values": [
{
"name": "small",
"description": "小型徽标,不显示文本"
},
{
"name": "large",
"description": "大型徽标,会显示文本"
}
],
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/badge#attributes-variant"
}
]
}
],
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/badge"
},
{
"name": "Github",
"url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/badge/index.ts"
}
]
},
{
"name": "mdui-bottom-app-bar",
"description": "底部应用栏组件\n\n```html\n\n \n \n \n \n \n \n\n```",
"attributes": [
{
"name": "hide",
"description": "是否隐藏",
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/bottom-app-bar#attributes-hide"
}
]
},
{
"name": "fab-detach",
"description": "是否让底部应用栏中的 [``](https://www.mdui.org/zh-cn/docs/2/components/fab) 组件脱离应用栏。如果为 `true`,则当应用栏隐藏后,[``](https://www.mdui.org/zh-cn/docs/2/components/fab) 仍会停留在页面上",
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/bottom-app-bar#attributes-fab-detach"
}
]
},
{
"name": "scroll-behavior",
"description": "滚动行为。可选值为:\n\n* `hide`:滚动时隐藏",
"values": [
{
"name": "hide"
},
{
"name": "shrink"
},
{
"name": "elevate"
}
],
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/bottom-app-bar#attributes-scroll-behavior"
}
]
},
{
"name": "scroll-target",
"description": "需要监听其滚动事件的元素。值可以是 CSS 选择器、DOM 元素、或 [JQ 对象](https://www.mdui.org/zh-cn/docs/2/functions/jq)。默认监听 `window` 的滚动事件",
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/bottom-app-bar#attributes-scroll-target"
}
]
},
{
"name": "scroll-threshold",
"description": "在滚动多少距离之后触发滚动行为,单位为 `px`",
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/bottom-app-bar#attributes-scroll-threshold"
}
]
},
{
"name": "order",
"description": "该组件在 [``](https://www.mdui.org/zh-cn/docs/2/components/layout) 中的布局顺序,按从小到大排序。默认为 `0`",
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/bottom-app-bar#attributes-order"
}
]
}
],
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/bottom-app-bar"
},
{
"name": "Github",
"url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/bottom-app-bar/index.ts"
}
]
},
{
"name": "mdui-button-icon",
"description": "图标按钮组件\n\n```html\n\n```",
"attributes": [
{
"name": "variant",
"description": "图标按钮的形状。可选值包括:\n\n* `standard`:适用于最低优先级的操作\n* `filled`:视觉效果强烈,适用于高优先级的操作\n* `tonal`:视觉效果介于 `filled` 和 `outlined` 之间,适用于中高优先级的操作\n* `outlined`:适用于中等优先级的操作",
"values": [
{
"name": "standard",
"description": "适用于最低优先级的操作"
},
{
"name": "filled",
"description": "视觉效果强烈,适用于高优先级的操作"
},
{
"name": "tonal",
"description": "视觉效果介于 `filled` 和 `outlined` 之间,适用于中高优先级的操作"
},
{
"name": "outlined",
"description": "适用于中等优先级的操作"
}
],
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-variant"
}
]
},
{
"name": "icon",
"description": "Material Icons 图标名。也可以通过 default slot 设置",
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-icon"
}
]
},
{
"name": "selected-icon",
"description": "选中状态的 Material Icons 图标名。也可以通过 `slot=\"selected-icon\"` 设置",
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-selected-icon"
}
]
},
{
"name": "selectable",
"description": "是否可选中",
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-selectable"
}
]
},
{
"name": "selected",
"description": "是否已被选中",
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-selected"
}
]
},
{
"name": "href",
"description": "链接的目标 URL。\n\n如果设置了此属性,组件内部将渲染为 `` 元素,并可以使用链接相关的属性。",
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-href"
}
]
},
{
"name": "download",
"description": "下载链接的目标。\n\n**Note**:仅在设置了 `href` 属性时,此属性才有效。",
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-download"
}
]
},
{
"name": "target",
"description": "链接的打开方式。可选值包括:\n\n* `_blank`:在新窗口中打开链接\n* `_parent`:在父框架中打开链接\n* `_self`:默认。在当前框架中打开链接\n* `_top`:在整个窗口中打开链接\n\n**Note**:仅在设置了 `href` 属性时,此属性才有效。",
"values": [
{
"name": "_blank",
"description": "在新窗口中打开链接"
},
{
"name": "_parent",
"description": "在父框架中打开链接"
},
{
"name": "_self",
"description": "默认。在当前框架中打开链接"
},
{
"name": "_top",
"description": "在整个窗口中打开链接"
}
],
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-target"
}
]
},
{
"name": "rel",
"description": "当前文档与被链接文档之间的关系。可选值包括:\n\n* `alternate`:当前文档的替代版本\n* `author`:当前文档或文章的作者\n* `bookmark`:永久链接到最近的祖先章节\n* `external`:引用的文档与当前文档不在同一站点\n* `help`:链接到相关的帮助文档\n* `license`:当前文档的主要内容由被引用文件的版权许可覆盖\n* `me`:当前文档代表链接内容的所有者\n* `next`:当前文档是系列中的一部分,被引用的文档是系列的下一个文档\n* `nofollow`:当前文档的作者或发布者不认可被引用的文件\n* `noreferrer`:不包含 `Referer` 头。类似于 `noopener` 的效果\n* `opener`:如果超链接会创建一个顶级浏览上下文(即 `target` 属性值为 `_blank`),则创建一个辅助浏览上下文\n* `prev`:当前文档是系列的一部分,被引用的文档是系列的上一个文档\n* `search`:提供一个资源链接,可用于搜索当前文件及其相关页面\n* `tag`:提供一个适用于当前文档的标签(由给定地址识别)\n\n**Note**:仅在指定了 `href` 属性时可用。",
"values": [
{
"name": "alternate",
"description": "当前文档的替代版本"
},
{
"name": "author",
"description": "当前文档或文章的作者"
},
{
"name": "bookmark",
"description": "永久链接到最近的祖先章节"
},
{
"name": "external",
"description": "引用的文档与当前文档不在同一站点"
},
{
"name": "help",
"description": "链接到相关的帮助文档"
},
{
"name": "license",
"description": "当前文档的主要内容由被引用文件的版权许可覆盖"
},
{
"name": "me",
"description": "当前文档代表链接内容的所有者"
},
{
"name": "next",
"description": "当前文档是系列中的一部分,被引用的文档是系列的下一个文档"
},
{
"name": "nofollow",
"description": "当前文档的作者或发布者不认可被引用的文件"
},
{
"name": "noreferrer",
"description": "不包含 `Referer` 头。类似于 `noopener` 的效果"
},
{
"name": "opener",
"description": "如果超链接会创建一个顶级浏览上下文(即 `target` 属性值为 `_blank`),则创建一个辅助浏览上下文"
},
{
"name": "prev",
"description": "当前文档是系列的一部分,被引用的文档是系列的上一个文档"
},
{
"name": "search",
"description": "提供一个资源链接,可用于搜索当前文件及其相关页面"
},
{
"name": "tag",
"description": "提供一个适用于当前文档的标签(由给定地址识别)"
}
],
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-rel"
}
]
},
{
"name": "autofocus",
"description": "是否在页面加载完成后自动获取焦点",
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-autofocus"
}
]
},
{
"name": "tabindex",
"description": "元素在使用 Tab 键切换焦点时的顺序",
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-tabindex"
}
]
},
{
"name": "disabled",
"description": "是否禁用",
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-disabled"
}
]
},
{
"name": "loading",
"description": "是否处于加载中状态",
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-loading"
}
]
},
{
"name": "name",
"description": "按钮的名称,将与表单数据一起提交。\n\n**Note**:仅在未设置 `href` 属性时,此属性才有效。",
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-name"
}
]
},
{
"name": "value",
"description": "按钮的初始值,将与表单数据一起提交。\n\n**Note**:仅在未设置 `href` 属性时,此属性才有效。",
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-value"
}
]
},
{
"name": "type",
"description": "按钮的类型。默认类型为 `button`。可选类型包括:\n\n* `submit`:点击按钮会提交表单数据到服务器\n* `reset`:点击按钮会将表单中的所有字段重置为初始值\n* `button`:此类型的按钮没有默认行为\n\n**Note**:仅在未指定 `href` 属性时,此属性才有效。",
"values": [
{
"name": "submit",
"description": "此按钮将表单数据提交给服务器"
},
{
"name": "reset",
"description": "此按钮重置所有组件为初始值"
},
{
"name": "button",
"description": "此按钮没有默认行为"
}
],
"references": [
{
"name": "开发文档",
"url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-type"
}
]
},
{
"name": "form",
"description": "关联的 `