wetrade-design
Version:
一款多语言支持Vue3的UI框架
1,557 lines • 353 kB
JSON
{
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
"framework": "vue",
"name": "wetrade-design",
"version": "1.8.21",
"contributions": {
"html": {
"tags": [
{
"name": "wd-alert",
"slots": [
{
"name": "closeIcon",
"description": "Custom close icon"
},
{
"name": "closeText",
"description": "Close text to show"
},
{
"name": "description",
"description": "Additional content of Alert"
},
{
"name": "icon",
"description": "Custom icon, effective when `showIcon` is `true`"
},
{
"name": "message",
"description": "Content of Alert"
}
],
"events": [
{
"name": "close",
"description": "Callback when Alert is closed"
}
],
"attributes": [
{
"name": "afterClose",
"default": "-",
"description": "Called when close animation is finished",
"value": {
"type": "() => void",
"kind": "expression"
}
},
{
"name": "banner",
"default": "false",
"description": "Whether to show as banner",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "closable",
"default": "",
"description": "Whether Alert can be closed",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "closeIcon",
"default": "`<CloseOutlined />`",
"description": "Custom close icon",
"value": {
"type": "slot",
"kind": "expression"
}
},
{
"name": "closeText",
"default": "-",
"description": "Close text to show",
"value": {
"type": "string|slot",
"kind": "expression"
}
},
{
"name": "description",
"default": "-",
"description": "Additional content of Alert",
"value": {
"type": "string|slot",
"kind": "expression"
}
},
{
"name": "icon",
"default": "-",
"description": "Custom icon, effective when `showIcon` is `true`",
"value": {
"type": "vnode | slot",
"kind": "expression"
}
},
{
"name": "message",
"default": "-",
"description": "Content of Alert",
"value": {
"type": "string|slot",
"kind": "expression"
}
},
{
"name": "showIcon",
"default": "false,in `banner` mode default is true",
"description": "Whether to show icon",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "type",
"default": "`info`,in `banner` mode default is `warning`",
"description": "Type of Alert styles, options: `success`, `info`, `warning`, `error`",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "isIconStart",
"default": "false",
"description": "Whether align-items is flex-start",
"value": {
"type": "boolean",
"kind": "expression"
}
}
]
},
{
"name": "wd-auto-complete",
"slots": [
{
"name": "default (for customize input element)",
"description": "customize input element"
},
{
"name": "option",
"description": "custom render option by slot"
}
],
"events": [
{
"name": "blur",
"description": "Called when leaving the component."
},
{
"name": "change",
"description": "Called when select an option or input value change, or value of input is changed"
},
{
"name": "dropdownVisibleChange",
"description": "Call when dropdown open"
},
{
"name": "onHeaderTabChange",
"description": "Click on the callback in the market tab"
},
{
"name": "focus",
"description": "Called when entering the component"
},
{
"name": "search",
"description": "Called when searching items."
},
{
"name": "select",
"description": "Called when a option is selected. param is option's value and option instance."
},
{
"name": "clear",
"description": "Called when clear"
}
],
"attributes": [
{
"name": "allowClear",
"default": "false",
"description": "Show clear button, effective in multiple mode only.",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "autofocus",
"default": "false",
"description": "get focus when component mounted",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "backfill",
"default": "false",
"description": "backfill selected item the input when using keyboard",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "default (for customize input element)",
"default": "`<Input />`",
"description": "customize input element",
"value": {
"type": "slot",
"kind": "expression"
}
},
{
"name": "defaultActiveFirstOption",
"default": "true",
"description": "Whether active first option by default",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "defaultOpen",
"default": "-",
"description": "Initial open state of dropdown",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "disabled",
"default": "false",
"description": "Whether disabled select",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "dropdownMatchSelectWidth",
"default": "true",
"description": "Determine whether the dropdown menu and the select input are the same width. Default set `min-width` same as input. Will ignore when value less than select width. `false` will disable virtual scroll",
"value": {
"type": "boolean | number",
"kind": "expression"
}
},
{
"name": "dropdownMenuStyle",
"default": "",
"description": "additional style applied to dropdown menu",
"value": {
"type": "object",
"kind": "expression"
}
},
{
"name": "filterOption",
"default": "true",
"description": "If true, filter options by input, if function, filter options against it. The function will receive two arguments, `inputValue` and `option`, if the function returns `true`, the option will be included in the filtered set; Otherwise, it will be excluded.",
"value": {
"type": "boolean or function(inputValue, option)",
"kind": "expression"
}
},
{
"name": "stockSearch",
"default": "false",
"description": "Stock search business",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "searchIconPlacement",
"default": "right",
"description": "Search icon display location",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "stockField",
"default": "",
"description": "Stock Search - Fields to Convert",
"value": {
"type": "object as {stockCode?:string, stockName?:string, regionType?:string }",
"kind": "expression"
}
},
{
"name": "stockSearchHeader",
"default": "false",
"description": "Is the stock search header displayed",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "history",
"default": "false",
"description": "Is the history header displayed",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "open",
"default": "-",
"description": "Controlled open state of dropdown",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "option",
"default": "-",
"description": "custom render option by slot",
"value": {
"type": "v-slot:option=\"{value, label, [disabled, key, title]}\"",
"kind": "expression"
}
},
{
"name": "options",
"default": "",
"description": "Data source for autocomplete",
"value": {
"type": "[DataSourceItemType](https://github.com/vueComponent/wetrade-design/blob/724d53b907e577cf5880c1e6742d4c3f924f8f49/components/auto-complete/index.vue#L9)[]",
"kind": "expression"
}
},
{
"name": "placeholder",
"default": "-",
"description": "placeholder of input",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "v-model:value",
"default": "-",
"description": "selected option",
"value": {
"type": "string|string[]|{ key: string, label: string|vNodes }|Array<{ key: string, label: string|vNodes }>",
"kind": "expression"
}
}
]
},
{
"name": "wd-avatar",
"slots": [
{
"name": "icon",
"description": "the `Icon` type for an icon avatar, see `Icon` Component"
}
],
"events": [],
"attributes": [
{
"name": "alt",
"default": "-",
"description": "This attribute defines the alternative text describing the image",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "crossOrigin",
"default": "-",
"description": "cors settings attributes",
"value": {
"type": "`'anonymous'` | `'use-credentials'` | `''`",
"kind": "expression"
}
},
{
"name": "draggable",
"default": "-",
"description": "Whether the picture is allowed to be dragged",
"value": {
"type": "boolean | `'true'` | `'false'`",
"kind": "expression"
}
},
{
"name": "gap",
"default": "4",
"description": "Letter type unit distance between left and right sides",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "icon",
"default": "-",
"description": "the `Icon` type for an icon avatar, see `Icon` Component",
"value": {
"type": "VNode | slot",
"kind": "expression"
}
},
{
"name": "loadError",
"default": "-",
"description": "handler when img load error, return false to prevent default fallback behavior",
"value": {
"type": "() => boolean",
"kind": "expression"
}
},
{
"name": "shape",
"default": "`circle`",
"description": "the shape of avatar",
"value": {
"type": "`circle` | `square`",
"kind": "expression"
}
},
{
"name": "size",
"default": "`default`",
"description": "The size of the avatar",
"value": {
"type": "number | `large` | `small` | `default` | { xs: number, sm: number, ...}",
"kind": "expression"
}
},
{
"name": "src",
"default": "-",
"description": "the address of the image for an image avatar",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "srcset",
"default": "-",
"description": "a list of sources to use for different screen resolutions",
"value": {
"type": "string",
"kind": "expression"
}
}
]
},
{
"name": "wd-avatar-group",
"slots": [],
"events": [],
"attributes": [
{
"name": "maxCount",
"default": "-",
"description": "Max avatars to show",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "maxPopoverPlacement",
"default": "`top`",
"description": "The placement of excess avatar Popover",
"value": {
"type": "`top` | `bottom`",
"kind": "expression"
}
},
{
"name": "maxPopoverTrigger",
"default": "`hover`",
"description": "Set the trigger of excess avatar Popover",
"value": {
"type": "`hover` | `focus` | `click`",
"kind": "expression"
}
},
{
"name": "maxStyle",
"default": "-",
"description": "The style of excess avatar style",
"value": {
"type": "CSSProperties",
"kind": "expression"
}
},
{
"name": "size",
"default": "`default`",
"description": "The size of the avatar",
"value": {
"type": "number | `large` | `small` | `default` | { xs: number, sm: number, ...}",
"kind": "expression"
}
}
]
},
{
"name": "wd-anchor",
"slots": [],
"events": [],
"attributes": [
{
"name": "affix",
"default": "true",
"description": "Fixed mode of Anchor",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "bounds",
"default": "5(px)",
"description": "Bounding distance of anchor area",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "getContainer",
"default": "() => window",
"description": "Scrolling container",
"value": {
"type": "() => HTMLElement",
"kind": "expression"
}
},
{
"name": "getCurrentAnchor",
"default": "-",
"description": "Customize the anchor highlight",
"value": {
"type": "() => string",
"kind": "expression"
}
},
{
"name": "offsetBottom",
"default": "-",
"description": "Pixels to offset from bottom when calculating position of scroll",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "offsetTop",
"default": "0",
"description": "Pixels to offset from top when calculating position of scroll",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "showInkInFixed",
"default": "false",
"description": "Whether show ink-balls when `:affix=\"false\"`",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "targetOffset",
"default": "`offsetTop`",
"description": "Anchor scroll offset, default as `offsetTop`, [example](#components-anchor-demo-targetOffset)",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "wrapperClass",
"default": "-",
"description": "The class name of the container",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "wrapperStyle",
"default": "-",
"description": "The style of the container",
"value": {
"type": "object",
"kind": "expression"
}
}
]
},
{
"name": "wd-affix",
"slots": [],
"events": [
{
"name": "change",
"description": "Callback for when Affix state is changed"
}
],
"attributes": [
{
"name": "offsetBottom",
"default": "-",
"description": "Offset from the bottom of the viewport (in pixels)",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "offsetTop",
"default": "0",
"description": "Offset from the top of the viewport (in pixels)",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "target",
"default": "() => window",
"description": "Specifies the scrollable area DOM node",
"value": {
"type": "() => HTMLElement",
"kind": "expression"
}
}
]
},
{
"name": "wd-back-top",
"slots": [],
"events": [
{
"name": "click",
"description": "a callback function, which can be executed when you click the button"
}
],
"attributes": [
{
"name": "target",
"default": "() => window",
"description": "specifies the scrollable area dom node",
"value": {
"type": "() => HTMLElement",
"kind": "expression"
}
},
{
"name": "visibilityHeight",
"default": "400",
"description": "the `BackTop` button will not show until the scroll height reaches this value",
"value": {
"type": "number",
"kind": "expression"
}
}
]
},
{
"name": "wd-bar-line-chart",
"slots": [],
"events": [],
"attributes": []
},
{
"name": "wd-breadcrumb",
"slots": [
{
"name": "separator",
"description": "Custom separator"
}
],
"events": [],
"attributes": [
{
"name": "itemRender",
"default": "",
"description": "Custom item renderer, #itemRender=\"{route, params, routes, paths}\"",
"value": {
"type": "({route, params, routes, paths}) => vNode",
"kind": "expression"
}
},
{
"name": "params",
"default": "",
"description": "Routing parameters",
"value": {
"type": "object",
"kind": "expression"
}
},
{
"name": "routes",
"default": "",
"description": "The routing stack information of router",
"value": {
"type": "[routes[]](#routes)",
"kind": "expression"
}
},
{
"name": "separator",
"default": "",
"description": "Custom separator",
"value": {
"type": "string|slot",
"kind": "expression"
}
}
]
},
{
"name": "wd-breadcrumb-item",
"slots": [],
"events": [],
"attributes": [
{
"name": "href",
"default": "-",
"description": "Target of hyperlink",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "overlay",
"default": "-",
"description": "The dropdown menu",
"value": {
"type": "[Menu](/components/menu) | () => Menu",
"kind": "expression"
}
}
]
},
{
"name": "wd-breadcrumb-separator",
"slots": [],
"events": [],
"attributes": []
},
{
"name": "wd-button",
"slots": [
{
"name": "icon",
"description": "set the icon of button, see: Icon component"
}
],
"events": [
{
"name": "click",
"description": "set the handler to handle `click` event"
}
],
"attributes": [
{
"name": "block",
"default": "`false`",
"description": "option to fit button width to its parent width",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "danger",
"default": "`false`",
"description": "set the danger status of button",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "disabled",
"default": "`false`",
"description": "disabled state of button",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "ghost",
"default": "`false`",
"description": "make background transparent and invert text and border colors",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "href",
"default": "-",
"description": "redirect url of link button",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "htmlType",
"default": "`button`",
"description": "set the original html `type` of `button`, see: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type)",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "icon",
"default": "-",
"description": "set the icon of button, see: Icon component",
"value": {
"type": "v-slot",
"kind": "expression"
}
},
{
"name": "loading",
"default": "`false`",
"description": "set the loading status of button",
"value": {
"type": "boolean | { delay: number }",
"kind": "expression"
}
},
{
"name": "shape",
"default": "`default`",
"description": "Can be set button shape",
"value": {
"type": "`default` | `circle` | `round`",
"kind": "expression"
}
},
{
"name": "size",
"default": "`middle`",
"description": "set the size of button",
"value": {
"type": "`large` | `middle` | `small`",
"kind": "expression"
}
},
{
"name": "target",
"default": "-",
"description": "same as target attribute of a, works when href is specified",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "type",
"default": "`default`",
"description": "can be set button type",
"value": {
"type": "`primary` | `ghost` | `dashed` | `link` | `text` | `default`",
"kind": "expression"
}
},
{
"name": "iconType",
"default": "`default`",
"description": "can be set icon button type",
"value": {
"type": "`solid` | `primary` | `neutral` | `hot` |`gray` | `default`",
"kind": "expression"
}
},
{
"name": "noPading",
"default": "`false`",
"description": "Set buttons to have no padding (only text and link buttons are effective)",
"value": {
"type": "boolean",
"kind": "expression"
}
}
]
},
{
"name": "wd-calendar",
"slots": [
{
"name": "dateCellRender",
"description": "Customize the display of the date cell by setting a scoped slot, the returned content will be appended to the cell"
},
{
"name": "dateFullCellRender",
"description": "Customize the display of the date cell by setting a scoped slot, the returned content will override the cell"
},
{
"name": "headerRender",
"description": "render custom header in panel"
},
{
"name": "defaultHeaderLeftMoreRender",
"description": "When not using custom header content, default to more information on the left side of the header"
},
{
"name": "subHeaderRender",
"description": "render custom Secondary header content"
},
{
"name": "monthCellRender",
"description": "Customize the display of the month cell by setting a scoped slot, the returned content will be appended to the cell"
},
{
"name": "monthFullCellRender",
"description": "Customize the display of the month cell by setting a scoped slot, the returned content will override the cell"
}
],
"events": [
{
"name": "change",
"description": "Callback for when value change"
},
{
"name": "panelChange",
"description": "Callback for when panel changes"
},
{
"name": "select",
"description": "Callback for when a date is selected"
}
],
"attributes": [
{
"name": "dateCellRender",
"default": "-",
"description": "Customize the display of the date cell by setting a scoped slot, the returned content will be appended to the cell",
"value": {
"type": "v-slot:dateCellRender=\"{current: dayjs}\"",
"kind": "expression"
}
},
{
"name": "dateFullCellRender",
"default": "-",
"description": "Customize the display of the date cell by setting a scoped slot, the returned content will override the cell",
"value": {
"type": "v-slot:dateFullCellRender=\"{current: dayjs}\"",
"kind": "expression"
}
},
{
"name": "dataSource",
"default": "not have",
"description": "calendar data",
"value": {
"type": "Array<{value: number(original value);valueText: string(Value to be displayed);timestamp: number;closeTheMarket?: boolean;}>",
"kind": "expression"
}
},
{
"name": "quotationColor",
"default": "not have",
"description": "Red and green (used with showAmount)",
"value": {
"type": "enum { RED_UP_GREEN_DOWN, GREEN_UP_RED_DOWN }",
"kind": "expression"
}
},
{
"name": "hiddenWeekend",
"default": "not have",
"description": "Do you want to hide weekends",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "height",
"default": "496",
"description": "height of table",
"value": {
"type": "number",
"kind": "expression"
}
},
{
"name": "showAmount",
"default": "not have",
"description": "Is the calendar a display amount component",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "noEvent",
"default": "not have",
"description": "Calendar panel has no selected click events",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "disabledDate",
"default": "-",
"description": "Function that specifies the dates that cannot be selected",
"value": {
"type": "(currentDate: dayjs) => boolean",
"kind": "expression"
}
},
{
"name": "fullscreen",
"default": "`true`",
"description": "Whether to display in full-screen",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "headerRender",
"default": "-",
"description": "render custom header in panel",
"value": {
"type": "v-slot:headerRender=\"{value: dayjs, type: string, onChange: f(), onTypeChange: f()}\"",
"kind": "expression"
}
},
{
"name": "defaultHeaderLeftMoreRender",
"default": "-",
"description": "When not using custom header content, default to more information on the left side of the header",
"value": {
"type": "slot",
"kind": "expression"
}
},
{
"name": "subHeaderRender",
"default": "-",
"description": "render custom Secondary header content",
"value": {
"type": "slot",
"kind": "expression"
}
},
{
"name": "locale",
"default": "[default](https://github.com/vueComponent/wetrade-design/blob/main/components/date-picker/locale/example.json)",
"description": "The calendar's locale",
"value": {
"type": "object",
"kind": "expression"
}
},
{
"name": "mode",
"default": "`month`",
"description": "The display mode of the calendar",
"value": {
"type": "`month` | `year`",
"kind": "expression"
}
},
{
"name": "monthCellRender",
"default": "-",
"description": "Customize the display of the month cell by setting a scoped slot, the returned content will be appended to the cell",
"value": {
"type": "v-slot:monthCellRender=\"{current: dayjs}\"",
"kind": "expression"
}
},
{
"name": "monthFullCellRender",
"default": "-",
"description": "Customize the display of the month cell by setting a scoped slot, the returned content will override the cell",
"value": {
"type": "v-slot:monthFullCellRender=\"{current: dayjs}\"",
"kind": "expression"
}
},
{
"name": "validRange",
"default": "-",
"description": "to set valid range",
"value": {
"type": "[[dayjs](https://day.js.org/), [dayjs](https://day.js.org/)]",
"kind": "expression"
}
},
{
"name": "value(v-model)",
"default": "current date",
"description": "The current selected date",
"value": {
"type": "[dayjs](https://day.js.org/)",
"kind": "expression"
}
},
{
"name": "valueFormat",
"default": "-",
"description": "optional, format of binding value. If not specified, the binding value will be a Date object",
"value": {
"type": "string,[date formats](https://day.js.org/docs/en/display/format)",
"kind": "expression"
}
},
{
"name": "regionType",
"default": "-",
"description": "Market of type",
"value": {
"type": "RegionTypeEnum { HK, US } If no, it is the default system time",
"kind": "expression"
}
}
]
},
{
"name": "wd-card",
"slots": [
{
"name": "extra",
"description": "Content to render in the top-right corner of the card"
},
{
"name": "title",
"description": "Card title"
}
],
"events": [
{
"name": "tabChange",
"description": "Callback when tab is switched"
}
],
"attributes": [
{
"name": "activeTabKey",
"default": "-",
"description": "Current TabPane's key",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "bodyStyle",
"default": "-",
"description": "Inline style to apply to the card content",
"value": {
"type": "object",
"kind": "expression"
}
},
{
"name": "bordered",
"default": "`true`",
"description": "Toggles rendering of the border around the card",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "defaultActiveTabKey",
"default": "-",
"description": "Initial active TabPane's key, if `activeTabKey` is not set.",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "extra",
"default": "-",
"description": "Content to render in the top-right corner of the card",
"value": {
"type": "string|slot",
"kind": "expression"
}
},
{
"name": "headStyle",
"default": "-",
"description": "Inline style to apply to the card head",
"value": {
"type": "object",
"kind": "expression"
}
},
{
"name": "hoverable",
"default": "false",
"description": "Lift up when hovering card",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "loading",
"default": "false",
"description": "Shows a loading indicator while the contents of the card are being fetched",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "size",
"default": "`default`",
"description": "Size of card",
"value": {
"type": "`default` | `small`",
"kind": "expression"
}
},
{
"name": "tabList",
"default": "-",
"description": "List of TabPane's head, Custom tabs with the customTab(v3.0) slot",
"value": {
"type": "Array<{key: string, tab: any}>",
"kind": "expression"
}
},
{
"name": "title",
"default": "-",
"description": "Card title",
"value": {
"type": "string|slot",
"kind": "expression"
}
},
{
"name": "type",
"default": "-",
"description": "Card style type, can be set to `inner` or not set",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "actions",
"default": "",
"description": "The action list, shows at the bottom of the Card.",
"value": {
"type": "-",
"kind": "expression"
}
},
{
"name": "cover",
"default": "",
"description": "Card cover",
"value": {
"type": "-",
"kind": "expression"
}
},
{
"name": "customTab",
"default": "",
"description": "custom tabList tab",
"value": {
"type": "{ item: tabList[number] }",
"kind": "expression"
}
},
{
"name": "extra",
"default": "",
"description": "Content to render in the top-right corner of the card",
"value": {
"type": "-",
"kind": "expression"
}
},
{
"name": "tabBarExtraContent",
"default": "",
"description": "Extra content in tab bar",
"value": {
"type": "-",
"kind": "expression"
}
},
{
"name": "title",
"default": "",
"description": "Card title",
"value": {
"type": "-",
"kind": "expression"
}
}
]
},
{
"name": "wd-card-meta",
"slots": [
{
"name": "avatar",
"description": "avatar or icon"
},
{
"name": "description",
"description": "description content"
},
{
"name": "title",
"description": "title content"
}
],
"events": [],
"attributes": [
{
"name": "avatar",
"default": "-",
"description": "avatar or icon",
"value": {
"type": "slot",
"kind": "expression"
}
},
{
"name": "description",
"default": "-",
"description": "description content",
"value": {
"type": "string|slot",
"kind": "expression"
}
},
{
"name": "title",
"default": "-",
"description": "title content",
"value": {
"type": "string|slot",
"kind": "expression"
}
}
]
},
{
"name": "wd-carousel",
"slots": [],
"events": [],
"attributes": [
{
"name": "autoplay",
"default": "`false`",
"description": "Whether to scroll automatically",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "dotPosition",
"default": "`bottom`",
"description": "The position of the dots, which can be one of `top` `bottom` `left` `right`",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "dots",
"default": "`true`",
"description": "Whether to show the dots at the bottom of the gallery",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "dotsClass",
"default": "`slick-dots`",
"description": "Class name of the dots",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "easing",
"default": "`linear`",
"description": "Transition interpolation function name",
"value": {
"type": "string",
"kind": "expression"
}
},
{
"name": "effect",
"default": "`scrollx`",
"description": "Transition effect",
"value": {
"type": "`scrollx` | `fade`",
"kind": "expression"
}
},
{
"name": "afterChange",
"default": "-",
"description": "Callback function called after the current index changes",
"value": {
"type": "function(current)",
"kind": "expression"
}
},
{
"name": "beforeChange",
"default": "-",
"description": "Callback function called before the current index changes",
"value": {
"type": "function(from, to)",
"kind": "expression"
}
}
]
},
{
"name": "wd-cascader",
"slots": [
{
"name": "clearIcon",
"description": "The custom clear icon"
},
{
"name": "expandIcon",
"description": "Customize the current item expand icon"
},
{
"name": "labelIcon",
"description": "Expand the label after the custom label"
},
{
"name": "maxTagPlaceholder",
"description": "Placeholder for not showing tags"
},
{
"name": "notFoundContent",
"description": "Specify content to show when no result matches."
},
{
"name": "removeIcon",
"description": "The custom remove icon"
},
{
"name": "suffixIcon",
"description": "The custom suffix icon"
},
{
"name": "tagRender",
"description": "Customize tag render when `multiple`"
}
],
"events": [
{
"name": "change",
"description": "callback when finishing cascader select"
},
{
"name": "dropdownVisibleChange",
"description": "callback when popup shown or hidden"
},
{
"name": "search",
"description": "callback when input value change"
}
],
"attributes": [
{
"name": "allowClear",
"default": "true",
"description": "whether allow clear",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "autofocus",
"default": "false",
"description": "get focus when component mounted",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "bordered",
"default": "true",
"description": "Whether has border style",
"value": {
"type": "boolean",
"kind": "expression"
}
},
{
"name": "clearIcon",
"default": "-",
"description": "The custom clear icon",
"value": {
"type": "slot",
"kind": "expression"
}
},
{
"name": "changeOnSelect",
"default": "false",
"description": "(Work on single select) change value on each selection if set to true, see above demo for details",
"value": {
"type": "boolean"