diff --git a/README.md b/README.md index 5ebe2cfe6..5c60ea1f7 100644 --- a/README.md +++ b/README.md @@ -46,7 +46,7 @@ module.exports = { src: 'path/to/src' }, output: { - path: 'path/to/output' + path: 'path/to/output', publicPath: '/public', chunkFilename: '[chunkhash:12].js', filename: '[chunkhash:12].js' diff --git a/site/docs/en-US/carousel.md b/site/docs/en-US/carousel.md index f8f6c7a0e..325791097 100644 --- a/site/docs/en-US/carousel.md +++ b/site/docs/en-US/carousel.md @@ -156,6 +156,7 @@ render() { | autoplay | whether automatically loop the slides | boolean | — | true | | interval | interval of the auto loop, in milliseconds | number | — | 3000 | | indicatorPosition | position of the indicators | string | outside/none | — | +| indicator | whether show the indicator | boolean | — | true | | arrow | when arrows are shown | string | always/hover/never | hover | | type | type of the Carousel | string | card/flatcard | — | diff --git a/site/docs/en-US/cascader.md b/site/docs/en-US/cascader.md index 38fde957b..1b271a9f5 100644 --- a/site/docs/en-US/cascader.md +++ b/site/docs/en-US/cascader.md @@ -1434,5 +1434,5 @@ render() { ### Events | Event Name | Description | Parameters | |---------- |-------- |---------- | -| change | triggers when the binding value changes | value | +| onChange | triggers when the binding value changes | value | | activeItemChange | triggers when active option changes, only works when `change-on-select` is `false` | an array of active options | diff --git a/site/docs/en-US/checkbox.md b/site/docs/en-US/checkbox.md index 896b15043..d8e26dd1d 100644 --- a/site/docs/en-US/checkbox.md +++ b/site/docs/en-US/checkbox.md @@ -246,6 +246,7 @@ render() { | disabled | if the checkbox is disabled | boolean | — | false | | checked | if the checkbox is checked | boolean | — | false | | indeterminate | same as `indeterminate` in native checkbox | boolean | — | false | +| focus | if the checkbox is focused | boolean | — | false | ### Checkbox-group Attributes | Attribute | Description | Type | Options | Default| @@ -255,6 +256,7 @@ render() { |textColor | font color when button is active | string | — | #ffffff | | min | minimum number of checkbox checked | number | — | — | | max | maximum number of checkbox checked | number | — | — | +| value | checkbox options | string[] | — | [] | ### Checkbox-group Events | Event Name | Description | Parameters | diff --git a/site/docs/en-US/collapse.md b/site/docs/en-US/collapse.md index 857781c72..5422497f2 100644 --- a/site/docs/en-US/collapse.md +++ b/site/docs/en-US/collapse.md @@ -116,3 +116,9 @@ render() { |---------- |-------------- |---------- |-------------------------------- |-------- | | name | unique identification of the panel | string/number | — | — | | title | title of the panel | string | — | — | +| isActive | whether to activate item | boolean | — | — | + +### Collapse Item Events +| Event Name | Description | Parameters | +|---------|---------|---------| +| onClick | triggers when click on item | name | \ No newline at end of file diff --git a/site/docs/en-US/color-picker.md b/site/docs/en-US/color-picker.md index 88075839e..c48c5c4de 100644 --- a/site/docs/en-US/color-picker.md +++ b/site/docs/en-US/color-picker.md @@ -43,6 +43,7 @@ render() { ### Attributes | Attribute | Description | Type | Accepted Values | Default | |---------- |-------- |---------- |------------- |-------- | +| value | whether to set color | string | — | — | | showAlpha | whether to display the alpha slider | boolean | — | false | | colorFormat | color format of v-model | string | hsl / hsv / hex / rgb | hex (when show-alpha is false)/ rgb (when show-alpha is true) | diff --git a/site/docs/en-US/date-picker.md b/site/docs/en-US/date-picker.md index 06f2c4ea3..a5fac66e2 100644 --- a/site/docs/en-US/date-picker.md +++ b/site/docs/en-US/date-picker.md @@ -227,10 +227,10 @@ render() { | isShowTrigger | whether to show trigger icon | boolean | - | true | | isReadOnly | - | boolean | - | false | | isDisabled | - | boolean | - | false | -| isShowTime | show time or not | boolean | - | false | -| firstDayOfWeek | first day of week | Number | 0 to 6 | 0 | | onFocus | - | (SyntheticEvent)=>() | - | - | | onBlur | - | (SyntheticEvent)=>() | - | - | +| onChange | - | (SyntheticEvent)=>() | - | - | +| value | - | date | - | - | ### DatePicker diff --git a/site/docs/en-US/dialog.md b/site/docs/en-US/dialog.md index ab0d305ad..d8aff8002 100644 --- a/site/docs/en-US/dialog.md +++ b/site/docs/en-US/dialog.md @@ -152,6 +152,7 @@ render() { | Attribute | Description | Type | Accepted Values | Default | |---------- |-------------- |---------- |-------------------------------- |-------- | +| visible | state of Dialog. | boolean | — | false | | title | title of Dialog. Can also be passed with a named slot (see the following table) | string | — | — | | size | size of Dialog | string | tiny/small/large/full | small | | top | value for `top` of Dialog CSS, works when `size` is not `full` | string | — | 15% | @@ -166,5 +167,4 @@ render() { ### Events | Event Name | Description | Parameters | |---------- |-------- |---------- | -| onOpen | triggers when the Dialog opens | — | -| onClose | triggers when the Dialog closes | — | +| onCancel | triggers when the Dialog closes | — | diff --git a/site/docs/en-US/form.md b/site/docs/en-US/form.md index 9fb894537..4e3a2b414 100644 --- a/site/docs/en-US/form.md +++ b/site/docs/en-US/form.md @@ -571,7 +571,12 @@ render() { | label-position | position of label | string | left/right/top | right | | label-width | width of label, and all form items will inherit from `Form` | string | — | — | | label-suffix | suffix of the label | string | — | — | -| show-message | whether to show the error message | boolean | — | true | + +### Form Events + +| Method | Description | Parameters | +| ---- | ---- | ---- | +| onSubmit | submit the form | — | ### Form Methods diff --git a/site/docs/en-US/icon.md b/site/docs/en-US/icon.md index 5df253393..8fdddbec7 100644 --- a/site/docs/en-US/icon.md +++ b/site/docs/en-US/icon.md @@ -37,3 +37,9 @@ render() { } ``` ::: + +## Icons Attributes + +| Attribute | Description | Type | Accepted Values | Default | +| ----| ----| ----| ---- | ----- | +|name | Set icon's name | string | — | — | \ No newline at end of file diff --git a/site/docs/en-US/input-number.md b/site/docs/en-US/input-number.md index 53a1717c2..950bc7ef6 100644 --- a/site/docs/en-US/input-number.md +++ b/site/docs/en-US/input-number.md @@ -112,6 +112,7 @@ render() { | Attribute | Description | Type | Accepted Values | Default | |----| ----| ---| ----| -----| +|defaultValue | binding default value| number | — | — | |value | binding value| number | — | — | |min | the minimum allowed value | number | — | 0 | |max | the maximum allowed value | number | — | `Infinity` | diff --git a/site/docs/en-US/input.md b/site/docs/en-US/input.md index 88f8e906f..1611115a0 100644 --- a/site/docs/en-US/input.md +++ b/site/docs/en-US/input.md @@ -333,12 +333,23 @@ render() { |autoComplete | same as `auto-complete` in native input | string | on/off | off | |name | same as `name` in native input | string | — | — | | readOnly | same as `readonly` in native input | boolean | — | false | -|max | same as `max` in native input | — | — | — | -|min | same as `min` in native input | — | — | — | -|step| same as `step` in native input | — | — | — | |resize| control the resizability | string | none, both, horizontal, vertical | — | |autoFocus | same as `autofocus` in native input | boolean | — | false | -| onIconClick | hook function when clicking on the input icon | function | — | — | +|defaultValue | set default value | string/number| — | — | +|prepend | set prepend element | string/element | - | - | +|append | set append element | string/element | - | - | +|validating | adding loading icon | boolean | - | false | + +### Input Events + +| Event Name | Description | Parameters | +|----| ----| ----| +| onIconClick | hook function when clicking on the input icon | — | +| onFocus | triggers when a suggestion is focused | suggestion being clicked | +| onBlur | hook function for suggestion loses focus | suggestion being clicked | +| onChange | hook function for control input | — | +| onMouseEnter | hook function when mouse enter on element | — | +| onMouseLeave | hook function when mouse leave on element | — | ### Autocomplete Attributes diff --git a/site/docs/en-US/menu.md b/site/docs/en-US/menu.md index 1cbbcb485..617de14a0 100644 --- a/site/docs/en-US/menu.md +++ b/site/docs/en-US/menu.md @@ -126,11 +126,6 @@ onClose() { | onOpen | callback function when sub-menu expands | index: index of expanded sub-menu, indexPath: index path of expanded sub-menu | | onClose | callback function when sub-menu collapses | index: index of collapsed sub-menu, indexPath: index path of collapsed sub-menu | -### Menu-Item Events -| Event Name | Description | Parameters | -|---------- |-------- |---------- | -| onClick | callback function when menu-item is clicked | el: menu-item instance | - ### SubMenu Attribute | Attribute | Description | Type | Accepted Values | Default | |---------- |-------- |---------- |------------- |-------- | diff --git a/site/docs/en-US/popover.md b/site/docs/en-US/popover.md index c9f0aa282..523d24004 100644 --- a/site/docs/en-US/popover.md +++ b/site/docs/en-US/popover.md @@ -133,10 +133,7 @@ render() { | content | popover content, can be replaced with a default `slot` | string | — | — | | width | popover width | string, number | — | Min width 150px | | placement | popover placement | string | top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end | bottom | -| disabled | whether Popover is disabled | boolean | — | false | -| value(v-model) | whether popover is visible | Boolean | — | false | -| offset | popover offset | number | — | 0 | +| visible | whether popover is visible | Boolean | — | false | | transition | popover transition animation | string | — | fade-in-linear | | visibleArrow | whether a tooltip arrow is displayed or not. | boolean | — | true | -| options | parameters for [popper.js](https://popper.js.org/documentation.html) | object | please refer to [popper.js](https://popper.js.org/documentation.html) | `{ boundariesElement: 'body', gpuAcceleration: false }` | | popperClass | custom class name for popover | string | — | — | diff --git a/site/docs/en-US/radio.md b/site/docs/en-US/radio.md index fdbf4c855..329bc204a 100644 --- a/site/docs/en-US/radio.md +++ b/site/docs/en-US/radio.md @@ -133,14 +133,22 @@ render() { Attribute | Description | Type | Accepted Values | Default ---- | ---- | ---- | ---- | ---- checked | checked state of radio | boolean | — | false -label | the value of radio | string/number/boolean | — | — +value | the value of radio | string/number/boolean | — | — disabled | whether radio is disabled | boolean | — | false -name | native 'name' attribute | string | — | — +name | native 'name' attribute | string | — | — + +### Radio Events + +| Event Name | Description | Parameters | +--- | --- | --- +onChange | triggers when the bound value changes | the label value of the chosen radio | value ### Radio-group Attributes Attribute | Description | Type | Accepted Values | Default ---- | ---- | ---- | ---- | ---- +value | the value of radio | string/number | — | — +disabled | whether radio is disabled | boolean | — | false size | the size of radio buttons | string | large/small | — fill | border and background color when button is active | string | — | #20a0ff | textColor | font color when button is active | string | — | #ffffff | @@ -155,5 +163,7 @@ onChange | triggers when the bound value changes | the label value of the chosen Attribute | Description | Type | Accepted Values | Default ---- | ---- | ---- | ---- | ---- -label | the value of radio | string/number | — | — -disabled | whether radio is disabled | boolean | — | false +value | the value of radio | string/number | — | — +disabled | whether radio is disabled | boolean | — | inherited/false +name | native 'name' attribute | string | — | — +size | the size of radio buttons | string | large/small | inherited diff --git a/site/docs/en-US/rate.md b/site/docs/en-US/rate.md index 0a488b14b..1d69ed162 100644 --- a/site/docs/en-US/rate.md +++ b/site/docs/en-US/rate.md @@ -87,6 +87,7 @@ render() { | textColor | color of texts | string | — | #1F2D3D | | texts | text array | array | — | ['极差', '失望', '一般', '满意', '惊喜'] | | textTemplate | text template when the component is read-only | string | — | {value} | +| value | rating score | number | — | 0 | ### Events | Event Name | Description | Parameters | diff --git a/site/docs/en-US/select.md b/site/docs/en-US/select.md index e1a335483..d68ddda0f 100644 --- a/site/docs/en-US/select.md +++ b/site/docs/en-US/select.md @@ -446,19 +446,12 @@ render() { | disabled | whether Select is disabled | boolean | — | false | | size | size of Input | string | large/small/mini | — | | clearable | whether single select can be cleared | boolean | — | false | -| multipleLimit | maximum number of options user can select when `multiple` is `true`. No limit when set to 0 | number | — | 0 | -| name | the name attribute of select input | string | — | — | | placeholder | placeholder | string | — | Select | | filterable | whether Select is filterable | boolean | — | false | -| allowCreate | whether creating new items is allowed. To use this, `filterable` must be true | boolean | — | false | | filterMethod | custom filter method | function | — | — | | remote | whether options are loaded from server | boolean | — | false | | remoteMethod | custom remote search method | function | — | — | | loading | whether Select is loading data from server | boolean | — | false | -| loadingText | displayed text while loading data from server | string | — | Loading | -| noMatchText | displayed text when no data matches the filtering query | string | — | No matching data | -| noDataText | displayed text when there is no options | string | — | No data | -| popperClass | custom class name for Select's dropdown | string | — | — | ### Select Events | Event Name | Description | Parameters | @@ -472,11 +465,11 @@ render() { | Attribute | Description | Type | Accepted Values | Default | |---------- |-------------- |---------- |-------------------------------- |-------- | | label | name of the group | string | — | — | -| disabled | whether to disable all options in this group | boolean | — | false | ### Option Attributes | Attribute | Description | Type | Accepted Values | Default | |---------- |-------------- |---------- |-------------------------------- |-------- | | value | value of option | string/number/object | — | — | | label | label of option, same as `value` if omitted | string/number | — | — | +| selected | whether option is selected | boolean | — | false | | disabled | whether option is disabled | boolean | — | false | diff --git a/site/docs/en-US/slider.md b/site/docs/en-US/slider.md index 2d9a350f7..d9b5fb092 100644 --- a/site/docs/en-US/slider.md +++ b/site/docs/en-US/slider.md @@ -170,8 +170,12 @@ render() { | show-stops | whether to display breakpoints | boolean | — | false | | show-tooltip | whether to display tooltip value | boolean | — | true | | range | whether to select a range | boolean | — | false | +| value | set slider values | number/number[] | — | 0 | +| vertical | whether to display slider vertically | boolean | — | — | +| height | set Slider height | string | — | — | ## Events | Event Name | Description | Parameters | |---------- |-------- |---------- | -| change | triggers when the value changes (if the mouse is being dragged, this event only fires when the mouse is released) | value after changing | +| onChange | triggers when the value changes (if the mouse is being dragged, this event only fires when the mouse is released) | value after changing | +| formatTooltip | function for formatting value | value | diff --git a/site/docs/en-US/steps.md b/site/docs/en-US/steps.md index 322e34b9f..ce3c070ce 100644 --- a/site/docs/en-US/steps.md +++ b/site/docs/en-US/steps.md @@ -124,8 +124,6 @@ render() { | active | current activation step | number | — | 0 | | processStatus | status of current step | string | wait/process/finish/error/success | process | | finishStatus | status of end step | string | wait/process/finish/error/success | finish | -| alignCenter | whether step description is centered | boolean | — | false | -| center | center whole `Steps` component | boolean | - | false | ### Step Attributes | Attribute | Description | Type | Accepted Values | Default | @@ -133,3 +131,8 @@ render() { | title | step title | string | — | — | | description | step description | string | — | — | | icon | step icon | icons provided by Element Icon. Can be overwritten by a named slot if you want to use custom icons | string | — | +| status | step status | string | wait/process/finish/error/success | wait | +| direction | display direction | string | vertical/horizontal | horizontal | +| style | step style | Object | — | — | +| lineStyle | step lineStyle | Object | — | — | +| stepNumber | step stepNumber | number | — | — | \ No newline at end of file diff --git a/site/docs/en-US/switch.md b/site/docs/en-US/switch.md index 81cb9fd44..781123b1a 100644 --- a/site/docs/en-US/switch.md +++ b/site/docs/en-US/switch.md @@ -110,6 +110,7 @@ render() { | Attribute | Description | Type | Accepted Values | Default | |---------- |-------- |---------- |------------- |-------- | +| value | set Switch value | number/string/boolean | — | true | | disabled | whether Switch is disabled | boolean | — | false | | width | width of Switch | number | — | 58（with text）/ 46（no text） | | onIconClass | class name of the icon displayed when in `on` state, overrides `onText`| string | — | — | diff --git a/site/docs/en-US/tree.md b/site/docs/en-US/tree.md index 40aff450b..67cdb8063 100644 --- a/site/docs/en-US/tree.md +++ b/site/docs/en-US/tree.md @@ -584,11 +584,12 @@ render() { | autoExpandParent | whether to expand father node when a child node is expanded | boolean | — | true | | defaultExpandedKeys | array of keys of initially expanded nodes | array | — | — | | isShowCheckbox | whether node is selectable | boolean | — | false | -| checkedKeyStrictly |whether checked state of a node not affects its father and child nodes when `isShowCheckbox` is `true` | boolean | — | false | +| checkStrictly |whether checked state of a node not affects its father and child nodes when `isShowCheckbox` is `true` | boolean | — | false | | defaultCheckedKeys | array of keys of initially checked nodes | array | — | — | | filterNodeMethod | this function will be executed on each node when use filter method. if return `false`, tree node will be hidden. | Function(value, data, node) | — | — | | accordion | whether only one node among the same level can be expanded at one time | boolean | — | false | | indent |horizontal indentation of nodes in adjacent levels in pixels | number | — | 16 | +| lazy | Set true if loading subtree data | boolean | — | false | ### options @@ -596,6 +597,7 @@ render() { | --------- | ---------------------------------------- | ------ | --------------- | ------- | | label | specify which key of node object is used as the node's label | string | — | — | | children | specify which key of node object is used as the node's subtree | string | — | — | +| icon | specify which key of node object is used as the node's icon | string | — | — | ### Method `Tree` has the following method, which returns the currently selected array of nodes. diff --git a/site/docs/en-US/upload.md b/site/docs/en-US/upload.md index 9849cc4e8..466819020 100644 --- a/site/docs/en-US/upload.md +++ b/site/docs/en-US/upload.md @@ -286,17 +286,25 @@ submitUpload() { | showFileList | whether to show the uploaded file list | boolean | — | true | | drag | whether to activate drag and drop mode | boolean | - | - | | accept | accepted [file types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-accept)| string | — | — | -| onPreview | hook function when clicking the uploaded files | function(file) | — | — | -| onRemove | hook function when files are removed | function(file, fileList) | — | — | -| onSuccess | hook function when uploaded successfully | function(response, file, fileList) | — | — | -| onError | hook function when some errors occurs | function(err, file, fileList) | — | — | -| onProgress | hook function when some progress occurs | function(event, file, fileList) | — | — | -| onChange | hook function when file status change | function(file, fileList) | — | — | | beforeUpload | hook function before uploading with the file to be uploaded as its parameter. If `false` or a `Promise` is returned, uploading will be aborted | function(file) | — | — | | listType | type of fileList | string | text/picture/picture-card | text | | autoUpload | whether to auto upload file | boolean | — | true | | fileList | default uploaded files, i.e: [{name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg'}] | array | — | [] | +| tip | set the tip | element | — | — | +| trigger | set element to start upload | element | — | — | +| className | set class name | string | — | — | + +### Upload Events +| Event Name | Description | Parameters | +|---------- |-------------- | -- | +| onPreview | hook function when clicking the uploaded files | function(file) | +| onRemove | hook function when files are removed | function(file, fileList) | +| onSuccess | hook function when uploaded successfully | function(response, file, fileList) | +| onError | hook function when some errors occurs | function(err, file, fileList) | +| onProgress | hook function when some progress occurs | function(event, file, fileList) | +| onChange | hook function when file status change | function(file, fileList) | + ### Methods | Event Name | Description | Parameters | |---------- |-------------- | -- | diff --git a/site/docs/zh-CN/badge.md b/site/docs/zh-CN/badge.md index b1fc699e6..b88a44acf 100644 --- a/site/docs/zh-CN/badge.md +++ b/site/docs/zh-CN/badge.md @@ -107,3 +107,4 @@ render() { | value | 显示值 | string, number | — | — | | max | 最大值，超过最大值会显示 '{max}+'，要求 value 是 Number 类型 | number | — | — | | isDot | 小圆点 | boolean | — | false | +| hidden | 隱藏的徽章 | boolean | — | false | \ No newline at end of file diff --git a/site/docs/zh-CN/carousel.md b/site/docs/zh-CN/carousel.md index 6c6c937ff..352b530bc 100644 --- a/site/docs/zh-CN/carousel.md +++ b/site/docs/zh-CN/carousel.md @@ -155,6 +155,7 @@ render() { | autoplay | 是否自动切换 | boolean | — | true | | interval | 自动切换的时间间隔，单位为毫秒 | number | — | 3000 | | indicatorPosition | 指示器的位置 | string | outside/none | — | +| indicator | whether show the indicator | boolean | — | true | | arrow | 切换箭头的显示时机 | string | always/hover/never | hover | | type | 走马灯的类型 | string | card/flatcard | — | diff --git a/site/docs/zh-CN/cascader.md b/site/docs/zh-CN/cascader.md index b6ea134f7..93fda3682 100644 --- a/site/docs/zh-CN/cascader.md +++ b/site/docs/zh-CN/cascader.md @@ -1434,5 +1434,5 @@ render() { ### Events | 事件名称 | 说明 | 回调参数 | |---------- |-------- |---------- | -| change | 当绑定值变化时触发的事件 | 当前值 | +| onChange | 当绑定值变化时触发的事件 | 当前值 | | activeItemChange | 当父级选项变化时触发的事件，仅在 `change-on-select` 为 `false` 时可用 | 各父级选项组成的数组 | diff --git a/site/docs/zh-CN/checkbox.md b/site/docs/zh-CN/checkbox.md index ffba6fbb5..16c17845c 100644 --- a/site/docs/zh-CN/checkbox.md +++ b/site/docs/zh-CN/checkbox.md @@ -245,6 +245,7 @@ render() { | disabled | 按钮禁用 | boolean | — | false | | checked | 当前是否勾选 | boolean | — | false | | indeterminate | 设置 indeterminate 状态，只负责样式控制 | boolean | — | false | +| focus | if the checkbox is focused | boolean | — | false | ### Checkbox.Group Attributes | 参数 | 说明 | 类型 | 可选值 | 默认值 | @@ -254,6 +255,7 @@ render() { | textColor | 按钮激活时的文本颜色 | string | — | #ffffff | | min | 可被勾选的 checkbox 的最大数量 | number | — | — | | max | 可被勾选的 checkbox 的最小数量 | number | — | — | +| value | checkbox value | — | — | — | ### Checkbox.Group Events | 事件名称 | 说明 | 回调参数 | diff --git a/site/docs/zh-CN/collapse.md b/site/docs/zh-CN/collapse.md index c40495ec7..61c139802 100644 --- a/site/docs/zh-CN/collapse.md +++ b/site/docs/zh-CN/collapse.md @@ -131,3 +131,9 @@ render() { |---------- |-------------- |---------- |-------------------------------- |-------- | | name | 唯一标志符 | string/number | — | — | | title | 面板标题 | string/node | — | — | +| isActive | whether to activate item | boolean | — | — | + +### Collapse Item Events +| Event Name | Description | Parameters | +|---------|---------|---------| +| onClick | triggers when click on item | name | \ No newline at end of file diff --git a/site/docs/zh-CN/color-picker.md b/site/docs/zh-CN/color-picker.md index e903b3e2c..ecb8904c3 100644 --- a/site/docs/zh-CN/color-picker.md +++ b/site/docs/zh-CN/color-picker.md @@ -43,6 +43,7 @@ render() { ### Attributes | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------- |---------- |------------- |-------- | +| value | whether to set color | string | — | — | | showAlpha | 是否支持透明度选择 | boolean | — | false | | colorFormat | 写入 value 的颜色的格式 | string | hsl / hsv / hex / rgb | hex（show-alpha 为 false）/ rgb（show-alpha 为 true） | diff --git a/site/docs/zh-CN/date-picker.md b/site/docs/zh-CN/date-picker.md index f3596d09c..7c9e8730a 100644 --- a/site/docs/zh-CN/date-picker.md +++ b/site/docs/zh-CN/date-picker.md @@ -227,10 +227,10 @@ render() { | isShowTrigger | 是否显示图标 | boolean | - | true | | isReadOnly | 是否是只读 | boolean | - | false | | isDisabled | 是否是禁用 | boolean | - | false | -| isShowTime | 是否显示时间 | boolean | - | false | -| firstDayOfWeek | 周起始日 | Number | 0 到 6 | 0 | | onFocus | focus 事件触发 | (SyntheticEvent)=>() | - | - | | onBlur | blur 事件触发 | (SyntheticEvent)=>() | - | - | +| onChange | - | (SyntheticEvent)=>() | - | - | +| value | - | date | - | - | ### DatePicker | 参数 | 说明 | 类型 | 可选值 | 默认值 | diff --git a/site/docs/zh-CN/dialog.md b/site/docs/zh-CN/dialog.md index 8648fdf7b..f31cae4b5 100644 --- a/site/docs/zh-CN/dialog.md +++ b/site/docs/zh-CN/dialog.md @@ -149,6 +149,7 @@ render() { ### Attributes | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------------- |---------- |-------------------------------- |-------- | +| visible | Dialog 州 | boolean | — | false | | title | Dialog 的标题 | string | — | — | | size | Dialog 的大小 | string | tiny/small/large/full | small | | top | Dialog CSS 中的 top 值（仅在 size 不为 full 时有效） | string | — | 15% | @@ -161,5 +162,4 @@ render() { ### Events | 事件名称 | 说明 | 回调参数 | |---------- |-------- |---------- | -| onClose | Dialog 关闭的回调 | — | -| onOpen | Dialog 打开的回调 | — | +| onCancel | Dialog 关闭的回调 | — | diff --git a/site/docs/zh-CN/form.md b/site/docs/zh-CN/form.md index baa89f987..933546f16 100644 --- a/site/docs/zh-CN/form.md +++ b/site/docs/zh-CN/form.md @@ -569,6 +569,12 @@ render() { | labelWidth | 表单域标签的宽度，所有的 form-item 都会继承 form 组件的 labelWidth 的值 | string | — | — | | labelSuffix | 表单域标签的后缀 | string | — | — | +### Form Events + +| Method | Description | Parameters | +| ---- | ---- | ---- | +| onSubmit | submit the form | — | + ### Form Methods | 方法名 | 说明 | diff --git a/site/docs/zh-CN/icon.md b/site/docs/zh-CN/icon.md index 2e141f295..12072cdd9 100644 --- a/site/docs/zh-CN/icon.md +++ b/site/docs/zh-CN/icon.md @@ -36,3 +36,8 @@ render() { } ``` ::: + +## Icons Attributes +| Attribute | Description | Type | Accepted Values | Default | +| ----| ----| ----| ---- | ----- | +|name | Set name of icon | string | — | — | \ No newline at end of file diff --git a/site/docs/zh-CN/input.md b/site/docs/zh-CN/input.md index b5a0011e0..feb8eee97 100644 --- a/site/docs/zh-CN/input.md +++ b/site/docs/zh-CN/input.md @@ -454,12 +454,23 @@ render() { | autoComplete | 原生属性，自动补全 | string | on, off | off | | name | 原生属性 | string | — | — | | readOnly | 原生属性，是否只读 | boolean | — | false | -| max | 原生属性，设置最大值 | — | — | — | -| min | 原生属性，设置最小值 | — | — | — | -| step | 原生属性，设置输入字段的合法数字间隔 | — | — | — | | resize | 控制是否能被用户缩放 | string | none, both, horizontal, vertical | — | | autoFocus | 原生属性，自动获取焦点 | boolean | true, false | false | -| onIconClick | 点击 Input 内的图标的钩子函数 | function | — | — | +| defaultValue | 設置默認值 | string/number| — | — | +| prepend | set prepend element | string/element | - | - | +| append | set append element | string/element | - | - | +| validating | adding loading icon | boolean | - | false | + +### Input Events + +| Event Name | Description | Parameters | +|----| ----| ----| +| onIconClick | hook function when clicking on the input icon | — | +| onFocus | triggers when a suggestion is focused | suggestion being clicked | +| onBlur | hook function for suggestion loses focus | suggestion being clicked | +| onChange | hook function for control input | — | +| onMouseEnter | hook function when mouse enter on element | — | +| onMouseLeave | hook function when mouse leave on element | — | ### Autocomplete Attributes diff --git a/site/docs/zh-CN/radio.md b/site/docs/zh-CN/radio.md index b3da70c4b..bc1f6ffca 100644 --- a/site/docs/zh-CN/radio.md +++ b/site/docs/zh-CN/radio.md @@ -139,9 +139,16 @@ render() { | disabled | 是否禁用 | boolean | — | false | | name | 原生 name 属性 | string | — | — | +### Radio Events +| 事件名称 | 说明 | 回调参数 | +|---------- |-------- |---------- | +| onChange | 绑定值变化时触发的事件 | 选中的 Radio label 值 + ### Radio-group Attributes | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------- |---------- |------------- |-------- | +| value | Radio 的 value | string,number,boolean | — | — | +| disabled | 是否禁用 | boolean | — | false | | size | Radio 按钮组尺寸 | string | large, small | — | | fill | 按钮激活时的填充色和边框色 | string | — | #20a0ff | | textColor | 按钮激活时的文本颜色 | string | — | #ffffff | @@ -155,4 +162,6 @@ render() { | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------- |---------- |------------- |-------- | | value | Radio 的 value | string,number | — | — | -| disabled | 是否禁用 | boolean | — | false | +| disabled | 是否禁用 | boolean | — | inherited/false | +| name | 原生 name 属性 | string | — | — | +| size | Radio 按钮组尺寸 | string | large, small | inherited | diff --git a/site/docs/zh-CN/rate.md b/site/docs/zh-CN/rate.md index 14839505f..17dfbc3ca 100644 --- a/site/docs/zh-CN/rate.md +++ b/site/docs/zh-CN/rate.md @@ -83,6 +83,7 @@ render() { | textColor | 辅助文字的颜色 | string | — | 1F2D3D | | texts | 辅助文字数组 | array | — | ['极差', '失望', '一般', '满意', '惊喜'] | | textTemplate | 只读时的辅助文字模板 | string | — | {value} | +| value | 評分 | number | — | 0 | ### Events | 事件名称 | 说明 | 回调参数 | diff --git a/site/docs/zh-CN/select.md b/site/docs/zh-CN/select.md index 913d16427..66ea82d2d 100644 --- a/site/docs/zh-CN/select.md +++ b/site/docs/zh-CN/select.md @@ -439,6 +439,7 @@ render() { ### Select Attributes | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------------- |---------- |-------------------------------- |-------- | +| value | set value | any | — | — | | multiple | 是否多选 | boolean | — | false | | disabled | 是否禁用 | boolean | — | false | | clearable | 单选时是否可以清空选项 | boolean | — | false | @@ -462,7 +463,6 @@ render() { | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------------- |---------- |-------------------------------- |-------- | | label | 分组的组名 | string | — | — | -| disabled | 是否将该分组下所有选项置为禁用 | boolean | — | false | ### Option Attributes | 参数 | 说明 | 类型 | 可选值 | 默认值 | diff --git a/site/docs/zh-CN/slider.md b/site/docs/zh-CN/slider.md index 1fed43ec8..00edf013c 100644 --- a/site/docs/zh-CN/slider.md +++ b/site/docs/zh-CN/slider.md @@ -166,8 +166,12 @@ render() { | showInputControls | 在显示输入框的情况下，是否显示输入框的控制按钮 | boolean | — | true| | showStops | 是否显示间断点 | boolean | — | false | | range | 是否为范围选择 | boolean | — | false | +| value | set slider values | number/number[] | — | 0 | +| vertical | whether to display slider vertically | boolean | — | — | +| height | set Slider height | string | — | — | ### Events | 事件名称 | 说明 | 回调参数 | |---------- |-------- |---------- | | onChange | 值改变时触发 | 改变后的值 | +| formatTooltip | function for formatting value | value | diff --git a/site/docs/zh-CN/steps.md b/site/docs/zh-CN/steps.md index 89c4797d1..215085c0a 100644 --- a/site/docs/zh-CN/steps.md +++ b/site/docs/zh-CN/steps.md @@ -126,3 +126,8 @@ render() { | title | 标题 | string | — | — | | description | 描述性文字 | string/ReactElement | — | — | | icon | 图标 | Element Icon 提供的图标，如果要使用自定义图标可以通过自定义element的方式写入 | string | — | +| status | step status | string | wait/process/finish/error/success | wait | +| direction | display direction | string | vertical/horizontal | horizontal | +| style | step style | Object | — | — | +| lineStyle | step lineStyle | Object | — | — | +| stepNumber | step stepNumber | number | — | — | diff --git a/site/docs/zh-CN/switch.md b/site/docs/zh-CN/switch.md index 804ef2268..b63999785 100644 --- a/site/docs/zh-CN/switch.md +++ b/site/docs/zh-CN/switch.md @@ -110,6 +110,7 @@ render() { | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------- |---------- |------------- |-------- | +| value | set Switch value | number/string/boolean | — | true | | disabled | 是否禁用 | boolean | — | false | | width | switch 的宽度（像素） | number | — | 58（有文字）/ 46（无文字） | | onIconClass | switch 打开时所显示图标的类名，
设置此项会忽略 `onText` | string | — | — | diff --git a/site/docs/zh-CN/transfer.md b/site/docs/zh-CN/transfer.md index 344019406..608f8639d 100644 --- a/site/docs/zh-CN/transfer.md +++ b/site/docs/zh-CN/transfer.md @@ -224,6 +224,7 @@ render() { ### Attributes | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------- |---------- |------------- |-------- | +| value | checked data | array[] | — | [ ] | | data | Transfer 的数据源 | array[{ key, label, disabled }] | — | [ ] | | filterable | 是否可搜索 | boolean | — | false | | filterPlaceholder | 搜索框占位符 | string | — | 请输入搜索内容 | diff --git a/site/docs/zh-CN/tree.md b/site/docs/zh-CN/tree.md index 520f26168..a8ee7188e 100644 --- a/site/docs/zh-CN/tree.md +++ b/site/docs/zh-CN/tree.md @@ -598,12 +598,12 @@ render() { | autoExpandParent | 展开子节点的时候是否自动展开父节点 | boolean | — | true | | defaultExpandedKeys | 默认展开的节点的 key 的数组 | array | — | — | | isShowCheckbox | 节点是否可被选择 | boolean | — | false | -| checkedKeyStrictly | 在显示复选框的情况下，是否严格的遵循父子不互相关联的做法，默认为 false | boolean | — | false | +| checkStrictly | 在显示复选框的情况下，是否严格的遵循父子不互相关联的做法，默认为 false | boolean | — | false | | defaultCheckedKeys | 默认勾选的节点的 key 的数组 | array | — | — | | filterNodeMethod | 对树节点进行筛选时执行的方法，返回 true 表示这个节点可以显示，返回 false 则表示这个节点会被隐藏 | Function(value, data, node) | — | — | | accordion | 是否每次只打开一个同级树节点展开 | boolean | — | false | | indent | 相邻级节点间的水平缩进，单位为像素 | number | — | 16 | - +| lazy | 設置是否加載子樹數據 | boolean | — | false | ### options @@ -611,6 +611,7 @@ render() { |---------- |-------------- |---------- |-------------------------------- |-------- | | label | 指定节点标签为节点对象的某个属性值 | string | — | — | | children | 指定子树为节点对象的某个属性值 | string | — | — | +| icon | 指定節點對象的哪個鍵用作節點的圖標 | string | — | — | ### 方法 `Tree` 拥有如下方法，返回目前被选中的节点数组： diff --git a/site/docs/zh-CN/upload.md b/site/docs/zh-CN/upload.md index 6f0d8de82..96af58ba4 100644 --- a/site/docs/zh-CN/upload.md +++ b/site/docs/zh-CN/upload.md @@ -286,16 +286,23 @@ submitUpload() { | showFileList | 是否显示已上传文件列表 | boolean | — | true | | drag | 可选参数，是否支持拖拽 | boolean | - | - | | accept | 可选参数, 接受上传的[文件类型](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-accept)（thumbnailMode 模式下此参数无效）| string | — | — | +| beforeUpload | 可选参数, 上传文件之前的钩子，参数为上传的文件，若返回 false 或者 Promise 则停止上传。 | function(file) | — | — | +| listType | 文件列表的类型 | string | text/picture/picture-card | text | +| autoUpload | 是否在选取文件后立即进行上传 | boolean | — | true | +| fileList | 上传的文件列表, 例如: [{name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg'}] | array | — | [] | +| tip | set the tip | element | — | — | +| trigger | set element to start upload | element | — | — | +| className | set class name | string | — | — | + +### Upload Events +| Event Name | Description | Parameters | +|---------- |-------------- | -- | | onPreview | 可选参数, 点击已上传的文件链接时的钩子, 可以通过 file.response 拿到服务端返回数据 | function(file) | — | — | | onRemove | 可选参数, 文件列表移除文件时的钩子 | function(file, fileList) | — | — | | onSuccess | 可选参数, 文件上传成功时的钩子 | function(response, file, fileList) | — | — | | onError | 可选参数, 文件上传失败时的钩子 | function(err, file, fileList) | — | — | | onProgress | 可选参数, 文件上传时的钩子 | function(event, file, fileList) | — | — | | onChange | 可选参数, 文件状态改变时的钩子，上传成功或者失败时都会被调用 | function(file, fileList) | — | — | -| beforeUpload | 可选参数, 上传文件之前的钩子，参数为上传的文件，若返回 false 或者 Promise 则停止上传。 | function(file) | — | — | -| listType | 文件列表的类型 | string | text/picture/picture-card | text | -| autoUpload | 是否在选取文件后立即进行上传 | boolean | — | true | -| fileList | 上传的文件列表, 例如: [{name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg'}] | array | — | [] | ### Methods | 方法名 | 说明 | 参数 | diff --git a/src/input/Input.jsx b/src/input/Input.jsx index 3be5a7dff..8a0259382 100644 --- a/src/input/Input.jsx +++ b/src/input/Input.jsx @@ -16,7 +16,8 @@ export default class Input extends Component { type: 'text', autosize: false, rows: 2, - autoComplete: 'off' + autoComplete: 'off', + validating: false } constructor(props: Object) { diff --git a/src/locale/index.js b/src/locale/index.js index d7d536c36..5d71aea7b 100644 --- a/src/locale/index.js +++ b/src/locale/index.js @@ -1,5 +1,5 @@ import format from './format'; -import defaultLang from './lang/zh-CN'; +import defaultLang from './lang/en'; let _lang = defaultLang diff --git a/src/menu/SubMenu.jsx b/src/menu/SubMenu.jsx index edbbb984e..3023d2b7c 100644 --- a/src/menu/SubMenu.jsx +++ b/src/menu/SubMenu.jsx @@ -116,5 +116,6 @@ SubMenu.childContextTypes = { }; SubMenu.propTypes = { - index: PropTypes.string.isRequired + index: PropTypes.string.isRequired, + title: PropTypes.oneOfType([PropTypes.element, PropTypes.string]) }; diff --git a/src/notification/Notification.jsx b/src/notification/Notification.jsx index 212b99956..93504873f 100644 --- a/src/notification/Notification.jsx +++ b/src/notification/Notification.jsx @@ -108,6 +108,7 @@ Notification.propTypes = { duration: PropTypes.number, iconClass: PropTypes.string, onClick: PropTypes.func, + onClose: PropTypes.func, top: PropTypes.number } diff --git a/src/radio/Radio.jsx b/src/radio/Radio.jsx index fc14fc7f3..7636df6bb 100644 --- a/src/radio/Radio.jsx +++ b/src/radio/Radio.jsx @@ -59,7 +59,7 @@ export default class Radio extends Component { render(): React.Element { const { checked, focus } = this.state; - const { disabled, value, children } = this.props; + const { disabled, value, children, name } = this.props; return (