menu.js 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335
  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__(176);
  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. /***/ 176:
  87. /***/ function(module, exports, __webpack_require__) {
  88. 'use strict';
  89. exports.__esModule = true;
  90. var _menu = __webpack_require__(177);
  91. var _menu2 = _interopRequireDefault(_menu);
  92. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  93. /* istanbul ignore next */
  94. _menu2.default.install = function (Vue) {
  95. Vue.component(_menu2.default.name, _menu2.default);
  96. };
  97. exports.default = _menu2.default;
  98. /***/ },
  99. /***/ 177:
  100. /***/ function(module, exports, __webpack_require__) {
  101. var Component = __webpack_require__(3)(
  102. /* script */
  103. __webpack_require__(178),
  104. /* template */
  105. __webpack_require__(179),
  106. /* scopeId */
  107. null,
  108. /* cssModules */
  109. null
  110. )
  111. module.exports = Component.exports
  112. /***/ },
  113. /***/ 178:
  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. name: 'ElMenu',
  122. componentName: 'ElMenu',
  123. mixins: [_emitter2.default],
  124. props: {
  125. mode: {
  126. type: String,
  127. default: 'vertical'
  128. },
  129. defaultActive: {
  130. type: String,
  131. default: ''
  132. },
  133. defaultOpeneds: Array,
  134. theme: {
  135. type: String,
  136. default: 'light'
  137. },
  138. uniqueOpened: Boolean,
  139. router: Boolean,
  140. menuTrigger: {
  141. type: String,
  142. default: 'hover'
  143. }
  144. },
  145. data: function data() {
  146. return {
  147. activedIndex: this.defaultActive,
  148. openedMenus: this.defaultOpeneds ? this.defaultOpeneds.slice(0) : [],
  149. items: {},
  150. submenus: {}
  151. };
  152. },
  153. watch: {
  154. defaultActive: function defaultActive(value) {
  155. var item = this.items[value];
  156. if (item) {
  157. this.activedIndex = item.index;
  158. this.initOpenedMenu();
  159. } else {
  160. this.activedIndex = '';
  161. }
  162. },
  163. defaultOpeneds: function defaultOpeneds(value) {
  164. this.openedMenus = value;
  165. }
  166. },
  167. methods: {
  168. addItem: function addItem(item) {
  169. this.$set(this.items, item.index, item);
  170. },
  171. removeItem: function removeItem(item) {
  172. delete this.items[item.index];
  173. },
  174. addSubmenu: function addSubmenu(item) {
  175. this.$set(this.submenus, item.index, item);
  176. },
  177. removeSubmenu: function removeSubmenu(item) {
  178. delete this.submenus[item.index];
  179. },
  180. openMenu: function openMenu(index, indexPath) {
  181. var openedMenus = this.openedMenus;
  182. if (openedMenus.indexOf(index) !== -1) return;
  183. // 将不在该菜单路径下的其余菜单收起
  184. if (this.uniqueOpened) {
  185. this.openedMenus = openedMenus.filter(function (index) {
  186. return indexPath.indexOf(index) !== -1;
  187. });
  188. }
  189. this.openedMenus.push(index);
  190. },
  191. closeMenu: function closeMenu(index, indexPath) {
  192. this.openedMenus.splice(this.openedMenus.indexOf(index), 1);
  193. },
  194. handleSubmenuClick: function handleSubmenuClick(submenu) {
  195. var index = submenu.index,
  196. indexPath = submenu.indexPath;
  197. var isOpened = this.openedMenus.indexOf(index) !== -1;
  198. if (isOpened) {
  199. this.closeMenu(index, indexPath);
  200. this.$emit('close', index, indexPath);
  201. } else {
  202. this.openMenu(index, indexPath);
  203. this.$emit('open', index, indexPath);
  204. }
  205. },
  206. handleItemClick: function handleItemClick(item) {
  207. var index = item.index,
  208. indexPath = item.indexPath;
  209. this.activedIndex = item.index;
  210. this.$emit('select', index, indexPath, item);
  211. if (this.mode === 'horizontal') {
  212. this.openedMenus = [];
  213. }
  214. if (this.router) {
  215. this.routeToItem(item);
  216. }
  217. },
  218. // 初始化展开菜单
  219. initOpenedMenu: function initOpenedMenu() {
  220. var _this = this;
  221. var index = this.activedIndex;
  222. var activeItem = this.items[index];
  223. if (!activeItem || this.mode === 'horizontal') return;
  224. var indexPath = activeItem.indexPath;
  225. // 展开该菜单项的路径上所有子菜单
  226. indexPath.forEach(function (index) {
  227. var submenu = _this.submenus[index];
  228. submenu && _this.openMenu(index, submenu.indexPath);
  229. });
  230. },
  231. routeToItem: function routeToItem(item) {
  232. var route = item.route || item.index;
  233. try {
  234. this.$router.push(route);
  235. } catch (e) {
  236. console.error(e);
  237. }
  238. }
  239. },
  240. mounted: function mounted() {
  241. this.initOpenedMenu();
  242. this.$on('item-click', this.handleItemClick);
  243. this.$on('submenu-click', this.handleSubmenuClick);
  244. }
  245. }; //
  246. //
  247. //
  248. //
  249. //
  250. //
  251. //
  252. //
  253. //
  254. //
  255. /***/ },
  256. /***/ 179:
  257. /***/ function(module, exports) {
  258. module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
  259. return _c('ul', {
  260. staticClass: "el-menu",
  261. class: {
  262. 'el-menu--horizontal': _vm.mode === 'horizontal',
  263. 'el-menu--dark': _vm.theme === 'dark'
  264. }
  265. }, [_vm._t("default")], 2)
  266. },staticRenderFns: []}
  267. /***/ }
  268. /******/ });