@heartlee/element-components/lib/web-types.json

a component library for Vue 3 base on element-plus. Forked from element-pro-components. 根据业务需求自用，如需使用，请移步官方仓库使用

{"$schema":"https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json","framework":"vue","name":"@heartlee/element-components","version":"0.1.1","contributions":{"html":{"types-syntax":"typescript","description-markup":"markdown","tags":[{"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","attributes":[{"name":"routes","description":"current routes","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Breadcrumb#Props","default":"from `vue-router`","value":{"type":"array","kind":"expression"}},{"name":"separator","description":"separator character","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Breadcrumb#Props","default":"`/`","value":{"type":"string","kind":"expression"}},{"name":"separator-class","description":"class name of icon separator","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Breadcrumb#Props","value":{"type":"string","kind":"expression"}}]},{"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","attributes":[{"name":"model-value","description":"binding value","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props","value":{"type":"array","kind":"expression"}},{"name":"data","description":"binding data","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props","value":{"type":"array","kind":"expression"}},{"name":"config","description":"config the key of data","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props","default":"{ value: 'value', label: 'label', disabled: 'disabled', name: 'name' }","value":{"type":"object","kind":"expression"}},{"name":"size","description":"component size","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props","value":{"type":"string","kind":"expression"}},{"name":"disabled","description":"whether disabled","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"min","description":"minimum number of checkbox checked","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props","value":{"type":"number","kind":"expression"}},{"name":"max","description":"maximum number of checkbox checked","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#Checkbox Props","value":{"type":"number","kind":"expression"}},{"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","default":"#ffffff","value":{"type":"string","kind":"expression"}},{"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","default":"#409EFF","value":{"type":"string","kind":"expression"}}],"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","attributes":[{"name":"model-value","description":"binding value","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props","value":{"type":"array","kind":"expression"}},{"name":"data","description":"binding data","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props","value":{"type":"array","kind":"expression"}},{"name":"config","description":"config the key of data","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props","default":"{ value: 'value', label: 'label', disabled: 'disabled', name: 'name' }","value":{"type":"object","kind":"expression"}},{"name":"size","description":"component size","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props","value":{"type":"string","kind":"expression"}},{"name":"disabled","description":"whether disabled","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"min","description":"minimum number of checkbox checked","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props","value":{"type":"number","kind":"expression"}},{"name":"max","description":"maximum number of checkbox checked","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Checkbox#CheckboxButton Props","value":{"type":"number","kind":"expression"}},{"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","default":"#ffffff","value":{"type":"string","kind":"expression"}},{"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","default":"#409EFF","value":{"type":"string","kind":"expression"}}],"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","attributes":[{"name":"model-value","description":"binding value of `columns`","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props","value":{"type":"array","kind":"expression"}},{"name":"size","description":"button size","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props","value":{"type":"string","kind":"expression"}},{"name":"placement","description":"placement of pop menu","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props","default":"bottom-end","value":{"type":"string","kind":"expression"}},{"name":"trigger","description":"how to trigger","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props","default":"hover","value":{"type":"string","kind":"expression"}},{"name":"empty-text","description":"text displayed when data is void","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props","value":{"type":"string","kind":"expression"}},{"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","default":"true","value":{"type":"boolean","kind":"expression"}},{"name":"highlight-current","description":"whether current node is highlighted","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props","default":"false","value":{"type":"boolean","kind":"expression"}},{"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","default":"false","value":{"type":"boolean","kind":"expression"}},{"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","default":"true","value":{"type":"boolean","kind":"expression"}},{"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","default":"false","value":{"type":"boolean","kind":"expression"}},{"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","default":"true","value":{"type":"boolean","kind":"expression"}},{"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","value":{"type":"function","kind":"expression"}},{"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","default":"false","value":{"type":"boolean","kind":"expression"}},{"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","default":"16","value":{"type":"number","kind":"expression"}},{"name":"icon-class","description":"custome tree node icon","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/ColumnSetting#Props","value":{"type":"string","kind":"expression"}},{"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","value":{"type":"function","kind":"expression"}},{"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","value":{"type":"function","kind":"expression"}}]},{"name":"pro-crud","source":{"symbol":"ProCrud"},"description":"Crud is a multifunctional business component based on Table and Form","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Crud","attributes":[{"name":"model-value","description":"binding value","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","value":{"type":"object","kind":"expression"}},{"name":"search","description":"binding search value","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","value":{"type":"object","kind":"expression"}},{"name":"columns","description":"to generate crud components, reference `columns`","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","value":{"type":"array","kind":"expression"}},{"name":"add-columns","description":"to generate add form components, reference `columns`","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"from `columns`","value":{"type":"array","kind":"expression"}},{"name":"edit-columns","description":"to generate edit form components, reference `columns`","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"from `columns`","value":{"type":"array","kind":"expression"}},{"name":"form-columns","description":"to generate form components, reference `columns`","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"from `columns`","value":{"type":"array","kind":"expression"}},{"name":"search-columns","description":"to generate search components, reference `columns`","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"from `columns`","value":{"type":"array","kind":"expression"}},{"name":"table-columns","description":"to generate table components, reference `columns`","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"from `columns`","value":{"type":"array","kind":"expression"}},{"name":"menu","description":"config the menu content, reference `menu`","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","value":{"type":"object","kind":"expression"}},{"name":"search-rules","description":"validation rules of search","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","value":{"type":"object","kind":"expression"}},{"name":"data","description":"Table data","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","value":{"type":"array","kind":"expression"}},{"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","default":"false","value":{"type":"boolean|object","kind":"expression"}},{"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","default":"false","value":{"type":"boolean|object","kind":"expression"}},{"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","default":"false","value":{"type":"boolean|object","kind":"expression"}},{"name":"menu","description":"config the menu content, reference columns","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"false","value":{"type":"boolean|object","kind":"expression"}},{"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","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"align","description":"alignment","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"left","value":{"type":"string","kind":"expression"}},{"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","default":"same with align","value":{"type":"string","kind":"expression"}},{"name":"total","description":"total item count","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","value":{"type":"number","kind":"expression"}},{"name":"current-page","description":"current page number, supports `v-model:current-page`","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","value":{"type":"number","kind":"expression"}},{"name":"page-size","description":"item count of each page, supports `v-model:page-size`","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","value":{"type":"number","kind":"expression"}},{"name":"pagination","description":"pagination props, same with el-pagination","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"from global config","value":{"type":"object","kind":"expression"}},{"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","value":{"type":"string|number","kind":"expression"}},{"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","value":{"type":"string|number","kind":"expression"}},{"name":"stripe","description":"whether Table is striped","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"border","description":"whether Table has vertical border","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"size","description":"size of Table","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","value":{"type":"string","kind":"expression"}},{"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","default":"true","value":{"type":"boolean","kind":"expression"}},{"name":"show-header","description":"whether Table header is visible","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"true","value":{"type":"boolean","kind":"expression"}},{"name":"highlight-current-row","description":"whether current row is highlighted","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"false","value":{"type":"boolean","kind":"expression"}},{"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","value":{"type":"string|number","kind":"expression"}},{"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","value":{"type":"function|string","kind":"expression"}},{"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","value":{"type":"function|object","kind":"expression"}},{"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","value":{"type":"function|string","kind":"expression"}},{"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","value":{"type":"function|object","kind":"expression"}},{"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","value":{"type":"function|string","kind":"expression"}},{"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","value":{"type":"function|object","kind":"expression"}},{"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","value":{"type":"function|string","kind":"expression"}},{"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","value":{"type":"function|object","kind":"expression"}},{"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","value":{"type":"function|string","kind":"expression"}},{"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","default":"No Data","value":{"type":"string","kind":"expression"}},{"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","default":"false","value":{"type":"boolean","kind":"expression"}},{"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","value":{"type":"array","kind":"expression"}},{"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","default":"if `prop` is set, and `order` is not set, then `order` is default to ascending","value":{"type":"object","kind":"expression"}},{"name":"tooltip-effect","description":"tooltip `effect` property","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"dark","value":{"type":"string","kind":"expression"}},{"name":"show-summary","description":"whether to display a summary row","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"false","value":{"type":"boolean","kind":"expression"}},{"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","default":"Sum","value":{"type":"string","kind":"expression"}},{"name":"summary-method","description":"custom summary method","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","value":{"type":"function","kind":"expression"}},{"name":"span-method","description":"method that returns rowspan and colspan","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","value":{"type":"function","kind":"expression"}},{"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","default":"true","value":{"type":"boolean","kind":"expression"}},{"name":"indent","description":"horizontal indentation of tree data","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"16","value":{"type":"number","kind":"expression"}},{"name":"lazy","description":"whether to lazy loading data","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","value":{"type":"boolean","kind":"expression"}},{"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","value":{"type":"function","kind":"expression"}},{"name":"tree-props","description":"configuration for rendering nested data","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"{ hasChildren: 'hasChildren', children: 'children' }","value":{"type":"object","kind":"expression"}},{"name":"rules","description":"validation rules of form","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","value":{"type":"object","kind":"expression"}},{"name":"inline","description":"whether the form is inline","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"false","value":{"type":"boolean","kind":"expression"}},{"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","default":"right","value":{"type":"string","kind":"expression"}},{"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","value":{"type":"string","kind":"expression"}},{"name":"label-suffix","description":"suffix of the label","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","value":{"type":"string","kind":"expression"}},{"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","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"show-message","description":"whether to show the error message","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"true","value":{"type":"boolean","kind":"expression"}},{"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","default":"false","value":{"type":"boolean","kind":"expression"}},{"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","default":"false","value":{"type":"boolean","kind":"expression"}},{"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","default":"true","value":{"type":"boolean","kind":"expression"}},{"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","value":{"type":"string","kind":"expression"}},{"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","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"gutter","description":"grid spacing","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"0","value":{"type":"number","kind":"expression"}},{"name":"justify","description":"horizontal alignment of flex layout","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"start","value":{"type":"string","kind":"expression"}},{"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","default":"reference `addText` or `editText` of menu","value":{"type":"string","kind":"expression"}},{"name":"width","description":"width of Dialog","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"50%","value":{"type":"string|number","kind":"expression"}},{"name":"fullscreen","description":"whether the Dialog takes up full screen","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"top","description":"value for `margin-top` of Dialog CSS","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"15vh","value":{"type":"string","kind":"expression"}},{"name":"modal","description":"whether a mask is displayed","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"true","value":{"type":"boolean","kind":"expression"}},{"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","default":"false","value":{"type":"boolean","kind":"expression"}},{"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","default":"true","value":{"type":"boolean","kind":"expression"}},{"name":"custom-class","description":"custom class names for Dialog","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","value":{"type":"string","kind":"expression"}},{"name":"open-delay","description":"Time(milliseconds) before open","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"0","value":{"type":"number","kind":"expression"}},{"name":"close-delay","description":"Time(milliseconds) before close","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"0","value":{"type":"number","kind":"expression"}},{"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","default":"true","value":{"type":"boolean","kind":"expression"}},{"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","default":"true","value":{"type":"boolean","kind":"expression"}},{"name":"show-close","description":"whether to show a close button","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"true","value":{"type":"boolean","kind":"expression"}},{"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","value":{"type":"function","kind":"expression"}},{"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","value":{"type":"function，done is used to close the dialog","kind":"expression"}},{"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","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"destroy-on-close","description":"Destroy elements in Dialog when closed","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Props","default":"false","value":{"type":"boolean","kind":"expression"}}],"events":[{"name":"submit","description":"triggers when the submit click","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"reset","description":"triggers when the reset click","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"delete","description":"triggers when the delete click","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"search","description":"triggers when the search click","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"search-reset","description":"triggers when the search reset click","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"select","description":"triggers when user clicks the checkbox in a row","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"select-all","description":"triggers when user clicks the checkbox in table header","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"selection-change","description":"triggers when selection changes","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"cell-mouse-enter","description":"triggers when hovering into a cell","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"cell-mouse-leave","description":"triggers when hovering out of a cell","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"cell-click","description":"triggers when clicking a cell","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"cell-dblclick","description":"triggers when double clicking a cell","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"row-click","description":"triggers when clicking a row","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"row-contextmenu","description":"triggers when user right clicks on a row","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"row-dblclick","description":"triggers when double clicking a row","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"header-click","description":"triggers when clicking a column header","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"header-contextmenu","description":"triggers when user right clicks on a column header","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"sort-change","description":"triggers when Table's sorting changes","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"filter-change","description":"column's key. If you need to use the filter-change event, this attribute is mandatory to identify which column is being filtered","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"current-change","description":"triggers when current row changes","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"header-dragend","description":"triggers after changing a column's width by dragging the column header's border","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"expand-change","description":"triggers when user expands or collapses a row (for expandable table, second param is expandedRows; for tree Table, second param is expanded)","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"size-change","description":"triggers when `page-size` changes","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"current-change","description":"triggers when `current-page` changes","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"prev-click","description":"triggers when the prev button is clicked and current page changes","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"next-click","description":"triggers when the next button is clicked and current page changes","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"submit","description":"triggers when the submit click","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"reset","description":"triggers when the reset click","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"},{"name":"validate","description":"triggers after a form item is validated","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Events"}],"slots":[{"name":"menu-left","description":"control the menu left display content","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Slots"},{"name":"menu-right","description":"control the menu right display content","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Slots"},{"name":"table","description":"anything inserted before the menu of table","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Slots"},{"name":"menu","description":"control the menu display content of table, parameters { size, row, column, $index }","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Slots"},{"name":"expand","description":"control the expand display content, parameters { row, column, $index }","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Slots"},{"name":"append","description":"Contents to be inserted after the last row. You may need this slot if you want to implement infinite scroll for the table. This slot will be displayed above the summary row if there is one.","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Slots"},{"name":"table-[prop]","description":"control the `Item` display content of table, parameters { row, column, $index }","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Slots"},{"name":"[prop]-header","description":"control the `Item` header display content of table, parameters { column, $index }","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Slots"},{"name":"form","description":"anything inserted before the menu of form","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Slots"},{"name":"form-menu-left","description":"control the menu left display content of form","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Slots"},{"name":"form-menu-right","description":"control the menu right display content of form","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Slots"},{"name":"form-[prop]","description":"control the `Item` display content of form, parameters { item, value, setValue }","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Slots"},{"name":"[prop]-label","description":"control the `Item` label display content of form, parameters { item }","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Slots"},{"name":"[prop]-error","description":"control the `Item` error display content of form, parameters { error, item }","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Slots"},{"name":"search","description":"anything inserted before the menu of search","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Slots"},{"name":"search-menu-left","description":"control the menu left display content of search","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Slots"},{"name":"search-menu-right","description":"control the menu right display content of search","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Slots"},{"name":"search-[prop]","description":"control the `Item` display content of search, parameters { item, value, setValue }","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Slots"},{"name":"search-[prop]-label","description":"control the `Item` label display content of search, parameters { item }","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Slots"},{"name":"search-[prop]-error","description":"control the `Item` error display content of search, parameters { error, item }","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Crud#Slots"}]},{"name":"pro-form","source":{"symbol":"ProForm"},"description":"Form consists of `input`, `radio`, `select`, `checkbox` and so on. With form, you can collect, verify and submit data","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Form#Form","attributes":[{"name":"model-value","description":"binding value","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Form#Props","value":{"type":"array","kind":"expression"}},{"name":"columns","description":"to generate form components, reference `columns`","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Form#Props","value":{"type":"array","kind":"expression"}},{"name":"menu","description":"config the menu content, reference `menu`","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Form#Props","value":{"type":"object","kind":"expression"}},{"name":"rules","description":"validation rules of form","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Form#Props","value":{"type":"object","kind":"expression"}},{"name":"inline","description":"whether the form is inline","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Form#Props","default":"false","value":{"type":"boolean","kind":"expression"}},{"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/Form#Props","default":"right","value":{"type":"string","kind":"expression"}},{"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/Form#Props","value":{"type":"string","kind":"expression"}},{"name":"label-suffix","description":"suffix of the label","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Form#Props","value":{"type":"string","kind":"expression"}},{"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/Form#Props","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"show-message","description":"whether to show the error message","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Form#Props","default":"true","value":{"type":"boolean","kind":"expression"}},{"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/Form#Props","default":"false","value":{"type":"boolean","kind":"expression"}},{"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/Form#Props","default":"false","value":{"type":"boolean","kind":"expression"}},{"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/Form#Props","default":"true","value":{"type":"boolean","kind":"expression"}},{"name":"size","description":"control the size of components in this form","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Form#Props","value":{"type":"string","kind":"expression"}},{"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/Form#Props","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"gutter","description":"grid spacing","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Form#Props","default":"0","value":{"type":"number","kind":"expression"}},{"name":"justify","description":"horizontal alignment of flex layout","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Form#Props","default":"start","value":{"type":"string","kind":"expression"}},{"name":"align","description":"vertical alignment of flex layout","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Form#Props","default":"top","value":{"type":"string","kind":"expression"}}],"events":[{"name":"submit","description":"triggers when the submit click","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Form#Events"},{"name":"reset","description":"triggers when the reset click","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Form#Events"},{"name":"validate","description":"triggers after a form item is validated","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Form#Events"}],"slots":[{"name":"default","description":"anything inserted before the menu","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Form#Slots"},{"name":"menu-left","description":"control the menu left display content","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Form#Slots"},{"name":"menu-right","description":"control the menu right display content","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Form#Slots"},{"name":"[prop]","description":"control the `Item` display content, parameters { item, value, setValue }","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Form#Slots"},{"name":"[prop]-label","description":"control the `Item` label display content, parameters { item }","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Form#Slots"},{"name":"[prop]-error","description":"control the `Item` error display content, parameters { error, item }","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/Form#Slots"}]},{"name":"pro-input-tag","source":{"symbol":"ProInputTag"},"description":"Enter an array of tags","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/InputTag#InputTag","attributes":[{"name":"model-value","description":"binding value","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/InputTag#InputTag Props","value":{"type":"array","kind":"expression"}},{"name":"trigger","description":"the key to trigger input tag","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/InputTag#InputTag Props","default":"space","value":{"type":"string","kind":"expression"}},{"name":"size","description":"component size","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/InputTag#InputTag Props","value":{"type":"string","kind":"expression"}},{"name":"type","description":"tag Type","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/InputTag#InputTag Props","value":{"type":"string","kind":"expression"}},{"name":"hit","description":"whether Tag has a highlighted border","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/InputTag#InputTag Props","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"color","description":"background color of the Tag","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/InputTag#InputTag Props","value":{"type":"string","kind":"expression"}},{"name":"effect","description":"component theme of the Tag","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/InputTag#InputTag Props","default":"light","value":{"type":"string","kind":"expression"}},{"name":"maxlength","description":"maximum Input text length","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/InputTag#InputTag Props","value":{"type":"number","kind":"expression"}},{"name":"minlength","description":"minimum Input text length","doc-url":"https://tolking.github.io/element-pro-components/en-US/components/InputTag#InputTag Props","value":{"type":"number","kind":"expression"}},{"name":"show-word-limit","description":"whether show word count","doc-url":"https://tolking.github.io/e