index.js 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
  1. 'use strict';
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. var _typeof2 = require('babel-runtime/helpers/typeof');
  6. var _typeof3 = _interopRequireDefault(_typeof2);
  7. var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
  8. var _defineProperty3 = _interopRequireDefault(_defineProperty2);
  9. var _extends2 = require('babel-runtime/helpers/extends');
  10. var _extends3 = _interopRequireDefault(_extends2);
  11. var _vcSelect = require('../vc-select');
  12. var _select = require('../select');
  13. var _select2 = _interopRequireDefault(_select);
  14. var _input = require('../input');
  15. var _input2 = _interopRequireDefault(_input);
  16. var _InputElement = require('./InputElement');
  17. var _InputElement2 = _interopRequireDefault(_InputElement);
  18. var _vueTypes = require('../_util/vue-types');
  19. var _vueTypes2 = _interopRequireDefault(_vueTypes);
  20. var _configConsumerProps = require('../config-provider/configConsumerProps');
  21. var _propsUtil = require('../_util/props-util');
  22. var _base = require('../base');
  23. var _base2 = _interopRequireDefault(_base);
  24. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
  25. // const DataSourceItemObject = PropTypes.shape({
  26. // value: String,
  27. // text: String,
  28. // }).loose
  29. // const DataSourceItemType = PropTypes.oneOfType([
  30. // PropTypes.string,
  31. // DataSourceItemObject,
  32. // ]).isRequired
  33. // export interface AutoCompleteInputProps {
  34. // onChange?: React.FormEventHandler<any>;
  35. // value: any;
  36. // }
  37. var AutoCompleteProps = (0, _extends3['default'])({}, (0, _select.AbstractSelectProps)(), {
  38. value: _select.SelectValue,
  39. defaultValue: _select.SelectValue,
  40. dataSource: _vueTypes2['default'].array,
  41. dropdownMenuStyle: _vueTypes2['default'].object,
  42. optionLabelProp: String,
  43. dropdownMatchSelectWidth: _vueTypes2['default'].bool
  44. // onChange?: (value: SelectValue) => void;
  45. // onSelect?: (value: SelectValue, option: Object) => any;
  46. });
  47. var AutoComplete = {
  48. name: 'AAutoComplete',
  49. props: (0, _extends3['default'])({}, AutoCompleteProps, {
  50. prefixCls: _vueTypes2['default'].string,
  51. showSearch: _vueTypes2['default'].bool.def(false),
  52. transitionName: _vueTypes2['default'].string.def('slide-up'),
  53. choiceTransitionName: _vueTypes2['default'].string.def('zoom'),
  54. autoFocus: _vueTypes2['default'].bool,
  55. backfill: _vueTypes2['default'].bool,
  56. optionLabelProp: _vueTypes2['default'].string.def('children'),
  57. filterOption: _vueTypes2['default'].oneOfType([_vueTypes2['default'].bool, _vueTypes2['default'].func]).def(false),
  58. defaultActiveFirstOption: _vueTypes2['default'].bool.def(true)
  59. }),
  60. Option: (0, _extends3['default'])({}, _vcSelect.Option, { name: 'AAutoCompleteOption' }),
  61. OptGroup: (0, _extends3['default'])({}, _vcSelect.OptGroup, { name: 'AAutoCompleteOptGroup' }),
  62. model: {
  63. prop: 'value',
  64. event: 'change'
  65. },
  66. inject: {
  67. configProvider: { 'default': function _default() {
  68. return _configConsumerProps.ConfigConsumerProps;
  69. } }
  70. },
  71. provide: function provide() {
  72. return {
  73. savePopupRef: this.savePopupRef
  74. };
  75. },
  76. methods: {
  77. savePopupRef: function savePopupRef(ref) {
  78. this.popupRef = ref;
  79. },
  80. getInputElement: function getInputElement() {
  81. var h = this.$createElement;
  82. var $slots = this.$slots,
  83. placeholder = this.placeholder;
  84. var children = (0, _propsUtil.filterEmpty)($slots['default']);
  85. var element = children.length ? children[0] : h(_input2['default'], {
  86. attrs: { lazy: false }
  87. });
  88. return h(
  89. _InputElement2['default'],
  90. {
  91. attrs: { placeholder: placeholder }
  92. },
  93. [element]
  94. );
  95. },
  96. focus: function focus() {
  97. if (this.$refs.select) {
  98. this.$refs.select.focus();
  99. }
  100. },
  101. blur: function blur() {
  102. if (this.$refs.select) {
  103. this.$refs.select.blur();
  104. }
  105. }
  106. },
  107. render: function render() {
  108. var _cls;
  109. var h = arguments[0];
  110. var size = this.size,
  111. customizePrefixCls = this.prefixCls,
  112. optionLabelProp = this.optionLabelProp,
  113. dataSource = this.dataSource,
  114. $slots = this.$slots;
  115. var getPrefixCls = this.configProvider.getPrefixCls;
  116. var prefixCls = getPrefixCls('select', customizePrefixCls);
  117. var cls = (_cls = {}, (0, _defineProperty3['default'])(_cls, prefixCls + '-lg', size === 'large'), (0, _defineProperty3['default'])(_cls, prefixCls + '-sm', size === 'small'), (0, _defineProperty3['default'])(_cls, prefixCls + '-show-search', true), (0, _defineProperty3['default'])(_cls, prefixCls + '-auto-complete', true), _cls);
  118. var options = void 0;
  119. var childArray = (0, _propsUtil.filterEmpty)($slots.dataSource);
  120. if (childArray.length) {
  121. options = childArray;
  122. } else {
  123. options = dataSource ? dataSource.map(function (item) {
  124. if ((0, _propsUtil.isValidElement)(item)) {
  125. return item;
  126. }
  127. switch (typeof item === 'undefined' ? 'undefined' : (0, _typeof3['default'])(item)) {
  128. case 'string':
  129. return h(
  130. _vcSelect.Option,
  131. { key: item },
  132. [item]
  133. );
  134. case 'object':
  135. return h(
  136. _vcSelect.Option,
  137. { key: item.value },
  138. [item.text]
  139. );
  140. default:
  141. throw new Error('AutoComplete[dataSource] only supports type `string[] | Object[]`.');
  142. }
  143. }) : [];
  144. }
  145. var selectProps = {
  146. props: (0, _extends3['default'])({}, (0, _propsUtil.getOptionProps)(this), {
  147. mode: _select2['default'].SECRET_COMBOBOX_MODE_DO_NOT_USE,
  148. optionLabelProp: optionLabelProp,
  149. getInputElement: this.getInputElement,
  150. notFoundContent: (0, _propsUtil.getComponentFromProp)(this, 'notFoundContent'),
  151. placeholder: ''
  152. }),
  153. 'class': cls,
  154. ref: 'select',
  155. on: (0, _propsUtil.getListeners)(this)
  156. };
  157. return h(
  158. _select2['default'],
  159. selectProps,
  160. [options]
  161. );
  162. }
  163. };
  164. /* istanbul ignore next */
  165. AutoComplete.install = function (Vue) {
  166. Vue.use(_base2['default']);
  167. Vue.component(AutoComplete.name, AutoComplete);
  168. Vue.component(AutoComplete.Option.name, AutoComplete.Option);
  169. Vue.component(AutoComplete.OptGroup.name, AutoComplete.OptGroup);
  170. };
  171. exports['default'] = AutoComplete;