From 258a165416b23b0f2b59524751b5fbea78b665bf Mon Sep 17 00:00:00 2001 From: baiyaaaaa Date: Sun, 30 Jul 2017 16:26:05 +0800 Subject: [PATCH] add name prop to form components (#6042) add name prop Revert "feature menu collapse" This reverts commit e5ef11d87825f02357c434aedfcef79192600b1b. --- examples/docs/en-US/date-picker.md | 1 + examples/docs/en-US/datetime-picker.md | 1 + examples/docs/en-US/input-number.md | 1 + examples/docs/en-US/input.md | 1 + examples/docs/en-US/time-picker.md | 1 + examples/docs/zh-CN/date-picker.md | 1 + examples/docs/zh-CN/datetime-picker.md | 1 + examples/docs/zh-CN/input-number.md | 1 + examples/docs/zh-CN/input.md | 1 + examples/docs/zh-CN/time-picker.md | 1 + packages/date-picker/src/picker.vue | 2 ++ packages/input-number/src/input-number.vue | 16 +++++++++------- 12 files changed, 21 insertions(+), 7 deletions(-) diff --git a/examples/docs/en-US/date-picker.md b/examples/docs/en-US/date-picker.md index 328a4bdef..1419f4843 100644 --- a/examples/docs/en-US/date-picker.md +++ b/examples/docs/en-US/date-picker.md @@ -287,6 +287,7 @@ Picking a date range is supported. | picker-options | additional options, check the table below | object | — | {} | | range-separator | range separator | string | - | ' - ' | | default-value | optional default time of the picker | Date | anything accepted by `new Date()` | - | +|name | same as `name` in native input | string | — | — | ### Picker Options | Attribute | Description | Type | Accepted Values | Default | diff --git a/examples/docs/en-US/datetime-picker.md b/examples/docs/en-US/datetime-picker.md index c5a721634..ff473cb8e 100644 --- a/examples/docs/en-US/datetime-picker.md +++ b/examples/docs/en-US/datetime-picker.md @@ -241,6 +241,7 @@ Select date and time in one picker. | popper-class | custom class name for DateTimePicker's dropdown | string | — | — | | picker-options | additional options, check the table below | object | — | {} | | range-separator | range separator | string | - | ' - ' | +|name | same as `name` in native input | string | — | — | ### Picker Options | Attribute | Description | Type | Accepted Values | Default | diff --git a/examples/docs/en-US/input-number.md b/examples/docs/en-US/input-number.md index 196430afc..e5c63a6c7 100644 --- a/examples/docs/en-US/input-number.md +++ b/examples/docs/en-US/input-number.md @@ -135,6 +135,7 @@ Additional `large` and `small` sizes of the input box are available |disabled| whether the component is disabled | boolean | — | false | |controls| whether to enable the control buttons | boolean | — | true | |debounce| debounce delay when typing, in millisecond | number | — | 300 | +|name | same as `name` in native input | string | — | — | ### Events diff --git a/examples/docs/en-US/input.md b/examples/docs/en-US/input.md index e2186f1c5..89c6d76fd 100644 --- a/examples/docs/en-US/input.md +++ b/examples/docs/en-US/input.md @@ -640,6 +640,7 @@ Attribute | Description | Type | Options | Default | popper-class | custom class name for autocomplete's dropdown | string | — | — | | trigger-on-focus | whether show suggestions when input focus | boolean | — | true | | on-icon-click | hook function when clicking on the input icon | function | — | — | +|name | same as `name` in native input | string | — | — | ### props | Attribute | Description | Type | Accepted Values | Default | diff --git a/examples/docs/en-US/time-picker.md b/examples/docs/en-US/time-picker.md index 7783a3fbf..e35ceef6e 100644 --- a/examples/docs/en-US/time-picker.md +++ b/examples/docs/en-US/time-picker.md @@ -161,6 +161,7 @@ Can pick an arbitrary time range. | align | alignment | left/center/right | left | | popper-class | custom class name for TimePicker's dropdown | string | — | — | | picker-options | additional options, check the table below | object | — | {} | +|name | same as `name` in native input | string | — | — | ### Time Select Options | Attribute | Description | Type | Accepted Values | Default | diff --git a/examples/docs/zh-CN/date-picker.md b/examples/docs/zh-CN/date-picker.md index 00e01d929..7ed483a8a 100644 --- a/examples/docs/zh-CN/date-picker.md +++ b/examples/docs/zh-CN/date-picker.md @@ -297,6 +297,7 @@ |picker-options | 当前时间日期选择器特有的选项参考下表 | object | — | {} | | range-separator | 选择范围时的分隔符 | string | - | ' - ' | | default-value | 可选，DatePicker打开时默认显示的时间 | Date | 可被new Date()解析 | - | +| name | 原生属性 | string | — | — | ### Picker Options | 参数 | 说明 | 类型 | 可选值 | 默认值 | diff --git a/examples/docs/zh-CN/datetime-picker.md b/examples/docs/zh-CN/datetime-picker.md index ba5978048..7d4d30ee0 100644 --- a/examples/docs/zh-CN/datetime-picker.md +++ b/examples/docs/zh-CN/datetime-picker.md @@ -240,6 +240,7 @@ | popper-class | DateTimePicker 下拉框的类名 | string | — | — | | picker-options | 当前时间日期选择器特有的选项参考下表 | object | — | {} | | range-separator | 选择范围时的分隔符 | string | - | ' - ' | +| name | 原生属性 | string | — | — | ### Picker Options | 参数 | 说明 | 类型 | 可选值 | 默认值 | diff --git a/examples/docs/zh-CN/input-number.md b/examples/docs/zh-CN/input-number.md index 137f260d4..1725557c7 100644 --- a/examples/docs/zh-CN/input-number.md +++ b/examples/docs/zh-CN/input-number.md @@ -132,6 +132,7 @@ | disabled | 是否禁用计数器 | boolean | — | false | | controls | 是否使用控制按钮 | boolean | — | true | | debounce | 输入时的去抖延迟，毫秒 | number | — | 300 | +| name | 原生属性 | string | — | — | ### Events | 事件名称 | 说明 | 回调参数 | diff --git a/examples/docs/zh-CN/input.md b/examples/docs/zh-CN/input.md index 710b48a46..a449dca4b 100644 --- a/examples/docs/zh-CN/input.md +++ b/examples/docs/zh-CN/input.md @@ -801,6 +801,7 @@ export default { | trigger-on-focus | 是否在输入框 focus 时显示建议列表 | boolean | — | true | | on-icon-click | 点击图标的回调函数 | function | — | — | | icon | 输入框尾部图标 | string | — | — | +| name | 原生属性 | string | — | — | ### Props | 参数 | 说明 | 类型 | 可选值 | 默认值 | diff --git a/examples/docs/zh-CN/time-picker.md b/examples/docs/zh-CN/time-picker.md index f5ac81ad5..b8f5663a7 100644 --- a/examples/docs/zh-CN/time-picker.md +++ b/examples/docs/zh-CN/time-picker.md @@ -160,6 +160,7 @@ | align | 对齐方式 | string | left, center, right | left | | popper-class | TimePicker 下拉框的类名 | string | — | — | | picker-options | 当前时间日期选择器特有的选项参考下表 | object | — | {} | +| name | 原生属性 | string | — | — | ### Time Select Options | 参数 | 说明 | 类型 | 可选值 | 默认值 | diff --git a/packages/date-picker/src/picker.vue b/packages/date-picker/src/picker.vue index 03ad385a9..8f573d39c 100644 --- a/packages/date-picker/src/picker.vue +++ b/packages/date-picker/src/picker.vue @@ -5,6 +5,7 @@ :readonly="!editable || readonly" :disabled="disabled" :size="size" + :name="name" v-clickoutside="handleClose" :placeholder="placeholder" @focus="handleFocus" @@ -205,6 +206,7 @@ export default { format: String, readonly: Boolean, placeholder: String, + name: String, disabled: Boolean, clearable: { type: Boolean, diff --git a/packages/input-number/src/input-number.vue b/packages/input-number/src/input-number.vue index 9eac7e06d..256970b79 100644 --- a/packages/input-number/src/input-number.vue +++ b/packages/input-number/src/input-number.vue @@ -33,14 +33,15 @@ :size="size" :max="max" :min="min" + :name="name" ref="input" > - - + + @@ -104,7 +105,8 @@ debounce: { type: Number, default: 300 - } + }, + name: String }, data() { return {