@arco-design/web-vue
Version:
Arco Design Vue 2.0: A Vue.js 3 UI Library
1,609 lines (1,608 loc) • 363 kB
JSON
{
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
"framework": "vue",
"name": "@arco-design/web-vue",
"version": "2.57.0",
"contributions": {
"html": {
"types-syntax": "typescript",
"description-markup": "markdown",
"tags": [
{
"name": "a-alert",
"attributes": [
{
"name": "type",
"description": "Type of the alert. 2.41.0 Added `normal` type",
"value": {
"type": "MessageType | 'normal'",
"kind": "expression"
}
},
{
"name": "show-icon",
"description": "Whether to show the icon",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "closable",
"description": "Whether to show the close button",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "title",
"description": "The title of the alert",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "banner",
"description": "Whether to use as the top announcement (remove the border and rounded corners)",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "center",
"description": "Whether the content is displayed in the center",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "close",
"description": "Triggered when the close button is clicked"
},
{
"name": "after-close",
"description": "Triggered after the close animation ends"
}
],
"slots": [
{
"name": "icon",
"description": "Icon"
},
{
"name": "title",
"description": "Title"
},
{
"name": "action",
"description": "Actions"
},
{
"name": "close-element",
"description": "Close element"
}
]
},
{
"name": "a-anchor",
"attributes": [
{
"name": "boundary",
"description": "Scrolling boundary value. After setting the value to a number, it will stop scrolling when the distance is `boundary` from the scrolling container.",
"value": {
"type": "BoundaryPosition | number",
"kind": "expression"
}
},
{
"name": "line-less",
"description": "Whether to show the left axis",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "scroll-container",
"description": "Scroll container",
"value": {
"type": "string | HTMLElement | Window",
"kind": "expression"
}
},
{
"name": "change-hash",
"description": "Whether to change the hash. When set to `false`, clicking on the anchor will not change the hash of the page",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "smooth",
"description": "Whether to use smooth scrolling",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "select",
"description": "Triggered when the user clicks on the link"
},
{
"name": "change",
"description": "Triggered when the link changes"
}
],
"slots": []
},
{
"name": "a-anchor-link",
"attributes": [
{
"name": "title",
"description": "The text content of the anchor link",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "href",
"description": "The address of the anchor link",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [],
"slots": []
},
{
"name": "a-avatar",
"attributes": [
{
"name": "shape",
"description": "The shape of the avatar, there are two kinds of circle (circle) and square (square)",
"value": {
"type": "AvatarShape",
"kind": "expression"
}
},
{
"name": "image-url",
"description": "Custom avatar image address. If this attribute is passed in, the img tag will be rendered by default",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "size",
"description": "The size of the avatar, the unit is `px`. Use size `40px` in styles when not filled",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "auto-fix-font-size",
"description": "Whether to automatically adjust the font size according to the size of the avatar.",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "trigger-type",
"description": "Clickable avatar interaction type",
"value": {
"type": "AvatarTriggerType",
"kind": "expression"
}
},
{
"name": "trigger-icon-style",
"description": "Interactive icon style",
"value": {
"type": "CSSProperties",
"kind": "expression"
}
},
{
"name": "object-fit",
"description": "Object-fit type of the image in the container",
"value": {
"type": "ObjectFit",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "Callback when clicked"
},
{
"name": "error",
"description": "image load error"
},
{
"name": "load",
"description": "image load success"
}
],
"slots": [
{
"name": "trigger-icon",
"description": "Clickable avatar interaction icon"
}
]
},
{
"name": "a-avatar-group",
"attributes": [
{
"name": "shape",
"description": "The shape of the avatar in the group, there are two kinds of circle (circle) and square (square)",
"value": {
"type": "AvatarShape",
"kind": "expression"
}
},
{
"name": "size",
"description": "The size of the avatar in the group, the unit is `px`",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "auto-fix-font-size",
"description": "Whether to automatically adjust the font size according to the size of the avatar.",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "max-count",
"description": "The maximum number of avatars displayed in the avatar group. The excess avatars will be displayed in the form of `+x`.",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "z-index-ascend",
"description": "The avatar `z-index` in the avatar group increases, and the default is decreasing.",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "max-style",
"description": "Style for +x.",
"value": {
"type": "CSSProperties",
"kind": "expression"
}
},
{
"name": "max-popover-trigger-props",
"description": "TriggerProps for popover around +x.",
"value": {
"type": "TriggerProps",
"kind": "expression"
}
}
],
"events": [],
"slots": []
},
{
"name": "a-breadcrumb",
"attributes": [
{
"name": "max-count",
"description": "Maximum number of breadcrumbs displayed (0 means no limit)",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "routes",
"description": "Set routes",
"value": {
"type": "BreadcrumbRoute[]",
"kind": "expression"
}
},
{
"name": "separator",
"description": "Delimiter text",
"value": {
"type": "string|number",
"kind": "expression"
}
},
{
"name": "custom-url",
"description": "Custom link address",
"value": {
"type": "(paths: string[]) => string",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "more-icon",
"description": "Custom more icon"
},
{
"name": "item-render",
"description": "Effective when setting routes, custom render breadcrumbs"
},
{
"name": "separator",
"description": "Custom separator"
}
]
},
{
"name": "a-breadcrumb-item",
"attributes": [
{
"name": "separator",
"description": "Delimiter text",
"value": {
"type": "string|number",
"kind": "expression"
}
},
{
"name": "droplist",
"description": "Dropdown content",
"value": {
"type": "BreadcrumbRoute['children']",
"kind": "expression"
}
},
{
"name": "dropdown-props",
"description": "Dropdown props",
"value": {
"type": "DropDownProps",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "droplist",
"description": "Custom droplist"
},
{
"name": "separator",
"description": "Custom separator"
}
]
},
{
"name": "a-affix",
"attributes": [
{
"name": "offset-top",
"description": "Triggered when the specified offset is reached from the top of the window",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "offset-bottom",
"description": "Triggered when the specified offset is reached from the bottom of the window",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "target",
"description": "Scroll container, default is `window`",
"value": {
"type": "string | HTMLElement | Window",
"kind": "expression"
}
},
{
"name": "target-container",
"description": "The outer scroll element of `target`, the default is `window`. `Affix` will monitor the scroll event of the element and update the position of the anchor in real time. The main purpose is to solve the problem that if the outer element scrolls when the target attribute is specified as a non-window element, it may cause the nail to escape from the container.",
"value": {
"type": "string | HTMLElement | Window",
"kind": "expression"
}
}
],
"events": [
{
"name": "change",
"description": "Triggered when the fixed state changes"
}
],
"slots": []
},
{
"name": "a-button",
"attributes": [
{
"name": "type",
"description": "Button types are divided into five types: secondary, primary, dashed, outline and text.",
"value": {
"type": "ButtonTypes",
"kind": "expression"
}
},
{
"name": "shape",
"description": "Button shape",
"value": {
"type": "BorderShape",
"kind": "expression"
}
},
{
"name": "status",
"description": "Button state",
"value": {
"type": "Status",
"kind": "expression"
}
},
{
"name": "size",
"description": "Button size",
"value": {
"type": "Size",
"kind": "expression"
}
},
{
"name": "long",
"description": "Whether the width of the button adapts to the container.",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "loading",
"description": "Whether the button is in the loading state",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether the button is disabled",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "html-type",
"description": "Set the native `type` attribute of `button`, optional values refer to [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type \"_blank\")",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "autofocus",
"description": "Set the native `autofocus` attribute of `button`, optional values refer to [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type \"_blank\")",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "href",
"description": "Set up a jump link. When this property is set, the button is rendered as `<a>`",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [
{
"name": "click",
"description": "Emitted when the button is clicked"
}
],
"slots": [
{
"name": "icon",
"description": "Icon"
}
]
},
{
"name": "a-button-group",
"attributes": [
{
"name": "type",
"description": "Children button types are divided into five types: secondary, primary, dashed, outline and text.",
"value": {
"type": "ButtonTypes",
"kind": "expression"
}
},
{
"name": "status",
"description": "Children button state",
"value": {
"type": "Status",
"kind": "expression"
}
},
{
"name": "shape",
"description": "Button shape",
"value": {
"type": "BorderShape",
"kind": "expression"
}
},
{
"name": "size",
"description": "Children button size",
"value": {
"type": "Size",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "All children whether the button is disabled",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [],
"slots": []
},
{
"name": "a-back-top",
"attributes": [
{
"name": "visible-height",
"description": "Display the trigger scroll height of the back to top button",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "target-container",
"description": "Scroll event listener container",
"value": {
"type": "string | HTMLElement",
"kind": "expression"
}
},
{
"name": "easing",
"description": "Easing mode of scrolling animation, refer to [BTween](https://github.com/PengJiyuan/b-tween) for optional values",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "duration",
"description": "Duration of scroll animation",
"value": {
"type": "number",
"kind": "expression"
}
}
],
"events": [],
"slots": []
},
{
"name": "a-badge",
"attributes": [
{
"name": "text",
"description": "Set the display text of the status dot",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "dot",
"description": "Whether to display a red dot instead of `count`",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "dot-style",
"description": "Customize badge dot style",
"value": {
"type": "object",
"kind": "expression"
}
},
{
"name": "max-count",
"description": "Max count to show. If count is larger than this value, it will be displayed as `${maxCount}+`",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "offset",
"description": "Set offset of the badge dot",
"value": {
"type": "number[]",
"kind": "expression"
}
},
{
"name": "color",
"description": "Customize dot color",
"value": {
"type": "ColorType | string",
"kind": "expression"
}
},
{
"name": "status",
"description": "Badge status",
"value": {
"type": "BadgeStatus",
"kind": "expression"
}
},
{
"name": "count",
"description": "Number to show in badge",
"value": {
"type": "number",
"kind": "expression"
}
}
],
"events": [],
"slots": []
},
{
"name": "a-calendar",
"attributes": [
{
"name": "model-value",
"description": "Value",
"value": {
"type": "date",
"kind": "expression"
}
},
{
"name": "default-value",
"description": "Default value (uncontrolled state)",
"value": {
"type": "date",
"kind": "expression"
}
},
{
"name": "mode",
"description": "Mode",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "default-mode",
"description": "Default Mode",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "modes",
"description": "Displayed mode",
"value": {
"type": "('month' | 'year')[]",
"kind": "expression"
}
}
],
"events": [
{
"name": "change",
"description": "Emitted when the button is clicked"
},
{
"name": "panel-change",
"description": "Emitted when the button is clicked"
}
],
"slots": [
{
"name": "header",
"description": "Custom header content"
},
{
"name": "default",
"description": "Custom cell content"
}
]
},
{
"name": "a-carousel",
"attributes": [
{
"name": "current",
"description": "The index of current slide which starts from 1",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "default-current",
"description": "Default index of current slide",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "move-speed",
"description": "The duration of the slide movement(ms)",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "animation-name",
"description": "The animation of the slide movement",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "trigger",
"description": "How to trigger the slide switch, click/hover the indicator",
"value": {
"type": "CarouselTriggerEvent",
"kind": "expression"
}
},
{
"name": "direction",
"description": "The direction of the slide movement",
"value": {
"type": "Direction",
"kind": "expression"
}
},
{
"name": "show-arrow",
"description": "When to show the arrow used to switch",
"value": {
"type": "CarouselArrowType",
"kind": "expression"
}
},
{
"name": "arrow-class",
"description": "The additional css class to arrow used to switch",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "indicator-type",
"description": "Type of indicator",
"value": {
"type": "CarouselIndicatorType",
"kind": "expression"
}
},
{
"name": "indicator-position",
"description": "Position of indication",
"value": {
"type": "CarouselIndicatorPosition",
"kind": "expression"
}
},
{
"name": "indicator-class",
"description": "The additional css class to indicator",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "transition-timing-function",
"description": "How intermediate values are calculated for CSS properties being affected by a transition effect.\n[transition-timing-function](https://developer.mozilla.org/zh-CN/docs/Web/CSS/transition-timing-function)",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [
{
"name": "change",
"description": "Callback when slide changes"
}
],
"slots": []
},
{
"name": "a-cascader",
"attributes": [
{
"name": "path-mode",
"description": "Whether the value is a path",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "multiple",
"description": "Whether it is a multi-selection state (The search is turned on by default in the multi-select mode)",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "model-value",
"description": "Value",
"value": {
"type": "| string\n| number\n| Record<string, any>\n| (\n | string\n | number\n | Record<string, any>\n | (string | number | Record<string, any>)[]\n )[]\n| undefined",
"kind": "expression"
}
},
{
"name": "default-value",
"description": "Default value (uncontrolled state)",
"value": {
"type": "| string\n| number\n| Record<string, any>\n| (\n | string\n | number\n | Record<string, any>\n | (string | number | Record<string, any>)[]\n )[]\n| undefined",
"kind": "expression"
}
},
{
"name": "options",
"description": "Options for cascader",
"value": {
"type": "CascaderOption[]",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether to disable",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "error",
"description": "Whether it is an error state",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "size",
"description": "The size of the select",
"value": {
"type": "Size",
"kind": "expression"
}
},
{
"name": "allow-search",
"description": "Whether to allow searching",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "allow-clear",
"description": "Whether to allow clear",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "input-value",
"description": "The value of the input",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "default-input-value",
"description": "The default value of the input (uncontrolled state)",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "popup-visible",
"description": "Whether to show the dropdown",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "expand-trigger",
"description": "Expand the trigger method of the next level",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "default-popup-visible",
"description": "Whether to display the dropdown by default (uncontrolled state)",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "placeholder",
"description": "Placeholder",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "filter-option",
"description": "Custom options filter method",
"value": {
"type": "(inputValue: string, option: CascaderOption) => boolean",
"kind": "expression"
}
},
{
"name": "popup-container",
"description": "Mount container for popup",
"value": {
"type": "string | HTMLElement",
"kind": "expression"
}
},
{
"name": "max-tag-count",
"description": "In multi-select mode, the maximum number of labels displayed. 0 means unlimited",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "format-label",
"description": "Format display content",
"value": {
"type": "(options: CascaderOption[]) => string",
"kind": "expression"
}
},
{
"name": "trigger-props",
"description": "Trigger props of the drop-down menu",
"value": {
"type": "TriggerProps",
"kind": "expression"
}
},
{
"name": "check-strictly",
"description": "Whether to enable strict selection mode",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "load-more",
"description": "Data lazy loading function, open the lazy loading function when it is passed in",
"value": {
"type": "(\n option: CascaderOption,\n done: (children?: CascaderOption[]) => void\n) => void",
"kind": "expression"
}
},
{
"name": "loading",
"description": "Whether it is loading state",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "search-option-only-label",
"description": "Whether the options in the search dropdown show only label",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "search-delay",
"description": "Delay time to trigger search event",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "field-names",
"description": "Customize fields in `CascaderOption`",
"value": {
"type": "CascaderFieldNames",
"kind": "expression"
}
},
{
"name": "value-key",
"description": "Used to determine the option key value attribute name",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "fallback",
"description": "Options that do not exist in custom values",
"value": {
"type": "| boolean\n| ((\n value:\n | string\n | number\n | Record<string, unknown>\n | (string | number | Record<string, unknown>)[]\n ) => string)",
"kind": "expression"
}
},
{
"name": "expand-child",
"description": "whether to expand the submenu",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "virtual-list-props",
"description": "Pass the virtual list attribute, pass in this parameter to turn on virtual scrolling [VirtualListProps](#VirtualListProps)",
"value": {
"type": "VirtualListProps",
"kind": "expression"
}
},
{
"name": "tag-nowrap",
"description": "Tag content does not wrap",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "change",
"description": "Triggered when the selected value changes"
},
{
"name": "input-value-change",
"description": "Triggered when the input value changes"
},
{
"name": "clear",
"description": "Triggered when the clear button is clicked"
},
{
"name": "search",
"description": "Triggered when the user searches"
},
{
"name": "popup-visible-change",
"description": "Triggered when the display state of the dropdown changes"
},
{
"name": "focus",
"description": "Triggered when focus"
},
{
"name": "blur",
"description": "Triggered when blur"
}
],
"slots": [
{
"name": "label",
"description": "Display content of label"
},
{
"name": "prefix",
"description": "Prefix"
},
{
"name": "arrow-icon",
"description": "Arrow icon for select box"
},
{
"name": "loading-icon",
"description": "Loading icon for select box"
},
{
"name": "search-icon",
"description": "Search icon for select box"
},
{
"name": "empty",
"description": "Display content when the option is empty"
},
{
"name": "option",
"description": "Display content of options"
}
]
},
{
"name": "a-cascader-panel",
"attributes": [
{
"name": "path-mode",
"description": "Whether the value is a path",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "multiple",
"description": "Whether it is a multi-selection state (The search is turned on by default in the multi-select mode)",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "model-value",
"description": "Value",
"value": {
"type": "| string\n| number\n| Record<string, any>\n| (\n | string\n | number\n | Record<string, any>\n | (string | number | Record<string, any>)[]\n )[]\n| undefined",
"kind": "expression"
}
},
{
"name": "default-value",
"description": "Default value (uncontrolled state)",
"value": {
"type": "| string\n| number\n| Record<string, any>\n| (\n | string\n | number\n | Record<string, any>\n | (string | number | Record<string, any>)[]\n )[]\n| undefined",
"kind": "expression"
}
},
{
"name": "options",
"description": "Options for cascader",
"value": {
"type": "CascaderOption[]",
"kind": "expression"
}
},
{
"name": "expand-trigger",
"description": "Expand the trigger method of the next level",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "check-strictly",
"description": "Whether to enable strict selection mode",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "load-more",
"description": "Data lazy loading function, open the lazy loading function when it is passed in",
"value": {
"type": "(\n option: CascaderOption,\n done: (children?: CascaderOption[]) => void\n) => void",
"kind": "expression"
}
},
{
"name": "field-names",
"description": "Customize fields in `CascaderOption`",
"value": {
"type": "CascaderFieldNames",
"kind": "expression"
}
},
{
"name": "value-key",
"description": "Used to determine the option key value attribute name",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "expand-child",
"description": "whether to expand the submenu",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "change",
"description": "Triggered when the selected value changes"
}
],
"slots": [
{
"name": "empty",
"description": "Display content when the option is empty"
}
]
},
{
"name": "a-card",
"attributes": [
{
"name": "bordered",
"description": "Whether to render the border",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "loading",
"description": "Loading status",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "hoverable",
"description": "Can be hovered",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "size",
"description": "Size of card",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "header-style",
"description": "The additional css style to apply to card head",
"value": {
"type": "CSSProperties",
"kind": "expression"
}
},
{
"name": "body-style",
"description": "The additional css style to apply to card content",
"value": {
"type": "CSSProperties",
"kind": "expression"
}
},
{
"name": "title",
"description": "Title of card",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "extra",
"description": "Content to render in the top-right corner of the card",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "actions",
"description": "The action list which shows at the bottom of the Card"
},
{
"name": "cover",
"description": "Cover of card"
},
{
"name": "extra",
"description": "Content to render in the top-right corner of the card"
},
{
"name": "title",
"description": "Title of card"
}
]
},
{
"name": "a-card-meta",
"attributes": [
{
"name": "title",
"description": "Title of card",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "description",
"description": "Description of card",
"value": {
"type": "string",
"kind": "expression"
}
}
],
"events": [],
"slots": [
{
"name": "description",
"description": "Description of card"
},
{
"name": "title",
"description": "Title of card"
},
{
"name": "avatar",
"description": "Avatar of card"
}
]
},
{
"name": "a-card-grid",
"attributes": [
{
"name": "hoverable",
"description": "Whether to hover",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [],
"slots": []
},
{
"name": "a-checkbox",
"attributes": [
{
"name": "model-value",
"description": "Value",
"value": {
"type": "boolean | Array<string | number | boolean>",
"kind": "expression"
}
},
{
"name": "default-checked",
"description": "Whether checked by default (uncontrolled state)",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "value",
"description": "The `value` of the option",
"value": {
"type": "string|number|boolean",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether to disable",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "indeterminate",
"description": "Whether it is half-selected",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "change",
"description": "Trigger when the value changes"
}
],
"slots": [
{
"name": "checkbox",
"description": "Custom checkbox"
}
]
},
{
"name": "a-checkbox-group",
"attributes": [
{
"name": "model-value",
"description": "Value",
"value": {
"type": "Array<string | number | boolean>",
"kind": "expression"
}
},
{
"name": "default-value",
"description": "Default value (uncontrolled state)",
"value": {
"type": "Array<string | number | boolean>",
"kind": "expression"
}
},
{
"name": "max",
"description": "Support the maximum number of selections",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "options",
"description": "Options",
"value": {
"type": "Array<string | number | CheckboxOption>",
"kind": "expression"
}
},
{
"name": "direction",
"description": "Arrangement direction of checkboxes",
"value": {
"type": "Direction",
"kind": "expression"
}
},
{
"name": "disabled",
"description": "Whether to disable",
"value": {
"type": "boolean",
"kind": "expression"
}
}
],
"events": [
{
"name": "change",
"description": "Trigger when the value changes"
}
],
"slots": [
{
"name": "checkbox",
"description": "Custom checkbox"
},
{
"name": "label",
"description": "checkbox label content"
}
]
},
{
"name": "a-color-picker",
"attributes": [
{
"name": "model-value",
"description": "Value",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "default-value",
"description": "Default value (uncontrolled state)",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "format",
"description": "Color value format",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "size",
"description": "Size",
"value": {
"type": "Size",
"kind": "expression"
}
},
{
"name": "show-text",
"description": "Show color value",
"value": {
"type": "boolean",