83 lines
2.3 KiB
JavaScript
83 lines
2.3 KiB
JavaScript
|
'use strict';
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports.antInput = antInput;
|
||
|
|
/**
|
||
|
|
* Not type checking this file because flow doesn't like attaching
|
||
|
|
* properties to Elements.
|
||
|
|
*/
|
||
|
|
|
||
|
|
var inBrowser = exports.inBrowser = typeof window !== 'undefined';
|
||
|
|
var UA = exports.UA = inBrowser && window.navigator.userAgent.toLowerCase();
|
||
|
|
var isIE9 = exports.isIE9 = UA && UA.indexOf('msie 9.0') > 0;
|
||
|
|
function makeMap(str, expectsLowerCase) {
|
||
|
|
var map = Object.create(null);
|
||
|
|
var list = str.split(',');
|
||
|
|
for (var i = 0; i < list.length; i++) {
|
||
|
|
map[list[i]] = true;
|
||
|
|
}
|
||
|
|
return expectsLowerCase ? function (val) {
|
||
|
|
return map[val.toLowerCase()];
|
||
|
|
} : function (val) {
|
||
|
|
return map[val];
|
||
|
|
};
|
||
|
|
}
|
||
|
|
var isTextInputType = makeMap('text,number,password,search,email,tel,url');
|
||
|
|
|
||
|
|
function onCompositionStart(e) {
|
||
|
|
e.target.composing = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
function onCompositionEnd(e) {
|
||
|
|
// prevent triggering an input event for no reason
|
||
|
|
if (!e.target.composing) return;
|
||
|
|
e.target.composing = false;
|
||
|
|
trigger(e.target, 'input');
|
||
|
|
}
|
||
|
|
|
||
|
|
function trigger(el, type) {
|
||
|
|
var e = document.createEvent('HTMLEvents');
|
||
|
|
e.initEvent(type, true, true);
|
||
|
|
el.dispatchEvent(e);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* istanbul ignore if */
|
||
|
|
if (isIE9) {
|
||
|
|
// http://www.matts411.com/post/internet-explorer-9-oninput/
|
||
|
|
document.addEventListener('selectionchange', function () {
|
||
|
|
var el = document.activeElement;
|
||
|
|
if (el && el.vmodel) {
|
||
|
|
trigger(el, 'input');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function antInput(Vue) {
|
||
|
|
return Vue.directive('ant-input', {
|
||
|
|
inserted: function inserted(el, binding, vnode) {
|
||
|
|
if (vnode.tag === 'textarea' || isTextInputType(el.type)) {
|
||
|
|
if (!binding.modifiers || !binding.modifiers.lazy) {
|
||
|
|
el.addEventListener('compositionstart', onCompositionStart);
|
||
|
|
el.addEventListener('compositionend', onCompositionEnd);
|
||
|
|
// Safari < 10.2 & UIWebView doesn't fire compositionend when
|
||
|
|
// switching focus before confirming composition choice
|
||
|
|
// this also fixes the issue where some browsers e.g. iOS Chrome
|
||
|
|
// fires "change" instead of "input" on autocomplete.
|
||
|
|
el.addEventListener('change', onCompositionEnd);
|
||
|
|
/* istanbul ignore if */
|
||
|
|
if (isIE9) {
|
||
|
|
el.vmodel = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
exports['default'] = {
|
||
|
|
install: function install(Vue) {
|
||
|
|
antInput(Vue);
|
||
|
|
}
|
||
|
|
};
|