mirrors/vue2-datepicker
2
0
Fork 0
mirror of https://github.com/tenrok/vue2-datepicker.git synced 2026-06-12 22:32:29 +03:00
Code Activity

fix: provide scoped slot to input slot (#492)

Browse Source
This commit is contained in:
mengxiong10
2020-08-09 20:23:51 +08:00
parent 1bca35bd74
commit b3126a0c65
1 changed files with 46 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/date-picker.vue
+46 -13
View File
@@ -8,19 +8,47 @@
}"
>
<div v-if="!inline" :class="`${prefixClass}-input-wrapper`" @mousedown="openPopup">
<slot name="input">
<slot
name="input"
:props="{
name: 'date',
type: 'text',
autocomplete: 'off',
value: text,
class: inputClass,
readonly: !editable,
disabled,
placeholder,
...inputAttr,
}"
:events="{
keydown: handleInputKeydown,
focus: handleInputFocus,
blur: handleInputBlur,
input: handleInputInput,
change: handleInputChange,
}"
>
<input
ref="input"
v-bind="{ name: 'date', type: 'text', autocomplete: 'off', value: text, ...inputAttr }"
:class="inputClass"
:disabled="disabled"
:readonly="!editable"
:placeholder="placeholder"
@keydown="handleInputKeydown"
@focus="handleInputFocus"
@blur="handleInputBlur"
@input="handleInputInput"
@change="handleInputChange"
v-bind="{
name: 'date',
type: 'text',
autocomplete: 'off',
value: text,
class: inputClass,
readonly: !editable,
disabled,
placeholder,
...inputAttr,
}"
v-on="{
keydown: handleInputKeydown,
focus: handleInputFocus,
blur: handleInputBlur,
input: handleInputInput,
change: handleInputChange,
}"
/>
</slot>
<i v-if="showClearIcon" :class="`${prefixClass}-icon-clear`" @mousedown.stop="handleClear">
@@ -456,10 +484,15 @@ export default {
this.$emit('update:open', false);
},
blur() {
this.$refs.input.blur();
// when use slot input
if (this.$refs.input) {
this.$refs.input.blur();
}
},
focus() {
this.$refs.input.focus();
if (this.$refs.input) {
this.$refs.input.focus();
}
},
handleInputChange() {
if (!this.editable || this.userInput === null) return;