option.js 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331
  1. module.exports =
  2. /******/ (function(modules) { // webpackBootstrap
  3. /******/ // The module cache
  4. /******/ var installedModules = {};
  5. /******/ // The require function
  6. /******/ function __webpack_require__(moduleId) {
  7. /******/ // Check if module is in cache
  8. /******/ if(installedModules[moduleId])
  9. /******/ return installedModules[moduleId].exports;
  10. /******/ // Create a new module (and put it into the cache)
  11. /******/ var module = installedModules[moduleId] = {
  12. /******/ exports: {},
  13. /******/ id: moduleId,
  14. /******/ loaded: false
  15. /******/ };
  16. /******/ // Execute the module function
  17. /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
  18. /******/ // Flag the module as loaded
  19. /******/ module.loaded = true;
  20. /******/ // Return the exports of the module
  21. /******/ return module.exports;
  22. /******/ }
  23. /******/ // expose the modules object (__webpack_modules__)
  24. /******/ __webpack_require__.m = modules;
  25. /******/ // expose the module cache
  26. /******/ __webpack_require__.c = installedModules;
  27. /******/ // __webpack_public_path__
  28. /******/ __webpack_require__.p = "/dist/";
  29. /******/ // Load entry module and return exports
  30. /******/ return __webpack_require__(0);
  31. /******/ })
  32. /************************************************************************/
  33. /******/ ({
  34. /***/ 0:
  35. /***/ function(module, exports, __webpack_require__) {
  36. module.exports = __webpack_require__(210);
  37. /***/ },
  38. /***/ 3:
  39. /***/ function(module, exports) {
  40. module.exports = function normalizeComponent (
  41. rawScriptExports,
  42. compiledTemplate,
  43. scopeId,
  44. cssModules
  45. ) {
  46. var esModule
  47. var scriptExports = rawScriptExports = rawScriptExports || {}
  48. // ES6 modules interop
  49. var type = typeof rawScriptExports.default
  50. if (type === 'object' || type === 'function') {
  51. esModule = rawScriptExports
  52. scriptExports = rawScriptExports.default
  53. }
  54. // Vue.extend constructor export interop
  55. var options = typeof scriptExports === 'function'
  56. ? scriptExports.options
  57. : scriptExports
  58. // render functions
  59. if (compiledTemplate) {
  60. options.render = compiledTemplate.render
  61. options.staticRenderFns = compiledTemplate.staticRenderFns
  62. }
  63. // scopedId
  64. if (scopeId) {
  65. options._scopeId = scopeId
  66. }
  67. // inject cssModules
  68. if (cssModules) {
  69. var computed = options.computed || (options.computed = {})
  70. Object.keys(cssModules).forEach(function (key) {
  71. var module = cssModules[key]
  72. computed[key] = function () { return module }
  73. })
  74. }
  75. return {
  76. esModule: esModule,
  77. exports: scriptExports,
  78. options: options
  79. }
  80. }
  81. /***/ },
  82. /***/ 14:
  83. /***/ function(module, exports) {
  84. module.exports = require("element-ui/lib/mixins/emitter");
  85. /***/ },
  86. /***/ 210:
  87. /***/ function(module, exports, __webpack_require__) {
  88. 'use strict';
  89. exports.__esModule = true;
  90. var _option = __webpack_require__(211);
  91. var _option2 = _interopRequireDefault(_option);
  92. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  93. /* istanbul ignore next */
  94. _option2.default.install = function (Vue) {
  95. Vue.component(_option2.default.name, _option2.default);
  96. };
  97. exports.default = _option2.default;
  98. /***/ },
  99. /***/ 211:
  100. /***/ function(module, exports, __webpack_require__) {
  101. var Component = __webpack_require__(3)(
  102. /* script */
  103. __webpack_require__(212),
  104. /* template */
  105. __webpack_require__(213),
  106. /* scopeId */
  107. null,
  108. /* cssModules */
  109. null
  110. )
  111. module.exports = Component.exports
  112. /***/ },
  113. /***/ 212:
  114. /***/ function(module, exports, __webpack_require__) {
  115. 'use strict';
  116. exports.__esModule = true;
  117. var _emitter = __webpack_require__(14);
  118. var _emitter2 = _interopRequireDefault(_emitter);
  119. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  120. exports.default = {
  121. mixins: [_emitter2.default],
  122. name: 'ElOption',
  123. componentName: 'ElOption',
  124. props: {
  125. value: {
  126. required: true
  127. },
  128. label: [String, Number],
  129. created: Boolean,
  130. disabled: {
  131. type: Boolean,
  132. default: false
  133. }
  134. },
  135. data: function data() {
  136. return {
  137. index: -1,
  138. groupDisabled: false,
  139. visible: true,
  140. hitState: false
  141. };
  142. },
  143. computed: {
  144. currentLabel: function currentLabel() {
  145. return this.label || (typeof this.value === 'string' || typeof this.value === 'number' ? this.value : '');
  146. },
  147. currentValue: function currentValue() {
  148. return this.value || this.label || '';
  149. },
  150. parent: function parent() {
  151. var result = this.$parent;
  152. while (!result.isSelect) {
  153. result = result.$parent;
  154. }
  155. return result;
  156. },
  157. itemSelected: function itemSelected() {
  158. if (!this.parent.multiple) {
  159. return this.value === this.parent.value;
  160. } else {
  161. return this.parent.value.indexOf(this.value) > -1;
  162. }
  163. },
  164. limitReached: function limitReached() {
  165. if (this.parent.multiple) {
  166. return !this.itemSelected && this.parent.value.length >= this.parent.multipleLimit && this.parent.multipleLimit > 0;
  167. } else {
  168. return false;
  169. }
  170. }
  171. },
  172. watch: {
  173. currentLabel: function currentLabel() {
  174. if (!this.created && !this.parent.remote) this.dispatch('ElSelect', 'setSelected');
  175. },
  176. value: function value() {
  177. if (!this.created && !this.parent.remote) this.dispatch('ElSelect', 'setSelected');
  178. }
  179. },
  180. methods: {
  181. handleGroupDisabled: function handleGroupDisabled(val) {
  182. this.groupDisabled = val;
  183. },
  184. hoverItem: function hoverItem() {
  185. if (!this.disabled && !this.groupDisabled) {
  186. this.parent.hoverIndex = this.parent.options.indexOf(this);
  187. }
  188. },
  189. selectOptionClick: function selectOptionClick() {
  190. if (this.disabled !== true && this.groupDisabled !== true) {
  191. this.dispatch('ElSelect', 'handleOptionClick', this);
  192. }
  193. },
  194. queryChange: function queryChange(query) {
  195. // query 里如果有正则中的特殊字符,需要先将这些字符转义
  196. var parsedQuery = String(query).replace(/(\^|\(|\)|\[|\]|\$|\*|\+|\.|\?|\\|\{|\}|\|)/g, '\\$1');
  197. this.visible = new RegExp(parsedQuery, 'i').test(this.currentLabel) || this.created;
  198. if (!this.visible) {
  199. this.parent.filteredOptionsCount--;
  200. }
  201. },
  202. resetIndex: function resetIndex() {
  203. var _this = this;
  204. this.$nextTick(function () {
  205. _this.index = _this.parent.options.indexOf(_this);
  206. });
  207. }
  208. },
  209. created: function created() {
  210. this.parent.options.push(this);
  211. this.parent.cachedOptions.push(this);
  212. this.parent.optionsCount++;
  213. this.parent.filteredOptionsCount++;
  214. this.index = this.parent.options.indexOf(this);
  215. this.$on('queryChange', this.queryChange);
  216. this.$on('handleGroupDisabled', this.handleGroupDisabled);
  217. this.$on('resetIndex', this.resetIndex);
  218. },
  219. beforeDestroy: function beforeDestroy() {
  220. this.dispatch('ElSelect', 'onOptionDestroy', this);
  221. }
  222. }; //
  223. //
  224. //
  225. //
  226. //
  227. //
  228. //
  229. //
  230. //
  231. //
  232. //
  233. //
  234. //
  235. //
  236. //
  237. //
  238. //
  239. /***/ },
  240. /***/ 213:
  241. /***/ function(module, exports) {
  242. module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
  243. return _c('li', {
  244. directives: [{
  245. name: "show",
  246. rawName: "v-show",
  247. value: (_vm.visible),
  248. expression: "visible"
  249. }],
  250. staticClass: "el-select-dropdown__item",
  251. class: {
  252. 'selected': _vm.itemSelected,
  253. 'is-disabled': _vm.disabled || _vm.groupDisabled || _vm.limitReached,
  254. 'hover': _vm.parent.hoverIndex === _vm.index
  255. },
  256. on: {
  257. "mouseenter": _vm.hoverItem,
  258. "click": function($event) {
  259. $event.stopPropagation();
  260. _vm.selectOptionClick($event)
  261. }
  262. }
  263. }, [_vm._t("default", [_c('span', [_vm._v(_vm._s(_vm.currentLabel))])])], 2)
  264. },staticRenderFns: []}
  265. /***/ }
  266. /******/ });