select.js 48 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575
  1. module.exports =
  2. /******/ (function(modules) { // webpackBootstrap
  3. /******/ // The module cache
  4. /******/ var installedModules = {};
  5. /******/
  6. /******/ // The require function
  7. /******/ function __webpack_require__(moduleId) {
  8. /******/
  9. /******/ // Check if module is in cache
  10. /******/ if(installedModules[moduleId]) {
  11. /******/ return installedModules[moduleId].exports;
  12. /******/ }
  13. /******/ // Create a new module (and put it into the cache)
  14. /******/ var module = installedModules[moduleId] = {
  15. /******/ i: moduleId,
  16. /******/ l: false,
  17. /******/ exports: {}
  18. /******/ };
  19. /******/
  20. /******/ // Execute the module function
  21. /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
  22. /******/
  23. /******/ // Flag the module as loaded
  24. /******/ module.l = true;
  25. /******/
  26. /******/ // Return the exports of the module
  27. /******/ return module.exports;
  28. /******/ }
  29. /******/
  30. /******/
  31. /******/ // expose the modules object (__webpack_modules__)
  32. /******/ __webpack_require__.m = modules;
  33. /******/
  34. /******/ // expose the module cache
  35. /******/ __webpack_require__.c = installedModules;
  36. /******/
  37. /******/ // define getter function for harmony exports
  38. /******/ __webpack_require__.d = function(exports, name, getter) {
  39. /******/ if(!__webpack_require__.o(exports, name)) {
  40. /******/ Object.defineProperty(exports, name, {
  41. /******/ configurable: false,
  42. /******/ enumerable: true,
  43. /******/ get: getter
  44. /******/ });
  45. /******/ }
  46. /******/ };
  47. /******/
  48. /******/ // getDefaultExport function for compatibility with non-harmony modules
  49. /******/ __webpack_require__.n = function(module) {
  50. /******/ var getter = module && module.__esModule ?
  51. /******/ function getDefault() { return module['default']; } :
  52. /******/ function getModuleExports() { return module; };
  53. /******/ __webpack_require__.d(getter, 'a', getter);
  54. /******/ return getter;
  55. /******/ };
  56. /******/
  57. /******/ // Object.prototype.hasOwnProperty.call
  58. /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
  59. /******/
  60. /******/ // __webpack_public_path__
  61. /******/ __webpack_require__.p = "/dist/";
  62. /******/
  63. /******/ // Load entry module and return exports
  64. /******/ return __webpack_require__(__webpack_require__.s = 157);
  65. /******/ })
  66. /************************************************************************/
  67. /******/ ({
  68. /***/ 0:
  69. /***/ (function(module, exports) {
  70. /* globals __VUE_SSR_CONTEXT__ */
  71. // IMPORTANT: Do NOT use ES2015 features in this file.
  72. // This module is a runtime utility for cleaner component module output and will
  73. // be included in the final webpack user bundle.
  74. module.exports = function normalizeComponent (
  75. rawScriptExports,
  76. compiledTemplate,
  77. functionalTemplate,
  78. injectStyles,
  79. scopeId,
  80. moduleIdentifier /* server only */
  81. ) {
  82. var esModule
  83. var scriptExports = rawScriptExports = rawScriptExports || {}
  84. // ES6 modules interop
  85. var type = typeof rawScriptExports.default
  86. if (type === 'object' || type === 'function') {
  87. esModule = rawScriptExports
  88. scriptExports = rawScriptExports.default
  89. }
  90. // Vue.extend constructor export interop
  91. var options = typeof scriptExports === 'function'
  92. ? scriptExports.options
  93. : scriptExports
  94. // render functions
  95. if (compiledTemplate) {
  96. options.render = compiledTemplate.render
  97. options.staticRenderFns = compiledTemplate.staticRenderFns
  98. options._compiled = true
  99. }
  100. // functional template
  101. if (functionalTemplate) {
  102. options.functional = true
  103. }
  104. // scopedId
  105. if (scopeId) {
  106. options._scopeId = scopeId
  107. }
  108. var hook
  109. if (moduleIdentifier) { // server build
  110. hook = function (context) {
  111. // 2.3 injection
  112. context =
  113. context || // cached call
  114. (this.$vnode && this.$vnode.ssrContext) || // stateful
  115. (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
  116. // 2.2 with runInNewContext: true
  117. if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
  118. context = __VUE_SSR_CONTEXT__
  119. }
  120. // inject component styles
  121. if (injectStyles) {
  122. injectStyles.call(this, context)
  123. }
  124. // register component module identifier for async chunk inferrence
  125. if (context && context._registeredComponents) {
  126. context._registeredComponents.add(moduleIdentifier)
  127. }
  128. }
  129. // used by ssr in case component is cached and beforeCreate
  130. // never gets called
  131. options._ssrRegister = hook
  132. } else if (injectStyles) {
  133. hook = injectStyles
  134. }
  135. if (hook) {
  136. var functional = options.functional
  137. var existing = functional
  138. ? options.render
  139. : options.beforeCreate
  140. if (!functional) {
  141. // inject component registration as beforeCreate hook
  142. options.beforeCreate = existing
  143. ? [].concat(existing, hook)
  144. : [hook]
  145. } else {
  146. // for template-only hot-reload because in that case the render fn doesn't
  147. // go through the normalizer
  148. options._injectStyles = hook
  149. // register for functioal component in vue file
  150. options.render = function renderWithStyleInjection (h, context) {
  151. hook.call(context)
  152. return existing(h, context)
  153. }
  154. }
  155. }
  156. return {
  157. esModule: esModule,
  158. exports: scriptExports,
  159. options: options
  160. }
  161. }
  162. /***/ }),
  163. /***/ 1:
  164. /***/ (function(module, exports) {
  165. module.exports = require("element-ui/lib/mixins/emitter");
  166. /***/ }),
  167. /***/ 10:
  168. /***/ (function(module, exports) {
  169. module.exports = require("element-ui/lib/utils/clickoutside");
  170. /***/ }),
  171. /***/ 12:
  172. /***/ (function(module, exports) {
  173. module.exports = require("throttle-debounce/debounce");
  174. /***/ }),
  175. /***/ 13:
  176. /***/ (function(module, exports) {
  177. module.exports = require("element-ui/lib/mixins/focus");
  178. /***/ }),
  179. /***/ 14:
  180. /***/ (function(module, exports) {
  181. module.exports = require("element-ui/lib/locale");
  182. /***/ }),
  183. /***/ 157:
  184. /***/ (function(module, exports, __webpack_require__) {
  185. module.exports = __webpack_require__(158);
  186. /***/ }),
  187. /***/ 158:
  188. /***/ (function(module, exports, __webpack_require__) {
  189. "use strict";
  190. exports.__esModule = true;
  191. var _select = __webpack_require__(159);
  192. var _select2 = _interopRequireDefault(_select);
  193. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  194. /* istanbul ignore next */
  195. _select2.default.install = function (Vue) {
  196. Vue.component(_select2.default.name, _select2.default);
  197. };
  198. exports.default = _select2.default;
  199. /***/ }),
  200. /***/ 159:
  201. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  202. "use strict";
  203. Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
  204. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_select_vue__ = __webpack_require__(160);
  205. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_select_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_select_vue__);
  206. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_ab76e696_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_select_vue__ = __webpack_require__(165);
  207. var normalizeComponent = __webpack_require__(0)
  208. /* script */
  209. /* template */
  210. /* template functional */
  211. var __vue_template_functional__ = false
  212. /* styles */
  213. var __vue_styles__ = null
  214. /* scopeId */
  215. var __vue_scopeId__ = null
  216. /* moduleIdentifier (server only) */
  217. var __vue_module_identifier__ = null
  218. var Component = normalizeComponent(
  219. __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_select_vue___default.a,
  220. __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_ab76e696_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_select_vue__["a" /* default */],
  221. __vue_template_functional__,
  222. __vue_styles__,
  223. __vue_scopeId__,
  224. __vue_module_identifier__
  225. )
  226. /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
  227. /***/ }),
  228. /***/ 160:
  229. /***/ (function(module, exports, __webpack_require__) {
  230. "use strict";
  231. exports.__esModule = true;
  232. var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; //
  233. //
  234. //
  235. //
  236. //
  237. //
  238. //
  239. //
  240. //
  241. //
  242. //
  243. //
  244. //
  245. //
  246. //
  247. //
  248. //
  249. //
  250. //
  251. //
  252. //
  253. //
  254. //
  255. //
  256. //
  257. //
  258. //
  259. //
  260. //
  261. //
  262. //
  263. //
  264. //
  265. //
  266. //
  267. //
  268. //
  269. //
  270. //
  271. //
  272. //
  273. //
  274. //
  275. //
  276. //
  277. //
  278. //
  279. //
  280. //
  281. //
  282. //
  283. //
  284. //
  285. //
  286. //
  287. //
  288. //
  289. //
  290. //
  291. //
  292. //
  293. //
  294. //
  295. //
  296. //
  297. //
  298. //
  299. //
  300. //
  301. //
  302. //
  303. //
  304. //
  305. //
  306. //
  307. //
  308. //
  309. //
  310. //
  311. //
  312. //
  313. //
  314. //
  315. //
  316. //
  317. //
  318. //
  319. //
  320. //
  321. //
  322. //
  323. //
  324. //
  325. //
  326. //
  327. //
  328. //
  329. //
  330. //
  331. //
  332. //
  333. //
  334. //
  335. //
  336. //
  337. //
  338. //
  339. //
  340. //
  341. //
  342. //
  343. //
  344. //
  345. //
  346. //
  347. //
  348. //
  349. //
  350. //
  351. //
  352. //
  353. var _emitter = __webpack_require__(1);
  354. var _emitter2 = _interopRequireDefault(_emitter);
  355. var _focus = __webpack_require__(13);
  356. var _focus2 = _interopRequireDefault(_focus);
  357. var _locale = __webpack_require__(4);
  358. var _locale2 = _interopRequireDefault(_locale);
  359. var _input = __webpack_require__(6);
  360. var _input2 = _interopRequireDefault(_input);
  361. var _selectDropdown = __webpack_require__(161);
  362. var _selectDropdown2 = _interopRequireDefault(_selectDropdown);
  363. var _option = __webpack_require__(33);
  364. var _option2 = _interopRequireDefault(_option);
  365. var _tag = __webpack_require__(24);
  366. var _tag2 = _interopRequireDefault(_tag);
  367. var _scrollbar = __webpack_require__(18);
  368. var _scrollbar2 = _interopRequireDefault(_scrollbar);
  369. var _debounce = __webpack_require__(12);
  370. var _debounce2 = _interopRequireDefault(_debounce);
  371. var _clickoutside = __webpack_require__(10);
  372. var _clickoutside2 = _interopRequireDefault(_clickoutside);
  373. var _dom = __webpack_require__(2);
  374. var _resizeEvent = __webpack_require__(19);
  375. var _locale3 = __webpack_require__(14);
  376. var _scrollIntoView = __webpack_require__(25);
  377. var _scrollIntoView2 = _interopRequireDefault(_scrollIntoView);
  378. var _util = __webpack_require__(3);
  379. var _navigationMixin = __webpack_require__(164);
  380. var _navigationMixin2 = _interopRequireDefault(_navigationMixin);
  381. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  382. var sizeMap = {
  383. 'medium': 36,
  384. 'small': 32,
  385. 'mini': 28
  386. };
  387. exports.default = {
  388. mixins: [_emitter2.default, _locale2.default, (0, _focus2.default)('reference'), _navigationMixin2.default],
  389. name: 'ElSelect',
  390. componentName: 'ElSelect',
  391. inject: {
  392. elFormItem: {
  393. default: ''
  394. }
  395. },
  396. provide: function provide() {
  397. return {
  398. 'select': this
  399. };
  400. },
  401. computed: {
  402. _elFormItemSize: function _elFormItemSize() {
  403. return (this.elFormItem || {}).elFormItemSize;
  404. },
  405. iconClass: function iconClass() {
  406. var criteria = this.clearable && !this.disabled && this.inputHovering && !this.multiple && this.value !== undefined && this.value !== '';
  407. return criteria ? 'circle-close is-show-close' : this.remote && this.filterable ? '' : 'arrow-up';
  408. },
  409. debounce: function debounce() {
  410. return this.remote ? 300 : 0;
  411. },
  412. emptyText: function emptyText() {
  413. if (this.loading) {
  414. return this.loadingText || this.t('el.select.loading');
  415. } else {
  416. if (this.remote && this.query === '' && this.options.length === 0) return false;
  417. if (this.filterable && this.query && this.options.length > 0 && this.filteredOptionsCount === 0) {
  418. return this.noMatchText || this.t('el.select.noMatch');
  419. }
  420. if (this.options.length === 0) {
  421. return this.noDataText || this.t('el.select.noData');
  422. }
  423. }
  424. return null;
  425. },
  426. showNewOption: function showNewOption() {
  427. var _this = this;
  428. var hasExistingOption = this.options.filter(function (option) {
  429. return !option.created;
  430. }).some(function (option) {
  431. return option.currentLabel === _this.query;
  432. });
  433. return this.filterable && this.allowCreate && this.query !== '' && !hasExistingOption;
  434. },
  435. selectSize: function selectSize() {
  436. return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
  437. }
  438. },
  439. components: {
  440. ElInput: _input2.default,
  441. ElSelectMenu: _selectDropdown2.default,
  442. ElOption: _option2.default,
  443. ElTag: _tag2.default,
  444. ElScrollbar: _scrollbar2.default
  445. },
  446. directives: { Clickoutside: _clickoutside2.default },
  447. props: {
  448. name: String,
  449. id: String,
  450. value: {
  451. required: true
  452. },
  453. size: String,
  454. disabled: Boolean,
  455. clearable: Boolean,
  456. filterable: Boolean,
  457. allowCreate: Boolean,
  458. loading: Boolean,
  459. popperClass: String,
  460. remote: Boolean,
  461. loadingText: String,
  462. noMatchText: String,
  463. noDataText: String,
  464. remoteMethod: Function,
  465. filterMethod: Function,
  466. multiple: Boolean,
  467. multipleLimit: {
  468. type: Number,
  469. default: 0
  470. },
  471. placeholder: {
  472. type: String,
  473. default: function _default() {
  474. return (0, _locale3.t)('el.select.placeholder');
  475. }
  476. },
  477. defaultFirstOption: Boolean,
  478. reserveKeyword: Boolean,
  479. valueKey: {
  480. type: String,
  481. default: 'value'
  482. },
  483. collapseTags: Boolean
  484. },
  485. data: function data() {
  486. return {
  487. options: [],
  488. cachedOptions: [],
  489. createdLabel: null,
  490. createdSelected: false,
  491. selected: this.multiple ? [] : {},
  492. inputLength: 20,
  493. inputWidth: 0,
  494. cachedPlaceHolder: '',
  495. optionsCount: 0,
  496. filteredOptionsCount: 0,
  497. visible: false,
  498. selectedLabel: '',
  499. hoverIndex: -1,
  500. query: '',
  501. previousQuery: '',
  502. inputHovering: false,
  503. currentPlaceholder: ''
  504. };
  505. },
  506. watch: {
  507. disabled: function disabled() {
  508. var _this2 = this;
  509. this.$nextTick(function () {
  510. _this2.resetInputHeight();
  511. });
  512. },
  513. placeholder: function placeholder(val) {
  514. this.cachedPlaceHolder = this.currentPlaceholder = val;
  515. },
  516. value: function value(val) {
  517. if (this.multiple) {
  518. this.resetInputHeight();
  519. if (val.length > 0 || this.$refs.input && this.query !== '') {
  520. this.currentPlaceholder = '';
  521. } else {
  522. this.currentPlaceholder = this.cachedPlaceHolder;
  523. }
  524. if (this.filterable && !this.reserveKeyword) {
  525. this.query = '';
  526. this.handleQueryChange(this.query);
  527. }
  528. }
  529. this.setSelected();
  530. if (this.filterable && !this.multiple) {
  531. this.inputLength = 20;
  532. }
  533. },
  534. visible: function visible(val) {
  535. var _this3 = this;
  536. if (!val) {
  537. this.$refs.reference.$el.querySelector('input').blur();
  538. this.handleIconHide();
  539. this.broadcast('ElSelectDropdown', 'destroyPopper');
  540. if (this.$refs.input) {
  541. this.$refs.input.blur();
  542. }
  543. this.query = '';
  544. this.selectedLabel = '';
  545. this.inputLength = 20;
  546. this.resetHoverIndex();
  547. this.$nextTick(function () {
  548. if (_this3.$refs.input && _this3.$refs.input.value === '' && _this3.selected.length === 0) {
  549. _this3.currentPlaceholder = _this3.cachedPlaceHolder;
  550. }
  551. });
  552. if (!this.multiple) {
  553. if (this.selected) {
  554. if (this.filterable && this.allowCreate && this.createdSelected && this.createdOption) {
  555. this.selectedLabel = this.createdLabel;
  556. } else {
  557. this.selectedLabel = this.selected.currentLabel;
  558. }
  559. if (this.filterable) this.query = this.selectedLabel;
  560. }
  561. }
  562. } else {
  563. this.handleIconShow();
  564. this.broadcast('ElSelectDropdown', 'updatePopper');
  565. if (this.filterable) {
  566. this.query = this.remote ? '' : this.selectedLabel;
  567. this.handleQueryChange(this.query);
  568. if (this.multiple) {
  569. this.$refs.input.focus();
  570. } else {
  571. if (!this.remote) {
  572. this.broadcast('ElOption', 'queryChange', '');
  573. this.broadcast('ElOptionGroup', 'queryChange');
  574. }
  575. this.broadcast('ElInput', 'inputSelect');
  576. }
  577. }
  578. }
  579. this.$emit('visible-change', val);
  580. },
  581. options: function options() {
  582. if (this.$isServer) return;
  583. if (this.multiple) {
  584. this.resetInputHeight();
  585. }
  586. var inputs = this.$el.querySelectorAll('input');
  587. if ([].indexOf.call(inputs, document.activeElement) === -1) {
  588. this.setSelected();
  589. }
  590. if (this.defaultFirstOption && (this.filterable || this.remote) && this.filteredOptionsCount) {
  591. this.checkDefaultFirstOption();
  592. }
  593. }
  594. },
  595. methods: {
  596. handleQueryChange: function handleQueryChange(val) {
  597. var _this4 = this;
  598. if (this.previousQuery === val) return;
  599. this.previousQuery = val;
  600. this.$nextTick(function () {
  601. if (_this4.visible) _this4.broadcast('ElSelectDropdown', 'updatePopper');
  602. });
  603. this.hoverIndex = -1;
  604. if (this.multiple && this.filterable) {
  605. var length = this.$refs.input.value.length * 15 + 20;
  606. this.inputLength = this.collapseTags ? Math.min(50, length) : length;
  607. this.managePlaceholder();
  608. this.resetInputHeight();
  609. }
  610. if (this.remote && typeof this.remoteMethod === 'function') {
  611. this.hoverIndex = -1;
  612. this.remoteMethod(val);
  613. } else if (typeof this.filterMethod === 'function') {
  614. this.filterMethod(val);
  615. this.broadcast('ElOptionGroup', 'queryChange');
  616. } else {
  617. this.filteredOptionsCount = this.optionsCount;
  618. this.broadcast('ElOption', 'queryChange', val);
  619. this.broadcast('ElOptionGroup', 'queryChange');
  620. }
  621. if (this.defaultFirstOption && (this.filterable || this.remote) && this.filteredOptionsCount) {
  622. this.checkDefaultFirstOption();
  623. }
  624. },
  625. handleIconHide: function handleIconHide() {
  626. var icon = this.$el.querySelector('.el-input__icon');
  627. if (icon) {
  628. (0, _dom.removeClass)(icon, 'is-reverse');
  629. }
  630. },
  631. handleIconShow: function handleIconShow() {
  632. var icon = this.$el.querySelector('.el-input__icon');
  633. if (icon && !(0, _dom.hasClass)(icon, 'el-icon-circle-close')) {
  634. (0, _dom.addClass)(icon, 'is-reverse');
  635. }
  636. },
  637. scrollToOption: function scrollToOption(option) {
  638. var target = Array.isArray(option) && option[0] ? option[0].$el : option.$el;
  639. if (this.$refs.popper && target) {
  640. var menu = this.$refs.popper.$el.querySelector('.el-select-dropdown__wrap');
  641. (0, _scrollIntoView2.default)(menu, target);
  642. }
  643. this.$refs.scrollbar && this.$refs.scrollbar.handleScroll();
  644. },
  645. handleMenuEnter: function handleMenuEnter() {
  646. var _this5 = this;
  647. this.$nextTick(function () {
  648. return _this5.scrollToOption(_this5.selected);
  649. });
  650. },
  651. emitChange: function emitChange(val) {
  652. if (!(0, _util.valueEquals)(this.value, val)) {
  653. this.$emit('change', val);
  654. this.dispatch('ElFormItem', 'el.form.change', val);
  655. }
  656. },
  657. getOption: function getOption(value) {
  658. var option = void 0;
  659. var isObject = Object.prototype.toString.call(value).toLowerCase() === '[object object]';
  660. for (var i = this.cachedOptions.length - 1; i >= 0; i--) {
  661. var cachedOption = this.cachedOptions[i];
  662. var isEqual = isObject ? (0, _util.getValueByPath)(cachedOption.value, this.valueKey) === (0, _util.getValueByPath)(value, this.valueKey) : cachedOption.value === value;
  663. if (isEqual) {
  664. option = cachedOption;
  665. break;
  666. }
  667. }
  668. if (option) return option;
  669. var label = !isObject ? value : '';
  670. var newOption = {
  671. value: value,
  672. currentLabel: label
  673. };
  674. if (this.multiple) {
  675. newOption.hitState = false;
  676. }
  677. return newOption;
  678. },
  679. setSelected: function setSelected() {
  680. var _this6 = this;
  681. if (!this.multiple) {
  682. var option = this.getOption(this.value);
  683. if (option.created) {
  684. this.createdLabel = option.currentLabel;
  685. this.createdSelected = true;
  686. } else {
  687. this.createdSelected = false;
  688. }
  689. this.selectedLabel = option.currentLabel;
  690. this.selected = option;
  691. if (this.filterable) this.query = this.selectedLabel;
  692. return;
  693. }
  694. var result = [];
  695. if (Array.isArray(this.value)) {
  696. this.value.forEach(function (value) {
  697. result.push(_this6.getOption(value));
  698. });
  699. }
  700. this.selected = result;
  701. this.$nextTick(function () {
  702. _this6.resetInputHeight();
  703. });
  704. },
  705. handleFocus: function handleFocus(event) {
  706. this.visible = true;
  707. this.$emit('focus', event);
  708. },
  709. handleBlur: function handleBlur(event) {
  710. this.$emit('blur', event);
  711. },
  712. handleIconClick: function handleIconClick(event) {
  713. if (this.iconClass.indexOf('circle-close') > -1) {
  714. this.deleteSelected(event);
  715. } else {
  716. this.toggleMenu();
  717. }
  718. },
  719. handleMouseDown: function handleMouseDown(event) {
  720. if (event.target.tagName !== 'INPUT') return;
  721. if (this.visible) {
  722. this.handleClose();
  723. event.preventDefault();
  724. }
  725. },
  726. doDestroy: function doDestroy() {
  727. this.$refs.popper && this.$refs.popper.doDestroy();
  728. },
  729. handleClose: function handleClose() {
  730. this.visible = false;
  731. },
  732. toggleLastOptionHitState: function toggleLastOptionHitState(hit) {
  733. if (!Array.isArray(this.selected)) return;
  734. var option = this.selected[this.selected.length - 1];
  735. if (!option) return;
  736. if (hit === true || hit === false) {
  737. option.hitState = hit;
  738. return hit;
  739. }
  740. option.hitState = !option.hitState;
  741. return option.hitState;
  742. },
  743. deletePrevTag: function deletePrevTag(e) {
  744. if (e.target.value.length <= 0 && !this.toggleLastOptionHitState()) {
  745. var value = this.value.slice();
  746. value.pop();
  747. this.$emit('input', value);
  748. this.emitChange(value);
  749. }
  750. },
  751. managePlaceholder: function managePlaceholder() {
  752. if (this.currentPlaceholder !== '') {
  753. this.currentPlaceholder = this.$refs.input.value ? '' : this.cachedPlaceHolder;
  754. }
  755. },
  756. resetInputState: function resetInputState(e) {
  757. if (e.keyCode !== 8) this.toggleLastOptionHitState(false);
  758. this.inputLength = this.$refs.input.value.length * 15 + 20;
  759. this.resetInputHeight();
  760. },
  761. resetInputHeight: function resetInputHeight() {
  762. var _this7 = this;
  763. if (this.collapseTags) return;
  764. this.$nextTick(function () {
  765. if (!_this7.$refs.reference) return;
  766. var inputChildNodes = _this7.$refs.reference.$el.childNodes;
  767. var input = [].filter.call(inputChildNodes, function (item) {
  768. return item.tagName === 'INPUT';
  769. })[0];
  770. var tags = _this7.$refs.tags;
  771. input.style.height = _this7.selected.length === 0 ? (sizeMap[_this7.selectSize] || 40) + 'px' : Math.max(tags ? tags.clientHeight + 10 : 0, sizeMap[_this7.selectSize] || 40) + 'px';
  772. if (_this7.visible && _this7.emptyText !== false) {
  773. _this7.broadcast('ElSelectDropdown', 'updatePopper');
  774. }
  775. });
  776. },
  777. resetHoverIndex: function resetHoverIndex() {
  778. var _this8 = this;
  779. setTimeout(function () {
  780. if (!_this8.multiple) {
  781. _this8.hoverIndex = _this8.options.indexOf(_this8.selected);
  782. } else {
  783. if (_this8.selected.length > 0) {
  784. _this8.hoverIndex = Math.min.apply(null, _this8.selected.map(function (item) {
  785. return _this8.options.indexOf(item);
  786. }));
  787. } else {
  788. _this8.hoverIndex = -1;
  789. }
  790. }
  791. }, 300);
  792. },
  793. handleOptionSelect: function handleOptionSelect(option) {
  794. var _this9 = this;
  795. if (this.multiple) {
  796. var value = this.value.slice();
  797. var optionIndex = this.getValueIndex(value, option.value);
  798. if (optionIndex > -1) {
  799. value.splice(optionIndex, 1);
  800. } else if (this.multipleLimit <= 0 || value.length < this.multipleLimit) {
  801. value.push(option.value);
  802. }
  803. this.$emit('input', value);
  804. this.emitChange(value);
  805. if (option.created) {
  806. this.query = '';
  807. this.handleQueryChange('');
  808. this.inputLength = 20;
  809. }
  810. if (this.filterable) this.$refs.input.focus();
  811. } else {
  812. this.$emit('input', option.value);
  813. this.emitChange(option.value);
  814. this.visible = false;
  815. }
  816. this.$nextTick(function () {
  817. return _this9.scrollToOption(option);
  818. });
  819. },
  820. getValueIndex: function getValueIndex() {
  821. var _this10 = this;
  822. var arr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
  823. var value = arguments[1];
  824. var isObject = Object.prototype.toString.call(value).toLowerCase() === '[object object]';
  825. if (!isObject) {
  826. return arr.indexOf(value);
  827. } else {
  828. var _ret = function () {
  829. var valueKey = _this10.valueKey;
  830. var index = -1;
  831. arr.some(function (item, i) {
  832. if ((0, _util.getValueByPath)(item, valueKey) === (0, _util.getValueByPath)(value, valueKey)) {
  833. index = i;
  834. return true;
  835. }
  836. return false;
  837. });
  838. return {
  839. v: index
  840. };
  841. }();
  842. if ((typeof _ret === 'undefined' ? 'undefined' : _typeof(_ret)) === "object") return _ret.v;
  843. }
  844. },
  845. toggleMenu: function toggleMenu() {
  846. if (!this.disabled) {
  847. this.visible = !this.visible;
  848. if (this.visible) {
  849. (this.$refs.input || this.$refs.reference).focus();
  850. }
  851. }
  852. },
  853. selectOption: function selectOption() {
  854. if (this.options[this.hoverIndex]) {
  855. this.handleOptionSelect(this.options[this.hoverIndex]);
  856. }
  857. },
  858. deleteSelected: function deleteSelected(event) {
  859. event.stopPropagation();
  860. this.$emit('input', '');
  861. this.emitChange('');
  862. this.visible = false;
  863. this.$emit('clear');
  864. },
  865. deleteTag: function deleteTag(event, tag) {
  866. var index = this.selected.indexOf(tag);
  867. if (index > -1 && !this.disabled) {
  868. var value = this.value.slice();
  869. value.splice(index, 1);
  870. this.$emit('input', value);
  871. this.emitChange(value);
  872. this.$emit('remove-tag', tag);
  873. }
  874. event.stopPropagation();
  875. },
  876. onInputChange: function onInputChange() {
  877. if (this.filterable && this.query !== this.selectedLabel) {
  878. this.query = this.selectedLabel;
  879. this.handleQueryChange(this.query);
  880. }
  881. },
  882. onOptionDestroy: function onOptionDestroy(index) {
  883. if (index > -1) {
  884. this.optionsCount--;
  885. this.filteredOptionsCount--;
  886. this.options.splice(index, 1);
  887. }
  888. },
  889. resetInputWidth: function resetInputWidth() {
  890. this.inputWidth = this.$refs.reference.$el.getBoundingClientRect().width;
  891. },
  892. handleResize: function handleResize() {
  893. this.resetInputWidth();
  894. if (this.multiple) this.resetInputHeight();
  895. },
  896. checkDefaultFirstOption: function checkDefaultFirstOption() {
  897. this.hoverIndex = -1;
  898. for (var i = 0; i !== this.options.length; ++i) {
  899. var option = this.options[i];
  900. if (this.query) {
  901. // pick first options that passes the filter
  902. if (!option.disabled && !option.groupDisabled && option.visible) {
  903. this.hoverIndex = i;
  904. break;
  905. }
  906. } else {
  907. // pick currently selected option
  908. if (option.itemSelected) {
  909. this.hoverIndex = i;
  910. break;
  911. }
  912. }
  913. }
  914. },
  915. getValueKey: function getValueKey(item) {
  916. if (Object.prototype.toString.call(item.value).toLowerCase() !== '[object object]') {
  917. return item.value;
  918. } else {
  919. return (0, _util.getValueByPath)(item.value, this.valueKey);
  920. }
  921. }
  922. },
  923. created: function created() {
  924. var _this11 = this;
  925. this.cachedPlaceHolder = this.currentPlaceholder = this.placeholder;
  926. if (this.multiple && !Array.isArray(this.value)) {
  927. this.$emit('input', []);
  928. }
  929. if (!this.multiple && Array.isArray(this.value)) {
  930. this.$emit('input', '');
  931. }
  932. this.debouncedOnInputChange = (0, _debounce2.default)(this.debounce, function () {
  933. _this11.onInputChange();
  934. });
  935. this.$on('handleOptionClick', this.handleOptionSelect);
  936. this.$on('setSelected', this.setSelected);
  937. },
  938. mounted: function mounted() {
  939. var _this12 = this;
  940. if (this.multiple && Array.isArray(this.value) && this.value.length > 0) {
  941. this.currentPlaceholder = '';
  942. }
  943. (0, _resizeEvent.addResizeListener)(this.$el, this.handleResize);
  944. if (this.remote && this.multiple) {
  945. this.resetInputHeight();
  946. }
  947. this.$nextTick(function () {
  948. if (_this12.$refs.reference && _this12.$refs.reference.$el) {
  949. _this12.inputWidth = _this12.$refs.reference.$el.getBoundingClientRect().width;
  950. }
  951. });
  952. this.setSelected();
  953. },
  954. beforeDestroy: function beforeDestroy() {
  955. if (this.$el && this.handleResize) (0, _resizeEvent.removeResizeListener)(this.$el, this.handleResize);
  956. }
  957. };
  958. /***/ }),
  959. /***/ 161:
  960. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  961. "use strict";
  962. Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
  963. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_select_dropdown_vue__ = __webpack_require__(162);
  964. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_select_dropdown_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_select_dropdown_vue__);
  965. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_0a24e159_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_select_dropdown_vue__ = __webpack_require__(163);
  966. var normalizeComponent = __webpack_require__(0)
  967. /* script */
  968. /* template */
  969. /* template functional */
  970. var __vue_template_functional__ = false
  971. /* styles */
  972. var __vue_styles__ = null
  973. /* scopeId */
  974. var __vue_scopeId__ = null
  975. /* moduleIdentifier (server only) */
  976. var __vue_module_identifier__ = null
  977. var Component = normalizeComponent(
  978. __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_select_dropdown_vue___default.a,
  979. __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_0a24e159_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_select_dropdown_vue__["a" /* default */],
  980. __vue_template_functional__,
  981. __vue_styles__,
  982. __vue_scopeId__,
  983. __vue_module_identifier__
  984. )
  985. /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
  986. /***/ }),
  987. /***/ 162:
  988. /***/ (function(module, exports, __webpack_require__) {
  989. "use strict";
  990. exports.__esModule = true;
  991. var _vuePopper = __webpack_require__(8);
  992. var _vuePopper2 = _interopRequireDefault(_vuePopper);
  993. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  994. exports.default = {
  995. name: 'ElSelectDropdown',
  996. componentName: 'ElSelectDropdown',
  997. mixins: [_vuePopper2.default],
  998. props: {
  999. placement: {
  1000. default: 'bottom-start'
  1001. },
  1002. boundariesPadding: {
  1003. default: 0
  1004. },
  1005. popperOptions: {
  1006. default: function _default() {
  1007. return {
  1008. gpuAcceleration: false
  1009. };
  1010. }
  1011. },
  1012. visibleArrow: {
  1013. default: true
  1014. }
  1015. },
  1016. data: function data() {
  1017. return {
  1018. minWidth: ''
  1019. };
  1020. },
  1021. computed: {
  1022. popperClass: function popperClass() {
  1023. return this.$parent.popperClass;
  1024. }
  1025. },
  1026. watch: {
  1027. '$parent.inputWidth': function $parentInputWidth() {
  1028. this.minWidth = this.$parent.$el.getBoundingClientRect().width + 'px';
  1029. }
  1030. },
  1031. mounted: function mounted() {
  1032. var _this = this;
  1033. this.referenceElm = this.$parent.$refs.reference.$el;
  1034. this.$parent.popperElm = this.popperElm = this.$el;
  1035. this.$on('updatePopper', function () {
  1036. if (_this.$parent.visible) _this.updatePopper();
  1037. });
  1038. this.$on('destroyPopper', this.destroyPopper);
  1039. }
  1040. }; //
  1041. //
  1042. //
  1043. //
  1044. //
  1045. //
  1046. //
  1047. //
  1048. //
  1049. /***/ }),
  1050. /***/ 163:
  1051. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  1052. "use strict";
  1053. var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-select-dropdown el-popper",class:[{ 'is-multiple': _vm.$parent.multiple }, _vm.popperClass],style:({ minWidth: _vm.minWidth })},[_vm._t("default")],2)}
  1054. var staticRenderFns = []
  1055. var esExports = { render: render, staticRenderFns: staticRenderFns }
  1056. /* harmony default export */ __webpack_exports__["a"] = (esExports);
  1057. /***/ }),
  1058. /***/ 164:
  1059. /***/ (function(module, exports, __webpack_require__) {
  1060. "use strict";
  1061. exports.__esModule = true;
  1062. exports.default = {
  1063. data: function data() {
  1064. return {
  1065. hoverOption: -1
  1066. };
  1067. },
  1068. computed: {
  1069. optionsAllDisabled: function optionsAllDisabled() {
  1070. return this.options.length === this.options.filter(function (item) {
  1071. return item.disabled === true;
  1072. }).length;
  1073. }
  1074. },
  1075. watch: {
  1076. hoverIndex: function hoverIndex(val) {
  1077. var _this = this;
  1078. if (typeof val === 'number' && val > -1) {
  1079. this.hoverOption = this.options[val] || {};
  1080. }
  1081. this.options.forEach(function (option) {
  1082. option.hover = _this.hoverOption === option;
  1083. });
  1084. }
  1085. },
  1086. methods: {
  1087. navigateOptions: function navigateOptions(direction) {
  1088. var _this2 = this;
  1089. if (!this.visible) {
  1090. this.visible = true;
  1091. return;
  1092. }
  1093. if (this.options.length === 0 || this.filteredOptionsCount === 0) return;
  1094. if (!this.optionsAllDisabled) {
  1095. if (direction === 'next') {
  1096. this.hoverIndex++;
  1097. if (this.hoverIndex === this.options.length) {
  1098. this.hoverIndex = 0;
  1099. }
  1100. } else if (direction === 'prev') {
  1101. this.hoverIndex--;
  1102. if (this.hoverIndex < 0) {
  1103. this.hoverIndex = this.options.length - 1;
  1104. }
  1105. }
  1106. var option = this.options[this.hoverIndex];
  1107. if (option.disabled === true || option.groupDisabled === true || !option.visible) {
  1108. this.navigateOptions(direction);
  1109. }
  1110. }
  1111. this.$nextTick(function () {
  1112. return _this2.scrollToOption(_this2.hoverOption);
  1113. });
  1114. }
  1115. }
  1116. };
  1117. /***/ }),
  1118. /***/ 165:
  1119. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  1120. "use strict";
  1121. var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(_vm.handleClose),expression:"handleClose"}],staticClass:"el-select",class:[_vm.selectSize ? 'el-select--' + _vm.selectSize : '']},[(_vm.multiple)?_c('div',{ref:"tags",staticClass:"el-select__tags",style:({ 'max-width': _vm.inputWidth - 32 + 'px' }),on:{"click":function($event){$event.stopPropagation();_vm.toggleMenu($event)}}},[(_vm.collapseTags && _vm.selected.length)?_c('span',[_c('el-tag',{attrs:{"closable":!_vm.disabled,"size":"small","hit":_vm.selected[0].hitState,"type":"info","disable-transitions":""},on:{"close":function($event){_vm.deleteTag($event, _vm.selected[0])}}},[_c('span',{staticClass:"el-select__tags-text"},[_vm._v(_vm._s(_vm.selected[0].currentLabel))])]),(_vm.selected.length > 1)?_c('el-tag',{attrs:{"closable":false,"size":"small","type":"info","disable-transitions":""}},[_c('span',{staticClass:"el-select__tags-text"},[_vm._v("+ "+_vm._s(_vm.selected.length - 1))])]):_vm._e()],1):_vm._e(),(!_vm.collapseTags)?_c('transition-group',{on:{"after-leave":_vm.resetInputHeight}},_vm._l((_vm.selected),function(item){return _c('el-tag',{key:_vm.getValueKey(item),attrs:{"closable":!_vm.disabled,"size":"small","hit":item.hitState,"type":"info","disable-transitions":""},on:{"close":function($event){_vm.deleteTag($event, item)}}},[_c('span',{staticClass:"el-select__tags-text"},[_vm._v(_vm._s(item.currentLabel))])])})):_vm._e(),(_vm.filterable)?_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.query),expression:"query"}],ref:"input",staticClass:"el-select__input",class:[_vm.selectSize ? ("is-" + _vm.selectSize) : ''],style:({ width: _vm.inputLength + 'px', 'max-width': _vm.inputWidth - 42 + 'px' }),attrs:{"type":"text","disabled":_vm.disabled,"debounce":_vm.remote ? 300 : 0},domProps:{"value":(_vm.query)},on:{"focus":_vm.handleFocus,"click":function($event){$event.stopPropagation();},"keyup":_vm.managePlaceholder,"keydown":[_vm.resetInputState,function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"down",40,$event.key)){ return null; }$event.preventDefault();_vm.navigateOptions('next')},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"up",38,$event.key)){ return null; }$event.preventDefault();_vm.navigateOptions('prev')},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"enter",13,$event.key)){ return null; }$event.preventDefault();_vm.selectOption($event)},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"esc",27,$event.key)){ return null; }$event.stopPropagation();$event.preventDefault();_vm.visible = false},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"delete",[8,46],$event.key)){ return null; }_vm.deletePrevTag($event)}],"input":[function($event){if($event.target.composing){ return; }_vm.query=$event.target.value},function (e) { return _vm.handleQueryChange(e.target.value); }]}}):_vm._e()],1):_vm._e(),_c('el-input',{ref:"reference",class:{ 'is-focus': _vm.visible },attrs:{"type":"text","placeholder":_vm.currentPlaceholder,"name":_vm.name,"id":_vm.id,"size":_vm.selectSize,"disabled":_vm.disabled,"readonly":!_vm.filterable || _vm.multiple,"validate-event":false},on:{"focus":_vm.handleFocus,"blur":_vm.handleBlur},nativeOn:{"mousedown":function($event){_vm.handleMouseDown($event)},"keyup":function($event){_vm.debouncedOnInputChange($event)},"keydown":[function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"down",40,$event.key)){ return null; }$event.stopPropagation();$event.preventDefault();_vm.navigateOptions('next')},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"up",38,$event.key)){ return null; }$event.stopPropagation();$event.preventDefault();_vm.navigateOptions('prev')},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"enter",13,$event.key)){ return null; }$event.preventDefault();_vm.selectOption($event)},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"esc",27,$event.key)){ return null; }$event.stopPropagation();$event.preventDefault();_vm.visible = false},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"tab",9,$event.key)){ return null; }_vm.visible = false}],"paste":function($event){_vm.debouncedOnInputChange($event)},"mouseenter":function($event){_vm.inputHovering = true},"mouseleave":function($event){_vm.inputHovering = false}},model:{value:(_vm.selectedLabel),callback:function ($$v) {_vm.selectedLabel=$$v},expression:"selectedLabel"}},[_c('i',{class:['el-select__caret', 'el-input__icon', 'el-icon-' + _vm.iconClass],attrs:{"slot":"suffix"},on:{"click":_vm.handleIconClick},slot:"suffix"})]),_c('transition',{attrs:{"name":"el-zoom-in-top"},on:{"before-enter":_vm.handleMenuEnter,"after-leave":_vm.doDestroy}},[_c('el-select-menu',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible && _vm.emptyText !== false),expression:"visible && emptyText !== false"}],ref:"popper"},[_c('el-scrollbar',{directives:[{name:"show",rawName:"v-show",value:(_vm.options.length > 0 && !_vm.loading),expression:"options.length > 0 && !loading"}],ref:"scrollbar",class:{ 'is-empty': !_vm.allowCreate && _vm.query && _vm.filteredOptionsCount === 0 },attrs:{"tag":"ul","wrap-class":"el-select-dropdown__wrap","view-class":"el-select-dropdown__list"}},[(_vm.showNewOption)?_c('el-option',{attrs:{"value":_vm.query,"created":""}}):_vm._e(),_vm._t("default")],2),(_vm.emptyText && (_vm.allowCreate && _vm.options.length === 0 || !_vm.allowCreate))?_c('p',{staticClass:"el-select-dropdown__empty"},[_vm._v(_vm._s(_vm.emptyText))]):_vm._e()],1)],1)],1)}
  1122. var staticRenderFns = []
  1123. var esExports = { render: render, staticRenderFns: staticRenderFns }
  1124. /* harmony default export */ __webpack_exports__["a"] = (esExports);
  1125. /***/ }),
  1126. /***/ 18:
  1127. /***/ (function(module, exports) {
  1128. module.exports = require("element-ui/lib/scrollbar");
  1129. /***/ }),
  1130. /***/ 19:
  1131. /***/ (function(module, exports) {
  1132. module.exports = require("element-ui/lib/utils/resize-event");
  1133. /***/ }),
  1134. /***/ 2:
  1135. /***/ (function(module, exports) {
  1136. module.exports = require("element-ui/lib/utils/dom");
  1137. /***/ }),
  1138. /***/ 24:
  1139. /***/ (function(module, exports) {
  1140. module.exports = require("element-ui/lib/tag");
  1141. /***/ }),
  1142. /***/ 25:
  1143. /***/ (function(module, exports) {
  1144. module.exports = require("element-ui/lib/utils/scroll-into-view");
  1145. /***/ }),
  1146. /***/ 3:
  1147. /***/ (function(module, exports) {
  1148. module.exports = require("element-ui/lib/utils/util");
  1149. /***/ }),
  1150. /***/ 33:
  1151. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  1152. "use strict";
  1153. Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
  1154. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_option_vue__ = __webpack_require__(34);
  1155. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_option_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_option_vue__);
  1156. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5ed77bae_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_option_vue__ = __webpack_require__(35);
  1157. var normalizeComponent = __webpack_require__(0)
  1158. /* script */
  1159. /* template */
  1160. /* template functional */
  1161. var __vue_template_functional__ = false
  1162. /* styles */
  1163. var __vue_styles__ = null
  1164. /* scopeId */
  1165. var __vue_scopeId__ = null
  1166. /* moduleIdentifier (server only) */
  1167. var __vue_module_identifier__ = null
  1168. var Component = normalizeComponent(
  1169. __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_option_vue___default.a,
  1170. __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5ed77bae_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_option_vue__["a" /* default */],
  1171. __vue_template_functional__,
  1172. __vue_styles__,
  1173. __vue_scopeId__,
  1174. __vue_module_identifier__
  1175. )
  1176. /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
  1177. /***/ }),
  1178. /***/ 34:
  1179. /***/ (function(module, exports, __webpack_require__) {
  1180. "use strict";
  1181. exports.__esModule = true;
  1182. var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; //
  1183. //
  1184. //
  1185. //
  1186. //
  1187. //
  1188. //
  1189. //
  1190. //
  1191. //
  1192. //
  1193. //
  1194. //
  1195. //
  1196. //
  1197. //
  1198. //
  1199. var _emitter = __webpack_require__(1);
  1200. var _emitter2 = _interopRequireDefault(_emitter);
  1201. var _util = __webpack_require__(3);
  1202. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  1203. exports.default = {
  1204. mixins: [_emitter2.default],
  1205. name: 'ElOption',
  1206. componentName: 'ElOption',
  1207. inject: ['select'],
  1208. props: {
  1209. value: {
  1210. required: true
  1211. },
  1212. label: [String, Number],
  1213. created: Boolean,
  1214. disabled: {
  1215. type: Boolean,
  1216. default: false
  1217. }
  1218. },
  1219. data: function data() {
  1220. return {
  1221. index: -1,
  1222. groupDisabled: false,
  1223. visible: true,
  1224. hitState: false,
  1225. hover: false
  1226. };
  1227. },
  1228. computed: {
  1229. isObject: function isObject() {
  1230. return Object.prototype.toString.call(this.value).toLowerCase() === '[object object]';
  1231. },
  1232. currentLabel: function currentLabel() {
  1233. return this.label || (this.isObject ? '' : this.value);
  1234. },
  1235. currentValue: function currentValue() {
  1236. return this.value || this.label || '';
  1237. },
  1238. itemSelected: function itemSelected() {
  1239. if (!this.select.multiple) {
  1240. return this.isEqual(this.value, this.select.value);
  1241. } else {
  1242. return this.contains(this.select.value, this.value);
  1243. }
  1244. },
  1245. limitReached: function limitReached() {
  1246. if (this.select.multiple) {
  1247. return !this.itemSelected && (this.select.value || []).length >= this.select.multipleLimit && this.select.multipleLimit > 0;
  1248. } else {
  1249. return false;
  1250. }
  1251. }
  1252. },
  1253. watch: {
  1254. currentLabel: function currentLabel() {
  1255. if (!this.created && !this.select.remote) this.dispatch('ElSelect', 'setSelected');
  1256. },
  1257. value: function value() {
  1258. if (!this.created && !this.select.remote) this.dispatch('ElSelect', 'setSelected');
  1259. }
  1260. },
  1261. methods: {
  1262. isEqual: function isEqual(a, b) {
  1263. if (!this.isObject) {
  1264. return a === b;
  1265. } else {
  1266. var valueKey = this.select.valueKey;
  1267. return (0, _util.getValueByPath)(a, valueKey) === (0, _util.getValueByPath)(b, valueKey);
  1268. }
  1269. },
  1270. contains: function contains() {
  1271. var _this = this;
  1272. var arr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
  1273. var target = arguments[1];
  1274. if (!this.isObject) {
  1275. return arr.indexOf(target) > -1;
  1276. } else {
  1277. var _ret = function () {
  1278. var valueKey = _this.select.valueKey;
  1279. return {
  1280. v: arr.some(function (item) {
  1281. return (0, _util.getValueByPath)(item, valueKey) === (0, _util.getValueByPath)(target, valueKey);
  1282. })
  1283. };
  1284. }();
  1285. if ((typeof _ret === 'undefined' ? 'undefined' : _typeof(_ret)) === "object") return _ret.v;
  1286. }
  1287. },
  1288. handleGroupDisabled: function handleGroupDisabled(val) {
  1289. this.groupDisabled = val;
  1290. },
  1291. hoverItem: function hoverItem() {
  1292. if (!this.disabled && !this.groupDisabled) {
  1293. this.select.hoverIndex = this.select.options.indexOf(this);
  1294. }
  1295. },
  1296. selectOptionClick: function selectOptionClick() {
  1297. if (this.disabled !== true && this.groupDisabled !== true) {
  1298. this.dispatch('ElSelect', 'handleOptionClick', this);
  1299. }
  1300. },
  1301. queryChange: function queryChange(query) {
  1302. // query 里如果有正则中的特殊字符,需要先将这些字符转义
  1303. var parsedQuery = String(query).replace(/(\^|\(|\)|\[|\]|\$|\*|\+|\.|\?|\\|\{|\}|\|)/g, '\\$1');
  1304. this.visible = new RegExp(parsedQuery, 'i').test(this.currentLabel) || this.created;
  1305. if (!this.visible) {
  1306. this.select.filteredOptionsCount--;
  1307. }
  1308. }
  1309. },
  1310. created: function created() {
  1311. this.select.options.push(this);
  1312. this.select.cachedOptions.push(this);
  1313. this.select.optionsCount++;
  1314. this.select.filteredOptionsCount++;
  1315. this.$on('queryChange', this.queryChange);
  1316. this.$on('handleGroupDisabled', this.handleGroupDisabled);
  1317. },
  1318. beforeDestroy: function beforeDestroy() {
  1319. this.select.onOptionDestroy(this.select.options.indexOf(this));
  1320. }
  1321. };
  1322. /***/ }),
  1323. /***/ 35:
  1324. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  1325. "use strict";
  1326. var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible),expression:"visible"}],staticClass:"el-select-dropdown__item",class:{
  1327. 'selected': _vm.itemSelected,
  1328. 'is-disabled': _vm.disabled || _vm.groupDisabled || _vm.limitReached,
  1329. 'hover': _vm.hover
  1330. },on:{"mouseenter":_vm.hoverItem,"click":function($event){$event.stopPropagation();_vm.selectOptionClick($event)}}},[_vm._t("default",[_c('span',[_vm._v(_vm._s(_vm.currentLabel))])])],2)}
  1331. var staticRenderFns = []
  1332. var esExports = { render: render, staticRenderFns: staticRenderFns }
  1333. /* harmony default export */ __webpack_exports__["a"] = (esExports);
  1334. /***/ }),
  1335. /***/ 4:
  1336. /***/ (function(module, exports) {
  1337. module.exports = require("element-ui/lib/mixins/locale");
  1338. /***/ }),
  1339. /***/ 6:
  1340. /***/ (function(module, exports) {
  1341. module.exports = require("element-ui/lib/input");
  1342. /***/ }),
  1343. /***/ 8:
  1344. /***/ (function(module, exports) {
  1345. module.exports = require("element-ui/lib/utils/vue-popper");
  1346. /***/ })
  1347. /******/ });