index.js 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. var _typeof3 = require("@babel/runtime/helpers/typeof");
  4. Object.defineProperty(exports, "__esModule", {
  5. value: true
  6. });
  7. exports.default = exports.autoCompleteProps = exports.AutoCompleteOption = exports.AutoCompleteOptGroup = void 0;
  8. var _vue = require("vue");
  9. var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  10. var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
  11. var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
  12. var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
  13. var _select = _interopRequireWildcard(require("../select"));
  14. var _propsUtil = require("../_util/props-util");
  15. var _warning = _interopRequireDefault(require("../_util/warning"));
  16. var _Option = _interopRequireDefault(require("./Option"));
  17. var _OptGroup = _interopRequireDefault(require("./OptGroup"));
  18. var _omit = _interopRequireDefault(require("../_util/omit"));
  19. var _useConfigInject2 = _interopRequireDefault(require("../_util/hooks/useConfigInject"));
  20. function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
  21. function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
  22. function isSelectOptionOrSelectOptGroup(child) {
  23. var _child$type, _child$type2;
  24. return (child === null || child === void 0 ? void 0 : (_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.isSelectOption) || (child === null || child === void 0 ? void 0 : (_child$type2 = child.type) === null || _child$type2 === void 0 ? void 0 : _child$type2.isSelectOptGroup);
  25. }
  26. var autoCompleteProps = function autoCompleteProps() {
  27. return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _omit.default)((0, _select.selectProps)(), ['loading', 'mode', 'optionLabelProp', 'labelInValue'])), {}, {
  28. dataSource: Array,
  29. dropdownMenuStyle: {
  30. type: Object,
  31. default: undefined
  32. },
  33. // optionLabelProp: String,
  34. dropdownMatchSelectWidth: {
  35. type: [Number, Boolean],
  36. default: true
  37. },
  38. prefixCls: String,
  39. showSearch: {
  40. type: Boolean,
  41. default: undefined
  42. },
  43. transitionName: String,
  44. choiceTransitionName: {
  45. type: String,
  46. default: 'zoom'
  47. },
  48. autofocus: {
  49. type: Boolean,
  50. default: undefined
  51. },
  52. backfill: {
  53. type: Boolean,
  54. default: undefined
  55. },
  56. // optionLabelProp: PropTypes.string.def('children'),
  57. filterOption: {
  58. type: [Boolean, Function],
  59. default: false
  60. },
  61. defaultActiveFirstOption: {
  62. type: Boolean,
  63. default: true
  64. }
  65. });
  66. };
  67. exports.autoCompleteProps = autoCompleteProps;
  68. var AutoCompleteOption = _Option.default;
  69. exports.AutoCompleteOption = AutoCompleteOption;
  70. var AutoCompleteOptGroup = _OptGroup.default;
  71. exports.AutoCompleteOptGroup = AutoCompleteOptGroup;
  72. var AutoComplete = (0, _vue.defineComponent)({
  73. compatConfig: {
  74. MODE: 3
  75. },
  76. name: 'AAutoComplete',
  77. inheritAttrs: false,
  78. props: autoCompleteProps(),
  79. // emits: ['change', 'select', 'focus', 'blur'],
  80. slots: ['option'],
  81. setup: function setup(props, _ref) {
  82. var slots = _ref.slots,
  83. attrs = _ref.attrs,
  84. expose = _ref.expose;
  85. (0, _warning.default)(!('dataSource' in slots), 'AutoComplete', '`dataSource` slot is deprecated, please use props `options` instead.');
  86. (0, _warning.default)(!('options' in slots), 'AutoComplete', '`options` slot is deprecated, please use props `options` instead.');
  87. var selectRef = (0, _vue.ref)();
  88. var getInputElement = function getInputElement() {
  89. var _slots$default;
  90. var children = (0, _propsUtil.flattenChildren)((_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots));
  91. var element = children.length ? children[0] : undefined;
  92. return element;
  93. };
  94. var focus = function focus() {
  95. var _selectRef$value;
  96. (_selectRef$value = selectRef.value) === null || _selectRef$value === void 0 ? void 0 : _selectRef$value.focus();
  97. };
  98. var blur = function blur() {
  99. var _selectRef$value2;
  100. (_selectRef$value2 = selectRef.value) === null || _selectRef$value2 === void 0 ? void 0 : _selectRef$value2.blur();
  101. };
  102. expose({
  103. focus: focus,
  104. blur: blur
  105. });
  106. var _useConfigInject = (0, _useConfigInject2.default)('select', props),
  107. prefixCls = _useConfigInject.prefixCls;
  108. return function () {
  109. var _slots$notFoundConten, _cls;
  110. var size = props.size,
  111. dataSource = props.dataSource,
  112. _props$notFoundConten = props.notFoundContent,
  113. notFoundContent = _props$notFoundConten === void 0 ? (_slots$notFoundConten = slots.notFoundContent) === null || _slots$notFoundConten === void 0 ? void 0 : _slots$notFoundConten.call(slots) : _props$notFoundConten;
  114. var optionChildren;
  115. var className = attrs.class;
  116. var cls = (_cls = {}, (0, _defineProperty2.default)(_cls, className, !!className), (0, _defineProperty2.default)(_cls, "".concat(prefixCls.value, "-lg"), size === 'large'), (0, _defineProperty2.default)(_cls, "".concat(prefixCls.value, "-sm"), size === 'small'), (0, _defineProperty2.default)(_cls, "".concat(prefixCls.value, "-show-search"), true), (0, _defineProperty2.default)(_cls, "".concat(prefixCls.value, "-auto-complete"), true), _cls);
  117. if (props.options === undefined) {
  118. var _slots$dataSource, _slots$options;
  119. var childArray = ((_slots$dataSource = slots.dataSource) === null || _slots$dataSource === void 0 ? void 0 : _slots$dataSource.call(slots)) || ((_slots$options = slots.options) === null || _slots$options === void 0 ? void 0 : _slots$options.call(slots)) || [];
  120. if (childArray.length && isSelectOptionOrSelectOptGroup(childArray[0])) {
  121. optionChildren = childArray;
  122. } else {
  123. optionChildren = dataSource ? dataSource.map(function (item) {
  124. if ((0, _propsUtil.isValidElement)(item)) {
  125. return item;
  126. }
  127. switch ((0, _typeof2.default)(item)) {
  128. case 'string':
  129. return (0, _vue.createVNode)(_Option.default, {
  130. "key": item,
  131. "value": item
  132. }, {
  133. default: function _default() {
  134. return [item];
  135. }
  136. });
  137. case 'object':
  138. return (0, _vue.createVNode)(_Option.default, {
  139. "key": item.value,
  140. "value": item.value
  141. }, {
  142. default: function _default() {
  143. return [item.text];
  144. }
  145. });
  146. default:
  147. throw new Error('AutoComplete[dataSource] only supports type `string[] | Object[]`.');
  148. }
  149. }) : [];
  150. }
  151. }
  152. var selectProps = (0, _omit.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), attrs), {}, {
  153. mode: _select.default.SECRET_COMBOBOX_MODE_DO_NOT_USE,
  154. // optionLabelProp,
  155. getInputElement: getInputElement,
  156. notFoundContent: notFoundContent,
  157. // placeholder: '',
  158. class: cls,
  159. ref: selectRef
  160. }), ['dataSource', 'loading']);
  161. return (0, _vue.createVNode)(_select.default, selectProps, (0, _objectSpread2.default)({
  162. default: function _default() {
  163. return [optionChildren];
  164. }
  165. }, (0, _omit.default)(slots, ['default', 'dataSource', 'options'])));
  166. };
  167. }
  168. });
  169. /* istanbul ignore next */
  170. var _default2 = (0, _extends2.default)(AutoComplete, {
  171. Option: _Option.default,
  172. OptGroup: _OptGroup.default,
  173. install: function install(app) {
  174. app.component(AutoComplete.name, AutoComplete);
  175. app.component(_Option.default.displayName, _Option.default);
  176. app.component(_OptGroup.default.displayName, _OptGroup.default);
  177. return app;
  178. }
  179. });
  180. exports.default = _default2;