element-pro-components
Version:
a component library for Vue 3 base on element-plus
1 lines • 126 kB
JSON
{"pro-autocomplete-tag/model-value":{"type":"array","description":"binding value\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props)"},"pro-autocomplete-tag/trigger":{"type":"string","options":["space","enter"],"description":"the key to trigger input tag, default: enter.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props)"},"pro-autocomplete-tag/max":{"type":"number","description":"max number that can be enter\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props)"},"pro-autocomplete-tag/size":{"type":"string","options":["large","default","small"],"description":"component size\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props)"},"pro-autocomplete-tag/type":{"type":"string","options":["success","info","warning","danger"],"description":"tag Type\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props)"},"pro-autocomplete-tag/hit":{"type":"boolean","description":"whether Tag has a highlighted border, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props)"},"pro-autocomplete-tag/color":{"type":"string","description":"background color of the Tag\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props)"},"pro-autocomplete-tag/effect":{"type":"string","options":["dark","light","plain"],"description":"component theme of the Tag, default: light.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props)"},"pro-autocomplete-tag/placeholder":{"type":"string","description":"placeholder of Input\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props)"},"pro-autocomplete-tag/disabled":{"type":"boolean","description":"whether disabled, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props)"},"pro-autocomplete-tag/value-key":{"type":"string","description":"key name of the input suggestion object for display, default: value.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props)"},"pro-autocomplete-tag/debounce":{"type":"number","description":"debounce delay when typing, in milliseconds, default: 300.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props)"},"pro-autocomplete-tag/placement":{"type":"string","options":["top","top-start","top-end","bottom","bottom-start","bottom-end"],"description":"placement of the popup menu, default: bottom-start.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props)"},"pro-autocomplete-tag/fetch-suggestions":{"type":"Function","description":"a method to fetch input suggestions. When suggestions are ready, invoke callback(data:[]) to return them to Autocomplete\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props)"},"pro-autocomplete-tag/popper-class":{"type":"string","description":"custom class name for autocomplete's dropdown\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props)"},"pro-autocomplete-tag/trigger-on-focus":{"type":"boolean","description":"whether show suggestions when input focus, default: true.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props)"},"pro-autocomplete-tag/name":{"type":"string","description":"same as name in native input\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props)"},"pro-autocomplete-tag/select-when-unmatched":{"type":"boolean","description":"whether to emit a select event on enter when there is no autocomplete match, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props)"},"pro-autocomplete-tag/label":{"type":"string","description":"label text\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props)"},"pro-autocomplete-tag/prefix-icon":{"type":"string","description":"prefix icon class\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props)"},"pro-autocomplete-tag/suffix-icon":{"type":"string","description":"suffix icon class\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props)"},"pro-autocomplete-tag/hide-loading":{"type":"boolean","description":"whether to hide the loading icon in remote search, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props)"},"pro-autocomplete-tag/teleported":{"type":"boolean","description":"whether select dropdown is teleported to the body, default: true.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props)"},"pro-autocomplete-tag/highlight-first-item":{"type":"boolean","description":"whether to highlight first item in remote search suggestions by default, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props)"},"pro-autocomplete-tag/fit-input-width":{"type":"boolean","description":"whether the width of the dropdown is the same as the input, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Props)"},"pro-autocomplete-tag/input":{"type":"event","description":"triggers when the Input value change\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Events)"},"pro-autocomplete-tag/tag-add":{"type":"event","description":"triggers when add a tag\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Events)"},"pro-autocomplete-tag/tag-remove":{"type":"event","description":"triggers when close button is clicked\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/AutocompleteTag#Events)"},"pro-breadcrumb/separator":{"type":"string","description":"separator character, default: /.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Breadcrumb#Props)"},"pro-breadcrumb/separator-icon":{"type":"string | Component","description":"icon name of icon separator\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Breadcrumb#Props)"},"pro-card/header":{"type":"string","description":"title of the card\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Card#Props)"},"pro-card/body-style":{"type":"string | object | array","description":"CSS style of body, default: { padding: '20px' }.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Card#Props)"},"pro-card/shadow":{"type":"string","options":["always","hover","never"],"description":"when to show card shadows, default: always.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Card#Props)"},"pro-card/ghost":{"type":"boolean","description":"whether is ghost mode, make the background and border transparent, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Card#Props)"},"pro-card/split":{"type":"boolean","description":"whether to split the card, takes effect when Card is nested inside, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Card#Props)"},"pro-card/gutter":{"type":"number","description":"grid spacing, takes effect when Card is nested inside, default: 0.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Card#Props)"},"pro-card/justify":{"type":"string","options":["start","end","center","space-around","space-between","spacing-evenly"],"description":"horizontal alignment of flex layout, takes effect when Card is nested inside, default: start.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Card#Props)"},"pro-card/align":{"type":"string","options":["top","middle","bottom"],"description":"vertical alignment of flex layout, takes effect when Card is nested inside, default: top.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Card#Props)"},"pro-card/direction":{"type":"string","options":["row","row-reverse","column","column-reverse"],"description":"direction of Row, takes effect when Card is nested inside, default: row.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Card#Props)"},"pro-card/span":{"type":"number","description":"number of column the grid spans, default: 0.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Card#Props)"},"pro-card/offset":{"type":"number","description":"number of spacing on the left side of the grid, default: 0.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Card#Props)"},"pro-card/push":{"type":"number","description":"number of columns that grid moves to the right, default: 0.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Card#Props)"},"pro-card/pull":{"type":"number","description":"number of columns that grid moves to the left, default: 0.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Card#Props)"},"pro-card/xs":{"type":"number | object ","description":"`<768px` Responsive columns or column props object\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Card#Props)"},"pro-card/sm":{"type":"number | object ","description":"`≥768px` Responsive columns or column props object\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Card#Props)"},"pro-card/md":{"type":"number | object ","description":"`≥992px` Responsive columns or column props object\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Card#Props)"},"pro-card/lg":{"type":"number | object ","description":"`≥1200px` Responsive columns or column props object\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Card#Props)"},"pro-card/xl":{"type":"number | object ","description":"`≥1920px` Responsive columns or column props object\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Card#Props)"},"pro-checkbox/model-value":{"type":"array","description":"binding value\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props)"},"pro-checkbox/data":{"type":"array","description":"binding data\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props)"},"pro-checkbox/config":{"type":"object","description":"config the key of data, default: { value: 'value', label: 'label', disabled: 'disabled', name: 'name' }.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props)"},"pro-checkbox/size":{"type":"string","options":["large","default","small"],"description":"component size\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props)"},"pro-checkbox/disabled":{"type":"boolean","description":"whether disabled, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props)"},"pro-checkbox/min":{"type":"number","description":"minimum number of checkbox checked\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props)"},"pro-checkbox/max":{"type":"number","description":"maximum number of checkbox checked\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props)"},"pro-checkbox/text-color":{"type":"string","description":"font color when button is active, default: #ffffff.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props)"},"pro-checkbox/fill":{"type":"string","description":"border and background color when button is active, default: #409EFF.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props)"},"pro-checkbox/validate-event":{"type":"boolean","description":"whether to trigger form validation, default: true.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props)"},"pro-checkbox/change":{"type":"event","description":"triggers when the binding value changes\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Events)"},"pro-checkbox-button/model-value":{"type":"array","description":"binding value\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props)"},"pro-checkbox-button/data":{"type":"array","description":"binding data\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props)"},"pro-checkbox-button/config":{"type":"object","description":"config the key of data, default: { value: 'value', label: 'label', disabled: 'disabled', name: 'name' }.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props)"},"pro-checkbox-button/size":{"type":"string","options":["large","default","small"],"description":"component size\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props)"},"pro-checkbox-button/disabled":{"type":"boolean","description":"whether disabled, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props)"},"pro-checkbox-button/min":{"type":"number","description":"minimum number of checkbox checked\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props)"},"pro-checkbox-button/max":{"type":"number","description":"maximum number of checkbox checked\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props)"},"pro-checkbox-button/text-color":{"type":"string","description":"font color when button is active, default: #ffffff.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props)"},"pro-checkbox-button/fill":{"type":"string","description":"border and background color when button is active, default: #409EFF.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props)"},"pro-checkbox-button/validate-event":{"type":"boolean","description":"whether to trigger form validation, default: true.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props)"},"pro-checkbox-button/change":{"type":"event","description":"triggers when the binding value changes\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Events)"},"pro-column-setting/model-value":{"type":"array","description":"binding value of `columns`\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props)"},"pro-column-setting/size":{"type":"string","options":["large","default","small"],"description":"button size\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props)"},"pro-column-setting/placement":{"type":"string","options":["top","top-start","top-end","bottom","bottom-start","bottom-end"],"description":"placement of pop menu, default: bottom-end.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props)"},"pro-column-setting/trigger":{"type":"string","options":["hover","click","contextmenu"],"description":"how to trigger, default: hover.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props)"},"pro-column-setting/empty-text":{"type":"string","description":"text displayed when data is void\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props)"},"pro-column-setting/render-after-expand":{"type":"boolean","description":"whether to render child nodes only after a parent node is expanded for the first time, default: true.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props)"},"pro-column-setting/highlight-current":{"type":"boolean","description":"whether current node is highlighted, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props)"},"pro-column-setting/default-expand-all":{"type":"boolean","description":"whether to expand all nodes by default, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props)"},"pro-column-setting/expand-on-click-node":{"type":"boolean","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., default: true.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props)"},"pro-column-setting/check-on-click-node":{"type":"boolean","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., default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props)"},"pro-column-setting/auto-expand-parent":{"type":"boolean","description":"whether to expand father node when a child node is expanded, default: true.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props)"},"pro-column-setting/filter-node-method":{"type":"Function","description":"this function will be executed on each node when use filter method. if return `false`, tree node will be hidden.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props)"},"pro-column-setting/accordion":{"type":"boolean","description":"whether only one node among the same level can be expanded at one time, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props)"},"pro-column-setting/indent":{"type":"number","description":"horizontal indentation of nodes in adjacent levels in pixels, default: 16.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props)"},"pro-column-setting/icon":{"type":"string | Component","description":"custome tree node icon component\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props)"},"pro-column-setting/allow-drag":{"type":"Function","description":"this function will be executed before dragging a node. If `false` is returned, the node can not be dragged\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props)"},"pro-column-setting/allow-drop":{"type":"Function","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)\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props)"},"pro-crud/model-value":{"type":"object","description":"binding value\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/search":{"type":"event","description":"triggers when the search click\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/columns":{"type":"array","description":"to generate crud components, reference `columns`\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/add-columns":{"type":"array","description":"to generate add form components, reference `Form columns`, default: from `columns`.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/edit-columns":{"type":"array","description":"to generate edit form components, reference `Form columns`, default: from `columns`.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/form-columns":{"type":"array","description":"to generate form components, reference `Form columns`, default: from `columns`.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/search-columns":{"type":"array","description":"to generate search components, reference `Form columns`, default: from `columns`.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/table-columns":{"type":"array","description":"to generate table components, reference `Table columns`, default: from `columns`.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/detail-columns":{"type":"array","description":"to generate detail components, reference `Descriptions columns`, default: from `columns`.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/menu":{"type":"boolean | object","description":"config the menu content, reference columns, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/search-props":{"type":"object","description":"the attribute of search\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/data":{"type":"array","description":"Table data\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/selection":{"type":"boolean | object","description":"add a column will display checkbox, reference `columns`, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/index":{"type":"boolean | object","description":"add a column will display index, reference columns, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/expand":{"type":"boolean | object","description":"add a column will display expand icon, reference columns, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/show-overflow-tooltip":{"type":"boolean | object","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)\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/align":{"type":"string","options":["left","center","right"],"description":"column content alignment (If no `border`, effective for both label and content), default: left.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/header-align":{"type":"string","options":["left","center","right"],"description":"alignment of the table header. If omitted, the value of the above `align` attribute will be applied, default: same with align.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/height":{"type":"string | number","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\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/max-height":{"type":"string|number","description":"Table's max-height. The legal value is a number or the height in px.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/stripe":{"type":"boolean","description":"whether Table is striped, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/border":{"type":"boolean","description":"with or without border, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/size":{"type":"string","options":["large","default","small"],"description":"size of list\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/fit":{"type":"boolean","description":"whether width of column automatically fits its container, default: true.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/show-header":{"type":"boolean","description":"whether Table header is visible, default: true.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/highlight-current-row":{"type":"boolean","description":"whether current row is highlighted, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/current-row-key":{"type":"string | number","description":"key of current row, a set only prop\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/row-class-name":{"type":"Function | string","description":"function that returns custom class names for a row, or a string assigning class names for every row\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/row-style":{"type":"Function | Object","description":"function that returns custom style for a row, or an object assigning custom style for every row\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/cell-class-name":{"type":"Function | string","description":"function that returns custom class names for a cell, or a string assigning class names for every cell\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/cell-style":{"type":"Function | Object","description":"function that returns custom style for a cell, or an object assigning custom style for every cell\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/header-row-class-name":{"type":"Function | string","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\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/header-row-style":{"type":"Function | Object","description":"function that returns custom style for a row in table header, or an object assigning custom style for every row in table header\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/header-cell-class-name":{"type":"Function | string","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\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/header-cell-style":{"type":"Function | Object","description":"function that returns custom style for a cell in table header, or an object assigning custom style for every cell in table header\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/row-key":{"type":"Function | string","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.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/empty-text":{"type":"string","description":"Displayed text when data is empty. You can customize this area with `#empty`, default: No Data.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/default-expand-all":{"type":"boolean","description":"whether expand all rows by default, works when the table has a column type=\"expand\" or contains tree structure data, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/expand-row-keys":{"type":"Array","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\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/default-sort":{"type":"Object","options":["order: ascending, descending"],"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, default: if `prop` is set, and `order` is not set, then `order` is default to ascending.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/tooltip-effect":{"type":"string","options":["dark","light"],"description":"tooltip `effect` property, default: dark.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/tooltip-options":{"type":"object","description":"the options for the overflow tooltip, [see the following tooltip component](tooltip.html#attributes)\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/append-filter-panel-to":{"type":"string","description":"which element the filter panels appends to\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/show-summary":{"type":"boolean","description":"whether to display a summary row, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/sum-text":{"type":"string","description":"displayed text for the first column of summary row, default: Sum.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/summary-method":{"type":"Function","description":"custom summary method\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/span-method":{"type":"Function","description":"method that returns rowspan and colspan\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/select-on-indeterminate":{"type":"boolean","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., default: true.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/indent":{"type":"number","description":"horizontal indentation of tree data, default: 16.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/lazy":{"type":"boolean","description":"whether to lazy loading data\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/load":{"type":"Function","description":"method for loading child row data, only works when `lazy` is true\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/tree-props":{"type":"Object","description":"configuration for rendering nested data, default: { hasChildren: 'hasChildren', children: 'children' }.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/table-layout":{"type":"string","options":["fixed","auto"],"description":"sets the algorithm used to lay out table cells, rows, and columns, default: fixed.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/scrollbar-always-on":{"type":"boolean","description":"always show scrollbar, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/flexible":{"type":"boolean","description":"ensure main axis minimum-size doesn't follow the content, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/scrollbar-tabindex":{"type":"string | number","description":"body scrollbar's wrap container tabindex\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/current-page":{"type":"number","description":"current page number\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/page-size":{"type":"number","description":"item count of each page\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/total":{"type":"number","description":"total item count\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/page-count":{"type":"number","description":"total page count. Set either `total` or `page-count` and pages will be displayed; if you need `page-sizes`, `total` is required\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/small":{"type":"boolean","description":"whether to use small pagination, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/background":{"type":"boolean","description":"whether the buttons have a background color, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/default-page-size":{"type":"number","description":"default initial value of page size\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/pager-count":{"type":"number","options":["odd number between 5 and 21"],"description":"number of pagers. Pagination collapses when the total page count exceeds this value, default: 7.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/default-current-page":{"type":"number","description":"default initial value of current-page\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/layout":{"type":"string","options":["sizes","prev","pager","next","jumper","->","total","slot"],"description":"layout of Pagination, elements separated with a comma, default: 'prev, pager, next, jumper, ->, total'.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/page-sizes":{"type":"number[]","description":"options of item count per page, default: [10, 20, 30, 40, 50, 100].\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/popper-class":{"type":"string","description":"custom class name for the page size Select's dropdown\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/prev-text":{"type":"string","description":"text for the prev button\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/next-text":{"type":"string","description":"text for the next button\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/disabled":{"type":"boolean","description":"whether to disabled all components in this form. If set to true, it cannot be overridden by its inner components' `disabled` prop, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/hide-on-single-page":{"type":"boolean","description":"whether to hide when there's only one page\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/rules":{"type":"object","description":"validation rules of form\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/inline":{"type":"boolean","description":"whether the form is inline, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/array":{"type":"boolean","description":"whether the form is ArrayForm\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/max":{"type":"number","description":"limit the maximum number of ArrayForm component\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/label-position":{"type":"string","options":["right","left","top"],"description":"position of label. If set to 'left' or 'right', `label-width` prop is also required, default: right.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/label-width":{"type":"string","description":"width of label, e.g. '50px'. All its direct child form items will inherit this value. Width `auto` is supported.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/label-suffix":{"type":"string","description":"suffix of the label\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/hide-required-asterisk":{"type":"boolean","description":"whether required fields should have a red asterisk (star) beside their labels, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/show-message":{"type":"boolean","description":"whether to show the error message, default: true.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/inline-message":{"type":"boolean","description":"whether to display the error message inline with the form item, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/status-icon":{"type":"boolean","description":"whether to display an icon indicating the validation result, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/validate-on-rule-change":{"type":"boolean","description":"whether to trigger validation when the `rules` prop is changed, default: true.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/scroll-to-error":{"type":"boolean","description":"When validation fails, scroll to the first error form entry, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/scroll-into-view-options":{"type":"object | boolean","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).\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/gutter":{"type":"number","description":"grid spacing, default: 0.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/justify":{"type":"string","options":["start","end","center","space-around","space-between","spacing-evenly"],"description":"horizontal alignment of flex layout, default: start.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/title":{"type":"string","description":"title text, display on the top left\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/width":{"type":"string | number","description":"width of Dialog, default: 50%.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/fullscreen":{"type":"boolean","description":"whether the Dialog takes up full screen, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/top":{"type":"string","description":"value for `margin-top` of Dialog CSS, default: 15vh.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/modal":{"type":"boolean","description":"whether a mask is displayed, default: true.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/append-to-body":{"type":"boolean","description":"whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true`, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/lock-scroll":{"type":"boolean","description":"whether scroll of body is disabled while Dialog is displayed, default: true.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/open-delay":{"type":"number","description":"Time(milliseconds) before open, default: 0.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/close-delay":{"type":"number","description":"Time(milliseconds) before close, default: 0.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/close-on-click-modal":{"type":"boolean","description":"whether the Dialog can be closed by clicking the mask, default: true.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/close-on-press-escape":{"type":"boolean","description":"whether the Dialog can be closed by pressing ESC, default: true.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/show-close":{"type":"boolean","description":"whether to show a close button, default: true.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/before-open":{"type":"Function","description":"callback before Dialog opened, and it will prevent Dialog from\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/before-close":{"type":"Function","description":"callback before Dialog closes, and it will prevent Dialog from closing\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/center":{"type":"boolean","description":"whether to align the header and footer in center, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/detail":{"type":"event","description":"triggers when the detail click\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/column":{"type":"number","description":"numbers of `Descriptions Item` in one line, default: 3.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/direction":{"type":"string","options":["vertical","horizontal"],"description":"direction of list, default: horizontal.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/extra":{"type":"string","description":"extra text, display on the top right\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/label-align":{"type":"string","options":["left","center","right"],"description":"column label alignment, if omitted, the value of the above `align` attribute will be applied (If no `border`, please use `align` attribute)\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Props)"},"pro-crud/submit":{"type":"event","description":"triggers when the submit click\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/reset":{"type":"event","description":"triggers when the reset click\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/add-item":{"type":"event","description":"triggers when the add click in the form\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/remove-item":{"type":"event","description":"triggers when the remove click in the form\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/collapse-change":{"type":"event","description":"triggers when the collapse change in the form\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/tab-change":{"type":"event","description":"triggers when the tab change in the form\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/step-change":{"type":"event","description":"triggers when the step change in the form\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/add":{"type":"event","description":"triggers when the add click\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/edit":{"type":"event","description":"triggers when the edit click\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/delete":{"type":"event","description":"triggers when the delete click\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/search-reset":{"type":"event","description":"triggers when the search reset click\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/select":{"type":"event","description":"triggers when user clicks the checkbox in a row\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/select-all":{"type":"event","description":"triggers when user clicks the checkbox in table header\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/selection-change":{"type":"event","description":"triggers when selection changes\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/cell-mouse-enter":{"type":"event","description":"triggers when hovering into a cell\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/cell-mouse-leave":{"type":"event","description":"triggers when hovering out of a cell\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/cell-click":{"type":"event","description":"triggers when clicking a cell\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/cell-dblclick":{"type":"event","description":"triggers when double clicking a cell\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/row-click":{"type":"event","description":"triggers when clicking a row\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/row-contextmenu":{"type":"event","description":"triggers when user right clicks on a row\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/row-dblclick":{"type":"event","description":"triggers when double clicking a row\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/header-click":{"type":"event","description":"triggers when clicking a column header\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/header-contextmenu":{"type":"event","description":"triggers when user right clicks on a column header\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/sort-change":{"type":"event","description":"triggers when Table's sorting changes\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/filter-change":{"type":"event","description":"column's key. If you need to use the filter-change event, this attribute is mandatory to identify which column is being filtered\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/current-change":{"type":"event","description":"triggers when current row changes\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/header-dragend":{"type":"event","description":"triggers after changing a column's width by dragging the column header's border\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/expand-change":{"type":"event","description":"triggers when user expands or collapses a row (for expandable table, second param is expandedRows; for tree Table, second param is expanded)\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-crud/validate":{"type":"event","description":"triggers after a form item is validated\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Crud#Events)"},"pro-descriptions/columns":{"type":"array","description":"to generate descriptions list, reference `columns`\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Descriptions#Props)"},"pro-descriptions/detail":{"type":"object","description":"detail data of display\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Descriptions#Props)"},"pro-descriptions/border":{"type":"boolean","description":"with or without border, default: false.\n\n[Docs](https://tolking.github.io/element-pro-components/en-US/components/Descript