UNPKG

element-plus

Version:

A Component Library for Vue 3

1 lines 273 kB
{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"element-plus","version":"2.3.4","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{"vue-components":[{"name":"el-affix","source":{"symbol":"ElAffix"},"description":"Fix the element to a specific visible area.","doc-url":"https://element-plus.org/en-US/component/affix.html#affix","props":[{"name":"offset","description":"offset distance.","doc-url":"https://element-plus.org/en-US/component/affix.html#affix-attributes","type":["number"],"default":"0"},{"name":"position","description":"position of affix.","doc-url":"https://element-plus.org/en-US/component/affix.html#affix-attributes","type":["'top' | 'bottom'"],"default":"'top'"},{"name":"target","description":"target container. (CSS selector)","doc-url":"https://element-plus.org/en-US/component/affix.html#affix-attributes","type":["string"]},{"name":"z-index","description":"`z-index` of affix","doc-url":"https://element-plus.org/en-US/component/affix.html#affix-attributes","type":["number"],"default":"100"}],"slots":[{"name":"default","description":"customize default content.","doc-url":"https://element-plus.org/en-US/component/affix.html#affix-slots"}],"js":{"events":[{"name":"change","description":"triggers when fixed state changed.","doc-url":"https://element-plus.org/en-US/component/affix.html#affix-events"},{"name":"scroll","description":"triggers when scrolling.","doc-url":"https://element-plus.org/en-US/component/affix.html#affix-events"}]}},{"name":"el-alert","source":{"symbol":"ElAlert"},"description":"Displays important alert messages.","doc-url":"https://element-plus.org/en-US/component/alert.html#alert","props":[{"name":"title","description":"alert title.","doc-url":"https://element-plus.org/en-US/component/alert.html#attributes","type":["string"]},{"name":"type","description":"alert type.","doc-url":"https://element-plus.org/en-US/component/alert.html#attributes","type":["'success' | 'warning' | 'info' | 'error'"],"default":"info"},{"name":"description","description":"descriptive text.","doc-url":"https://element-plus.org/en-US/component/alert.html#attributes","type":["string"]},{"name":"closable","description":"whether alert can be dismissed.","doc-url":"https://element-plus.org/en-US/component/alert.html#attributes","type":["boolean"],"default":"true"},{"name":"center","description":"whether content is placed in the center.","doc-url":"https://element-plus.org/en-US/component/alert.html#attributes","type":["boolean"],"default":"false"},{"name":"close-text","description":"customized close button text.","doc-url":"https://element-plus.org/en-US/component/alert.html#attributes","type":["string"]},{"name":"show-icon","description":"whether a type icon is displayed.","doc-url":"https://element-plus.org/en-US/component/alert.html#attributes","type":["boolean"],"default":"false"},{"name":"effect","description":"theme style.","doc-url":"https://element-plus.org/en-US/component/alert.html#attributes","type":["'light' | 'dark'"],"default":"'light'"}],"slots":[{"name":"default","description":"content of the alert description.","doc-url":"https://element-plus.org/en-US/component/alert.html#slots"},{"name":"title","description":"content of the alert title.","doc-url":"https://element-plus.org/en-US/component/alert.html#slots"}],"js":{"events":[{"name":"close","description":"trigger when alert is closed.","doc-url":"https://element-plus.org/en-US/component/alert.html#events"}]}},{"name":"el-autocomplete","source":{"symbol":"ElAutocomplete"},"description":"Get some recommended tips based on the current input.","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete","props":[{"name":"model-value","description":"binding value","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#attributes","type":["string"]},{"name":"placeholder","description":"the placeholder of Autocomplete","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#attributes","type":["string"]},{"name":"clearable","description":"whether to show clear button","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#attributes","type":["boolean"],"default":"false"},{"name":"disabled","description":"whether Autocomplete is disabled","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#attributes","type":["boolean"],"default":"false"},{"name":"value-key","description":"key name of the input suggestion object for display","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#attributes","type":["string"],"default":"value"},{"name":"debounce","description":"debounce delay when typing, in milliseconds","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#attributes","type":["number"],"default":"300"},{"name":"placement","description":"placement of the popup menu","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#attributes","type":["'top' | 'top- start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end'"],"default":"bottom-start"},{"name":"fetch-suggestions","description":"a method to fetch input suggestions. When suggestions are ready, invoke `callback(data:[])` to return them to Autocomplete","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#attributes","type":["(queryString: string, callback: callbackfn) => void"]},{"name":"trigger-on-focus","description":"whether show suggestions when input focus","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#attributes","type":["boolean"],"default":"true"},{"name":"select-when-unmatched","description":"whether to emit a `select` event on enter when there is no autocomplete match","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#attributes","type":["boolean"],"default":"false"},{"name":"name","description":"same as `name` in native input","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#attributes","type":["string"]},{"name":"label","description":"label text","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#attributes","type":["string"]},{"name":"hide-loading","description":"whether to hide the loading icon in remote search","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#attributes","type":["boolean"],"default":"false"},{"name":"popper-class","description":"custom class name for autocomplete's dropdown","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#attributes","type":["string"]},{"name":"popper-append-to-body","description":"whether to append the dropdown to body. If the positioning of the dropdown is wrong, you can try to set this prop to false","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#attributes","type":["boolean"],"default":"false"},{"name":"teleported","description":"whether select dropdown is teleported to the body","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#attributes","type":["boolean"],"default":"true"},{"name":"highlight-first-item","description":"whether to highlight first item in remote search suggestions by default","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#attributes","type":["boolean"],"default":"false"},{"name":"fit-input-width","description":"whether the width of the dropdown is the same as the input","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#attributes","type":["boolean"],"default":"false"}],"slots":[{"name":"default","description":"custom content for input suggestions. The scope parameter is { item }","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#slots"},{"name":"prefix","description":"content as Input prefix","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#slots"},{"name":"suffix","description":"content as Input suffix","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#slots"},{"name":"prepend","description":"content to prepend before Input","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#slots"},{"name":"append","description":"content to append after Input","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#slots"}],"js":{"events":[{"name":"select","description":"triggers when a suggestion is clicked","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#events"},{"name":"change","description":"triggers when the icon inside Input value change","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#events"}]}},{"name":"el-avatar","source":{"symbol":"ElAvatar"},"description":"Avatars can be used to represent people or objects. It supports images, Icons, or characters.","doc-url":"https://element-plus.org/en-US/component/avatar.html#avatar","props":[{"name":"icon","description":"representation type to icon, more info on icon component.","doc-url":"https://element-plus.org/en-US/component/avatar.html#attributes","type":["string",{"name":"Component","source":{"symbol":"Component","module":"vue"}}]},{"name":"size","description":"avatar size.","doc-url":"https://element-plus.org/en-US/component/avatar.html#attributes","type":["number","'large' | 'default' | 'small'"],"default":"default"},{"name":"shape","description":"avatar shape.","doc-url":"https://element-plus.org/en-US/component/avatar.html#attributes","type":["'circle' | 'square'"],"default":"circle"},{"name":"src","description":"the source of the image for an image avatar.","doc-url":"https://element-plus.org/en-US/component/avatar.html#attributes","type":["string"]},{"name":"src-set","description":"native attribute `srcset` of image avatar.","doc-url":"https://element-plus.org/en-US/component/avatar.html#attributes","type":["string"]},{"name":"alt","description":"native attribute `alt` of image avatar.","doc-url":"https://element-plus.org/en-US/component/avatar.html#attributes","type":["string"]},{"name":"fit","description":"set how the image fit its container for an image avatar.","doc-url":"https://element-plus.org/en-US/component/avatar.html#attributes","type":["'fill' | 'contain' | 'cover' | 'none' | 'scale-down'"],"default":"cover"}],"slots":[{"name":"default","description":"customize avatar content.","doc-url":"https://element-plus.org/en-US/component/avatar.html#slots"}],"js":{"events":[{"name":"error","description":"trigger when image load error.","doc-url":"https://element-plus.org/en-US/component/avatar.html#events"}]}},{"name":"el-backtop","source":{"symbol":"ElBacktop"},"description":"A button to back to top.","doc-url":"https://element-plus.org/en-US/component/backtop.html#backtop","props":[{"name":"target","description":"the target to trigger scroll.","doc-url":"https://element-plus.org/en-US/component/backtop.html#attributes","type":["string"]},{"name":"visibility-height","description":"the button will not show until the scroll height reaches this value.","doc-url":"https://element-plus.org/en-US/component/backtop.html#attributes","type":["number"],"default":"200"},{"name":"right","description":"right distance.","doc-url":"https://element-plus.org/en-US/component/backtop.html#attributes","type":["number"],"default":"40"},{"name":"bottom","description":"bottom distance.","doc-url":"https://element-plus.org/en-US/component/backtop.html#attributes","type":["number"],"default":"40"}],"slots":[{"name":"default","description":"customize default content.","doc-url":"https://element-plus.org/en-US/component/backtop.html#slots"}],"js":{"events":[{"name":"click","description":"triggers when click.","doc-url":"https://element-plus.org/en-US/component/backtop.html#events"}]}},{"name":"el-badge","source":{"symbol":"ElBadge"},"description":"A number or status mark on buttons and icons.","doc-url":"https://element-plus.org/en-US/component/badge.html#badge","props":[{"name":"value","description":"display value.","doc-url":"https://element-plus.org/en-US/component/badge.html#attributes","type":["string","number"],"default":"''"},{"name":"max","description":"maximum value, shows `{max}+` when exceeded. Only works if value is a number.","doc-url":"https://element-plus.org/en-US/component/badge.html#attributes","type":["number"],"default":"99"},{"name":"is-dot","description":"if a little dot is displayed.","doc-url":"https://element-plus.org/en-US/component/badge.html#attributes","type":["boolean"],"default":"false"},{"name":"hidden","description":"hidden badge.","doc-url":"https://element-plus.org/en-US/component/badge.html#attributes","type":["boolean"],"default":"false"},{"name":"type","description":"badge type.","doc-url":"https://element-plus.org/en-US/component/badge.html#attributes","type":["'primary' | 'success' | 'warning' | 'danger' | 'info'"],"default":"danger"}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/badge.html#slots"}]},{"name":"el-breadcrumb","source":{"symbol":"ElBreadcrumb"},"description":"Displays the location of the current page, making it easier to browser back.","doc-url":"https://element-plus.org/en-US/component/breadcrumb.html#breadcrumb","props":[{"name":"separator","description":"separator character","doc-url":"https://element-plus.org/en-US/component/breadcrumb.html#breadcrumb-attributes","type":["string"],"default":"/"},{"name":"separator-icon","description":"icon component of icon separator","doc-url":"https://element-plus.org/en-US/component/breadcrumb.html#breadcrumb-attributes","type":["string",{"name":"Component","source":{"symbol":"Component","module":"vue"}}]}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/breadcrumb.html#breadcrumb-slots"}]},{"name":"el-breadcrumb-item","source":{"symbol":"ElBreadcrumbItem"},"doc-url":"https://element-plus.org/en-US/component/breadcrumb.html#breadcrumbitem","props":[{"name":"to","description":"target route of the link, same as `to` of `vue-router`","doc-url":"https://element-plus.org/en-US/component/breadcrumb.html#breadcrumbitem-attributes","type":["string",{"name":"RouteLocationRaw","source":{"symbol":"RouteLocationRaw"}}],"default":"''"},{"name":"replace","description":"if `true`, the navigation will not leave a history record","doc-url":"https://element-plus.org/en-US/component/breadcrumb.html#breadcrumbitem-attributes","type":["boolean"],"default":"false"}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/breadcrumb.html#breadcrumbitem-slots"}]},{"name":"el-button","source":{"symbol":"ElButton"},"description":"Commonly used button.","doc-url":"https://element-plus.org/en-US/component/button.html#button","props":[{"name":"size","description":"button size","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["'large'| 'default'| 'small'"]},{"name":"type","description":"button type","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["'primary'| 'success'| 'warning'| 'danger'| 'info'| 'text'"]},{"name":"plain","description":"determine whether it's a plain button","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["boolean"],"default":"false"},{"name":"text","description":"determine whether it's a text button","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["boolean"],"default":"false"},{"name":"bg","description":"determine whether the text button background color is always on","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["boolean"],"default":"false"},{"name":"link","description":"determine whether it's a link button","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["boolean"],"default":"false"},{"name":"round","description":"determine whether it's a round button","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["boolean"],"default":"false"},{"name":"circle","description":"determine whether it's a circle button","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["boolean"],"default":"false"},{"name":"loading","description":"determine whether it's loading","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["boolean"],"default":"false"},{"name":"loading-icon","description":"customize loading icon component","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["string",{"name":"Component","source":{"symbol":"Component","module":"vue"}}],"default":"Loading"},{"name":"disabled","description":"disable the button","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["boolean"],"default":"false"},{"name":"icon","description":"icon component","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["string",{"name":"Component","source":{"symbol":"Component","module":"vue"}}]},{"name":"autofocus","description":"same as native button's `autofocus`","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["boolean"],"default":"false"},{"name":"native-type","description":"same as native button's `type`","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["'button'| 'submit'| 'reset'"],"default":"button"},{"name":"auto-insert-space","description":"automatically insert a space between two chinese characters","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["boolean"]},{"name":"color","description":"custom button color, automatically calculate `hover` and `active` color","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["string"]},{"name":"dark","description":"dark mode, which automatically converts `color` to dark mode colors","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["boolean"],"default":"false"},{"name":"tag","description":"custom element tag","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["string",{"name":"Component","source":{"symbol":"Component","module":"vue"}}],"default":"button"}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/button.html#button-slots"},{"name":"loading","description":"customize loading component","doc-url":"https://element-plus.org/en-US/component/button.html#button-slots"},{"name":"icon","description":"customize icon component","doc-url":"https://element-plus.org/en-US/component/button.html#button-slots"}]},{"name":"el-button-group","source":{"symbol":"ElButtonGroup"},"doc-url":"https://element-plus.org/en-US/component/button.html#buttongroup","props":[{"name":"size","description":"control the size of buttons in this button-group","doc-url":"https://element-plus.org/en-US/component/button.html#buttongroup-attributes","type":["'large'| 'default'| 'small'"]},{"name":"type","description":"control the type of buttons in this button-group","doc-url":"https://element-plus.org/en-US/component/button.html#buttongroup-attributes","type":["'primary'| 'success'| 'warning'| 'danger'| 'info'"]}],"slots":[{"name":"default","description":"customize button group content","doc-url":"https://element-plus.org/en-US/component/button.html#buttongroup-slots"}]},{"name":"el-calendar","source":{"symbol":"ElCalendar"},"description":"Display date.","doc-url":"https://element-plus.org/en-US/component/calendar.html#calendar","props":[{"name":"model-value","description":"binding value","doc-url":"https://element-plus.org/en-US/component/calendar.html#attributes","type":["Date"]},{"name":"range","description":"time range, including start time and end time. Start time must be start day of week, end time must be end day of week, the time span cannot exceed two months.","doc-url":"https://element-plus.org/en-US/component/calendar.html#attributes","type":["[Date, Date]"]}],"slots":[{"name":"date-cell","description":"`type` indicates which month the date belongs, optional values are prev-month, current-month, next-month; `isSelected` indicates whether the date is selected; `day` is the formatted date in the format `YYYY-MM-DD`; `date` is date the cell represents","doc-url":"https://element-plus.org/en-US/component/calendar.html#slots","type":"{ data: { type: 'prev-month' | 'current-month' | 'next-month', isSelected: boolean, day: string, Date: Date } }"},{"name":"header","description":"content of the Calendar header","doc-url":"https://element-plus.org/en-US/component/calendar.html#slots","type":"{ Date: string }"}]},{"name":"el-card","source":{"symbol":"ElCard"},"description":"Integrate information in a card container.","doc-url":"https://element-plus.org/en-US/component/card.html#card","props":[{"name":"header","description":"title of the card. Also accepts a DOM passed by `slot#header`","doc-url":"https://element-plus.org/en-US/component/card.html#attributes","type":["string"]},{"name":"body-style","description":"CSS style of card body","doc-url":"https://element-plus.org/en-US/component/card.html#attributes","type":[{"name":"CSSProperties","source":{"symbol":"CSSProperties","module":"vue"}}]},{"name":"shadow","description":"when to show card shadows","doc-url":"https://element-plus.org/en-US/component/card.html#attributes","type":[{"name":"always","source":{"symbol":"always"}},{"name":"never","source":{"symbol":"never"}},{"name":"hover","source":{"symbol":"hover"}}],"default":"always"}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/card.html#slots"},{"name":"header","description":"content of the Card header","doc-url":"https://element-plus.org/en-US/component/card.html#slots"}]},{"name":"el-carousel","source":{"symbol":"ElCarousel"},"description":"Loop a series of images or texts in a limited space","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel","props":[{"name":"height","description":"height of the carousel","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-attributes","type":["string"]},{"name":"initial-index","description":"index of the initially active slide (starting from 0)","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-attributes","type":["number"],"default":"0"},{"name":"trigger","description":"how indicators are triggered","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-attributes","type":["string"],"default":"hover","attribute-value":{"type":"enum"},"values":[{"name":"hover"},{"name":"click"}]},{"name":"autoplay","description":"whether automatically loop the slides","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-attributes","type":["boolean"],"default":"true"},{"name":"interval","description":"interval of the auto loop, in milliseconds","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-attributes","type":["number"],"default":"3000"},{"name":"indicator-position","description":"position of the indicators","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-attributes","type":["string"],"attribute-value":{"type":"enum"},"values":[{"name":"outside"},{"name":"none"}]},{"name":"arrow","description":"when arrows are shown","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-attributes","type":["string"],"default":"hover","attribute-value":{"type":"enum"},"values":[{"name":"always"},{"name":"hover"},{"name":"never"}]},{"name":"type","description":"type of the Carousel","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-attributes","type":["string"],"attribute-value":{"type":"enum"},"values":[{"name":"card"}]},{"name":"loop","description":"display the items in loop","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-attributes","type":["boolean"],"default":"true"},{"name":"direction","description":"display direction","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-attributes","type":["string"],"default":"horizontal","attribute-value":{"type":"enum"},"values":[{"name":"horizontal"},{"name":"vertical"}]},{"name":"pause-on-hover","description":"pause autoplay when hover","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-attributes","type":["boolean"],"default":"true"}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-slots"}],"js":{"events":[{"name":"change","description":"triggers when the active slide switches","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-events"}]}},{"name":"el-carousel-item","source":{"symbol":"ElCarouselItem"},"doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-item","props":[{"name":"name","description":"name of the item, can be used in `setActiveItem`","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-item-attributes","type":["string"]},{"name":"label","description":"text content for the corresponding indicator","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-item-attributes","type":["string"]}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-item-slots"}]},{"name":"el-cascader","source":{"symbol":"ElCascader"},"description":"If the options have a clear hierarchical structure, Cascader can be used to view and select them.","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader","props":[{"name":"model-value","description":"binding value","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["string","number","string[]","number[]",{"name":"any","source":{"symbol":"any"}}]},{"name":"options","description":"data of the options, the key of `value` and `label` can be customize by `CascaderProps`.","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["Record<string, unknown>[]"]},{"name":"props","description":"configuration options, see the following `CascaderProps` table.","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":[{"name":"CascaderProps","source":{"symbol":"CascaderProps"}}]},{"name":"size","description":"size of input","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["'large' | 'default' | 'small'"]},{"name":"placeholder","description":"placeholder of input","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["string"]},{"name":"disabled","description":"whether Cascader is disabled","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["boolean"]},{"name":"clearable","description":"whether selected value can be cleared","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["boolean"]},{"name":"show-all-levels","description":"whether to display all levels of the selected value in the input","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["boolean"],"default":"true"},{"name":"collapse-tags","description":"whether to collapse tags in multiple selection mode","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["boolean"]},{"name":"collapse-tags-tooltip","description":"whether show all selected tags when mouse hover text of collapse-tags. To use this, `collapse-tags` must be true","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["boolean"],"default":"false"},{"name":"separator","description":"option label separator","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["string"],"default":"' / '"},{"name":"filterable","description":"whether the options can be searched","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["boolean"]},{"name":"filter-method","description":"customize search logic, the first parameter is `node`, the second is `keyword`, and need return a boolean value indicating whether it hits.","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["(node: CascaderNode, keyword: string) => boolean"]},{"name":"debounce","description":"debounce delay when typing filter keyword, in milliseconds","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["number"],"default":"300"},{"name":"before-filter","description":"hook function before filtering with the value to be filtered as its parameter. If `false` is returned or a `Promise` is returned and then is rejected, filtering will be aborted","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["(value: string) => boolean"]},{"name":"popper-class","description":"custom class name for Cascader's dropdown","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["string"],"default":"''"},{"name":"teleported","description":"whether cascader popup is teleported","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["boolean"],"default":"true"},{"name":"popper-append-to-body","description":"whether to append the popper menu to body. If the positioning of the popper is wrong, you can try to set this prop to false","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["boolean"],"default":"true"},{"name":"tag-type","description":"tag type","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["'success' | 'info' | 'warning' | 'danger'"],"default":"info"},{"name":"validate-event","description":"whether to trigger form validation","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["boolean"],"default":"true"}],"slots":[{"name":"default","description":"the custom content of cascader node, which are current Node object and node data respectively.","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-slots"},{"name":"empty","description":"content when there is no matched options.","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-slots"}],"js":{"events":[{"name":"change","description":"triggers when the binding value changes","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-events"},{"name":"expand-change","description":"triggers when expand option changes","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-events"},{"name":"blur","description":"triggers when Cascader blurs","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-events"},{"name":"focus","description":"triggers when Cascader focuses","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-events"},{"name":"visible-change","description":"triggers when the dropdown appears/disappears","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-events"},{"name":"remove-tag","description":"triggers when remove tag in multiple selection mode","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-events"}]}},{"name":"el-cascader-panel","source":{"symbol":"ElCascaderPanel"},"doc-url":"https://element-plus.org/en-US/component/cascader.html#cascaderpanel","props":[{"name":"model-value","description":"binding value","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascaderpanel-attributes","type":["string","number","string[]","number[]",{"name":"any","source":{"symbol":"any"}}]},{"name":"options","description":"data of the options, the key of `value` and `label` can be customize by `CascaderProps`.","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascaderpanel-attributes","type":["Record<string, unknown>[]"]},{"name":"props","description":"configuration options, see the following `CascaderProps` table.","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascaderpanel-attributes","type":[{"name":"CascaderProps","source":{"symbol":"CascaderProps"}}]}],"slots":[{"name":"default","description":"the custom content of cascader node, which are current Node object and node data respectively.","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascaderpanel-slots"}],"js":{"events":[{"name":"change","description":"triggers when the binding value changes","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascaderpanel-events"},{"name":"expand-change","description":"triggers when expand option changes","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascaderpanel-events"},{"name":"close","description":"close panel event, provided to Cascader to put away the panel judgment.","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascaderpanel-events"}]}},{"name":"el-checkbox","source":{"symbol":"ElCheckbox"},"description":"A group of options for multiple choices.","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox","props":[{"name":"model-value","description":"binding value","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-attributes","type":["string","number","boolean"]},{"name":"label","description":"value of the Checkbox when used inside a `checkbox-group`","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-attributes","type":["string","number","boolean","object"]},{"name":"true-label","description":"value of the Checkbox if it's checked","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-attributes","type":["string","number"]},{"name":"false-label","description":"value of the Checkbox if it's not checked","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-attributes","type":["string","number"]},{"name":"disabled","description":"whether the Checkbox is disabled","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-attributes","type":["boolean"],"default":"false"},{"name":"border","description":"whether to add a border around Checkbox","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-attributes","type":["boolean"],"default":"false"},{"name":"size","description":"size of the Checkbox","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-attributes","type":["'large' | 'default' | 'small'"]},{"name":"name","description":"native 'name' attribute","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-attributes","type":["string"]},{"name":"checked","description":"if the Checkbox is checked","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-attributes","type":["boolean"],"default":"false"},{"name":"indeterminate","description":"Set indeterminate state, only responsible for style control","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-attributes","type":["boolean"],"default":"false"},{"name":"validate-event","description":"whether to trigger form validation","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-attributes","type":["boolean"],"default":"true"},{"name":"tabindex","description":"input tabindex","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-attributes","type":["string","number"]},{"name":"id","description":"input id","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-attributes","type":["string"]},{"name":"controls","description":"same as [aria-controls](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls), takes effect when `indeterminate` is `true`","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-attributes","type":["boolean"]}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-slots"}],"js":{"events":[{"name":"change","description":"triggers when the binding value changes","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-events"}]}},{"name":"el-checkbox-group","source":{"symbol":"ElCheckboxGroup"},"doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkboxgroup","props":[{"name":"model-value","description":"binding value","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkboxgroup-attributes","type":["string[]","number[]"],"default":"[]"},{"name":"size","description":"size of checkbox","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkboxgroup-attributes","type":["'large' | 'default' | 'small'"]},{"name":"disabled","description":"whether the nesting checkboxes are disabled","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkboxgroup-attributes","type":["boolean"],"default":"false"},{"name":"min","description":"minimum number of checkbox checked","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkboxgroup-attributes","type":["number"]},{"name":"max","description":"maximum number of checkbox checked","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkboxgroup-attributes","type":["number"]},{"name":"label","description":"label for screen reader","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkboxgroup-attributes","type":["string"]},{"name":"text-color","description":"font color when button is active","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkboxgroup-attributes","type":["string"],"default":"#ffffff"},{"name":"fill","description":"border and background color when button is active","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkboxgroup-attributes","type":["string"],"default":"#409EFF"},{"name":"tag","description":"element tag of the checkbox group","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkboxgroup-attributes","type":["string"],"default":"div"},{"name":"validate-event","description":"whether to trigger form validation","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkboxgroup-attributes","type":["boolean"],"default":"true"}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkboxgroup-slots"}],"js":{"events":[{"name":"change","description":"triggers when the binding value changes","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkboxgroup-events"}]}},{"name":"el-checkbox-button","source":{"symbol":"ElCheckboxButton"},"doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkboxbutton","props":[{"name":"label","description":"value of the checkbox when used inside a `checkbox-group`","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkboxbutton-attributes","type":["string","number","boolean","object"]},{"name":"true-label","description":"value of the checkbox if it's checked","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkboxbutton-attributes","type":["string","number"]},{"name":"false-label","description":"value of the checkbox if it's not checked","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkboxbutton-attributes","type":["string","number"]},{"name":"disabled","description":"whether the checkbox is disabled","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkboxbutton-attributes","type":["boolean"],"default":"false"},{"name":"name","description":"native 'name' attribute","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkboxbutton-attributes","type":["string"]},{"name":"checked","description":"if the checkbox is checked","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkboxbutton-attributes","type":["boolean"],"default":"false"}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkboxbutton-slots"}]},{"name":"el-collapse","source":{"symbol":"ElCollapse"},"description":"Use Collapse to store contents.","doc-url":"https://element-plus.org/en-US/component/collapse.html#collapse","props":[{"name":"model-value","description":"currently active panel","doc-url":"https://element-plus.org/en-US/component/collapse.html#collapse-attributes","type":["string","array"]},{"name":"accordion","description":"whether to activate accordion mode","doc-url":"https://element-plus.org/en-US/component/collapse.html#collapse-attributes","type":["boolean"],"default":"false"}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/collapse.html#collapse-slots"}],"js":{"events":[{"name":"change","description":"triggers when active panels change","doc-url":"https://element-plus.org/en-US/component/collapse.html#collapse-events"}]}},{"name":"el-collapse-item","source":{"symbol":"ElCollapseItem"},"doc-url":"https://element-plus.org/en-US/component/collapse.html#collapse-item","props":[{"name":"name","description":"unique identification of the panel","doc-url":"https://element-plus.org/en-US/component/collapse.html#collapse-item-attributes","type":["string","number"]},{"name":"title","description":"title of the panel","doc-url":"https://element-plus.org/en-US/component/collapse.html#collapse-item-attributes","type":["string"]},{"name":"disabled","description":"disable the collapse item","doc-url":"https://element-plus.org/en-US/component/collapse.html#collapse-item-attributes","type":["boolean"]}]},{"name":"el-color-picker","source":{"symbol":"ElColorPicker"},"description":"ColorPicker is a color selector supporting multiple color formats.","doc-url":"https://element-plus.org/en-US/component/color-picker.html#colorpicker","props":[{"name":"model-value","description":"binding value","doc-url":"https://element-plus.org/en-US/component/color-picker.html#attributes","type":["string"]},{"name":"disabled","description":"whether to disable the ColorPicker","doc-url":"https://element-plus.org/en-US/component/color-picker.html#attributes","type":["boolean"],"default":"false"},{"name":"size","description":"size of ColorPicker","doc-url":"https://element-plus.org/en-US/component/color-picker.html#attributes","type":["'large' | 'default' | 'small'"]},{"name":"show-alpha","description":"whether to display the alpha slider","doc-url":"https://element-plus.org/en-US/component/color-picker.html#attributes","type":["boolean"],"default":"false"},{"name":"color-format","description":"color format of v-model","doc-url":"https://element-plus.org/en-US/component/color-picker.html#attributes","type":["'hsl' | 'hsv' | 'hex' | 'rgb' | 'hex' | 'rgb'"]},{"name":"popper-class","description":"custom class name for ColorPicker's dropdown","doc-url":"https://element-plus.org/en-US/component/color-picker.html#attributes","type":["string"]},{"name":"predefine","description":"predefined color options","doc-url":"https://element-plus.org/en-US/component/color-picker.html#attributes","type":["string[]"]},{"name":"validate-event","description":"whether to trigger form validation","doc-url":"https://element-plus.org/en-US/component/color-picker.html#attributes","type":["boolean"],"default":"true"},{"name":"tabindex","description":"ColorPicker tabindex","doc-url":"https://element-plus.org/en-US/component/color-picker.html#attributes","type":["string","number"],"default":"0"},{"name":"label","description":"ColorPicker aria-label","doc-url":"https://element-plus.org/en-US/component/color-picker.html#attributes","type":["string"]},{"name":"id","description":"ColorPicker id","doc-url":"https://element-plus.org/en-US/component/color-picker.html#attributes","type":["string"]}],"js":{"events":[{"name":"change","description":"triggers when input value changes","doc-url":"https://element-plus.org/en-US/component/color-picker.html#events"},{"name":"active-change","description":"triggers when the current active color changes","doc-url":"https://element-plus.org/en-US/component/color-picker.html#events"}]}},{"name":"el-config-provider","source":{"symbol":"ElConfigProvider"},"description":"Config Provider is used for providing global configurations, which enables your entire application to access these configurations everywhere.","doc-url":"https://element-plus.org/en-US/component/config-provider.html#config-provider","props":[{"name":"locale","description":"Locale Object","doc-url":"https://element-plus.org/en-US/component/config-provider.html#config-provider-attributes","type":["{name: string, el: TranslatePair}"],"default":"[en](https://github.com/element-plus/element-plus/blob/dev/packages/locale/lang/en.ts)"},{"name":"size","description":"global component size","doc-url":"https://element-plus.org/en-US/component/config-provider.html#config-provider-attributes","type":["'large' | 'default' | 'small'"],"default":"default"},{"name":"z-index","description":"global Initial zIndex","doc-url":"https://element-plus.org/en-US/component/config-provider.html#config-provider-attributes","type":["number"]},{"name":"namespace","description":"global component className prefix (cooperated with [$namespace](https://github.com/element-plus/element-plus/blob/dev/packages/theme-chalk/src/mixins/config.scss#L1))","doc-url":"https://element-plus.org/en-US/component/config-provider.html#config-provider-attributes","type":["string"],"default":"el"},{"name":"button","description":"button related configuration, [see the following table](#button-attributes)","doc-url":"https://element-plus.org/en-US/component/config-provider.html#config-provider-attributes","type":["{autoInsertSpace?: boolean}"],"default":"see the following table"},{"name":"message","description":"message related configuration, [see the following table](#message-attributes)","doc-url":"https://element-plus.org/en-US/component/config-provider.html#config-provider-attributes","type":["{max?: number}"],"default":"see the following table"},{"name":"experimental-features","description":"features at experimental stage to be added, all features are default to be set to false","doc-url":"https://element-plus.org/en-US/component/config-provider.html#config-provider-attributes","type":["object"]}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/config-provider.html#config-provider-slots"}]},{"name":"el-container","source":{"symbol":"ElContainer"},"description":"Container components for scaffolding basic structure of the page:","doc-url":"https://element-plus.org/en-US/component/container.html#container","props":[{"name":"direction","description":"layout direction for child elements","doc-url":"https://element-plus.org/en-US/component/container.html#container-attributes","type":["'horizontal' | 'vertical'"],"default":"vertical when nested with `el-header` or `el-footer`; horizontal otherwise"}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/container.html#container-slots"}]},{"name":"el-header","source":{"symbol":"ElHeader"},"doc-url":"https://element-plus.org/en-US/component/container.html#header","props":[{"name":"height","description":"height of the header","doc-url":"https://element-plus.org/en-US/component/container.html#header-attributes","type":["string"],"default":"60px"}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/container.html#header-slots"}]},{"name":"el-aside","source":{"symbol":"ElAside"},"doc-url":"https://element-plus.org/en-US/component/container.html#aside","props":[{"name":"width","description":"width of the side section","doc-url":"https://element-plus.org/en-US/component/container.html#aside-attributes","type":["string"],"default":"300px"}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/container.html#aside-slots"}]},{"name":"el-main","source":{"symbol":"ElMain"},"doc-url":"https://element-plus.org/en-US/component/container.html#main","slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/container.html#main-slots"}]},{"name":"el-footer","source":{"symbol":"ElFooter"},"doc-url":"https://element-plus.org/en-US/component/container.html#footer","props":[{"name":"height","description":"height of the footer","doc-url":"https://element-plus.org/en-US/component/container.html#footer-attributes","type":["string"],"default":"60px"}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/container.html#footer-slots"}]},{"name":"el-date-picker","source":{"symbol":"ElDatePicker"},"description":"Use Date Picker for date input.","doc-url":"https://element-plus.org/en-US/component/date-picker.html#datepicker","props":[{"name":"model-value","description":"binding value, if it is an array, the length should be 2","doc-url":"https://element-plus.org/en-US/component/date-picker.html#attributes","type":["Date","number","string","Array"]},{"name":"readonly","description":"whether DatePicker is read only","doc-url":"https://element-plus.org/en-US/component/date-picker.html#attributes","type":["boolean"],"default":"false"},{"name":"disabled","description":"whether DatePick