element-nice-ui
Version:
A Component Library for Vue.js.
1,274 lines (1,268 loc) • 58 kB
JSON
{
"attributes": [
"api",
"placeholder",
"code",
"query",
"data",
"pagination",
"row-key",
"headers",
"tree",
"children-key",
"data-path",
"align",
"height",
"show-tools",
"query-item-width"
],
"el-new-tree/tree-data": {
"type": "array",
"description": "树的数据"
},
"el-new-tree/checkable-filter": {
"type": "function",
"description": "可以显示复选框的元素过滤"
},
"el-new-tree/selectable-filter": {
"type": "function",
"description": "可以单选的元素过滤"
},
"el-new-tree/default-show-all": {
"type": "boolean",
"description": "默认显示全部"
},
"el-new-tree/filter-node-method": {
"type": "function",
"description": "节点过滤时的方法, 通过实例的filter来过滤"
},
"el-new-tree/checkable": {
"type": "boolean",
"description": "可多选的"
},
"el-new-tree/bubble": {
"type": "boolean",
"description": "是否冒泡关联"
},
"el-new-table/api": {
"type": "string",
"description": "请求接口"
},
"el-new-table/code": {
"type": "string",
"description": "表格唯一标识"
},
"el-new-table/query": {
"type": "object",
"description": "请求参数"
},
"el-new-table/tree": {
"type": "boolean",
"description": "以树形表格展示"
},
"el-new-table/headers": {
"type": "string",
"description": "表头"
},
"el-new-table/row-key": {
"type": "string",
"description": "唯一标识key"
},
"el-new-table/show-tools": {
"type": "boolean",
"description": "显示工具栏"
},
"el-new-table/query-item-width": {
"type": "string|number",
"description": "查询项宽度"
},
"el-bpmn-viewer/xml": {
"type": "string",
"description": "xml模板字符串"
},
"el-bpmn-viewer/finished": {
"type": "array",
"description": "已完成节点的id"
},
"el-bpmn-viewer/show-grid": {
"type": "boolean",
"description": "背景显示网格线"
},
"el-page/no-backtop": {
"type": "boolean",
"description": "是否显示回到顶部"
},
"el-page/submit": {
"type": "function",
"description": "提交函数, 和form的confirm类似"
},
"t-label": {
"type": "string",
"description": "标签"
},
"t-label-width": {
"type": "string",
"description": "标签长度"
},
"t-prop": {
"type": "string",
"description": "表单键"
},
"t-span": {
"type": "string|number",
"description": "表单栅格长度"
},
"t-tips": {
"type": "string",
"description": "表单提示"
},
"t-modifier": {
"options": ["number", "trim"],
"description": "修饰符, 和v-model的修饰符类似, 但是不支持lazy修饰符"
},
"el-action-item/need-to-confirm": {
"type": "boolean",
"description": "是否需要确认"
},
"el-action-item/confirm-text": {
"type": "string",
"description": "确认的内荣"
},
"gutter": { "type": "boolean", "description": "grid spacing" },
"justify": {
"options": ["start", "end", "center", "space-around", "space-between"],
"description": "horizontal alignment of flex layout"
},
"tag": { "description": "custom element tag" },
"span": { "type": "string|number", "description": "number of column the grid spans" },
"push": { "description": "number of columns that grid moves to the right" },
"pull": { "description": "number of columns that grid moves to the left" },
"xs": { "description": "<768px Responsive columns or column props object" },
"sm": { "description": "≥768px Responsive columns or column props object" },
"md": { "description": "≥992 Responsive columns or column props object" },
"lg": { "description": "≥1200 Responsive columns or column props object" },
"xl": {
"version": ">=2.0.0",
"description": "≥1200px Responsive columns or column props object, version >= 2"
},
"native-type": {
"options": ["button", "submit", "reset"],
"description": "same as native button's type"
},
"name": { "description": "native 'name' attribute" },
"fill": { "description": "border and background color when button is active" },
"true-label": { "description": "value of the checkbox if it's checked" },
"false-label": { "description": "value of the checkbox if it's not checked" },
"size": { "options": ["medium", "small", "mini"] },
"maxlength": { "description": "maximum Input text length" },
"minlength": { "description": "minimum Input text length" },
"rows": { "description": "number of rows of textarea, only works when type is 'textarea'" },
"autosize": {
"description": "whether textarea has an adaptive height, only works when type is 'textarea'. Can accept an object, e.g. { minRows: 2, maxRows: 6 }"
},
"auto-complete": { "options": ["on", "off"] },
"form": { "description": "same as 'form' in native input" },
"custom-item": {
"version": "<2.0.0",
"description": "component name of your customized suggestion list item"
},
"fetch-suggestions": {
"description": "a method to fetch input suggestions. When suggestions are ready, invoke callback(data:[]) to return them to Autocomplete"
},
"trigger-on-focus": { "description": "whether show suggestions when input focus" },
"on-icon-click": { "description": "hook function when clicking on the input icon" },
"debounce": { "description": "debounce delay when typing, in millisecond" },
"multiple-limit": {
"description": "maximum number of options user can select when multiple is true. No limit when set to 0"
},
"loading-text": { "description": "displayed text while loading data from server" },
"no-match-text": { "description": "displayed text when no data matches the filtering query" },
"no-data-text": { "description": "displayed text when there is no options" },
"expand-trigger": {
"options": ["click", "hover"],
"description": "trigger mode of expanding current item"
},
"show-all-levels": {
"description": "whether to display all levels of the selected value in the input"
},
"theme": {
"version": "<2.0.0",
"options": ["light", "dark"],
"description": "theme color, default: light"
},
"on-text": { "version": "<2.0.0", "description": "text displayed when in on state, version < 2" },
"off-text": {
"version": "<2.0.0",
"description": "text displayed when in off state, version < 2"
},
"on-value": {
"version": "<2.0.0",
"description": "switch value when in on state, default: true, version < 2"
},
"off-value": {
"version": "<2.0.0",
"description": "switch value when in off state, default: false, version < 2"
},
"on-color": {
"version": "<2.0.0",
"description": "background color when in on state, default: #20A0FF, version < 2"
},
"off-color": {
"version": "<2.0.0",
"description": "background color when in off state, default: #C0CCDA, version < 2"
},
"active-text": {
"version": ">=2.0.0",
"description": "text displayed when in on state, version >= 2"
},
"inactive-text": {
"version": ">=2.0.0",
"description": "text displayed when in off state, version >= 2"
},
"active-value": {
"version": ">=2.0.0",
"description": "switch value when in on state, default: true, version >= 2"
},
"inactive-value": {
"version": ">=2.0.0",
"description": "switch value when in off state, default: false, version >= 2"
},
"active-color": {
"version": ">=2.0.0",
"description": "background color when in on state, default: #409EFF, version >= 2"
},
"inactive-color": {
"version": ">=2.0.0",
"description": "background color when in off state, default: #C0CCDA, version >= 2"
},
"controls-position": {
"version": ">=2.0.0",
"options": ["right"],
"description": "position of the control buttons"
},
"tabindex": { "version": ">2.0.10", "description": "input tabindex" },
"tooltip-class": { "version": ">=2.2.1", "description": "custom class name for the tooltip" },
"predefine": { "version": ">=2.3.0", "description": "predefined color options, type: array" },
"allow-drag": {
"version": ">=2.3.0",
"description": "this function will be executed before dragging a node. If false is returned, the node can not be dragged, type: Function"
},
"allow-drop": {
"version": ">=2.3.0",
"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: Function"
},
"format": {
"description": "year yyyy month MM day dd, hour HH, minute mm, second ss, default: yyyy-MM-dd"
},
"range-separator": { "description": "default: '-'" },
"default-value": { "description": "optional default time of the picker, type: Date" },
"action": { "description": "required, upload URL" },
"headers": { "description": "request headers" },
"accept": { "description": "accepted file types, will not work when thumbnail-mode is true" },
"on-preview": {
"description": "hook function when clicking the uploaded files, type: function(file)"
},
"on-remove": {
"description": "hook function when files are removed, type: function(file, fileList)"
},
"on-success": {
"description": "hook function when uploaded successfully, type: function(response, file, fileList)"
},
"on-error": {
"description": "hook function when some errors occurs, type: function(err, file, fileList)"
},
"on-progress": {
"description": "hook function when some progress occurs, type: function(event, file, fileList)"
},
"on-change": {
"description": "hook function when select file or upload file success or upload file fail, type: function(file, fileList)"
},
"before-upload": {
"description": "hook function before uploading with the file to be uploaded as its parameter. If false is returned or a Promise is returned and then is rejected, uploading will be aborted, type: function(file)"
},
"before-remove": {
"version": ">=2.0.9",
"description": "hook function before removing a file with the file and file list as its parameters. If false is returned or a Promise is returned and then is rejected, removing will be aborted. type: function(file, fileList)"
},
"file-list": { "description": "default uploaded files, e.g. [{name: '*.jpeg', url: '*'}]" },
"list-type": {
"options": ["text", "picture", "picture-card"],
"description": "type of fileList, default: 'text'"
},
"http-request": {
"description": "override default xhr behavior, allowing you to implement your own upload-file's request"
},
"low-threshold": {
"description": "hreshold value between low and medium level. The value itself will be included in low level, default: 2"
},
"high-threshold": {
"description": "threshold value between medium and high level. The value itself will be included in high level, default: 4"
},
"colors": {
"description": "color array for icons. It should have 3 elements, each of which corresponds with a score level, default: ['#F7BA2A', '#F7BA2A', '#F7BA2A']"
},
"void-color": { "description": "color of unselected icons, default: #C6D1DE" },
"disabled-void-color": { "description": "color of unselected read-only icons, default: #EFF2F7" },
"texts": { "description": "text array" },
"text-template": {
"version": "<2.0.0",
"description": "text template when the component is read-only, default: {value}"
},
"score-template": { "version": ">=2.0.0", "description": "score template, default: {value}" },
"color-format": {
"options": ["hsl", "hsv", "hex", "rgb"],
"description": "color format of v-model, default: hex(when show-alpha is false)/rgb(when show-alpha is true)"
},
"titles": { "description": "custom list titles, default: ['List 1', 'List 2']" },
"button-texts": { "description": "custom button texts, default: []" },
"render-content": { "description": "custom render function for data items" },
"left-default-checked": {
"description": "key array of initially checked data items of the left list, default: []"
},
"right-default-checked": {
"description": "key array of initially checked data items of the right list, default: []"
},
"model": { "description": "data of form component, type: object" },
"rules": { "description": "validation rules of form" },
"label-position": {
"options": ["left", "right", "top"],
"description": "position of label, default: 'right'"
},
"error": {
"description": "field error message, set its value and the field will validate error and show this message immediately"
},
"current-row-key": { "description": "key of current row, a set only prop" },
"row-class-name": {
"description": "function that returns custom class names for a row, or a string assigning class names for every row"
},
"prev-text": { "version": ">=2.0.0", "description": "text for the prev button" },
"next-text": { "version": ">=2.0.0", "description": "text for the next button" },
"header-row-class-name": {
"version": ">=2.0.0",
"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"
},
"header-row-style": {
"version": ">=2.0.0",
"description": "function that returns custom style for a row in table header, or an object assigning custom style for every row in table header"
},
"header-cell-class-name": {
"version": ">=2.0.0",
"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"
},
"header-cell-style": {
"version": ">=2.0.0",
"description": "function that returns custom style for a cell in table header, or an object assigning custom style for every cell in table header"
},
"cell-class-name": {
"version": ">=2.0.0",
"description": "function that returns custom class names for a cell, or a string assigning class names for every cell"
},
"cell-style": {
"version": ">=2.0.0",
"description": "function that returns custom style for a cell, or an object assigning custom style for every cell"
},
"row-style": {
"description": "function that returns custom style for a row, or a string assigning custom style for every row"
},
"row-key": {
"description": "key of row data, used for optimizing rendering. Required if 'reserve-selection' is on"
},
"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, type: Array"
},
"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"
},
"tooltip-effect": { "options": ["dark", "light"], "description": "tooltip 'effect' property" },
"sum-text": { "description": "displayed text for the first column of summary row, default: Sum" },
"summary-method": { "description": "custom summary method" },
"span-method": { "version": ">=2.0.0", "description": "method that returns rowspan and colspan" },
"column-key": {
"description": "column's key. If you need to use the filter-change event, you need this attribute to identify which column is being filtered"
},
"fixed": {
"options": ["ture", "left", "right"],
"description": "whether column is fixed at left/right. Will be fixed at left if 'true'"
},
"render-header": { "description": "render function for table header of this column" },
"sort-method": {
"description": "sorting method, works when 'sortable' is true. Should return a number, just like Array.sort, type: Function(a, b)"
},
"sort-by": {
"version": ">=2.0.2",
"description": "specify which property to sort by, works when 'sortable' is true and 'sort-method' is undefined. If set to an Array, the column will sequentially sort by the next property if the previous one is equal, type: Function(row, index)/String/Array"
},
"formatter": { "description": "function that formats content" },
"align": { "options": ["left", "center", "right"] },
"header-align": {
"options": ["left", "center", "right"],
"description": "alignment of the table header. If omitted, the value of the 'align' attribute will be applied"
},
"label-class-name": { "description": "class name of the label of this column" },
"selectable": {
"description": "function that determines if a certain row can be selected, works when type is 'selection' Function(row, index)"
},
"filters": {
"description": "an array of data filtering options. For each element in this array, 'text' and 'value' are required"
},
"filter-placement": { "description": "placement for the filter dropdown" },
"filtered-value": {
"description": "filter value for selected data, might be useful when table header is rendered with 'render-header'"
},
"percentage": { "description": "percentage, required, default: 0" },
"stroke-width": { "description": "the width of progress bar, default: 6" },
"node-key": {
"description": "unique identity key name for nodes, its value should be unique across the whole tree"
},
"load": { "description": "method for loading subtree data" },
"current-node-key": { "description": "key of current node, a set only prop" },
"default-expanded-keys": { "description": "array of keys of initially expanded nodes" },
"default-checked-keys": { "description": "array of keys of initially checked nodes" },
"filter-node-method": {
"description": "this function will be executed on each node when use filter method. if return 'false', tree node will be hidden."
},
"indent": {
"description": "horizontal indentation of nodes in adjacent levels in pixels, default: 16"
},
"page-size": { "description": "item count of each page, default: 10" },
"total": { "description": "total item count" },
"page-count": {
"description": "total page count. Set either 'total' or 'page-count' and pages will be displayed; if you need 'page-sizes', total is required"
},
"current-page": { "description": "current page number, supports the .sync modifier, default: 1" },
"layout": {
"options": ["sizes", "prev", "pager", "next", "jumper", "->", "total", "slot"],
"description": "layout of Pagination, elements separated with a comma"
},
"page-sizes": { "description": "options of item count per page, example: [10, 20]" },
"close-text": { "description": "customized close button text" },
"default-openeds": { "description": "array that contains keys of currently active sub-menus" },
"default-active": { "description": "index of currently active menu" },
"menu-trigger": {
"description": "how sub-menus are triggered, only works when mode is 'horizontal', default: hover"
},
"route": { "description": "Vue Router object" },
"activate-name": { "description": "name of the selected tab(deprecated)" },
"separator": { "description": "separator character, default: '/'" },
"to": { "description": "target route of the link, same as to of vue-router" },
"command": { "description": "a command to be dispatched to Dropdown's 'command' callback" },
"space": {
"description": "the spacing of each step, will be responsive if omitted. Support percentage."
},
"direction": {
"options": ["vertical", "horizontal"],
"description": "display direction, default: horizontal"
},
"active": { "description": "current activation step" },
"process-status": {
"options": ["wait", "process", "finish", "error", "success"],
"description": "status of current step, default: process"
},
"finish-status": {
"options": ["wait", "process", "finish", "error", "success"],
"description": "status of end step, default: finish"
},
"top": {
"description": "value for top of Dialog CSS, works when size is not full, default: 15%"
},
"custom-class": { "description": "custom class names for Dialog" },
"before-close": {
"description": "callback before Dialog closes, and it will prevent Dialog from closing"
},
"effect": { "options": ["dark", "light"], "description": "Tooltip theme" },
"transition": { "description": "animation name, default: 'el-fade-in-linear'" },
"header": { "description": "Title of the card. Also accepts a DOM passed by slot#header" },
"body-style": { "description": "CSS style of body,type: object, default: {padding: '20px'}" },
"initial-index": {
"description": "index of the initially active slide (starting from 0), default: 0"
},
"interval": { "description": "interval of the auto loop, in milliseconds, default: 30000" },
"indicator-position": {
"options": ["outside", "none"],
"description": "position of the indicators"
},
"arrow": {
"options": ["always", "hover", "nerver"],
"description": "when arrows are shown, default: hover"
},
"menu-algin": {
"version": "<2.0.0",
"options": ["start", "end"],
"description": "horizontal alignment, default: end"
},
"placement": {
"version": ">=2.0.0",
"options": [
"top",
"top-start",
"top-end",
"bottom",
"bottom-start",
"bottom-end",
"left",
"left-start",
"left-end",
"right",
"right-start",
"right-end"
],
"description": "default: bottom"
},
"value-key": {
"description": "unique identity key name for value, required when value is an object"
},
"hide-after": { "description": "timeout in milliseconds to hide tooltip, default: 0" },
"separator-class": { "version": ">=2.0.0", "description": "iconfont-separator's class" },
"start-placeholder": {
"version": ">=2.0.0",
"description": "placeholder for the start time in range mode"
},
"end-placeholder": {
"version": ">=2.0.0",
"description": "placeholder for the end time in range mode"
},
"value-format": {
"version": ">=2.0.0",
"description": "optional, format of binding value. If not specified, the binding value will be a Date object"
},
"tab-position": {
"version": ">=2.0.0",
"options": ["top", "right", "bottom", "left"],
"description": "position of tabs, default: top"
},
"on-exceed": { "version": ">=2.0.0", "description": "hook function when limit is exceeded" },
"show-timeout": { "description": "Delay time before show a dropdown, default: 250" },
"hide-timeout": { "description": "Delay time before hide a dropdown, default: 150" },
"default-time": {
"description": "The time value to use when selecting date range, type: string[]"
},
"target-order": {
"version": ">=2.2.1",
"options": ["original", "push", "unshift"],
"description": "order strategy for elements in the target list. If set to 'original', the elements will keep the same order as the data source. If set to 'push', the newly added elements will be pushed to the bottom. If set to 'unshift', the newly added elements will be inserted on the top, default: original"
},
"input-size": {
"version": ">=2.2.1",
"options": ["large", "medium", "small", "mini"],
"description": "size of the input box, default: small"
},
"el-submenu/show-timeout": {
"version": ">=2.0.11",
"description": "timeout before showing a sub-menu, default: 300"
},
"el-submenu/hide-timeout": {
"version": ">=2.0.11",
"description": "timeout before hiding a sub-menu, default: 300"
},
"el-input/on-icon-click": {
"version": "<2.0.0",
"description": "hook function when clicking on the input icon"
},
"el-upload/limit": { "version": ">=2.0.0", "description": "maximum number of uploads allowed" },
"el-transfer/footer-format": {
"version": "<2.0.0",
"description": "texts for checking status in list footer"
},
"el-transfer/format": {
"version": ">=2.0.0",
"description": "texts for checking status in list footer, default: { noChecked: '${total} items', hasChecked: '${checked}/${total} checked' }"
},
"el-dropdown/palcement": {
"options": ["top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end"],
"description": "placement of pop menu, default: 'bottom-end"
},
"el-menu/background-color": {
"version": ">=2.0.0",
"description": "background color of Menu (hex format), default: #ffffff"
},
"el-menu/text-color": {
"version": ">=2.0.0",
"description": "text color of Menu (hex format), default: #2d2f33"
},
"el-menu/active-text-color": {
"version": ">=2.0.0",
"description": "text color of currently active menu item (hex format), default: #409EFF"
},
"el-menu/size": {
"version": ">=2.15.1",
"options": ["small", "medium", "large"],
"description": "menu水平状态下的尺寸"
},
"el-tooltip/content": {
"type": "string",
"description": "display content, can be overridden by slot#content"
},
"el-popover/content": { "description": "popover content, can be replaced with a default slot" },
"el-dropdown/trigger": { "options": ["hover", "click"], "description": "default: hover" },
"el-carousel/trigger": { "options": ["hover", "click"], "description": "default: hover" },
"el-popover/trigger": {
"options": ["click", "focus", "hover", "manual"],
"description": "how the popover is triggered, default: click"
},
"el-tabs/name": {
"description": "identifier corresponding to the activeName of Tabs, representing the alias of the tab-pane"
},
"el-tabs/index": { "description": "name of the selected tab" },
"el-menu/model": { "options": ["horizontal", "vertical"], "description": "menu display mode" },
"el-tree/render-content": { "description": "render function for tree node" },
"el-step/status": {
"options": ["wait", "process", "finish", "error", "success"],
"description": "current status. It will be automatically set by Steps if not configured."
},
"el-progress/status": {
"options": ["success", "exception"],
"description": "the current status of progress bar"
},
"el-table-select/label": {
"description": "指定一个默认的label"
},
"el-table-column/min-width": {
"description": "column minimum width. Columns with width has a fixed width, while columns with min-width has a width that is distributed in proportion"
},
"el-table/empty-text": {
"description": "Displayed text when data is empty. You can customize this area with slot='empty'"
},
"el-table/selectable": {
"type": "Function",
"description": "指定哪些行可选"
},
"el-table/cache": {
"type": "boolean",
"description": "表示表格使用url的缓存"
},
"el-table/height": {
"type": "string",
"description": "指定表格的高度, 优先级高于autoHeight"
},
"el-table/no-searcher": {
"type": "boolean",
"description": "表示表格不显示searcher栏"
},
"el-data/no-cache": {
"type": "boolean",
"description": "表示数据容器不使用url的缓存"
},
"el-data/height": {
"type": "string",
"description": "指定数据容器的高度, 优先级高于autoHeight"
},
"el-data/no-searcher": {
"type": "boolean",
"description": "表示数据容器不显示searcher栏"
},
"el-tree/empty-text": { "description": "text displayed when data is void" },
"el-form-item/prop": {
"description": "a key of model. In the use of validate and resetFields method, the attribute is required"
},
"el-table-column/prop": { "description": "field name. You can also use its alias: property" },
"el-row/align": {
"options": ["top", "middle", "bottom"],
"description": "vertical alignment of flex layout"
},
"el-row/offset": { "description": "number of spacing on the left side of the grid" },
"el-tooltip/offset": { "description": "offset of the Tooltip, default: 0" },
"el-carousel-item/name": { "description": "name of the item, can be used in 'setActiveItem'" },
"el-collapse/name": { "description": "unique identification of the panel" },
"el-switch/name": { "description": "input name of Switch" },
"el-upload/name": { "description": "key name for uploaded file, default: 'file'" },
"el-input/resize": {
"options": ["none", "both", "horizontal", "vertical"],
"description": "control the resizability"
},
"el-input/step": { "description": "步进长度, 默认为1" },
"el-input-number/step": { "description": "incremental step" },
"el-input-number/money": {
"type": "boolean|number",
"description": "以货币格式显示, 可以传入一个转化数值作为输出的实际值的相乘系数, 默认为100"
},
"el-input-number/precision": { "type": "number", "description": "小数点精确的位数" },
"el-input-number/controls-right": {
"type": "boolean",
"description": "步进器的位置, 设为false则两边显示"
},
"el-switch/step": { "description": "step size, default: 1" },
"el-carousel/type": { "options": ["card"], "description": "type of the Carousel" },
"el-dropdown/type": {
"description": "menu button type, refer to Button Component, only works when 'split-button' is true"
},
"el-tabs/type": { "options": ["card", "border-card"], "description": "type of Tab" },
"el-progress/type": {
"options": ["line", "circle"],
"description": "the type of progress bar, default: line"
},
"el-row/type": {
"options": ["flex"],
"description": "layout mode, you can use 'flex', works in modern browsers"
},
"el-input/type": {
"description": "Same as the 'type' attribute of native input, except that it can be 'textarea'"
},
"el-btn/type": {
"options": ["primary", "success", "warning", "danger", "info", "text"],
"description": "button type"
},
"el-btn/icon": {
"type": "string",
"description": "按钮图标"
},
"el-btn/suffix-icon": {
"type": "string",
"description": "按钮右侧图标"
},
"el-date-picker/type": {
"options": ["year", "month", "date", "week", "datetime", "datetimerange", "daterange"],
"description": "type of the picker, default: date"
},
"el-table-column/type": {
"options": ["selection", "index", "expand"],
"description": "type of the column. If set to 'selection', the column will display checkbox. If set to 'index', the column will display index of the row (staring from 1). If set to 'expand', the column will display expand icon."
},
"el-tag/type": { "options": ["info", "success", "warning", "danger"], "description": "theme" },
"el-alert/type": {
"options": ["success", "warning", "info", "danger"],
"description": "component type"
},
"el-checkbox-group/min": { "description": "minimum number of checkbox checked" },
"el-input-number/min": { "description": "可以输入的最小值" },
"el-slider/min": { "description": "minimum value, defalult: 0" },
"el-slider/max": { "description": "maximum value, defalult: 100" },
"el-slider/debounce": {
"description": "debounce delay when typing, in millisecond, works when 'show-input' is true, default: 300"
},
"el-autocomplete/debounce": {
"version": ">=2.0.0",
"desciption": "debounce delay when typing, in milliseconds, default: 300"
},
"el-rate/max": { "description": "max rating score, default: 5" },
"el-badge/max": {
"description": "maximum value, shows '{max}+' when exceeded. Only works if 'value' is a Number"
},
"el-checkbox-group/max": { "description": "maximum number of checkbox checked" },
"el-input-number/max": { "description": "可以输入的最大值" },
"el-slider/height": { "description": "Slider height, required in vertical mode" },
"el-table/pagination": {
"type": "boolean",
"description": "这是一个分页表格, 会去渲染分页"
},
"el-table/auto-height": {
"type": "boolean",
"description": "表示该表格高度是自适应的而非固定"
},
"el-table/auto-queried": {
"type": "array",
"description": "改表格在值改变时自动检索的字段有哪些"
},
"el-table/query-label-width": {
"type": "number",
"description": "所有query项的label宽度"
},
"el-table/show-tools": {
"type": "boolean",
"description": "显示工具栏"
},
"el-table/api": {
"type": "string",
"description": "发起查询的远程接口的地址"
},
"el-data/pagination": {
"type": "boolean",
"description": "这是一个分页数据容器, 会去渲染分页"
},
"el-data/auto-height": {
"type": "boolean",
"description": "表示该数据容器高度是自适应的而非固定"
},
"el-data/auto-queried": {
"type": "array",
"description": "改数据容器在值改变时自动检索的字段有哪些"
},
"el-data/query-label-width": {
"type": "number",
"description": "所有query项的label宽度"
},
"el-data/show-tools": {
"type": "boolean",
"description": "显示工具栏"
},
"el-data/api": {
"type": "string",
"description": "发起查询的远程接口的地址"
},
"el-time-select/value": { "description": "value of the picker, default: HH:mm:ss" },
"el-tooltip/open-delay": { "description": "delay of appearance, in millisecond, default: 0" },
"el-popover/open-delay": {
"description": "delay of appearance when trigger is hover, in milliseconds"
},
"el-time-select/picker-options": {
"options": ["start", "end", "step", "minTime", "maxTime"],
"description": "additional options, type is object"
},
"el-time-picker/picker-options": {
"options": ["format", "selectableRange"],
"description": "additional options, type is object"
},
"el-date-picker/picker-options": {
"options": ["shortcuts", "disabledDate", "firstDayOfWeek", "onPick"],
"description": "additional options, type is object"
},
"loading": { "type": "boolean" },
"disabled": { "type": "boolean" },
"autofocus": { "type": "boolean" },
"checked": { "type": "boolean" },
"controls": { "type": "boolean" },
"remote": { "type": "boolean" },
"auto-upload": { "type": "boolean" },
"show-message": { "type": "boolean" },
"hidden": { "type": "boolean" },
"visible-arrow": { "type": "boolean" },
"collapse-transition": {
"version": ">2.3.0",
"type": "boolean",
"description": "whether to enable the collapse transition, default: true"
},
"select-on-indeterminate": {
"version": ">2.3.0",
"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"
},
"popper-append-to-body": {
"version": ">=2.2.0",
"type": "boolean",
"description": "whether to append the popper menu to body. If the positioning of the popper is wrong, you can try to set this prop to false, default: true"
},
"validate-on-rule-change": {
"type": "boolean",
"description": "whether to trigger validation when the 'rules' prop is changed, default: true"
},
"fullscreen": {
"version": ">=2.0.0",
"type": "boolean",
"description": "whether the Dialog takes up full screen, default: false"
},
"autoplay": {
"type": "boolean",
"description": "whether automatically loop the slides, default: true"
},
"enterable": {
"type": "boolean",
"description": "enterable whether the mouse can enter the tooltip, default: true"
},
"show-close": {
"type": "boolean",
"description": "whether to show a close button, default: true"
},
"close-on-press-escape": {
"type": "boolean",
"description": "whether the Dialog can be closed by pressing ESC, default: true"
},
"close-on-click-modal": {
"type": "boolean",
"description": "whether the Dialog can be closed by clicking the mask, default: true"
},
"lock-scroll": {
"type": "boolean",
"description": "whether scroll of body is disabled while Dialog is displayed, default: true"
},
"modal-append-to-body": {
"type": "boolean",
"description": "whether to append modal to body element. If false, the modal will be appended to Dialog's parent element, default: true"
},
"append-to-body": {
"version": ">=2.0.0",
"type": "boolean",
"description": "whether to append Dialog itself to body. A nested Dialog should have this attribute set to 'true', default: false"
},
"modal": { "type": "boolean", "description": "whether a mask is displayed, default: true" },
"visible": {
"type": "boolean",
"description": "visibility of Dialog, supports the '.sync' modifier, default: false"
},
"hide-on-click": {
"type": "boolean",
"description": "whether to hide menu after clicking menu-item"
},
"split-button": { "type": "boolean", "description": "whether a button group is displayed" },
"replace": {
"type": "boolean",
"description": "if 'true', the navigation will not leave a history record, default: false"
},
"auto-expand-parent": {
"type": "boolean",
"description": "whether to expand father node when a child node is expanded, default: true"
},
"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"
},
"filter-multiple": {
"type": "boolean",
"description": "whether data filtering supports multiple options"
},
"shwo-header": { "type": "boolean", "description": "whether table header is visible" },
"fit": {
"type": "boolean",
"description": "whether width of column automatically fits its container"
},
"inline": { "type": "boolean", "description": "whether the form is inline" },
"indeterminate": { "type": "boolean", "description": "same as indeterminate in native checkbox" },
"plain": { "type": "boolean", "description": "determine whether it's a plain button" },
"allow-half": { "type": "flag", "description": "whether picking half start is allowed" },
"thumbnail-mode": {
"type": "boolean",
"description": "whether thumbnail is displayed, default: false"
},
"show-upload-list": {
"type": "boolean",
"description": "whether to show the uploaded file list, default: true"
},
"vertical": { "type": "boolean", "description": "defaults: false" },
"collapse": {
"type": "boolean",
"description": "whether the menu is collapsed (available only in vertical mode)"
},
"el-tooltip/value": {
"type": "boolean",
"description": "visibility of Tooltip, default: false"
},
"el-collapse/accordion": {
"type": "boolean",
"description": "whether to activate accordion mode, default: false"
},
"el-tree/accordion": {
"type": "boolean",
"description": "whether only one node among the same level can be expanded at one time, default: false"
},
"el-btn/round": {
"version": ">=2.0.0",
"type": "boolean",
"description": "determine whether it's a round button, default: false"
},
"change": { "type": "method" },
"select": { "type": "method" },
"click": { "type": "method" },
"blur": { "type": "method" },
"focus": { "type": "method" },
"method": { "type": "method" },
"visible-change": { "type": "method" },
"remove-tag": { "type": "method" },
"szie-change": { "type": "method" },
"close": { "type": "method" },
"open": { "type": "method" },
"active-change": { "type": "method" },
"el-input/click": { "version": "<2.0.0", "type": "method" },
"el-menu/open": { "version": ">=2.0.0", "type": "method" },
"el-menu/close": { "version": ">=2.0.0", "type": "method" },
"check": {
"version": ">=2.2.0",
"type": "method",
"description": "triggers after clicking the checkbox of a node"
},
"show": { "type": "method", "description": "triggers when popover shows" },
"hide": { "type": "method", "description": "triggers when popover hides" },
"tab-click": { "type": "method", "description": "triggers when a tab is clicked" },
"tab-remove": { "type": "method", "description": "triggers when tab-remove button is clicked" },
"tab-add": { "type": "method", "description": "triggers when tab-add button is clicked" },
"edit": {
"type": "method",
"description": "triggers when tab-add button or tab-remove is clicked"
},
"node-expand": { "type": "method", "description": "triggers when current node open" },
"node-collapse": { "type": "method", "description": "triggers when current node close" },
"node-click": { "type": "method", "description": "triggers when a node is clicked" },
"node-contextmenu": {
"type": "method",
"version": ">=2.2.0",
"description": "triggers when a node is clicked by right button"
},
"check-change": {
"type": "method",
"description": "triggers when the selected state of the node changes"
},
"active-item-change": {
"type": "method",
"description": "triggers when active option changes, only works when 'change-on-select' is 'false'"
},
"select-all": {
"type": "method",
"description": "triggers when user clicks the checkbox in table header, arg: selection"
},
"selection-change": {
"type": "method",
"description": "triggers when selection changes, arg: selection"
},
"cell-mouse-enter": {
"type": "method",
"description": "triggers when hovering into a cell, arg: row, column, cell, event"
},
"cell-mouse-leave": {
"type": "method",
"description": "triggers when hovering out of a cell, arg: row column, cell, event"
},
"cell-click": {
"type": "method",
"description": "triggers when clicking a cell, arg: row, column, cell, event"
},
"cell-dbclick": {
"type": "method",
"description": "triggers when double clicking a cell, arg: row, column, cell, event"
},
"row-click": {
"type": "method",
"description": "triggers when clicking a row, arg: row, event, column"
},
"row-contextmenu": {
"type": "method",
"description": "triggers when user right clicks on a row, arg: row, event"
},
"row-dbclick": {
"type": "method",
"description": "triggers when double clicking a row, arg: row, event"
},
"header-click": {
"type": "method",
"description": "triggers when clicking a column header, arg: column, event"
},
"sort-change": {
"type": "method",
"description": "triggers when Table's sorting changes, arg: { column, prop, order }"
},
"filter-change": {
"type": "method",
"description": "column's key. If you need to use the filter-change event, this attribute is mandatory to identify which column is being filtered, arg: filters"
},
"current-change": {
"type": "method",
"description": "triggers when current row changes, arg: currentRow, oldCurrentRow"
},
"header-draggend": {
"type": "method",
"description": "triggers when finish dragging header, arg: newWidth, oldWidth, column, event"
},
"expand": {
"version": "<2.0.0",
"type": "method",
"description": "triggers when user expands or collapses a row, arg: row, expanded"
},
"expand-change": {
"version": ">=2.0.0",
"type": "method",
"description": "triggers when user expands or collapses a row, arg: row, expanded"
},
"left-check-change": {
"version": ">=2.2.2",
"type": "method",
"description": "triggers when end user changes the checked state of any data item in the left list"
},
"right-check-change": {
"version": ">=2.2.2",
"type": "method",
"description": "triggers when end user changes the checked state of any data item in the right list"
},
"node-drag-start": {
"version": ">=2.3.0",
"type": "method",
"description": "triggers when dragging starts"
},
"node-drag-enter": {
"version": ">=2.3.0",
"type": "method",
"description": "triggers when the dragging node enters another node"
},
"node-drag-leave": {
"version": ">=2.3.0",
"type": "method",
"description": "triggers when the dragging node leaves a node"
},
"node-drag-over": {
"version": ">=2.3.0",
"type": "method",
"description": "triggers when dragging over a node (like mouseover event)"
},
"node-drag-end": {
"version": ">=2.3.0",
"type": "method",
"description": "triggers when dragging ends"
},
"node-drop": {
"version": ">=2.3.0",
"type": "method",
"description": "triggers after the dragging node is dropped"
},
"validate": {
"version": ">=2.3.0",
"type": "method",
"description": "triggers after a form item is validated"
},
"el-table/select": {
"type": "method",
"description": "triggers when user clicks the checkbox in a row, arg: selection, row"
},
"el-tag/close": { "type": "method", "description": "triggers when Tab is removed" },
"el-tree/current-change": {
"type": "method",
"description": "triggers when current node changes"
},
"el-pagination/current-change": {
"type": "method",
"description": "triggers when 'current-page' changes"
},
"el-dropdown/command": {
"type": "method",
"description": "triggers when a dropdown item is clicked"
},
"el-input/clear": {
"version": ">=2.2.2",
"type": "method",
"description": "triggers when the Input is cleared by the button which generated by the 'clearable' attribute"
},
"el-select/clear": {
"type": "method",
"description": "triggers when the clear icon is clicked in a clearable Select"
},
"el-select/data-path": {
"type": "string",
"description": "请求到的数据在对象中的路径, 可以用prop1.prop2的方式"
},
"el-select/inline": {
"type": "boolean",
"description": "列表项行内显示, tree模式下该属性无效"
},
"el-select/tree": {
"type": "boolean",
"description": "作为一个树形选择组件"
},
"el-select/options": {
"type": "array|object",
"description": "传入options列表, 优先级高于api, 可以为对象或者数组, 为对象时以对象的key为值, value为标签"
},
"el-select/api": {
"type": "string",
"description": "接口地址, 自动获取选项"
},
"el-select/option-value": {
"type": "string",
"description": "指定选项的value值的字段, 默认为value"
},
"el-select/option-label": {
"type": "string",
"description": "指定选项的value值的字段, 默认为label"
},
"el-popover/after-enter": {
"version": ">=2.2.2",
"type": "method",
"description": "triggers when the entering transition ends"
},
"el-popover/after-leave": {
"version": ">=2.2.2",
"type": "method",
"description": "triggers when the leaving transition ends"
},
"readonly": { "type": "boolean" },
"multiple": { "type": "boolean" },
"clearable": { "type": "boolean" },
"filterable": { "type": "boolean" },
"editable": { "type": "boolean" },
"allow-create": { "type": "flag" },
"required": { "type": "boolean" },
"show-text": { "type": "flag" },
"stripe": { "type": "flag" },
"border": { "type": "flag" },
"show-summary": { "type": "flag" },
"default-expand-all": { "type": "flag" },
"highlight-current-row": { "type": "flag" },
"highlight-current": { "type": "flag" },
"sortable": { "type": "flag" },
"closable": { "type": "flag" },
"small": { "type": "flag" },
"divided": { "type": "flag" },
"circle": { "version": ">=2.3.0", "type": "flag" },
"simple": { "version": ">=2.0.0", "type": "flag" },
"el-radio/border": { "version": ">=2.0.0", "type": "flag" },
"el-checkbox/border": { "version": ">=2.0.0", "type": "flag" },
"draggable": {
"version": ">=2.3.0",
"type": "flag",
"description": "whether enable tree nodes drag and drop"
},
"unlink-panels": {
"version": ">=2.0.0",
"type": "flag",
"description": "unlink two date-panels in range-picker"
},
"reserve-keyword": {
"version": ">=2.0.0",
"type": "flag",
"description": "when 'multiple' and 'filter' is true, whether to reserve current keyword after selecting an option"
},
"default-first-option": {
"type": "flag",
"description": "select first matching option on enter key. Use with 'filterable' or 'remote'"
},
"arrow-control": {
"version": ">=2.0.0",
"type": "flag",
"description": "whether to pick time using arrow buttons, only works with <el-time-picker>"
},
"time-arrow-control": {
"version": ">=2.0.0",
"type": "flag",
"description": "whether to pick time using arrow buttons"
},
"status-icon": {
"version": ">=2.0.0",
"type": "flag",
"descript": "whether to display an icon indicating the validation result"
},
"select-when-unmatched": {
"type": "flag",
"description": "whether to emit a 'select' event on enter when there is no autocomplete match"
},
"manual": {
"type": "flag",
"description": "whether to control Tooltip manually. mouseenter and mouseleave won't have effects if set to 'true', default: false"
},
"align-center": { "type": "flag", "description": "whether step description is centered" },
"center": { "type": "flag", "description": "center whole Steps component" },
"router": {
"type": "flag",
"description": "whether vue-router mode is activated. If true, index will be used as 'path' to activate the route action"
},
"unique-opened": { "type": "flag", "description": "whether only one sub-menu can be active" },
"show-icon": { "type": "flag", "description": "if a type icon is displayed" },
"is-dot": { "type": "flag", "description": "a little dot is displayed" },
"check-strictly": {
"type": "flag",
"description": "whether checked state of a node not affects its father and child nodes when 'show-checkbox' is 'true'"
},
"show-checkbox": { "type": "flag", "description": "whether node is selectable" },
"text-inside": {
"type": "flag",
"description": "whether to place the percentage inside progress bar, only works when type is 'line'"
},
"hit": { "type": "flag", "description": "whether Tag has a highlighted border" },
"close-transition": {
"type": "flag",
"description": "whether the removal animation is disabled"
},
"reserve-selection": {
"type": "flag",
"description": "whether to reserve selection after data refreshing, works when type is 'selection'"
},
"show-overflow-tooltip": {
"type": "flag",
"description": "whether to hide extra content and show them in a tooltip when hovering on the cell"
},
"resizable": {
"type": "flag",
"description": "whether column width can be resized, works when border of 'el-table' is 'true'"
},
"show-alpha": { "type": "flag", "description": "whether to display the alpha slider" },
"drag": { "type": "flag", "description": "whether to activate drag and drop mode" },
"with-credentials": { "type": "flag", "description": "whether cookies are sent" },
"change-on-select": {
"type": "flag",
"description": "whether selecting an option of any level is permitted"
},
"show-input": {
"type": "flag",
"description": "whether to display an input box, works when 'range' is false,