select.js 52 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691
  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 = 138);
  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("element-ui/lib/locale");
  174. /***/ }),
  175. /***/ 138:
  176. /***/ (function(module, exports, __webpack_require__) {
  177. "use strict";
  178. exports.__esModule = true;
  179. var _select = __webpack_require__(139);
  180. var _select2 = _interopRequireDefault(_select);
  181. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  182. /* istanbul ignore next */
  183. _select2.default.install = function (Vue) {
  184. Vue.component(_select2.default.name, _select2.default);
  185. };
  186. exports.default = _select2.default;
  187. /***/ }),
  188. /***/ 139:
  189. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  190. "use strict";
  191. Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
  192. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_select_vue__ = __webpack_require__(140);
  193. /* 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__);
  194. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_3a791aae_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_select_vue__ = __webpack_require__(145);
  195. var normalizeComponent = __webpack_require__(0)
  196. /* script */
  197. /* template */
  198. /* template functional */
  199. var __vue_template_functional__ = false
  200. /* styles */
  201. var __vue_styles__ = null
  202. /* scopeId */
  203. var __vue_scopeId__ = null
  204. /* moduleIdentifier (server only) */
  205. var __vue_module_identifier__ = null
  206. var Component = normalizeComponent(
  207. __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_select_vue___default.a,
  208. __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_3a791aae_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_select_vue__["a" /* default */],
  209. __vue_template_functional__,
  210. __vue_styles__,
  211. __vue_scopeId__,
  212. __vue_module_identifier__
  213. )
  214. /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
  215. /***/ }),
  216. /***/ 14:
  217. /***/ (function(module, exports) {
  218. module.exports = require("throttle-debounce/debounce");
  219. /***/ }),
  220. /***/ 140:
  221. /***/ (function(module, exports, __webpack_require__) {
  222. "use strict";
  223. exports.__esModule = true;
  224. 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; }; //
  225. //
  226. //
  227. //
  228. //
  229. //
  230. //
  231. //
  232. //
  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. //
  354. //
  355. //
  356. //
  357. //
  358. var _emitter = __webpack_require__(1);
  359. var _emitter2 = _interopRequireDefault(_emitter);
  360. var _focus = __webpack_require__(19);
  361. var _focus2 = _interopRequireDefault(_focus);
  362. var _locale = __webpack_require__(5);
  363. var _locale2 = _interopRequireDefault(_locale);
  364. var _input = __webpack_require__(6);
  365. var _input2 = _interopRequireDefault(_input);
  366. var _selectDropdown = __webpack_require__(141);
  367. var _selectDropdown2 = _interopRequireDefault(_selectDropdown);
  368. var _option = __webpack_require__(35);
  369. var _option2 = _interopRequireDefault(_option);
  370. var _tag = __webpack_require__(25);
  371. var _tag2 = _interopRequireDefault(_tag);
  372. var _scrollbar = __webpack_require__(17);
  373. var _scrollbar2 = _interopRequireDefault(_scrollbar);
  374. var _debounce = __webpack_require__(14);
  375. var _debounce2 = _interopRequireDefault(_debounce);
  376. var _clickoutside = __webpack_require__(10);
  377. var _clickoutside2 = _interopRequireDefault(_clickoutside);
  378. var _resizeEvent = __webpack_require__(18);
  379. var _locale3 = __webpack_require__(12);
  380. var _scrollIntoView = __webpack_require__(26);
  381. var _scrollIntoView2 = _interopRequireDefault(_scrollIntoView);
  382. var _util = __webpack_require__(2);
  383. var _navigationMixin = __webpack_require__(144);
  384. var _navigationMixin2 = _interopRequireDefault(_navigationMixin);
  385. var _shared = __webpack_require__(23);
  386. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  387. exports.default = {
  388. mixins: [_emitter2.default, _locale2.default, (0, _focus2.default)('reference'), _navigationMixin2.default],
  389. name: 'ElSelect',
  390. componentName: 'ElSelect',
  391. inject: {
  392. elForm: {
  393. default: ''
  394. },
  395. elFormItem: {
  396. default: ''
  397. }
  398. },
  399. provide: function provide() {
  400. return {
  401. 'select': this
  402. };
  403. },
  404. computed: {
  405. _elFormItemSize: function _elFormItemSize() {
  406. return (this.elFormItem || {}).elFormItemSize;
  407. },
  408. readonly: function readonly() {
  409. return !this.filterable || this.multiple || !(0, _util.isIE)() && !(0, _util.isEdge)() && !this.visible;
  410. },
  411. showClose: function showClose() {
  412. var hasValue = this.multiple ? Array.isArray(this.value) && this.value.length > 0 : this.value !== undefined && this.value !== null && this.value !== '';
  413. var criteria = this.clearable && !this.selectDisabled && this.inputHovering && hasValue;
  414. return criteria;
  415. },
  416. iconClass: function iconClass() {
  417. return this.remote && this.filterable ? '' : this.visible ? 'arrow-up is-reverse' : 'arrow-up';
  418. },
  419. debounce: function debounce() {
  420. return this.remote ? 300 : 0;
  421. },
  422. emptyText: function emptyText() {
  423. if (this.loading) {
  424. return this.loadingText || this.t('el.select.loading');
  425. } else {
  426. if (this.remote && this.query === '' && this.options.length === 0) return false;
  427. if (this.filterable && this.query && this.options.length > 0 && this.filteredOptionsCount === 0) {
  428. return this.noMatchText || this.t('el.select.noMatch');
  429. }
  430. if (this.options.length === 0) {
  431. return this.noDataText || this.t('el.select.noData');
  432. }
  433. }
  434. return null;
  435. },
  436. showNewOption: function showNewOption() {
  437. var _this = this;
  438. var hasExistingOption = this.options.filter(function (option) {
  439. return !option.created;
  440. }).some(function (option) {
  441. return option.currentLabel === _this.query;
  442. });
  443. return this.filterable && this.allowCreate && this.query !== '' && !hasExistingOption;
  444. },
  445. selectSize: function selectSize() {
  446. return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
  447. },
  448. selectDisabled: function selectDisabled() {
  449. return this.disabled || (this.elForm || {}).disabled;
  450. },
  451. collapseTagSize: function collapseTagSize() {
  452. return ['small', 'mini'].indexOf(this.selectSize) > -1 ? 'mini' : 'small';
  453. }
  454. },
  455. components: {
  456. ElInput: _input2.default,
  457. ElSelectMenu: _selectDropdown2.default,
  458. ElOption: _option2.default,
  459. ElTag: _tag2.default,
  460. ElScrollbar: _scrollbar2.default
  461. },
  462. directives: { Clickoutside: _clickoutside2.default },
  463. props: {
  464. name: String,
  465. id: String,
  466. value: {
  467. required: true
  468. },
  469. autocomplete: {
  470. type: String,
  471. default: 'off'
  472. },
  473. /** @Deprecated in next major version */
  474. autoComplete: {
  475. type: String,
  476. validator: function validator(val) {
  477. "production" !== 'production' && console.warn('[Element Warn][Select]\'auto-complete\' property will be deprecated in next major version. please use \'autocomplete\' instead.');
  478. return true;
  479. }
  480. },
  481. automaticDropdown: Boolean,
  482. size: String,
  483. disabled: Boolean,
  484. clearable: Boolean,
  485. filterable: Boolean,
  486. allowCreate: Boolean,
  487. loading: Boolean,
  488. popperClass: String,
  489. remote: Boolean,
  490. loadingText: String,
  491. noMatchText: String,
  492. noDataText: String,
  493. remoteMethod: Function,
  494. filterMethod: Function,
  495. multiple: Boolean,
  496. multipleLimit: {
  497. type: Number,
  498. default: 0
  499. },
  500. placeholder: {
  501. type: String,
  502. default: function _default() {
  503. return (0, _locale3.t)('el.select.placeholder');
  504. }
  505. },
  506. defaultFirstOption: Boolean,
  507. reserveKeyword: Boolean,
  508. valueKey: {
  509. type: String,
  510. default: 'value'
  511. },
  512. collapseTags: Boolean,
  513. popperAppendToBody: {
  514. type: Boolean,
  515. default: true
  516. }
  517. },
  518. data: function data() {
  519. return {
  520. options: [],
  521. cachedOptions: [],
  522. createdLabel: null,
  523. createdSelected: false,
  524. selected: this.multiple ? [] : {},
  525. inputLength: 20,
  526. inputWidth: 0,
  527. initialInputHeight: 0,
  528. cachedPlaceHolder: '',
  529. optionsCount: 0,
  530. filteredOptionsCount: 0,
  531. visible: false,
  532. softFocus: false,
  533. selectedLabel: '',
  534. hoverIndex: -1,
  535. query: '',
  536. previousQuery: null,
  537. inputHovering: false,
  538. currentPlaceholder: '',
  539. menuVisibleOnFocus: false,
  540. isOnComposition: false,
  541. isSilentBlur: false
  542. };
  543. },
  544. watch: {
  545. selectDisabled: function selectDisabled() {
  546. var _this2 = this;
  547. this.$nextTick(function () {
  548. _this2.resetInputHeight();
  549. });
  550. },
  551. placeholder: function placeholder(val) {
  552. this.cachedPlaceHolder = this.currentPlaceholder = val;
  553. },
  554. value: function value(val, oldVal) {
  555. if (this.multiple) {
  556. this.resetInputHeight();
  557. if (val.length > 0 || this.$refs.input && this.query !== '') {
  558. this.currentPlaceholder = '';
  559. } else {
  560. this.currentPlaceholder = this.cachedPlaceHolder;
  561. }
  562. if (this.filterable && !this.reserveKeyword) {
  563. this.query = '';
  564. this.handleQueryChange(this.query);
  565. }
  566. }
  567. this.setSelected();
  568. if (this.filterable && !this.multiple) {
  569. this.inputLength = 20;
  570. }
  571. if (!(0, _util.valueEquals)(val, oldVal)) {
  572. this.dispatch('ElFormItem', 'el.form.change', val);
  573. }
  574. },
  575. visible: function visible(val) {
  576. var _this3 = this;
  577. if (!val) {
  578. this.broadcast('ElSelectDropdown', 'destroyPopper');
  579. if (this.$refs.input) {
  580. this.$refs.input.blur();
  581. }
  582. this.query = '';
  583. this.previousQuery = null;
  584. this.selectedLabel = '';
  585. this.inputLength = 20;
  586. this.menuVisibleOnFocus = false;
  587. this.resetHoverIndex();
  588. this.$nextTick(function () {
  589. if (_this3.$refs.input && _this3.$refs.input.value === '' && _this3.selected.length === 0) {
  590. _this3.currentPlaceholder = _this3.cachedPlaceHolder;
  591. }
  592. });
  593. if (!this.multiple) {
  594. if (this.selected) {
  595. if (this.filterable && this.allowCreate && this.createdSelected && this.createdLabel) {
  596. this.selectedLabel = this.createdLabel;
  597. } else {
  598. this.selectedLabel = this.selected.currentLabel;
  599. }
  600. if (this.filterable) this.query = this.selectedLabel;
  601. }
  602. }
  603. } else {
  604. this.broadcast('ElSelectDropdown', 'updatePopper');
  605. if (this.filterable) {
  606. this.query = this.remote ? '' : this.selectedLabel;
  607. this.handleQueryChange(this.query);
  608. if (this.multiple) {
  609. this.$refs.input.focus();
  610. } else {
  611. if (!this.remote) {
  612. this.broadcast('ElOption', 'queryChange', '');
  613. this.broadcast('ElOptionGroup', 'queryChange');
  614. }
  615. this.broadcast('ElInput', 'inputSelect');
  616. }
  617. }
  618. }
  619. this.$emit('visible-change', val);
  620. },
  621. options: function options() {
  622. var _this4 = this;
  623. if (this.$isServer) return;
  624. this.$nextTick(function () {
  625. _this4.broadcast('ElSelectDropdown', 'updatePopper');
  626. });
  627. if (this.multiple) {
  628. this.resetInputHeight();
  629. }
  630. var inputs = this.$el.querySelectorAll('input');
  631. if ([].indexOf.call(inputs, document.activeElement) === -1) {
  632. this.setSelected();
  633. }
  634. if (this.defaultFirstOption && (this.filterable || this.remote) && this.filteredOptionsCount) {
  635. this.checkDefaultFirstOption();
  636. }
  637. }
  638. },
  639. methods: {
  640. handleComposition: function handleComposition(event) {
  641. var text = event.target.value;
  642. if (event.type === 'compositionend') {
  643. this.isOnComposition = false;
  644. this.handleQueryChange(text);
  645. } else {
  646. var lastCharacter = text[text.length - 1] || '';
  647. this.isOnComposition = !(0, _shared.isKorean)(lastCharacter);
  648. }
  649. },
  650. handleQueryChange: function handleQueryChange(val) {
  651. var _this5 = this;
  652. if (this.previousQuery === val || this.isOnComposition) return;
  653. if (this.previousQuery === null && (typeof this.filterMethod === 'function' || typeof this.remoteMethod === 'function')) {
  654. this.previousQuery = val;
  655. return;
  656. }
  657. this.previousQuery = val;
  658. this.$nextTick(function () {
  659. if (_this5.visible) _this5.broadcast('ElSelectDropdown', 'updatePopper');
  660. });
  661. this.hoverIndex = -1;
  662. if (this.multiple && this.filterable) {
  663. var length = this.$refs.input.value.length * 15 + 20;
  664. this.inputLength = this.collapseTags ? Math.min(50, length) : length;
  665. this.managePlaceholder();
  666. this.resetInputHeight();
  667. }
  668. if (this.remote && typeof this.remoteMethod === 'function') {
  669. this.hoverIndex = -1;
  670. this.remoteMethod(val);
  671. } else if (typeof this.filterMethod === 'function') {
  672. this.filterMethod(val);
  673. this.broadcast('ElOptionGroup', 'queryChange');
  674. } else {
  675. this.filteredOptionsCount = this.optionsCount;
  676. this.broadcast('ElOption', 'queryChange', val);
  677. this.broadcast('ElOptionGroup', 'queryChange');
  678. }
  679. if (this.defaultFirstOption && (this.filterable || this.remote) && this.filteredOptionsCount) {
  680. this.checkDefaultFirstOption();
  681. }
  682. },
  683. scrollToOption: function scrollToOption(option) {
  684. var target = Array.isArray(option) && option[0] ? option[0].$el : option.$el;
  685. if (this.$refs.popper && target) {
  686. var menu = this.$refs.popper.$el.querySelector('.el-select-dropdown__wrap');
  687. (0, _scrollIntoView2.default)(menu, target);
  688. }
  689. this.$refs.scrollbar && this.$refs.scrollbar.handleScroll();
  690. },
  691. handleMenuEnter: function handleMenuEnter() {
  692. var _this6 = this;
  693. this.$nextTick(function () {
  694. return _this6.scrollToOption(_this6.selected);
  695. });
  696. },
  697. emitChange: function emitChange(val) {
  698. if (!(0, _util.valueEquals)(this.value, val)) {
  699. this.$emit('change', val);
  700. }
  701. },
  702. getOption: function getOption(value) {
  703. var option = void 0;
  704. var isObject = Object.prototype.toString.call(value).toLowerCase() === '[object object]';
  705. var isNull = Object.prototype.toString.call(value).toLowerCase() === '[object null]';
  706. for (var i = this.cachedOptions.length - 1; i >= 0; i--) {
  707. var cachedOption = this.cachedOptions[i];
  708. var isEqual = isObject ? (0, _util.getValueByPath)(cachedOption.value, this.valueKey) === (0, _util.getValueByPath)(value, this.valueKey) : cachedOption.value === value;
  709. if (isEqual) {
  710. option = cachedOption;
  711. break;
  712. }
  713. }
  714. if (option) return option;
  715. var label = !isObject && !isNull ? value : '';
  716. var newOption = {
  717. value: value,
  718. currentLabel: label
  719. };
  720. if (this.multiple) {
  721. newOption.hitState = false;
  722. }
  723. return newOption;
  724. },
  725. setSelected: function setSelected() {
  726. var _this7 = this;
  727. if (!this.multiple) {
  728. var option = this.getOption(this.value);
  729. if (option.created) {
  730. this.createdLabel = option.currentLabel;
  731. this.createdSelected = true;
  732. } else {
  733. this.createdSelected = false;
  734. }
  735. this.selectedLabel = option.currentLabel;
  736. this.selected = option;
  737. if (this.filterable) this.query = this.selectedLabel;
  738. return;
  739. }
  740. var result = [];
  741. if (Array.isArray(this.value)) {
  742. this.value.forEach(function (value) {
  743. result.push(_this7.getOption(value));
  744. });
  745. }
  746. this.selected = result;
  747. this.$nextTick(function () {
  748. _this7.resetInputHeight();
  749. });
  750. },
  751. handleFocus: function handleFocus(event) {
  752. if (!this.softFocus) {
  753. if (this.automaticDropdown || this.filterable) {
  754. this.visible = true;
  755. this.menuVisibleOnFocus = true;
  756. }
  757. this.$emit('focus', event);
  758. } else {
  759. this.softFocus = false;
  760. }
  761. },
  762. blur: function blur() {
  763. this.visible = false;
  764. this.$refs.reference.blur();
  765. },
  766. handleBlur: function handleBlur(event) {
  767. var _this8 = this;
  768. setTimeout(function () {
  769. if (_this8.isSilentBlur) {
  770. _this8.isSilentBlur = false;
  771. } else {
  772. _this8.$emit('blur', event);
  773. }
  774. }, 50);
  775. this.softFocus = false;
  776. },
  777. handleClearClick: function handleClearClick(event) {
  778. this.deleteSelected(event);
  779. },
  780. doDestroy: function doDestroy() {
  781. this.$refs.popper && this.$refs.popper.doDestroy();
  782. },
  783. handleClose: function handleClose() {
  784. this.visible = false;
  785. },
  786. toggleLastOptionHitState: function toggleLastOptionHitState(hit) {
  787. if (!Array.isArray(this.selected)) return;
  788. var option = this.selected[this.selected.length - 1];
  789. if (!option) return;
  790. if (hit === true || hit === false) {
  791. option.hitState = hit;
  792. return hit;
  793. }
  794. option.hitState = !option.hitState;
  795. return option.hitState;
  796. },
  797. deletePrevTag: function deletePrevTag(e) {
  798. if (e.target.value.length <= 0 && !this.toggleLastOptionHitState()) {
  799. var value = this.value.slice();
  800. value.pop();
  801. this.$emit('input', value);
  802. this.emitChange(value);
  803. }
  804. },
  805. managePlaceholder: function managePlaceholder() {
  806. if (this.currentPlaceholder !== '') {
  807. this.currentPlaceholder = this.$refs.input.value ? '' : this.cachedPlaceHolder;
  808. }
  809. },
  810. resetInputState: function resetInputState(e) {
  811. if (e.keyCode !== 8) this.toggleLastOptionHitState(false);
  812. this.inputLength = this.$refs.input.value.length * 15 + 20;
  813. this.resetInputHeight();
  814. },
  815. resetInputHeight: function resetInputHeight() {
  816. var _this9 = this;
  817. if (this.collapseTags && !this.filterable) return;
  818. this.$nextTick(function () {
  819. if (!_this9.$refs.reference) return;
  820. var inputChildNodes = _this9.$refs.reference.$el.childNodes;
  821. var input = [].filter.call(inputChildNodes, function (item) {
  822. return item.tagName === 'INPUT';
  823. })[0];
  824. var tags = _this9.$refs.tags;
  825. var sizeInMap = _this9.initialInputHeight || 40;
  826. input.style.height = _this9.selected.length === 0 ? sizeInMap + 'px' : Math.max(tags ? tags.clientHeight + (tags.clientHeight > sizeInMap ? 6 : 0) : 0, sizeInMap) + 'px';
  827. if (_this9.visible && _this9.emptyText !== false) {
  828. _this9.broadcast('ElSelectDropdown', 'updatePopper');
  829. }
  830. });
  831. },
  832. resetHoverIndex: function resetHoverIndex() {
  833. var _this10 = this;
  834. setTimeout(function () {
  835. if (!_this10.multiple) {
  836. _this10.hoverIndex = _this10.options.indexOf(_this10.selected);
  837. } else {
  838. if (_this10.selected.length > 0) {
  839. _this10.hoverIndex = Math.min.apply(null, _this10.selected.map(function (item) {
  840. return _this10.options.indexOf(item);
  841. }));
  842. } else {
  843. _this10.hoverIndex = -1;
  844. }
  845. }
  846. }, 300);
  847. },
  848. handleOptionSelect: function handleOptionSelect(option, byClick) {
  849. var _this11 = this;
  850. if (this.multiple) {
  851. var value = this.value.slice();
  852. var optionIndex = this.getValueIndex(value, option.value);
  853. if (optionIndex > -1) {
  854. value.splice(optionIndex, 1);
  855. } else if (this.multipleLimit <= 0 || value.length < this.multipleLimit) {
  856. value.push(option.value);
  857. }
  858. this.$emit('input', value);
  859. this.emitChange(value);
  860. if (option.created) {
  861. this.query = '';
  862. this.handleQueryChange('');
  863. this.inputLength = 20;
  864. }
  865. if (this.filterable) this.$refs.input.focus();
  866. } else {
  867. this.$emit('input', option.value);
  868. this.emitChange(option.value);
  869. this.visible = false;
  870. }
  871. this.isSilentBlur = byClick;
  872. this.setSoftFocus();
  873. if (this.visible) return;
  874. this.$nextTick(function () {
  875. _this11.scrollToOption(option);
  876. });
  877. },
  878. setSoftFocus: function setSoftFocus() {
  879. this.softFocus = true;
  880. var input = this.$refs.input || this.$refs.reference;
  881. if (input) {
  882. input.focus();
  883. }
  884. },
  885. getValueIndex: function getValueIndex() {
  886. var _this12 = this;
  887. var arr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
  888. var value = arguments[1];
  889. var isObject = Object.prototype.toString.call(value).toLowerCase() === '[object object]';
  890. if (!isObject) {
  891. return arr.indexOf(value);
  892. } else {
  893. var _ret = function () {
  894. var valueKey = _this12.valueKey;
  895. var index = -1;
  896. arr.some(function (item, i) {
  897. if ((0, _util.getValueByPath)(item, valueKey) === (0, _util.getValueByPath)(value, valueKey)) {
  898. index = i;
  899. return true;
  900. }
  901. return false;
  902. });
  903. return {
  904. v: index
  905. };
  906. }();
  907. if ((typeof _ret === 'undefined' ? 'undefined' : _typeof(_ret)) === "object") return _ret.v;
  908. }
  909. },
  910. toggleMenu: function toggleMenu() {
  911. if (!this.selectDisabled) {
  912. if (this.menuVisibleOnFocus) {
  913. this.menuVisibleOnFocus = false;
  914. } else {
  915. this.visible = !this.visible;
  916. }
  917. if (this.visible) {
  918. (this.$refs.input || this.$refs.reference).focus();
  919. }
  920. }
  921. },
  922. selectOption: function selectOption() {
  923. if (!this.visible) {
  924. this.toggleMenu();
  925. } else {
  926. if (this.options[this.hoverIndex]) {
  927. this.handleOptionSelect(this.options[this.hoverIndex]);
  928. }
  929. }
  930. },
  931. deleteSelected: function deleteSelected(event) {
  932. event.stopPropagation();
  933. var value = this.multiple ? [] : '';
  934. this.$emit('input', value);
  935. this.emitChange(value);
  936. this.visible = false;
  937. this.$emit('clear');
  938. },
  939. deleteTag: function deleteTag(event, tag) {
  940. var index = this.selected.indexOf(tag);
  941. if (index > -1 && !this.selectDisabled) {
  942. var value = this.value.slice();
  943. value.splice(index, 1);
  944. this.$emit('input', value);
  945. this.emitChange(value);
  946. this.$emit('remove-tag', tag.value);
  947. }
  948. event.stopPropagation();
  949. },
  950. onInputChange: function onInputChange() {
  951. if (this.filterable && this.query !== this.selectedLabel) {
  952. this.query = this.selectedLabel;
  953. this.handleQueryChange(this.query);
  954. }
  955. },
  956. onOptionDestroy: function onOptionDestroy(index) {
  957. if (index > -1) {
  958. this.optionsCount--;
  959. this.filteredOptionsCount--;
  960. this.options.splice(index, 1);
  961. }
  962. },
  963. resetInputWidth: function resetInputWidth() {
  964. this.inputWidth = this.$refs.reference.$el.getBoundingClientRect().width;
  965. },
  966. handleResize: function handleResize() {
  967. this.resetInputWidth();
  968. if (this.multiple) this.resetInputHeight();
  969. },
  970. checkDefaultFirstOption: function checkDefaultFirstOption() {
  971. this.hoverIndex = -1;
  972. // highlight the created option
  973. var hasCreated = false;
  974. for (var i = this.options.length - 1; i >= 0; i--) {
  975. if (this.options[i].created) {
  976. hasCreated = true;
  977. this.hoverIndex = i;
  978. break;
  979. }
  980. }
  981. if (hasCreated) return;
  982. for (var _i = 0; _i !== this.options.length; ++_i) {
  983. var option = this.options[_i];
  984. if (this.query) {
  985. // highlight first options that passes the filter
  986. if (!option.disabled && !option.groupDisabled && option.visible) {
  987. this.hoverIndex = _i;
  988. break;
  989. }
  990. } else {
  991. // highlight currently selected option
  992. if (option.itemSelected) {
  993. this.hoverIndex = _i;
  994. break;
  995. }
  996. }
  997. }
  998. },
  999. getValueKey: function getValueKey(item) {
  1000. if (Object.prototype.toString.call(item.value).toLowerCase() !== '[object object]') {
  1001. return item.value;
  1002. } else {
  1003. return (0, _util.getValueByPath)(item.value, this.valueKey);
  1004. }
  1005. }
  1006. },
  1007. created: function created() {
  1008. var _this13 = this;
  1009. this.cachedPlaceHolder = this.currentPlaceholder = this.placeholder;
  1010. if (this.multiple && !Array.isArray(this.value)) {
  1011. this.$emit('input', []);
  1012. }
  1013. if (!this.multiple && Array.isArray(this.value)) {
  1014. this.$emit('input', '');
  1015. }
  1016. this.debouncedOnInputChange = (0, _debounce2.default)(this.debounce, function () {
  1017. _this13.onInputChange();
  1018. });
  1019. this.debouncedQueryChange = (0, _debounce2.default)(this.debounce, function (e) {
  1020. _this13.handleQueryChange(e.target.value);
  1021. });
  1022. this.$on('handleOptionClick', this.handleOptionSelect);
  1023. this.$on('setSelected', this.setSelected);
  1024. },
  1025. mounted: function mounted() {
  1026. var _this14 = this;
  1027. if (this.multiple && Array.isArray(this.value) && this.value.length > 0) {
  1028. this.currentPlaceholder = '';
  1029. }
  1030. (0, _resizeEvent.addResizeListener)(this.$el, this.handleResize);
  1031. var reference = this.$refs.reference;
  1032. if (reference && reference.$el) {
  1033. var sizeMap = {
  1034. medium: 36,
  1035. small: 32,
  1036. mini: 28
  1037. };
  1038. this.initialInputHeight = reference.$el.getBoundingClientRect().height || sizeMap[this.selectSize];
  1039. }
  1040. if (this.remote && this.multiple) {
  1041. this.resetInputHeight();
  1042. }
  1043. this.$nextTick(function () {
  1044. if (reference && reference.$el) {
  1045. _this14.inputWidth = reference.$el.getBoundingClientRect().width;
  1046. }
  1047. });
  1048. this.setSelected();
  1049. },
  1050. beforeDestroy: function beforeDestroy() {
  1051. if (this.$el && this.handleResize) (0, _resizeEvent.removeResizeListener)(this.$el, this.handleResize);
  1052. }
  1053. };
  1054. /***/ }),
  1055. /***/ 141:
  1056. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  1057. "use strict";
  1058. Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
  1059. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_select_dropdown_vue__ = __webpack_require__(142);
  1060. /* 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__);
  1061. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_07976de5_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_select_dropdown_vue__ = __webpack_require__(143);
  1062. var normalizeComponent = __webpack_require__(0)
  1063. /* script */
  1064. /* template */
  1065. /* template functional */
  1066. var __vue_template_functional__ = false
  1067. /* styles */
  1068. var __vue_styles__ = null
  1069. /* scopeId */
  1070. var __vue_scopeId__ = null
  1071. /* moduleIdentifier (server only) */
  1072. var __vue_module_identifier__ = null
  1073. var Component = normalizeComponent(
  1074. __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_select_dropdown_vue___default.a,
  1075. __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_07976de5_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_select_dropdown_vue__["a" /* default */],
  1076. __vue_template_functional__,
  1077. __vue_styles__,
  1078. __vue_scopeId__,
  1079. __vue_module_identifier__
  1080. )
  1081. /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
  1082. /***/ }),
  1083. /***/ 142:
  1084. /***/ (function(module, exports, __webpack_require__) {
  1085. "use strict";
  1086. exports.__esModule = true;
  1087. var _vuePopper = __webpack_require__(7);
  1088. var _vuePopper2 = _interopRequireDefault(_vuePopper);
  1089. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  1090. exports.default = {
  1091. name: 'ElSelectDropdown',
  1092. componentName: 'ElSelectDropdown',
  1093. mixins: [_vuePopper2.default],
  1094. props: {
  1095. placement: {
  1096. default: 'bottom-start'
  1097. },
  1098. boundariesPadding: {
  1099. default: 0
  1100. },
  1101. popperOptions: {
  1102. default: function _default() {
  1103. return {
  1104. gpuAcceleration: false
  1105. };
  1106. }
  1107. },
  1108. visibleArrow: {
  1109. default: true
  1110. },
  1111. appendToBody: {
  1112. type: Boolean,
  1113. default: true
  1114. }
  1115. },
  1116. data: function data() {
  1117. return {
  1118. minWidth: ''
  1119. };
  1120. },
  1121. computed: {
  1122. popperClass: function popperClass() {
  1123. return this.$parent.popperClass;
  1124. }
  1125. },
  1126. watch: {
  1127. '$parent.inputWidth': function $parentInputWidth() {
  1128. this.minWidth = this.$parent.$el.getBoundingClientRect().width + 'px';
  1129. }
  1130. },
  1131. mounted: function mounted() {
  1132. var _this = this;
  1133. this.referenceElm = this.$parent.$refs.reference.$el;
  1134. this.$parent.popperElm = this.popperElm = this.$el;
  1135. this.$on('updatePopper', function () {
  1136. if (_this.$parent.visible) _this.updatePopper();
  1137. });
  1138. this.$on('destroyPopper', this.destroyPopper);
  1139. }
  1140. }; //
  1141. //
  1142. //
  1143. //
  1144. //
  1145. //
  1146. //
  1147. //
  1148. //
  1149. /***/ }),
  1150. /***/ 143:
  1151. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  1152. "use strict";
  1153. 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)}
  1154. var staticRenderFns = []
  1155. var esExports = { render: render, staticRenderFns: staticRenderFns }
  1156. /* harmony default export */ __webpack_exports__["a"] = (esExports);
  1157. /***/ }),
  1158. /***/ 144:
  1159. /***/ (function(module, exports, __webpack_require__) {
  1160. "use strict";
  1161. exports.__esModule = true;
  1162. exports.default = {
  1163. data: function data() {
  1164. return {
  1165. hoverOption: -1
  1166. };
  1167. },
  1168. computed: {
  1169. optionsAllDisabled: function optionsAllDisabled() {
  1170. return this.options.filter(function (option) {
  1171. return option.visible;
  1172. }).every(function (option) {
  1173. return option.disabled;
  1174. });
  1175. }
  1176. },
  1177. watch: {
  1178. hoverIndex: function hoverIndex(val) {
  1179. var _this = this;
  1180. if (typeof val === 'number' && val > -1) {
  1181. this.hoverOption = this.options[val] || {};
  1182. }
  1183. this.options.forEach(function (option) {
  1184. option.hover = _this.hoverOption === option;
  1185. });
  1186. }
  1187. },
  1188. methods: {
  1189. navigateOptions: function navigateOptions(direction) {
  1190. var _this2 = this;
  1191. if (!this.visible) {
  1192. this.visible = true;
  1193. return;
  1194. }
  1195. if (this.options.length === 0 || this.filteredOptionsCount === 0) return;
  1196. if (!this.optionsAllDisabled) {
  1197. if (direction === 'next') {
  1198. this.hoverIndex++;
  1199. if (this.hoverIndex === this.options.length) {
  1200. this.hoverIndex = 0;
  1201. }
  1202. } else if (direction === 'prev') {
  1203. this.hoverIndex--;
  1204. if (this.hoverIndex < 0) {
  1205. this.hoverIndex = this.options.length - 1;
  1206. }
  1207. }
  1208. var option = this.options[this.hoverIndex];
  1209. if (option.disabled === true || option.groupDisabled === true || !option.visible) {
  1210. this.navigateOptions(direction);
  1211. }
  1212. this.$nextTick(function () {
  1213. return _this2.scrollToOption(_this2.hoverOption);
  1214. });
  1215. }
  1216. }
  1217. }
  1218. };
  1219. /***/ }),
  1220. /***/ 145:
  1221. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  1222. "use strict";
  1223. 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 : ''],on:{"click":function($event){$event.stopPropagation();_vm.toggleMenu($event)}}},[(_vm.multiple)?_c('div',{ref:"tags",staticClass:"el-select__tags",style:({ 'max-width': _vm.inputWidth - 32 + 'px', width: '100%' })},[(_vm.collapseTags && _vm.selected.length)?_c('span',[_c('el-tag',{attrs:{"closable":!_vm.selectDisabled,"size":_vm.collapseTagSize,"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":_vm.collapseTagSize,"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.selectDisabled,"size":_vm.collapseTagSize,"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:({ 'flex-grow': '1', width: _vm.inputLength / (_vm.inputWidth - 32) + '%', 'max-width': _vm.inputWidth - 42 + 'px' }),attrs:{"type":"text","disabled":_vm.selectDisabled,"autocomplete":_vm.autoComplete || _vm.autocomplete},domProps:{"value":(_vm.query)},on:{"focus":_vm.handleFocus,"blur":function($event){_vm.softFocus = false},"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)}],"compositionstart":_vm.handleComposition,"compositionupdate":_vm.handleComposition,"compositionend":_vm.handleComposition,"input":[function($event){if($event.target.composing){ return; }_vm.query=$event.target.value},_vm.debouncedQueryChange]}}):_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,"autocomplete":_vm.autoComplete || _vm.autocomplete,"size":_vm.selectSize,"disabled":_vm.selectDisabled,"readonly":_vm.readonly,"validate-event":false},on:{"focus":_vm.handleFocus,"blur":_vm.handleBlur},nativeOn:{"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"}},[(_vm.$slots.prefix)?_c('template',{attrs:{"slot":"prefix"},slot:"prefix"},[_vm._t("prefix")],2):_vm._e(),_c('template',{attrs:{"slot":"suffix"},slot:"suffix"},[_c('i',{directives:[{name:"show",rawName:"v-show",value:(!_vm.showClose),expression:"!showClose"}],class:['el-select__caret', 'el-input__icon', 'el-icon-' + _vm.iconClass]}),(_vm.showClose)?_c('i',{staticClass:"el-select__caret el-input__icon el-icon-circle-close",on:{"click":_vm.handleClearClick}}):_vm._e()])],2),_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",attrs:{"append-to-body":_vm.popperAppendToBody}},[_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 &&
  1224. (!_vm.allowCreate || _vm.loading || (_vm.allowCreate && _vm.options.length === 0 )))?_c('p',{staticClass:"el-select-dropdown__empty"},[_vm._v("\n "+_vm._s(_vm.emptyText)+"\n ")]):_vm._e()],1)],1)],1)}
  1225. var staticRenderFns = []
  1226. var esExports = { render: render, staticRenderFns: staticRenderFns }
  1227. /* harmony default export */ __webpack_exports__["a"] = (esExports);
  1228. /***/ }),
  1229. /***/ 17:
  1230. /***/ (function(module, exports) {
  1231. module.exports = require("element-ui/lib/scrollbar");
  1232. /***/ }),
  1233. /***/ 18:
  1234. /***/ (function(module, exports) {
  1235. module.exports = require("element-ui/lib/utils/resize-event");
  1236. /***/ }),
  1237. /***/ 19:
  1238. /***/ (function(module, exports) {
  1239. module.exports = require("element-ui/lib/mixins/focus");
  1240. /***/ }),
  1241. /***/ 2:
  1242. /***/ (function(module, exports) {
  1243. module.exports = require("element-ui/lib/utils/util");
  1244. /***/ }),
  1245. /***/ 23:
  1246. /***/ (function(module, exports) {
  1247. module.exports = require("element-ui/lib/utils/shared");
  1248. /***/ }),
  1249. /***/ 25:
  1250. /***/ (function(module, exports) {
  1251. module.exports = require("element-ui/lib/tag");
  1252. /***/ }),
  1253. /***/ 26:
  1254. /***/ (function(module, exports) {
  1255. module.exports = require("element-ui/lib/utils/scroll-into-view");
  1256. /***/ }),
  1257. /***/ 35:
  1258. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  1259. "use strict";
  1260. Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
  1261. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_option_vue__ = __webpack_require__(36);
  1262. /* 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__);
  1263. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_d1533cbc_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_option_vue__ = __webpack_require__(37);
  1264. var normalizeComponent = __webpack_require__(0)
  1265. /* script */
  1266. /* template */
  1267. /* template functional */
  1268. var __vue_template_functional__ = false
  1269. /* styles */
  1270. var __vue_styles__ = null
  1271. /* scopeId */
  1272. var __vue_scopeId__ = null
  1273. /* moduleIdentifier (server only) */
  1274. var __vue_module_identifier__ = null
  1275. var Component = normalizeComponent(
  1276. __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_option_vue___default.a,
  1277. __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_d1533cbc_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_option_vue__["a" /* default */],
  1278. __vue_template_functional__,
  1279. __vue_styles__,
  1280. __vue_scopeId__,
  1281. __vue_module_identifier__
  1282. )
  1283. /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
  1284. /***/ }),
  1285. /***/ 36:
  1286. /***/ (function(module, exports, __webpack_require__) {
  1287. "use strict";
  1288. exports.__esModule = true;
  1289. 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; }; //
  1290. //
  1291. //
  1292. //
  1293. //
  1294. //
  1295. //
  1296. //
  1297. //
  1298. //
  1299. //
  1300. //
  1301. //
  1302. //
  1303. //
  1304. //
  1305. //
  1306. var _emitter = __webpack_require__(1);
  1307. var _emitter2 = _interopRequireDefault(_emitter);
  1308. var _util = __webpack_require__(2);
  1309. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  1310. exports.default = {
  1311. mixins: [_emitter2.default],
  1312. name: 'ElOption',
  1313. componentName: 'ElOption',
  1314. inject: ['select'],
  1315. props: {
  1316. value: {
  1317. required: true
  1318. },
  1319. label: [String, Number],
  1320. created: Boolean,
  1321. disabled: {
  1322. type: Boolean,
  1323. default: false
  1324. }
  1325. },
  1326. data: function data() {
  1327. return {
  1328. index: -1,
  1329. groupDisabled: false,
  1330. visible: true,
  1331. hitState: false,
  1332. hover: false
  1333. };
  1334. },
  1335. computed: {
  1336. isObject: function isObject() {
  1337. return Object.prototype.toString.call(this.value).toLowerCase() === '[object object]';
  1338. },
  1339. currentLabel: function currentLabel() {
  1340. return this.label || (this.isObject ? '' : this.value);
  1341. },
  1342. currentValue: function currentValue() {
  1343. return this.value || this.label || '';
  1344. },
  1345. itemSelected: function itemSelected() {
  1346. if (!this.select.multiple) {
  1347. return this.isEqual(this.value, this.select.value);
  1348. } else {
  1349. return this.contains(this.select.value, this.value);
  1350. }
  1351. },
  1352. limitReached: function limitReached() {
  1353. if (this.select.multiple) {
  1354. return !this.itemSelected && (this.select.value || []).length >= this.select.multipleLimit && this.select.multipleLimit > 0;
  1355. } else {
  1356. return false;
  1357. }
  1358. }
  1359. },
  1360. watch: {
  1361. currentLabel: function currentLabel() {
  1362. if (!this.created && !this.select.remote) this.dispatch('ElSelect', 'setSelected');
  1363. },
  1364. value: function value(val, oldVal) {
  1365. var _select = this.select,
  1366. remote = _select.remote,
  1367. valueKey = _select.valueKey;
  1368. if (!this.created && !remote) {
  1369. if (valueKey && (typeof val === 'undefined' ? 'undefined' : _typeof(val)) === 'object' && (typeof oldVal === 'undefined' ? 'undefined' : _typeof(oldVal)) === 'object' && val[valueKey] === oldVal[valueKey]) {
  1370. return;
  1371. }
  1372. this.dispatch('ElSelect', 'setSelected');
  1373. }
  1374. }
  1375. },
  1376. methods: {
  1377. isEqual: function isEqual(a, b) {
  1378. if (!this.isObject) {
  1379. return a === b;
  1380. } else {
  1381. var valueKey = this.select.valueKey;
  1382. return (0, _util.getValueByPath)(a, valueKey) === (0, _util.getValueByPath)(b, valueKey);
  1383. }
  1384. },
  1385. contains: function contains() {
  1386. var _this = this;
  1387. var arr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
  1388. var target = arguments[1];
  1389. if (!this.isObject) {
  1390. return arr.indexOf(target) > -1;
  1391. } else {
  1392. var _ret = function () {
  1393. var valueKey = _this.select.valueKey;
  1394. return {
  1395. v: arr.some(function (item) {
  1396. return (0, _util.getValueByPath)(item, valueKey) === (0, _util.getValueByPath)(target, valueKey);
  1397. })
  1398. };
  1399. }();
  1400. if ((typeof _ret === 'undefined' ? 'undefined' : _typeof(_ret)) === "object") return _ret.v;
  1401. }
  1402. },
  1403. handleGroupDisabled: function handleGroupDisabled(val) {
  1404. this.groupDisabled = val;
  1405. },
  1406. hoverItem: function hoverItem() {
  1407. if (!this.disabled && !this.groupDisabled) {
  1408. this.select.hoverIndex = this.select.options.indexOf(this);
  1409. }
  1410. },
  1411. selectOptionClick: function selectOptionClick() {
  1412. if (this.disabled !== true && this.groupDisabled !== true) {
  1413. this.dispatch('ElSelect', 'handleOptionClick', [this, true]);
  1414. }
  1415. },
  1416. queryChange: function queryChange(query) {
  1417. this.visible = new RegExp((0, _util.escapeRegexpString)(query), 'i').test(this.currentLabel) || this.created;
  1418. if (!this.visible) {
  1419. this.select.filteredOptionsCount--;
  1420. }
  1421. }
  1422. },
  1423. created: function created() {
  1424. this.select.options.push(this);
  1425. this.select.cachedOptions.push(this);
  1426. this.select.optionsCount++;
  1427. this.select.filteredOptionsCount++;
  1428. this.$on('queryChange', this.queryChange);
  1429. this.$on('handleGroupDisabled', this.handleGroupDisabled);
  1430. },
  1431. beforeDestroy: function beforeDestroy() {
  1432. this.select.onOptionDestroy(this.select.options.indexOf(this));
  1433. }
  1434. };
  1435. /***/ }),
  1436. /***/ 37:
  1437. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  1438. "use strict";
  1439. 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:{
  1440. 'selected': _vm.itemSelected,
  1441. 'is-disabled': _vm.disabled || _vm.groupDisabled || _vm.limitReached,
  1442. 'hover': _vm.hover
  1443. },on:{"mouseenter":_vm.hoverItem,"click":function($event){$event.stopPropagation();_vm.selectOptionClick($event)}}},[_vm._t("default",[_c('span',[_vm._v(_vm._s(_vm.currentLabel))])])],2)}
  1444. var staticRenderFns = []
  1445. var esExports = { render: render, staticRenderFns: staticRenderFns }
  1446. /* harmony default export */ __webpack_exports__["a"] = (esExports);
  1447. /***/ }),
  1448. /***/ 5:
  1449. /***/ (function(module, exports) {
  1450. module.exports = require("element-ui/lib/mixins/locale");
  1451. /***/ }),
  1452. /***/ 6:
  1453. /***/ (function(module, exports) {
  1454. module.exports = require("element-ui/lib/input");
  1455. /***/ }),
  1456. /***/ 7:
  1457. /***/ (function(module, exports) {
  1458. module.exports = require("element-ui/lib/utils/vue-popper");
  1459. /***/ })
  1460. /******/ });