98 lines
2.9 KiB
JavaScript
98 lines
2.9 KiB
JavaScript
|
import _slicedToArray from 'babel-runtime/helpers/slicedToArray';
|
||
|
|
import _extends from 'babel-runtime/helpers/extends';
|
||
|
|
import PropTypes from '../_util/vue-types';
|
||
|
|
import { cloneElement } from '../_util/vnode';
|
||
|
|
import { getOptionProps, getListeners } from '../_util/props-util';
|
||
|
|
function chaining() {
|
||
|
|
for (var _len = arguments.length, fns = Array(_len), _key = 0; _key < _len; _key++) {
|
||
|
|
fns[_key] = arguments[_key];
|
||
|
|
}
|
||
|
|
|
||
|
|
return function () {
|
||
|
|
for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
||
|
|
args[_key2] = arguments[_key2];
|
||
|
|
}
|
||
|
|
|
||
|
|
// eslint-disable-line
|
||
|
|
// eslint-disable-line
|
||
|
|
for (var i = 0; i < fns.length; i++) {
|
||
|
|
if (fns[i] && typeof fns[i] === 'function') {
|
||
|
|
fns[i].apply(this, args);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|
||
|
|
export default {
|
||
|
|
name: 'InputElement',
|
||
|
|
inheritAttrs: false,
|
||
|
|
props: {
|
||
|
|
value: PropTypes.any,
|
||
|
|
disabled: PropTypes.bool,
|
||
|
|
placeholder: PropTypes.string
|
||
|
|
},
|
||
|
|
render: function render() {
|
||
|
|
var _$slots = this.$slots,
|
||
|
|
$slots = _$slots === undefined ? {} : _$slots,
|
||
|
|
_$attrs = this.$attrs,
|
||
|
|
$attrs = _$attrs === undefined ? {} : _$attrs,
|
||
|
|
placeholder = this.placeholder;
|
||
|
|
|
||
|
|
var listeners = getListeners(this);
|
||
|
|
var props = getOptionProps(this);
|
||
|
|
var value = props.value === undefined ? '' : props.value;
|
||
|
|
var children = $slots['default'][0];
|
||
|
|
var _$slots$default$0$com = $slots['default'][0].componentOptions,
|
||
|
|
componentOptions = _$slots$default$0$com === undefined ? {} : _$slots$default$0$com;
|
||
|
|
var _componentOptions$lis = componentOptions.listeners,
|
||
|
|
events = _componentOptions$lis === undefined ? {} : _componentOptions$lis;
|
||
|
|
|
||
|
|
var newEvent = _extends({}, events);
|
||
|
|
|
||
|
|
var _iteratorNormalCompletion = true;
|
||
|
|
var _didIteratorError = false;
|
||
|
|
var _iteratorError = undefined;
|
||
|
|
|
||
|
|
try {
|
||
|
|
for (var _iterator = Object.entries(listeners)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
|
||
|
|
var _ref = _step.value;
|
||
|
|
|
||
|
|
var _ref2 = _slicedToArray(_ref, 2);
|
||
|
|
|
||
|
|
var eventName = _ref2[0];
|
||
|
|
var event = _ref2[1];
|
||
|
|
|
||
|
|
newEvent[eventName] = chaining(event, events[eventName]);
|
||
|
|
}
|
||
|
|
} catch (err) {
|
||
|
|
_didIteratorError = true;
|
||
|
|
_iteratorError = err;
|
||
|
|
} finally {
|
||
|
|
try {
|
||
|
|
if (!_iteratorNormalCompletion && _iterator['return']) {
|
||
|
|
_iterator['return']();
|
||
|
|
}
|
||
|
|
} finally {
|
||
|
|
if (_didIteratorError) {
|
||
|
|
throw _iteratorError;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
var attrs = _extends({}, $attrs, { value: value });
|
||
|
|
// https://github.com/vueComponent/ant-design-vue/issues/1761
|
||
|
|
delete props.placeholder;
|
||
|
|
if (placeholder) {
|
||
|
|
props.placeholder = placeholder;
|
||
|
|
attrs.placeholder = placeholder;
|
||
|
|
}
|
||
|
|
return cloneElement(children, {
|
||
|
|
domProps: {
|
||
|
|
value: value
|
||
|
|
},
|
||
|
|
props: props,
|
||
|
|
on: newEvent,
|
||
|
|
attrs: attrs,
|
||
|
|
ref: 'ele'
|
||
|
|
});
|
||
|
|
}
|
||
|
|
};
|