element-pro-components/lib/web-types.json

a component library for Vue 3 base on element-plus

{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"element-pro-components","version":"1.4.1","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{"vue-components":[{"name":"pro-autocomplete-tag","source":{"symbol":"ProAutocompleteTag"},"description":"Enter an array of tags with some recommended tips","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#AutocompleteTag","props":[{"name":"model-value","description":"binding value","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props","type":["array"]},{"name":"trigger","description":"the key to trigger input tag","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props","type":["string"],"default":"enter","attribute-value":{"type":"enum"},"values":[{"name":"space"},{"name":"enter"}]},{"name":"max","description":"max number that can be enter","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props","type":["number"]},{"name":"size","description":"component size","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props","type":["string"],"attribute-value":{"type":"enum"},"values":[{"name":"large"},{"name":"default"},{"name":"small"}]},{"name":"type","description":"tag Type","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props","type":["string"],"attribute-value":{"type":"enum"},"values":[{"name":"success"},{"name":"info"},{"name":"warning"},{"name":"danger"}]},{"name":"hit","description":"whether Tag has a highlighted border","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props","type":["boolean"],"default":"false"},{"name":"color","description":"background color of the Tag","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props","type":["string"]},{"name":"effect","description":"component theme of the Tag","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props","type":["string"],"default":"light","attribute-value":{"type":"enum"},"values":[{"name":"dark"},{"name":"light"},{"name":"plain"}]},{"name":"placeholder","description":"placeholder of Input","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props","type":["string"]},{"name":"disabled","description":"whether disabled","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props","type":["boolean"],"default":"false"},{"name":"value-key","description":"key name of the input suggestion object for display","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props","type":["string"],"default":"value"},{"name":"debounce","description":"debounce delay when typing, in milliseconds","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props","type":["number"],"default":"300"},{"name":"placement","description":"placement of the popup menu","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props","type":["string"],"default":"bottom-start","attribute-value":{"type":"enum"},"values":[{"name":"top"},{"name":"top-start"},{"name":"top-end"},{"name":"bottom"},{"name":"bottom-start"},{"name":"bottom-end"}]},{"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://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props","type":["Function"]},{"name":"popper-class","description":"custom class name for autocomplete's dropdown","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props","type":["string"]},{"name":"trigger-on-focus","description":"whether show suggestions when input focus","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props","type":["boolean"],"default":"true"},{"name":"name","description":"same as name in native input","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props","type":["string"]},{"name":"select-when-unmatched","description":"whether to emit a select event on enter when there is no autocomplete match","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props","type":["boolean"],"default":"false"},{"name":"label","description":"label text","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props","type":["string"]},{"name":"prefix-icon","description":"prefix icon class","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props","type":["string"]},{"name":"suffix-icon","description":"suffix icon class","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props","type":["string"]},{"name":"hide-loading","description":"whether to hide the loading icon in remote search","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props","type":["boolean"],"default":"false"},{"name":"teleported","description":"whether select dropdown is teleported to the body","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props","type":["boolean"],"default":"true"},{"name":"highlight-first-item","description":"whether to highlight first item in remote search suggestions by default","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props","type":["boolean"],"default":"false"},{"name":"fit-input-width","description":"whether the width of the dropdown is the same as the input","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props","type":["boolean"],"default":"false"}],"js":{"events":[{"name":"input","description":"triggers when the Input value change","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Events"},{"name":"tag-add","description":"triggers when add a tag","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Events"},{"name":"tag-remove","description":"triggers when close button is clicked","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Events"}]}},{"name":"pro-breadcrumb","source":{"symbol":"ProBreadcrumb"},"description":"Auto generate breadcrumbs according to the current page router","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Breadcrumb#Breadcrumb","props":[{"name":"separator","description":"separator character","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Breadcrumb#Props","type":["string"],"default":"/"},{"name":"separator-icon","description":"icon name of icon separator","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Breadcrumb#Props","type":["string",{"name":"Component","source":{"symbol":"Component","module":"vue"}}]}]},{"name":"pro-card","source":{"symbol":"ProCard"},"description":"Integrate information in a card container, and supporting simple layouts","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Card#Card","props":[{"name":"header","description":"title of the card","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Card#Props","type":["string"]},{"name":"body-style","description":"CSS style of body","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Card#Props","type":["string","object","array"],"default":"{ padding: '20px' }"},{"name":"shadow","description":"when to show card shadows","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Card#Props","type":["string"],"default":"always","attribute-value":{"type":"enum"},"values":[{"name":"always"},{"name":"hover"},{"name":"never"}]},{"name":"ghost","description":"whether is ghost mode, make the background and border transparent","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Card#Props","type":["boolean"],"default":"false"},{"name":"split","description":"whether to split the card, takes effect when Card is nested inside","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Card#Props","type":["boolean"],"default":"false"},{"name":"gutter","description":"grid spacing, takes effect when Card is nested inside","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Card#Props","type":["number"],"default":"0"},{"name":"justify","description":"horizontal alignment of flex layout, takes effect when Card is nested inside","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Card#Props","type":["string"],"default":"start","attribute-value":{"type":"enum"},"values":[{"name":"start"},{"name":"end"},{"name":"center"},{"name":"space-around"},{"name":"space-between"},{"name":"spacing-evenly"}]},{"name":"align","description":"vertical alignment of flex layout, takes effect when Card is nested inside","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Card#Props","type":["string"],"default":"top","attribute-value":{"type":"enum"},"values":[{"name":"top"},{"name":"middle"},{"name":"bottom"}]},{"name":"direction","description":"direction of Row, takes effect when Card is nested inside","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Card#Props","type":["string"],"default":"row","attribute-value":{"type":"enum"},"values":[{"name":"row"},{"name":"row-reverse"},{"name":"column"},{"name":"column-reverse"}]},{"name":"span","description":"number of column the grid spans","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Card#Props","type":["number"],"default":"0"},{"name":"offset","description":"number of spacing on the left side of the grid","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Card#Props","type":["number"],"default":"0"},{"name":"push","description":"number of columns that grid moves to the right","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Card#Props","type":["number"],"default":"0"},{"name":"pull","description":"number of columns that grid moves to the left","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Card#Props","type":["number"],"default":"0"},{"name":"xs","description":"`<768px` Responsive columns or column props object","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Card#Props","type":["number","object"]},{"name":"sm","description":"`≥768px` Responsive columns or column props object","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Card#Props","type":["number","object"]},{"name":"md","description":"`≥992px` Responsive columns or column props object","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Card#Props","type":["number","object"]},{"name":"lg","description":"`≥1200px` Responsive columns or column props object","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Card#Props","type":["number","object"]},{"name":"xl","description":"`≥1920px` Responsive columns or column props object","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Card#Props","type":["number","object"]}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Card#Slots"},{"name":"header","description":"customize header content","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Card#Slots"}]},{"name":"pro-checkbox","source":{"symbol":"ProCheckbox"},"description":"Single selection among multiple options","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox","props":[{"name":"model-value","description":"binding value","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props","type":["array"]},{"name":"data","description":"binding data","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props","type":["array"]},{"name":"config","description":"config the key of data","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props","type":["object"],"default":"{ value: 'value', label: 'label', disabled: 'disabled', name: 'name' }"},{"name":"size","description":"component size","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props","type":["string"],"attribute-value":{"type":"enum"},"values":[{"name":"large"},{"name":"default"},{"name":"small"}]},{"name":"disabled","description":"whether disabled","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props","type":["boolean"],"default":"false"},{"name":"min","description":"minimum number of checkbox checked","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props","type":["number"]},{"name":"max","description":"maximum number of checkbox checked","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props","type":["number"]},{"name":"text-color","description":"font color when button is active","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props","type":["string"],"default":"#ffffff"},{"name":"fill","description":"border and background color when button is active","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props","type":["string"],"default":"#409EFF"},{"name":"validate-event","description":"whether to trigger form validation","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props","type":["boolean"],"default":"true"}],"js":{"events":[{"name":"change","description":"triggers when the binding value changes","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Events"}]}},{"name":"pro-checkbox-button","source":{"symbol":"ProCheckboxButton"},"description":"Checkbox with button styles","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton","props":[{"name":"model-value","description":"binding value","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props","type":["array"]},{"name":"data","description":"binding data","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props","type":["array"]},{"name":"config","description":"config the key of data","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props","type":["object"],"default":"{ value: 'value', label: 'label', disabled: 'disabled', name: 'name' }"},{"name":"size","description":"component size","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props","type":["string"],"attribute-value":{"type":"enum"},"values":[{"name":"large"},{"name":"default"},{"name":"small"}]},{"name":"disabled","description":"whether disabled","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props","type":["boolean"],"default":"false"},{"name":"min","description":"minimum number of checkbox checked","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props","type":["number"]},{"name":"max","description":"maximum number of checkbox checked","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props","type":["number"]},{"name":"text-color","description":"font color when button is active","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props","type":["string"],"default":"#ffffff"},{"name":"fill","description":"border and background color when button is active","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props","type":["string"],"default":"#409EFF"},{"name":"validate-event","description":"whether to trigger form validation","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props","type":["boolean"],"default":"true"}],"js":{"events":[{"name":"change","description":"triggers when the binding value changes","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Events"}]}},{"name":"pro-column-setting","source":{"symbol":"ProColumnSetting"},"description":"Control the sorting and display of columns in the table, use whit Table or Crud","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#ColumnSetting","props":[{"name":"model-value","description":"binding value of `columns`","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props","type":["array"]},{"name":"size","description":"button size","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props","type":["string"],"attribute-value":{"type":"enum"},"values":[{"name":"large"},{"name":"default"},{"name":"small"}]},{"name":"placement","description":"placement of pop menu","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props","type":["string"],"default":"bottom-end","attribute-value":{"type":"enum"},"values":[{"name":"top"},{"name":"top-start"},{"name":"top-end"},{"name":"bottom"},{"name":"bottom-start"},{"name":"bottom-end"}]},{"name":"trigger","description":"how to trigger","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props","type":["string"],"default":"hover","attribute-value":{"type":"enum"},"values":[{"name":"hover"},{"name":"click"},{"name":"contextmenu"}]},{"name":"empty-text","description":"text displayed when data is void","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props","type":["string"]},{"name":"render-after-expand","description":"whether to render child nodes only after a parent node is expanded for the first time","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props","type":["boolean"],"default":"true"},{"name":"highlight-current","description":"whether current node is highlighted","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props","type":["boolean"],"default":"false"},{"name":"default-expand-all","description":"whether to expand all nodes by default","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props","type":["boolean"],"default":"false"},{"name":"expand-on-click-node","description":"whether to expand or collapse node when clicking on the node, if false, then expand or collapse node only when clicking on the arrow icon.","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props","type":["boolean"],"default":"true"},{"name":"check-on-click-node","description":"whether to check or uncheck node when clicking on the node, if false, the node can only be checked or unchecked by clicking on the checkbox.","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props","type":["boolean"],"default":"false"},{"name":"auto-expand-parent","description":"whether to expand father node when a child node is expanded","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props","type":["boolean"],"default":"true"},{"name":"filter-node-method","description":"this function will be executed on each node when use filter method. if return `false`, tree node will be hidden.","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props","type":["Function"]},{"name":"accordion","description":"whether only one node among the same level can be expanded at one time","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props","type":["boolean"],"default":"false"},{"name":"indent","description":"horizontal indentation of nodes in adjacent levels in pixels","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props","type":["number"],"default":"16"},{"name":"icon","description":"custome tree node icon component","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props","type":["string",{"name":"Component","source":{"symbol":"Component","module":"vue"}}]},{"name":"allow-drag","description":"this function will be executed before dragging a node. If `false` is returned, the node can not be dragged","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props","type":["Function"]},{"name":"allow-drop","description":"this function will be executed before the dragging node is dropped. If `false` is returned, the dragging node can not be dropped at the target node. `type` has three possible values: 'prev' (inserting the dragging node before the target node), 'inner' (inserting the dragging node to the target node) and 'next' (inserting the dragging node after the target node)","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props","type":["Function"]}],"slots":[{"name":"default","description":"custom the trigger button","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Slots","type":"{ size }"}]},{"name":"pro-crud","source":{"symbol":"ProCrud"},"description":"Crud is a multifunctional business component based on Table Form and Descriptions","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Crud","props":[{"name":"model-value","description":"binding value","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["object"]},{"name":"search","description":"binding search value","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["object"]},{"name":"columns","description":"to generate crud components, reference `columns`","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["array"]},{"name":"add-columns","description":"to generate add form components, reference `Form columns`","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["array"],"default":"from `columns`"},{"name":"edit-columns","description":"to generate edit form components, reference `Form columns`","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["array"],"default":"from `columns`"},{"name":"form-columns","description":"to generate form components, reference `Form columns`","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["array"],"default":"from `columns`"},{"name":"search-columns","description":"to generate search components, reference `Form columns`","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["array"],"default":"from `columns`"},{"name":"table-columns","description":"to generate table components, reference `Table columns`","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["array"],"default":"from `columns`"},{"name":"detail-columns","description":"to generate detail components, reference `Descriptions columns`","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["array"],"default":"from `columns`"},{"name":"menu","description":"config the menu content, reference `menu`","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["object"]},{"name":"search-props","description":"the attribute of search","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["object"]},{"name":"data","description":"Table data","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["array"]},{"name":"selection","description":"add a column will display checkbox, reference `columns`","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean","object"],"default":"false"},{"name":"index","description":"add a column will display index, reference columns","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean","object"],"default":"false"},{"name":"expand","description":"add a column will display expand icon, reference columns","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean","object"],"default":"false"},{"name":"menu","description":"config the menu content, reference columns","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean","object"],"default":"false"},{"name":"show-overflow-tooltip","description":"whether to hide extra content and show them in a tooltip when hovering on the cell","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"false"},{"name":"align","description":"alignment","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string"],"default":"left","attribute-value":{"type":"enum"},"values":[{"name":"left"},{"name":"center"},{"name":"right"}]},{"name":"header-align","description":"alignment of the table header. If omitted, the value of the above `align` attribute will be applied","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string"],"default":"same with align","attribute-value":{"type":"enum"},"values":[{"name":"left"},{"name":"center"},{"name":"right"}]},{"name":"height","description":"Table's height. By default it has an `auto` height. If its value is a number, the height is measured in pixels; if its value is a string, the value will be assigned to element's style.height, the height is affected by external styles","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string","number"]},{"name":"max-height","description":"Table's max-height. The legal value is a number or the height in px.","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string","number"]},{"name":"stripe","description":"whether Table is striped","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"false"},{"name":"border","description":"whether Table has vertical border","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"false"},{"name":"size","description":"size of Table","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string"],"attribute-value":{"type":"enum"},"values":[{"name":"large"},{"name":"default"},{"name":"small"}]},{"name":"fit","description":"whether width of column automatically fits its container","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"true"},{"name":"show-header","description":"whether Table header is visible","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"true"},{"name":"highlight-current-row","description":"whether current row is highlighted","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"false"},{"name":"current-row-key","description":"key of current row, a set only prop","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string","number"]},{"name":"row-class-name","description":"function that returns custom class names for a row, or a string assigning class names for every row","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["Function","string"]},{"name":"row-style","description":"function that returns custom style for a row, or an object assigning custom style for every row","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["Function","Object"]},{"name":"cell-class-name","description":"function that returns custom class names for a cell, or a string assigning class names for every cell","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["Function","string"]},{"name":"cell-style","description":"function that returns custom style for a cell, or an object assigning custom style for every cell","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["Function","Object"]},{"name":"header-row-class-name","description":"function that returns custom class names for a row in table header, or a string assigning class names for every row in table header","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["Function","string"]},{"name":"header-row-style","description":"function that returns custom style for a row in table header, or an object assigning custom style for every row in table header","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["Function","Object"]},{"name":"header-cell-class-name","description":"function that returns custom class names for a cell in table header, or a string assigning class names for every cell in table header","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["Function","string"]},{"name":"header-cell-style","description":"function that returns custom style for a cell in table header, or an object assigning custom style for every cell in table header","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["Function","Object"]},{"name":"row-key","description":"key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used.","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["Function","string"]},{"name":"empty-text","description":"Displayed text when data is empty. You can customize this area with `#empty`","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string"],"default":"No Data"},{"name":"default-expand-all","description":"whether expand all rows by default, works when the table has a column type=\"expand\" or contains tree structure data","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"false"},{"name":"expand-row-keys","description":"set expanded rows by this prop, prop's value is the keys of expand rows, you should set row-key before using this prop","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["Array"]},{"name":"default-sort","description":"set the default sort column and order. property `prop` is used to set default sort column, property `order` is used to set default sort order","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["Object"],"default":"if `prop` is set, and `order` is not set, then `order` is default to ascending","attribute-value":{"type":"of-match"},"values":[{"name":"order: ascending, descending"}]},{"name":"tooltip-effect","description":"tooltip `effect` property","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string"],"default":"dark","attribute-value":{"type":"enum"},"values":[{"name":"dark"},{"name":"light"}]},{"name":"tooltip-options","description":"the options for the overflow tooltip, [see the following tooltip component](tooltip.html#attributes)","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["object"]},{"name":"append-filter-panel-to","description":"which element the filter panels appends to","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string"]},{"name":"show-summary","description":"whether to display a summary row","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"false"},{"name":"sum-text","description":"displayed text for the first column of summary row","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string"],"default":"Sum"},{"name":"summary-method","description":"custom summary method","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["Function"]},{"name":"span-method","description":"method that returns rowspan and colspan","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["Function"]},{"name":"select-on-indeterminate","description":"controls the behavior of master checkbox in multi-select tables when only some rows are selected (but not all). If true, all rows will be selected, else deselected.","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"true"},{"name":"indent","description":"horizontal indentation of tree data","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["number"],"default":"16"},{"name":"lazy","description":"whether to lazy loading data","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"]},{"name":"load","description":"method for loading child row data, only works when `lazy` is true","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["Function"]},{"name":"tree-props","description":"configuration for rendering nested data","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["Object"],"default":"{ hasChildren: 'hasChildren', children: 'children' }"},{"name":"table-layout","description":"sets the algorithm used to lay out table cells, rows, and columns","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string"],"default":"fixed","attribute-value":{"type":"enum"},"values":[{"name":"fixed"},{"name":"auto"}]},{"name":"scrollbar-always-on","description":"always show scrollbar","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"false"},{"name":"show-overflow-tooltip","description":"whether to hide extra content and show them in a tooltip when hovering on the cell.It will affect all the table columns, refer to table [tooltip-options](#table-attributes)","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean","object"]},{"name":"flexible","description":"ensure main axis minimum-size doesn't follow the content","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"false"},{"name":"scrollbar-tabindex","description":"body scrollbar's wrap container tabindex","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string","number"]},{"name":"current-page","description":"current page number","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["number"]},{"name":"page-size","description":"item count of each page","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["number"]},{"name":"total","description":"total item count","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["number"]},{"name":"page-count","description":"total page count. Set either `total` or `page-count` and pages will be displayed; if you need `page-sizes`, `total` is required","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["number"]},{"name":"small","description":"whether to use small pagination","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"false"},{"name":"background","description":"whether the buttons have a background color","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"false"},{"name":"default-page-size","description":"default initial value of page size","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["number"]},{"name":"pager-count","description":"number of pagers. Pagination collapses when the total page count exceeds this value","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["number"],"default":"7","attribute-value":{"type":"of-match"},"values":[{"name":"odd number between 5 and 21"}]},{"name":"default-current-page","description":"default initial value of current-page","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["number"]},{"name":"layout","description":"layout of Pagination, elements separated with a comma","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string"],"default":"'prev, pager, next, jumper, ->, total'","attribute-value":{"type":"enum"},"values":[{"name":"sizes"},{"name":"prev"},{"name":"pager"},{"name":"next"},{"name":"jumper"},{"name":"->"},{"name":"total"},{"name":"slot"}]},{"name":"page-sizes","description":"options of item count per page","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["number[]"],"default":"[10, 20, 30, 40, 50, 100]"},{"name":"popper-class","description":"custom class name for the page size Select's dropdown","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string"]},{"name":"prev-text","description":"text for the prev button","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string"]},{"name":"next-text","description":"text for the next button","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string"]},{"name":"disabled","description":"whether Pagination is disabled","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"false"},{"name":"hide-on-single-page","description":"whether to hide when there's only one page","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"]},{"name":"rules","description":"validation rules of form","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["object"]},{"name":"inline","description":"whether the form is inline","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"false"},{"name":"array","description":"whether the form is ArrayForm","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"]},{"name":"max","description":"limit the maximum number of ArrayForm component","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["number"]},{"name":"label-position","description":"position of label. If set to 'left' or 'right', `label-width` prop is also required","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string"],"default":"right","attribute-value":{"type":"enum"},"values":[{"name":"right"},{"name":"left"},{"name":"top"}]},{"name":"label-width","description":"width of label, e.g. '50px'. All its direct child form items will inherit this value. Width `auto` is supported.","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string"]},{"name":"label-suffix","description":"suffix of the label","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string"]},{"name":"hide-required-asterisk","description":"whether required fields should have a red asterisk (star) beside their labels","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"false"},{"name":"show-message","description":"whether to show the error message","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"true"},{"name":"inline-message","description":"whether to display the error message inline with the form item","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"false"},{"name":"status-icon","description":"whether to display an icon indicating the validation result","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"false"},{"name":"validate-on-rule-change","description":"whether to trigger validation when the `rules` prop is changed","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"true"},{"name":"size","description":"control the size of components in this form","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string"],"attribute-value":{"type":"enum"},"values":[{"name":"large"},{"name":"default"},{"name":"small"}]},{"name":"disabled","description":"whether to disabled all components in this form. If set to true, it cannot be overridden by its inner components' `disabled` prop","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"false"},{"name":"scroll-to-error","description":"When validation fails, scroll to the first error form entry","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"false"},{"name":"scroll-into-view-options","description":"When validation fails, it scrolls to the first error item based on the scrollIntoView option. [scrollIntoView](https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView).","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["object","boolean"]},{"name":"gutter","description":"grid spacing","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["number"],"default":"0"},{"name":"justify","description":"horizontal alignment of flex layout","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string"],"default":"start","attribute-value":{"type":"enum"},"values":[{"name":"start"},{"name":"end"},{"name":"center"},{"name":"space-around"},{"name":"space-between"},{"name":"spacing-evenly"}]},{"name":"title","description":"title of Dialog. Can also be passed with a named slot (see the following table)","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string"],"default":"reference `addText` or `editText` of menu"},{"name":"width","description":"width of Dialog","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string","number"],"default":"50%"},{"name":"fullscreen","description":"whether the Dialog takes up full screen","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"false"},{"name":"top","description":"value for `margin-top` of Dialog CSS","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string"],"default":"15vh"},{"name":"modal","description":"whether a mask is displayed","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"true"},{"name":"append-to-body","description":"whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true`","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"false"},{"name":"lock-scroll","description":"whether scroll of body is disabled while Dialog is displayed","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"true"},{"name":"open-delay","description":"Time(milliseconds) before open","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["number"],"default":"0"},{"name":"close-delay","description":"Time(milliseconds) before close","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["number"],"default":"0"},{"name":"close-on-click-modal","description":"whether the Dialog can be closed by clicking the mask","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"true"},{"name":"close-on-press-escape","description":"whether the Dialog can be closed by pressing ESC","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"true"},{"name":"show-close","description":"whether to show a close button","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"true"},{"name":"before-open","description":"callback before Dialog opened, and it will prevent Dialog from","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["Function"]},{"name":"before-close","description":"callback before Dialog closes, and it will prevent Dialog from closing","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["Function"]},{"name":"center","description":"whether to align the header and footer in center","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"false"},{"name":"detail","description":"detail data of display","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["object"]},{"name":"border","description":"with or without border","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["boolean"],"default":"false"},{"name":"column","description":"numbers of `Descriptions Item` in one line","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["number"],"default":"3"},{"name":"direction","description":"direction of list","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string"],"default":"horizontal","attribute-value":{"type":"enum"},"values":[{"name":"vertical"},{"name":"horizontal"}]},{"name":"size","description":"size of list","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string"],"attribute-value":{"type":"enum"},"values":[{"name":"large"},{"name":"default"},{"name":"small"}]},{"name":"title","description":"title text, display on the top left","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string"]},{"name":"extra","description":"extra text, display on the top right","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string"]},{"name":"align","description":"column content alignment (If no `border`, effective for both label and content)","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string"],"default":"left","attribute-value":{"type":"enum"},"values":[{"name":"left"},{"name":"center"},{"name":"right"}]},{"name":"label-align","description":"column label alignment, if omitted, the value of the above `align` attribute will be applied (If no `border`, please use `align` attribute)","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","type":["string"],"attribute-value":{"type":"enum"},"values":[{"name":"left"},{"name":"center"},{"name":"right"}]}],"slots":[{"name":"crud-table","description":"custom Table content","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Slots","type":"{ props, size, columns, menu, showMenu, createTableMenu }"},{"name":"crud-dialog","description":"custom dialog","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Slots","type":"{ props, type, createForm, createDescriptions }"},{