NuclearDispersionSystem/ant-design-vue-jeecg/node_modules/ant-design-vue/lib/auto-complete/index.js
2023-09-14 14:47:11 +08:00

206 lines
6.2 KiB
Java

'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;