123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206 |
- 'use strict';
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- var _typeof2 = require('babel-runtime/helpers/typeof');
- var _typeof3 = _interopRequireDefault(_typeof2);
- var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
- var _defineProperty3 = _interopRequireDefault(_defineProperty2);
- var _extends2 = require('babel-runtime/helpers/extends');
- var _extends3 = _interopRequireDefault(_extends2);
- var _vcSelect = require('../vc-select');
- var _select = require('../select');
- var _select2 = _interopRequireDefault(_select);
- var _input = require('../input');
- var _input2 = _interopRequireDefault(_input);
- var _InputElement = require('./InputElement');
- var _InputElement2 = _interopRequireDefault(_InputElement);
- var _vueTypes = require('../_util/vue-types');
- var _vueTypes2 = _interopRequireDefault(_vueTypes);
- var _configConsumerProps = require('../config-provider/configConsumerProps');
- var _propsUtil = require('../_util/props-util');
- var _base = require('../base');
- var _base2 = _interopRequireDefault(_base);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
- // const DataSourceItemObject = PropTypes.shape({
- // value: String,
- // text: String,
- // }).loose
- // const DataSourceItemType = PropTypes.oneOfType([
- // PropTypes.string,
- // DataSourceItemObject,
- // ]).isRequired
- // export interface AutoCompleteInputProps {
- // onChange?: React.FormEventHandler<any>;
- // value: any;
- // }
- var AutoCompleteProps = (0, _extends3['default'])({}, (0, _select.AbstractSelectProps)(), {
- value: _select.SelectValue,
- defaultValue: _select.SelectValue,
- dataSource: _vueTypes2['default'].array,
- dropdownMenuStyle: _vueTypes2['default'].object,
- optionLabelProp: String,
- dropdownMatchSelectWidth: _vueTypes2['default'].bool
- // onChange?: (value: SelectValue) => void;
- // onSelect?: (value: SelectValue, option: Object) => any;
- });
- var AutoComplete = {
- name: 'AAutoComplete',
- props: (0, _extends3['default'])({}, AutoCompleteProps, {
- prefixCls: _vueTypes2['default'].string,
- showSearch: _vueTypes2['default'].bool.def(false),
- transitionName: _vueTypes2['default'].string.def('slide-up'),
- choiceTransitionName: _vueTypes2['default'].string.def('zoom'),
- autoFocus: _vueTypes2['default'].bool,
- backfill: _vueTypes2['default'].bool,
- optionLabelProp: _vueTypes2['default'].string.def('children'),
- filterOption: _vueTypes2['default'].oneOfType([_vueTypes2['default'].bool, _vueTypes2['default'].func]).def(false),
- defaultActiveFirstOption: _vueTypes2['default'].bool.def(true)
- }),
- Option: (0, _extends3['default'])({}, _vcSelect.Option, { name: 'AAutoCompleteOption' }),
- OptGroup: (0, _extends3['default'])({}, _vcSelect.OptGroup, { name: 'AAutoCompleteOptGroup' }),
- model: {
- prop: 'value',
- event: 'change'
- },
- inject: {
- configProvider: { 'default': function _default() {
- return _configConsumerProps.ConfigConsumerProps;
- } }
- },
- provide: function provide() {
- return {
- savePopupRef: this.savePopupRef
- };
- },
- methods: {
- savePopupRef: function savePopupRef(ref) {
- this.popupRef = ref;
- },
- getInputElement: function getInputElement() {
- var h = this.$createElement;
- var $slots = this.$slots,
- placeholder = this.placeholder;
- var children = (0, _propsUtil.filterEmpty)($slots['default']);
- var element = children.length ? children[0] : h(_input2['default'], {
- attrs: { lazy: false }
- });
- return h(
- _InputElement2['default'],
- {
- attrs: { placeholder: placeholder }
- },
- [element]
- );
- },
- focus: function focus() {
- if (this.$refs.select) {
- this.$refs.select.focus();
- }
- },
- blur: function blur() {
- if (this.$refs.select) {
- this.$refs.select.blur();
- }
- }
- },
- render: function render() {
- var _cls;
- var h = arguments[0];
- var size = this.size,
- customizePrefixCls = this.prefixCls,
- optionLabelProp = this.optionLabelProp,
- dataSource = this.dataSource,
- $slots = this.$slots;
- var getPrefixCls = this.configProvider.getPrefixCls;
- var prefixCls = getPrefixCls('select', customizePrefixCls);
- 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);
- var options = void 0;
- var childArray = (0, _propsUtil.filterEmpty)($slots.dataSource);
- if (childArray.length) {
- options = childArray;
- } else {
- options = dataSource ? dataSource.map(function (item) {
- if ((0, _propsUtil.isValidElement)(item)) {
- return item;
- }
- switch (typeof item === 'undefined' ? 'undefined' : (0, _typeof3['default'])(item)) {
- case 'string':
- return h(
- _vcSelect.Option,
- { key: item },
- [item]
- );
- case 'object':
- return h(
- _vcSelect.Option,
- { key: item.value },
- [item.text]
- );
- default:
- throw new Error('AutoComplete[dataSource] only supports type `string[] | Object[]`.');
- }
- }) : [];
- }
- var selectProps = {
- props: (0, _extends3['default'])({}, (0, _propsUtil.getOptionProps)(this), {
- mode: _select2['default'].SECRET_COMBOBOX_MODE_DO_NOT_USE,
- optionLabelProp: optionLabelProp,
- getInputElement: this.getInputElement,
- notFoundContent: (0, _propsUtil.getComponentFromProp)(this, 'notFoundContent'),
- placeholder: ''
- }),
- 'class': cls,
- ref: 'select',
- on: (0, _propsUtil.getListeners)(this)
- };
- return h(
- _select2['default'],
- selectProps,
- [options]
- );
- }
- };
- /* istanbul ignore next */
- AutoComplete.install = function (Vue) {
- Vue.use(_base2['default']);
- Vue.component(AutoComplete.name, AutoComplete);
- Vue.component(AutoComplete.Option.name, AutoComplete.Option);
- Vue.component(AutoComplete.OptGroup.name, AutoComplete.OptGroup);
- };
- exports['default'] = AutoComplete;
|