InputElement.js 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. import _slicedToArray from 'babel-runtime/helpers/slicedToArray';
  2. import _extends from 'babel-runtime/helpers/extends';
  3. import PropTypes from '../_util/vue-types';
  4. import { cloneElement } from '../_util/vnode';
  5. import { getOptionProps, getListeners } from '../_util/props-util';
  6. function chaining() {
  7. for (var _len = arguments.length, fns = Array(_len), _key = 0; _key < _len; _key++) {
  8. fns[_key] = arguments[_key];
  9. }
  10. return function () {
  11. for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
  12. args[_key2] = arguments[_key2];
  13. }
  14. // eslint-disable-line
  15. // eslint-disable-line
  16. for (var i = 0; i < fns.length; i++) {
  17. if (fns[i] && typeof fns[i] === 'function') {
  18. fns[i].apply(this, args);
  19. }
  20. }
  21. };
  22. }
  23. export default {
  24. name: 'InputElement',
  25. inheritAttrs: false,
  26. props: {
  27. value: PropTypes.any,
  28. disabled: PropTypes.bool,
  29. placeholder: PropTypes.string
  30. },
  31. render: function render() {
  32. var _$slots = this.$slots,
  33. $slots = _$slots === undefined ? {} : _$slots,
  34. _$attrs = this.$attrs,
  35. $attrs = _$attrs === undefined ? {} : _$attrs,
  36. placeholder = this.placeholder;
  37. var listeners = getListeners(this);
  38. var props = getOptionProps(this);
  39. var value = props.value === undefined ? '' : props.value;
  40. var children = $slots['default'][0];
  41. var _$slots$default$0$com = $slots['default'][0].componentOptions,
  42. componentOptions = _$slots$default$0$com === undefined ? {} : _$slots$default$0$com;
  43. var _componentOptions$lis = componentOptions.listeners,
  44. events = _componentOptions$lis === undefined ? {} : _componentOptions$lis;
  45. var newEvent = _extends({}, events);
  46. var _iteratorNormalCompletion = true;
  47. var _didIteratorError = false;
  48. var _iteratorError = undefined;
  49. try {
  50. for (var _iterator = Object.entries(listeners)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
  51. var _ref = _step.value;
  52. var _ref2 = _slicedToArray(_ref, 2);
  53. var eventName = _ref2[0];
  54. var event = _ref2[1];
  55. newEvent[eventName] = chaining(event, events[eventName]);
  56. }
  57. } catch (err) {
  58. _didIteratorError = true;
  59. _iteratorError = err;
  60. } finally {
  61. try {
  62. if (!_iteratorNormalCompletion && _iterator['return']) {
  63. _iterator['return']();
  64. }
  65. } finally {
  66. if (_didIteratorError) {
  67. throw _iteratorError;
  68. }
  69. }
  70. }
  71. var attrs = _extends({}, $attrs, { value: value });
  72. // https://github.com/vueComponent/ant-design-vue/issues/1761
  73. delete props.placeholder;
  74. if (placeholder) {
  75. props.placeholder = placeholder;
  76. attrs.placeholder = placeholder;
  77. }
  78. return cloneElement(children, {
  79. domProps: {
  80. value: value
  81. },
  82. props: props,
  83. on: newEvent,
  84. attrs: attrs,
  85. ref: 'ele'
  86. });
  87. }
  88. };