xdesign-vue-next
Version:
XDesign Component for vue-next
1,395 lines • 796 kB
JSON
{
"$schema": "http://json.schemastore.org/web-types",
"framework": "vue",
"name": "tdesign-vue-next",
"js-types-syntax": "typescript",
"description-markup": "markdown",
"contributions": {
"html": {
"vue-components": [
{
"name": "t-affix",
"source": {
"symbol": "Affix"
},
"description": "Affix\n\n固钉",
"doc-url": "https://tdesign.tencent.com/vue-next/components/affix",
"props": [
{
"name": "container",
"description": "指定滚动的容器。数据类型为 String 时，会被当作选择器处理，进行节点查询。示例：'body' 或 () => document.body",
"doc-url": "https://tdesign.tencent.com/vue-next/components/affix?tab=api#affix-props",
"type": [
"String",
"Function"
],
"default": "() => (() => window)"
},
{
"name": "content",
"description": "内容",
"doc-url": "https://tdesign.tencent.com/vue-next/components/affix?tab=api#affix-props",
"type": [
"String",
"TNode"
]
},
{
"name": "default",
"description": "内容，同 content",
"doc-url": "https://tdesign.tencent.com/vue-next/components/affix?tab=api#affix-props",
"type": [
"String",
"TNode"
]
},
{
"name": "offset-bottom",
"description": " 距离容器顶部达到指定距离后触发固定",
"doc-url": "https://tdesign.tencent.com/vue-next/components/affix?tab=api#affix-props",
"type": [
"Number"
],
"default": "0"
},
{
"name": "offset-top",
"description": " 距离容器底部达到指定距离后触发固定",
"doc-url": "https://tdesign.tencent.com/vue-next/components/affix?tab=api#affix-props",
"type": [
"Number"
],
"default": "0"
},
{
"name": "z-index",
"description": "固钉定位层级，样式默认为 500",
"doc-url": "https://tdesign.tencent.com/vue-next/components/affix?tab=api#affix-props",
"type": [
"Number"
]
}
],
"js": {
"events": [
{
"name": "fixed-change",
"description": "固定状态发生变化时触发",
"doc-url": "https://tdesign.tencent.com/vue-next/components/affix?tab=api#affix-events"
}
]
},
"slots": [
{
"name": "content",
"description": "内容",
"doc-url": "https://tdesign.tencent.com/vue-next/components/affix?tab=api#affix-props"
},
{
"name": "default",
"description": "内容，同 content",
"doc-url": "https://tdesign.tencent.com/vue-next/components/affix?tab=api#affix-props"
}
]
},
{
"name": "t-alert",
"source": {
"symbol": "Alert"
},
"description": "Alert\n\n警告提示",
"doc-url": "https://tdesign.tencent.com/vue-next/components/alert",
"props": [
{
"name": "close",
"description": "关闭按钮。值为 true 则显示默认关闭按钮；值为 false 则不显示按钮；值类型为 string 则直接显示；值类型为 Function 则可以自定关闭按钮",
"doc-url": "https://tdesign.tencent.com/vue-next/components/alert?tab=api#alert-props",
"type": [
"String",
"Boolean",
"TNode"
],
"default": "false"
},
{
"name": "default",
"description": "内容，同 message",
"doc-url": "https://tdesign.tencent.com/vue-next/components/alert?tab=api#alert-props",
"type": [
"String",
"TNode"
]
},
{
"name": "icon",
"description": "图标",
"doc-url": "https://tdesign.tencent.com/vue-next/components/alert?tab=api#alert-props",
"type": [
"TNode"
]
},
{
"name": "max-line",
"description": "内容显示最大行数，超出的内容会折叠收起，用户点击后再展开。值为 0 表示不折叠",
"doc-url": "https://tdesign.tencent.com/vue-next/components/alert?tab=api#alert-props",
"type": [
"Number"
],
"default": "0"
},
{
"name": "message",
"description": "内容（子元素）",
"doc-url": "https://tdesign.tencent.com/vue-next/components/alert?tab=api#alert-props",
"type": [
"String",
"TNode"
]
},
{
"name": "operation",
"description": "跟在告警内容后面的操作区",
"doc-url": "https://tdesign.tencent.com/vue-next/components/alert?tab=api#alert-props",
"type": [
"TNode"
]
},
{
"name": "theme",
"description": "组件风格",
"doc-url": "https://tdesign.tencent.com/vue-next/components/alert?tab=api#alert-props",
"type": [
"String"
],
"default": "info",
"attribute-value": {
"type": "enum"
},
"values": [
{
"name": "success"
},
{
"name": "info"
},
{
"name": "warning"
},
{
"name": "error"
}
]
},
{
"name": "title",
"description": "标题",
"doc-url": "https://tdesign.tencent.com/vue-next/components/alert?tab=api#alert-props",
"type": [
"String",
"TNode"
]
}
],
"js": {
"events": [
{
"name": "close",
"description": "关闭按钮点击时触发",
"doc-url": "https://tdesign.tencent.com/vue-next/components/alert?tab=api#alert-events"
},
{
"name": "closed",
"description": "告警提示框关闭动画结束后触发",
"doc-url": "https://tdesign.tencent.com/vue-next/components/alert?tab=api#alert-events"
}
]
},
"slots": [
{
"name": "close",
"description": "关闭按钮。值为 true 则显示默认关闭按钮；值为 false 则不显示按钮；值类型为 string 则直接显示；值类型为 Function 则可以自定关闭按钮",
"doc-url": "https://tdesign.tencent.com/vue-next/components/alert?tab=api#alert-props"
},
{
"name": "default",
"description": "内容，同 message",
"doc-url": "https://tdesign.tencent.com/vue-next/components/alert?tab=api#alert-props"
},
{
"name": "icon",
"description": "图标",
"doc-url": "https://tdesign.tencent.com/vue-next/components/alert?tab=api#alert-props"
},
{
"name": "message",
"description": "内容（子元素）",
"doc-url": "https://tdesign.tencent.com/vue-next/components/alert?tab=api#alert-props"
},
{
"name": "operation",
"description": "跟在告警内容后面的操作区",
"doc-url": "https://tdesign.tencent.com/vue-next/components/alert?tab=api#alert-props"
},
{
"name": "title",
"description": "标题",
"doc-url": "https://tdesign.tencent.com/vue-next/components/alert?tab=api#alert-props"
}
]
},
{
"name": "t-anchor",
"source": {
"symbol": "Anchor"
},
"description": "Anchor\n\n锚点",
"doc-url": "https://tdesign.tencent.com/vue-next/components/anchor",
"props": [
{
"name": "affix-props",
"description": "透传 Affix 组件属性，即让 Anchor 组件支持所有 Affix 组件特性",
"doc-url": "https://tdesign.tencent.com/vue-next/components/anchor?tab=api#anchor-props",
"type": [
"Object"
]
},
{
"name": "bounds",
"description": "锚点区域边界",
"doc-url": "https://tdesign.tencent.com/vue-next/components/anchor?tab=api#anchor-props",
"type": [
"Number"
],
"default": "5"
},
{
"name": "container",
"description": "指定滚动的容器。数据类型为 String 时，会被当作选择器处理，进行节点查询。示例：'body' 或 () => document.body",
"doc-url": "https://tdesign.tencent.com/vue-next/components/anchor?tab=api#anchor-props",
"type": [
"String",
"Function"
],
"default": "() => (() => window)"
},
{
"name": "cursor",
"description": "用于自定义选中项左侧游标",
"doc-url": "https://tdesign.tencent.com/vue-next/components/anchor?tab=api#anchor-props",
"type": [
"TNode"
]
},
{
"name": "size",
"description": "组件尺寸，small(120px)，medium(200px)，large(320px)",
"doc-url": "https://tdesign.tencent.com/vue-next/components/anchor?tab=api#anchor-props",
"type": [
"String"
],
"default": "medium",
"attribute-value": {
"type": "enum"
},
"values": [
{
"name": "small"
},
{
"name": "medium"
},
{
"name": "large"
}
]
},
{
"name": "target-offset",
"description": "锚点滚动偏移量",
"doc-url": "https://tdesign.tencent.com/vue-next/components/anchor?tab=api#anchor-props",
"type": [
"Number"
],
"default": "0"
}
],
"js": {
"events": [
{
"name": "change",
"description": "锚点改变时触发",
"doc-url": "https://tdesign.tencent.com/vue-next/components/anchor?tab=api#anchor-events"
},
{
"name": "click",
"description": "锚点被点击时触发",
"doc-url": "https://tdesign.tencent.com/vue-next/components/anchor?tab=api#anchor-events"
}
]
},
"slots": [
{
"name": "cursor",
"description": "用于自定义选中项左侧游标",
"doc-url": "https://tdesign.tencent.com/vue-next/components/anchor?tab=api#anchor-props"
}
]
},
{
"name": "t-anchor-item",
"source": {
"symbol": "AnchorItem"
},
"description": "AnchorItem\n\n锚点项",
"doc-url": "https://tdesign.tencent.com/vue-next/components/anchor-item",
"props": [
{
"name": "href",
"description": "锚点链接, 如果是 hash 模式需要加上当前 path",
"doc-url": "https://tdesign.tencent.com/vue-next/components/anchor-item?tab=api#anchoritem-props",
"type": [
"String"
]
},
{
"name": "target",
"description": "锚点文本",
"doc-url": "https://tdesign.tencent.com/vue-next/components/anchor-item?tab=api#anchoritem-props",
"type": [
"String"
],
"default": "_self",
"attribute-value": {
"type": "enum"
},
"values": [
{
"name": "_self"
},
{
"name": "_blank"
},
{
"name": "_parent"
},
{
"name": "_top"
}
]
},
{
"name": "title",
"description": "锚点文本",
"doc-url": "https://tdesign.tencent.com/vue-next/components/anchor-item?tab=api#anchoritem-props",
"type": [
"String",
"TNode"
],
"default": "''"
}
],
"slots": [
{
"name": "title",
"description": "锚点文本",
"doc-url": "https://tdesign.tencent.com/vue-next/components/anchor-item?tab=api#anchoritem-props"
}
]
},
{
"name": "t-anchor-target",
"source": {
"symbol": "AnchorTarget"
},
"description": "AnchorTarget\n\n锚点目标",
"doc-url": "https://tdesign.tencent.com/vue-next/components/anchor-target",
"props": [
{
"name": "id",
"description": "目标内容 id",
"doc-url": "https://tdesign.tencent.com/vue-next/components/anchor-target?tab=api#anchortarget-props",
"type": [
"String"
]
},
{
"name": "tag",
"description": "渲染的标签",
"doc-url": "https://tdesign.tencent.com/vue-next/components/anchor-target?tab=api#anchortarget-props",
"type": [
"String"
],
"default": "div"
}
],
"slots": []
},
{
"name": "t-aside",
"source": {
"symbol": "Aside"
},
"description": "Aside\n\n布局-侧边栏",
"doc-url": "https://tdesign.tencent.com/vue-next/components/aside",
"props": [
{
"name": "width",
"description": "侧边栏宽度。样式表（class）中定义的默认宽度为：232px",
"doc-url": "https://tdesign.tencent.com/vue-next/components/aside?tab=api#aside-props",
"type": [
"String"
]
}
],
"slots": []
},
{
"name": "t-auto-complete",
"source": {
"symbol": "AutoComplete"
},
"description": "AutoComplete\n\n自动填充",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete",
"props": [
{
"name": "autofocus",
"description": "自动获取焦点",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props",
"type": [
"Boolean"
]
},
{
"name": "clearable",
"description": "是否允许清空",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props",
"type": [
"Boolean"
]
},
{
"name": "default",
"description": "触发显示联想词下拉框的元素，同 `triggerElement`",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props",
"type": [
"String",
"TNode"
]
},
{
"name": "disabled",
"description": "是否禁用",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props",
"type": [
"Boolean"
]
},
{
"name": "filter",
"description": "自定义过滤规则，用于对现有数据进行搜索过滤，判断是否过滤某一项数据。参数 `filterWords` 表示搜索词，`option`表示单个选项内容，返回值为 `true` 保留该选项，返回值为 `false` 则隐藏该选项。使用该方法时无需设置 `filterable`",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props",
"type": [
"Function"
]
},
{
"name": "filterable",
"description": "是否根据输入内容过滤联想词。默认过滤规则不区分大小写，全文本任意位置匹配。如果默认搜索规则不符合业务需求，可以更为使用 `filter` 自定义过滤规则。部分场景下输入关键词和下拉联想词完全不同，此时可以设置为 `false`",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props",
"type": [
"Boolean"
],
"default": "true"
},
{
"name": "highlight-keyword",
"description": "是否高亮联想词中和输入值的相同部分",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props",
"type": [
"Boolean"
],
"default": "true"
},
{
"name": "input-props",
"description": "透传 Input 组件全部特性",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props",
"type": [
"Object"
]
},
{
"name": "options",
"description": "下拉联想词列表。示例一：`['联想词一', '联想词二']`。示例二：`{ label: () => <div>联想词元素</div>, text: '用于搜索的纯联想词' }`",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props",
"type": [
"Array"
]
},
{
"name": "panel-bottom-content",
"description": "面板内的底部内容",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props",
"type": [
"String",
"TNode"
]
},
{
"name": "panel-top-content",
"description": "面板内的顶部内容",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props",
"type": [
"String",
"TNode"
]
},
{
"name": "placeholder",
"description": "输入框为空时的占位提示。组件本身默认值为 `undefined`，但全局配置存在默认值，不同语言全局默认值不同",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props",
"type": [
"String"
],
"default": "undefined"
},
{
"name": "popup-props",
"description": "透传 Popup 组件全部特性",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props",
"type": [
"Object"
]
},
{
"name": "readonly",
"description": "是否只读",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props",
"type": [
"Boolean"
]
},
{
"name": "size",
"description": "组件尺寸",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props",
"type": [
"String"
],
"default": "medium",
"attribute-value": {
"type": "enum"
},
"values": [
{
"name": "small"
},
{
"name": "medium"
},
{
"name": "large"
}
]
},
{
"name": "status",
"description": "输入框状态",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props",
"type": [
"String"
],
"default": "default",
"attribute-value": {
"type": "enum"
},
"values": [
{
"name": "default"
},
{
"name": "success"
},
{
"name": "warning"
},
{
"name": "error"
}
]
},
{
"name": "textarea-props",
"description": "透传 Textarea 组件全部特性",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props",
"type": [
"Object"
]
},
{
"name": "tips",
"description": "输入框下方提示文本，会根据不同的 `status` 呈现不同的样式",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props",
"type": [
"String",
"TNode"
]
},
{
"name": "trigger-element",
"description": "触发显示联想词下拉框的元素，默认为 Input 组件，可以使用 `trigger` 自定义为 Textarea 组件或其他组件",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props",
"type": [
"String",
"TNode"
]
},
{
"name": "value",
"description": "输入框的值，即当前指定的联想词",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props",
"type": [
"String"
]
}
],
"js": {
"events": [
{
"name": "blur",
"description": "失去焦点时触发",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-events"
},
{
"name": "change",
"description": "输入框值发生变化时触发",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-events"
},
{
"name": "clear",
"description": "清空按钮点击时触发",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-events"
},
{
"name": "compositionend",
"description": "trigger on compositionend\n\n中文输入结束时触发",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-events"
},
{
"name": "compositionstart",
"description": "trigger on compositionstart\n\n中文输入开始时触发",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-events"
},
{
"name": "enter",
"description": "回车键按下时触发",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-events"
},
{
"name": "focus",
"description": "获得焦点时触发",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-events"
},
{
"name": "select",
"description": "选中联想词时触发",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-events"
}
]
},
"slots": [
{
"name": "default",
"description": "触发显示联想词下拉框的元素，同 `triggerElement`",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props"
},
{
"name": "panelBottomContent",
"description": "面板内的底部内容",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props"
},
{
"name": "panel-bottom-content",
"description": "面板内的底部内容",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props"
},
{
"name": "panelTopContent",
"description": "面板内的顶部内容",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props"
},
{
"name": "panel-top-content",
"description": "面板内的顶部内容",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props"
},
{
"name": "tips",
"description": "输入框下方提示文本，会根据不同的 `status` 呈现不同的样式",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props"
},
{
"name": "triggerElement",
"description": "触发显示联想词下拉框的元素，默认为 Input 组件，可以使用 `trigger` 自定义为 Textarea 组件或其他组件",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props"
},
{
"name": "trigger-element",
"description": "触发显示联想词下拉框的元素，默认为 Input 组件，可以使用 `trigger` 自定义为 Textarea 组件或其他组件",
"doc-url": "https://tdesign.tencent.com/vue-next/components/auto-complete?tab=api#autocomplete-props"
}
]
},
{
"name": "t-avatar",
"source": {
"symbol": "Avatar"
},
"description": "Avatar\n\n头像",
"doc-url": "https://tdesign.tencent.com/vue-next/components/avatar",
"props": [
{
"name": "alt",
"description": "show it when url is not valid\n\n头像替换文本，仅当图片加载失败时有效",
"doc-url": "https://tdesign.tencent.com/vue-next/components/avatar?tab=api#avatar-props",
"type": [
"String"
]
},
{
"name": "content",
"description": "content slot or props.content\n\n子元素内容",
"doc-url": "https://tdesign.tencent.com/vue-next/components/avatar?tab=api#avatar-props",
"type": [
"String",
"TNode"
]
},
{
"name": "default",
"description": "default slot or props.default, same as `content`\n\n子元素内容，同 content",
"doc-url": "https://tdesign.tencent.com/vue-next/components/avatar?tab=api#avatar-props",
"type": [
"String",
"TNode"
]
},
{
"name": "hide-on-load-failed",
"description": "hide image when loading image failed\n\n加载失败时隐藏图片",
"doc-url": "https://tdesign.tencent.com/vue-next/components/avatar?tab=api#avatar-props",
"type": [
"Boolean"
],
"default": "false"
},
{
"name": "icon",
"description": "use icon to fill\n\n图标",
"doc-url": "https://tdesign.tencent.com/vue-next/components/avatar?tab=api#avatar-props",
"type": [
"TNode"
]
},
{
"name": "image",
"description": "images url\n\n图片地址",
"doc-url": "https://tdesign.tencent.com/vue-next/components/avatar?tab=api#avatar-props",
"type": [
"String"
]
},
{
"name": "image-props",
"description": "透传至 Image 组件",
"doc-url": "https://tdesign.tencent.com/vue-next/components/avatar?tab=api#avatar-props",
"type": [
"Object"
]
},
{
"name": "shape",
"description": "shape\n\n形状",
"doc-url": "https://tdesign.tencent.com/vue-next/components/avatar?tab=api#avatar-props",
"type": [
"String"
],
"default": "circle",
"attribute-value": {
"type": "enum"
},
"values": [
{
"name": "circle"
},
{
"name": "round"
}
]
},
{
"name": "size",
"description": "size\n\n尺寸，示例值：small/medium/large/24px/38px 等。优先级高于 AvatarGroup.size 。Avatar 单独存在时，默认值为 medium。如果父组件存在 AvatarGroup，默认值便由 AvatarGroup.size 决定",
"doc-url": "https://tdesign.tencent.com/vue-next/components/avatar?tab=api#avatar-props",
"type": [
"String"
],
"default": "medium"
}
],
"js": {
"events": [
{
"name": "error",
"description": "trigger on image load failed\n\n图片加载失败时触发",
"doc-url": "https://tdesign.tencent.com/vue-next/components/avatar?tab=api#avatar-events"
}
]
},
"slots": [
{
"name": "content",
"description": "content slot or props.content\n\n子元素内容",
"doc-url": "https://tdesign.tencent.com/vue-next/components/avatar?tab=api#avatar-props"
},
{
"name": "default",
"description": "default slot or props.default, same as `content`\n\n子元素内容，同 content",
"doc-url": "https://tdesign.tencent.com/vue-next/components/avatar?tab=api#avatar-props"
},
{
"name": "icon",
"description": "use icon to fill\n\n图标",
"doc-url": "https://tdesign.tencent.com/vue-next/components/avatar?tab=api#avatar-props"
}
]
},
{
"name": "t-avatar-group",
"source": {
"symbol": "AvatarGroup"
},
"description": "AvatarGroup\n\n头像组",
"doc-url": "https://tdesign.tencent.com/vue-next/components/avatar-group",
"props": [
{
"name": "cascading",
"description": "multiple images cascading\n\n图片之间的层叠关系，可选值：左侧图片在上和右侧图片在上",
"doc-url": "https://tdesign.tencent.com/vue-next/components/avatar-group?tab=api#avatargroup-props",
"type": [
"String"
],
"default": "'right-up'",
"attribute-value": {
"type": "enum"
},
"values": [
{
"name": "left-up"
},
{
"name": "right-up"
}
]
},
{
"name": "collapse-avatar",
"description": "头像数量超出时，会出现一个头像折叠元素。该元素内容可自定义。默认为 `+N`。示例：`+5`，`...`, `更多`",
"doc-url": "https://tdesign.tencent.com/vue-next/components/avatar-group?tab=api#avatargroup-props",
"type": [
"String",
"TNode"
]
},
{
"name": "max",
"description": "能够同时显示的最多头像数量",
"doc-url": "https://tdesign.tencent.com/vue-next/components/avatar-group?tab=api#avatargroup-props",
"type": [
"Number"
]
},
{
"name": "popup-props",
"description": "头像右上角提示信息",
"doc-url": "https://tdesign.tencent.com/vue-next/components/avatar-group?tab=api#avatargroup-props",
"type": [
"Object"
]
},
{
"name": "size",
"description": "size\n\n尺寸，示例值：small/medium/large/24px/38px 等。优先级低于 Avatar.size",
"doc-url": "https://tdesign.tencent.com/vue-next/components/avatar-group?tab=api#avatargroup-props",
"type": [
"String"
],
"default": "medium"
}
],
"slots": [
{
"name": "collapseAvatar",
"description": "头像数量超出时，会出现一个头像折叠元素。该元素内容可自定义。默认为 `+N`。示例：`+5`，`...`, `更多`",
"doc-url": "https://tdesign.tencent.com/vue-next/components/avatar-group?tab=api#avatargroup-props"
},
{
"name": "collapse-avatar",
"description": "头像数量超出时，会出现一个头像折叠元素。该元素内容可自定义。默认为 `+N`。示例：`+5`，`...`, `更多`",
"doc-url": "https://tdesign.tencent.com/vue-next/components/avatar-group?tab=api#avatargroup-props"
}
]
},
{
"name": "t-back-top",
"source": {
"symbol": "BackTop"
},
"description": "BackTop\n\n回到顶部",
"doc-url": "https://tdesign.tencent.com/vue-next/components/back-top",
"props": [
{
"name": "container",
"description": "监听滚动的容器。数据类型为 String 时，会被当作选择器处理，进行节点查询。示例：'body' 或 () => document.body",
"doc-url": "https://tdesign.tencent.com/vue-next/components/back-top?tab=api#backtop-props",
"type": [
"String",
"Function"
],
"default": "'body'"
},
{
"name": "content",
"description": "Backtop's children elements\n\n回到顶部内容",
"doc-url": "https://tdesign.tencent.com/vue-next/components/back-top?tab=api#backtop-props",
"type": [
"String",
"TNode"
]
},
{
"name": "default",
"description": "Backtop's children elements, same as `content`\n\n回到顶部内容，同 `content`",
"doc-url": "https://tdesign.tencent.com/vue-next/components/back-top?tab=api#backtop-props",
"type": [
"String",
"TNode"
]
},
{
"name": "duration",
"description": "回到顶部的耗时单位：毫秒",
"doc-url": "https://tdesign.tencent.com/vue-next/components/back-top?tab=api#backtop-props",
"type": [
"Number"
],
"default": "200"
},
{
"name": "offset",
"description": "回到顶部相对右下角的位置偏移，示例：[10, 20] 或 ['10em', '8rem']",
"doc-url": "https://tdesign.tencent.com/vue-next/components/back-top?tab=api#backtop-props",
"type": [
"Array"
],
"default": "[\"24px\", \"80px\"]"
},
{
"name": "shape",
"description": "shape of BackTop element\n\n回到顶部的形状",
"doc-url": "https://tdesign.tencent.com/vue-next/components/back-top?tab=api#backtop-props",
"type": [
"String"
],
"default": "square",
"attribute-value": {
"type": "enum"
},
"values": [
{
"name": "circle"
},
{
"name": "square"
}
]
},
{
"name": "size",
"description": "size of BackTop\n\n组件尺寸",
"doc-url": "https://tdesign.tencent.com/vue-next/components/back-top?tab=api#backtop-props",
"type": [
"String"
],
"default": "medium",
"attribute-value": {
"type": "enum"
},
"values": [
{
"name": "medium"
},
{
"name": "small"
}
]
},
{
"name": "target",
"description": "指定回到该对象。数据类型为 String 时，会被当作选择器处理，进行节点查询。示例：'body' 或 () => document.body",
"doc-url": "https://tdesign.tencent.com/vue-next/components/back-top?tab=api#backtop-props",
"type": [
"String",
"Function"
],
"default": "'body'"
},
{
"name": "theme",
"description": "theme of BackTop\n\n组件主题风格，浅色、主色、深色",
"doc-url": "https://tdesign.tencent.com/vue-next/components/back-top?tab=api#backtop-props",
"type": [
"String"
],
"default": "light",
"attribute-value": {
"type": "enum"
},
"values": [
{
"name": "light"
},
{
"name": "primary"
},
{
"name": "dark"
}
]
},
{
"name": "visible-height",
"description": "滚动高度达到此参数值才出现",
"doc-url": "https://tdesign.tencent.com/vue-next/components/back-top?tab=api#backtop-props",
"type": [
"String",
"Number"
],
"default": "'200px'"
}
],
"js": {
"events": [
{
"name": "click",
"description": "点击回到顶部时触发",
"doc-url": "https://tdesign.tencent.com/vue-next/components/back-top?tab=api#backtop-events"
}
]
},
"slots": [
{
"name": "content",
"description": "Backtop's children elements\n\n回到顶部内容",
"doc-url": "https://tdesign.tencent.com/vue-next/components/back-top?tab=api#backtop-props"
},
{
"name": "default",
"description": "Backtop's children elements, same as `content`\n\n回到顶部内容，同 `content`",
"doc-url": "https://tdesign.tencent.com/vue-next/components/back-top?tab=api#backtop-props"
}
]
},
{
"name": "t-badge",
"source": {
"symbol": "Badge"
},
"description": "Badge\n\n徽标数",
"doc-url": "https://tdesign.tencent.com/vue-next/components/badge",
"props": [
{
"name": "color",
"description": "颜色",
"doc-url": "https://tdesign.tencent.com/vue-next/components/badge?tab=api#badge-props",
"type": [
"String"
]
},
{
"name": "content",
"description": "徽标内容",
"doc-url": "https://tdesign.tencent.com/vue-next/components/badge?tab=api#badge-props",
"type": [
"String",
"TNode"
]
},
{
"name": "count",
"description": "徽标右上角内容。可以是数字，也可以是文字。如：'new'/3/99+",
"doc-url": "https://tdesign.tencent.com/vue-next/components/badge?tab=api#badge-props",
"type": [
"String",
"Number",
"TNode"
],
"default": "0"
},
{
"name": "default",
"description": "徽标内容，默认插槽，同 content",
"doc-url": "https://tdesign.tencent.com/vue-next/components/badge?tab=api#badge-props",
"type": [
"String",
"TNode"
]
},
{
"name": "dot",
"description": "是否为红点",
"doc-url": "https://tdesign.tencent.com/vue-next/components/badge?tab=api#badge-props",
"type": [
"Boolean"
],
"default": "false"
},
{
"name": "max-count",
"description": "封顶的数字值",
"doc-url": "https://tdesign.tencent.com/vue-next/components/badge?tab=api#badge-props",
"type": [
"Number"
],
"default": "99"
},
{
"name": "offset",
"description": "设置状态点的位置偏移，示例：[-10, 20] 或 ['10em', '8rem']",
"doc-url": "https://tdesign.tencent.com/vue-next/components/badge?tab=api#badge-props",
"type": [
"Array"
]
},
{
"name": "shape",
"description": "形状",
"doc-url": "https://tdesign.tencent.com/vue-next/components/badge?tab=api#badge-props",
"type": [
"String"
],
"default": "circle",
"attribute-value": {
"type": "enum"
},
"values": [
{
"name": "circle"
},
{
"name": "round"
}
]
},
{
"name": "show-zero",
"description": "当数值为 0 时，是否展示徽标",
"doc-url": "https://tdesign.tencent.com/vue-next/components/badge?tab=api#badge-props",
"type": [
"Boolean"
],
"default": "false"
},
{
"name": "size",
"description": "尺寸",
"doc-url": "https://tdesign.tencent.com/vue-next/components/badge?tab=api#badge-props",
"type": [
"String"
],
"default": "medium",
"attribute-value": {
"type": "enum"
},
"values": [
{
"name": "small"
},
{
"name": "medium"
}
]
}
],
"slots": [
{
"name": "content",
"description": "徽标内容",
"doc-url": "https://tdesign.tencent.com/vue-next/components/badge?tab=api#badge-props"
},
{
"name": "count",
"description": "徽标右上角内容。可以是数字，也可以是文字。如：'new'/3/99+",
"doc-url": "https://tdesign.tencent.com/vue-next/components/badge?tab=api#badge-props"
},
{
"name": "default",
"description": "徽标内容，默认插槽，同 content",
"doc-url": "https://tdesign.tencent.com/vue-next/components/badge?tab=api#badge-props"
}
]
},
{
"name": "t-base-table",
"source": {
"symbol": "BaseTable"
},
"description": "BaseTable\n\n基础表格",
"doc-url": "https://tdesign.tencent.com/vue-next/components/base-table",
"props": [
{
"name": "allow-resize-column-width",
"description": "allow to resize column width\n\n是否允许调整列宽。请更为使用 `resizable`",
"doc-url": "https://tdesign.tencent.com/vue-next/components/base-table?tab=api#basetable-props",
"type": [
"Boolean"
],
"default": "undefined"
},
{
"name": "attach",
"description": "elements with popup would be attached to `attach`\n\n超出省略等所有浮层元素统一绑定到 `attach`，可根据实际情况调整挂载元素",
"doc-url": "https://tdesign.tencent.com/vue-next/components/base-table?tab=api#basetable-props",
"type": [
"String",
"Function"
]
},
{
"name": "bordered",
"description": "show table bordered\n\n是否显示表格边框",
"doc-url": "https://tdesign.tencent.com/vue-next/components/base-table?tab=api#basetable-props",
"type": [
"Boolean"
],
"default": "false"
},
{
"name": "bottom-content",
"description": "表格底部内容，可以用于自定义列设置等",
"doc-url": "https://tdesign.tencent.com/vue-next/components/base-table?tab=api#basetable-props",
"type": [
"String",
"TNode"
]
},
{
"name": "cell-empty-content",
"description": "单元格数据为空时呈现的内容",
"doc-url": "https://tdesign.tencent.com/vue-next/components/base-table?tab=api#basetable-props",
"type": [
"String",
"TNode"
]
},
{
"name": "columns",
"description": "table column configs\n\n列配置，泛型 T 指表格数据类型",
"doc-url": "https://tdesign.tencent.com/vue-next/components/base-table?tab=api#basetable-props",
"type": [
"Array"
],
"default": "[]"
},
{
"name": "data",
"description": "table data\n\n数据源，泛型 T 指表格数据类型",
"doc-url": "https://tdesign.tencent.com/vue-next/components/base-table?tab=api#basetable-props",
"type": [
"Array"
],
"default": "[]"
},
{
"name": "disable-data-page",
"description": "是否禁用本地数据分页。当 `data` 数据长度超过分页大小时，会自动进行本地数据分页。如果 `disableDataPage` 设置为 true，则无论何时，都不会进行本地数据分页",
"doc-url": "https://tdesign.tencent.com/vue-next/components/base-table?tab=api#basetable-props",
"type": [
"Boolean"
],
"default": "false"
},
{
"name": "empty",
"description": "empty text or empty element\n\n空表格呈现样式，支持全局配置 `GlobalConfigProvider`",
"doc-url": "https://tdesign.tencent.com/vue-next/components/base-table?tab=api#basetable-props",
"type": [
"String",
"TNode"
],
"default": "''"
},
{
"name": "first-full-row",
"description": "首行内容，横跨所有列",
"doc-url": "https://tdesign.tencent.com/vue-next/components/base-table?tab=api#basetable-props",
"type": [
"String",
"TNode"
]
},
{
"name": "fixed-rows",
"description": "固定行（冻结行），示例：[M, N]，表示冻结表头 M 行和表尾 N 行。M 和 N 值为 0 时，表示不冻结行",
"doc-url": "https://tdesign.tencent.com/vue-next/components/base-table?tab=api#basetable-props",
"type": [
"Array"
]
},
{
"name": "foot-data",
"description": "table foot data\n\n表尾数据源，泛型 T 指表格数据类型",
"doc-url": "https://tdesign.tencent.com/vue-next/components/base-table?tab=api#basetable-props",
"type": [
"Array"
],
"default": "[]"
},
{
"name": "footer-affix-props",
"description": "affix props\n\n请更为使用 `footerAffixedBottom`。表尾吸底基于 Affix 组件开发，透传全部 Affix 组件属性。",
"doc-url": "https://tdesign.tencent.com/vue-next/components/base-table?tab=api#basetable-props",
"type": [
"Object"
]
},
{
"name": "footer-affixed-bottom",
"description": "affix foot to viewport bottom\n\n表尾吸底。使用此向功能，需要非常注意表格是相对于哪一个父元素进行滚动。值为 `true`，则表示相对于整个窗口吸底。如果表格滚动的父元素不是整个窗口，请通过 `footerAffixedBottom.container` 调整固钉的吸顶范围。基于 Affix 组件开发，透传全部 Affix 组件属性",
"doc-url": "https://tdesign.tencent.com/vue-next/components/base-table?tab=api#basetable-props",
"type": [
"Boolean",
"Object"
],
"default": "false"
},
{
"name": "footer-summary",
"description": "footer summary content\n\n表尾总结行",
"doc-url": "https://tdesign.tencent.com/vue-next/components/base-table?tab=api#basetable-props",
"type": [
"String",
"TNode"
]
},
{
"name": "header-affix-props",
"description": "affix props\n\n请更为使用 `headerAffixedTop`。表头吸顶基于 Affix 组件开发，透传全部 Affix 组件属性",
"doc-url": "https://tdesign.tencent.com/vue-next/components/base-table?tab=api#basetable-props",
"type": [
"Object"
]
},
{
"name": "header-affixed-top",
"description": "affix header to viewport top\n\n表头吸顶。使用该功能，需要非常注意表格是相对于哪一个父元素进行滚动。值为 `true`，表示相对于整个窗口吸顶。如果表格滚动的父元素不是整个窗口，请通过 `headerAffixedTop.container` 调整吸