fix: time-picker focus blur autoFocus not work

vueComponent · Jun 17, 2018 · 28d009d · 28d009d
1 parent d6aeb97
commit 28d009d
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/components/time-picker/index.jsx b/components/time-picker/index.jsx
@@ -55,6 +55,8 @@ export const TimePickerProps = () => ({
   align: PropTypes.object,
   placement: PropTypes.any,
   transitionName: PropTypes.string,
+  autoFocus: PropTypes.bool,
+  addon: PropTypes.any,
 })
 
 export default {
@@ -146,6 +148,7 @@ export default {
         class: className,
         ref: 'timePicker',
         on: {
+          ...this.$listeners,
           change: this.handleChange,
           open: this.handleOpenClose,
           close: this.handleOpenClose,

diff --git a/components/vc-time-picker/TimePicker.jsx b/components/vc-time-picker/TimePicker.jsx
@@ -12,6 +12,7 @@ function noop () {
 
 export default {
   mixins: [BaseMixin],
+  name: 'VcTimePicker',
   props: initDefaultProps({
     prefixCls: PropTypes.string,
     clearText: PropTypes.string,
@@ -84,6 +85,13 @@ export default {
       sValue: value,
     }
   },
+  mounted () {
+    this.$nextTick(() => {
+      if (this.autoFocus) {
+        this.focus()
+      }
+    })
+  },
 
   watch: {
     value (val) {