cy-element-ui 1.1.19 → 1.1.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.js +1 -1
- package/package.json +1 -1
- package/src/index.js +1 -1
- package/lib/Alert.js +0 -420
- package/lib/Aside.js +0 -277
- package/lib/Autocomplete.js +0 -2051
- package/lib/Avatar.js +0 -363
- package/lib/Backtop.js +0 -404
- package/lib/Badge.js +0 -334
- package/lib/Breadcrumb.js +0 -293
- package/lib/BreadcrumbItem.js +0 -322
- package/lib/Button.js +0 -357
- package/lib/ButtonGroup.js +0 -262
- package/lib/Calendar.js +0 -1146
- package/lib/Card.js +0 -297
- package/lib/Carousel.js +0 -707
- package/lib/CarouselItem.js +0 -434
- package/lib/Cascader.js +0 -4641
- package/lib/CascaderPanel.js +0 -2602
- package/lib/Checkbox.js +0 -627
- package/lib/CheckboxButton.js +0 -583
- package/lib/CheckboxGroup.js +0 -313
- package/lib/Col.js +0 -177
- package/lib/Collapse.js +0 -329
- package/lib/CollapseItem.js +0 -497
- package/lib/ColorPicker.js +0 -2885
- package/lib/Container.js +0 -288
- package/lib/CySelectDisplayInput.js +0 -367
- package/lib/CySubTitle.js +0 -295
- package/lib/CyTabDialog.js +0 -1184
- package/lib/CyTreeSelect.js +0 -4422
- package/lib/DatePicker.js +0 -7574
- package/lib/Descriptions.js +0 -457
- package/lib/DescriptionsItem.js +0 -140
- package/lib/Dialog.js +0 -598
- package/lib/Divider.js +0 -313
- package/lib/Drawer.js +0 -592
- package/lib/Dropdown.js +0 -856
- package/lib/DropdownItem.js +0 -316
- package/lib/DropdownMenu.js +0 -351
- package/lib/Empty.js +0 -730
- package/lib/Footer.js +0 -277
- package/lib/Form.js +0 -466
- package/lib/FormItem.js +0 -826
- package/lib/Header.js +0 -277
- package/lib/Icon.js +0 -265
- package/lib/Image.js +0 -1138
- package/lib/InfiniteScroll.js +0 -301
- package/lib/Input.js +0 -999
- package/lib/InputNumber.js +0 -1552
- package/lib/Link.js +0 -332
- package/lib/Loading.js +0 -631
- package/lib/Main.js +0 -264
- package/lib/Menu.js +0 -865
- package/lib/MenuItem.js +0 -818
- package/lib/MenuItemGroup.js +0 -308
- package/lib/Message.js +0 -548
- package/lib/MessageBox.js +0 -2134
- package/lib/Notification.js +0 -615
- package/lib/Option.js +0 -474
- package/lib/OptionGroup.js +0 -344
- package/lib/PageHeader.js +0 -319
- package/lib/Pagination.js +0 -4123
- package/lib/Popconfirm.js +0 -1025
- package/lib/Popover.js +0 -617
- package/lib/Progress.js +0 -595
- package/lib/Radio.js +0 -497
- package/lib/RadioButton.js +0 -463
- package/lib/RadioGroup.js +0 -391
- package/lib/Rate.js +0 -670
- package/lib/Result.js +0 -578
- package/lib/Row.js +0 -149
- package/lib/Scrollbar.js +0 -423
- package/lib/Select.js +0 -3368
- package/lib/Skeleton.js +0 -372
- package/lib/SkeletonItem.js +0 -342
- package/lib/Slider.js +0 -2854
- package/lib/Spinner.js +0 -301
- package/lib/Statistic.js +0 -533
- package/lib/Step.js +0 -522
- package/lib/Steps.js +0 -342
- package/lib/Submenu.js +0 -700
- package/lib/Switch.js +0 -554
- package/lib/TabPane.js +0 -332
- package/lib/Table.js +0 -6125
- package/lib/TableColumn.js +0 -1481
- package/lib/Tabs.js +0 -920
- package/lib/Tag.js +0 -304
- package/lib/TimePicker.js +0 -4059
- package/lib/TimeSelect.js +0 -2871
- package/lib/Timeline.js +0 -275
- package/lib/TimelineItem.js +0 -371
- package/lib/Tooltip.js +0 -425
- package/lib/Transfer.js +0 -2557
- package/lib/Tree.js +0 -2680
- package/lib/Upload.js +0 -1782
package/lib/Submenu.js
DELETED
|
@@ -1,700 +0,0 @@
|
|
|
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, { enumerable: true, get: getter });
|
|
41
|
-
/******/ }
|
|
42
|
-
/******/ };
|
|
43
|
-
/******/
|
|
44
|
-
/******/ // define __esModule on exports
|
|
45
|
-
/******/ __webpack_require__.r = function(exports) {
|
|
46
|
-
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
47
|
-
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
48
|
-
/******/ }
|
|
49
|
-
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
50
|
-
/******/ };
|
|
51
|
-
/******/
|
|
52
|
-
/******/ // create a fake namespace object
|
|
53
|
-
/******/ // mode & 1: value is a module id, require it
|
|
54
|
-
/******/ // mode & 2: merge all properties of value into the ns
|
|
55
|
-
/******/ // mode & 4: return value when already ns object
|
|
56
|
-
/******/ // mode & 8|1: behave like require
|
|
57
|
-
/******/ __webpack_require__.t = function(value, mode) {
|
|
58
|
-
/******/ if(mode & 1) value = __webpack_require__(value);
|
|
59
|
-
/******/ if(mode & 8) return value;
|
|
60
|
-
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
|
|
61
|
-
/******/ var ns = Object.create(null);
|
|
62
|
-
/******/ __webpack_require__.r(ns);
|
|
63
|
-
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
|
|
64
|
-
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
|
|
65
|
-
/******/ return ns;
|
|
66
|
-
/******/ };
|
|
67
|
-
/******/
|
|
68
|
-
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
69
|
-
/******/ __webpack_require__.n = function(module) {
|
|
70
|
-
/******/ var getter = module && module.__esModule ?
|
|
71
|
-
/******/ function getDefault() { return module['default']; } :
|
|
72
|
-
/******/ function getModuleExports() { return module; };
|
|
73
|
-
/******/ __webpack_require__.d(getter, 'a', getter);
|
|
74
|
-
/******/ return getter;
|
|
75
|
-
/******/ };
|
|
76
|
-
/******/
|
|
77
|
-
/******/ // Object.prototype.hasOwnProperty.call
|
|
78
|
-
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
|
79
|
-
/******/
|
|
80
|
-
/******/ // __webpack_public_path__
|
|
81
|
-
/******/ __webpack_require__.p = "/dist/";
|
|
82
|
-
/******/
|
|
83
|
-
/******/
|
|
84
|
-
/******/ // Load entry module and return exports
|
|
85
|
-
/******/ return __webpack_require__(__webpack_require__.s = 123);
|
|
86
|
-
/******/ })
|
|
87
|
-
/************************************************************************/
|
|
88
|
-
/******/ ({
|
|
89
|
-
|
|
90
|
-
/***/ 0:
|
|
91
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
92
|
-
|
|
93
|
-
"use strict";
|
|
94
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
|
|
95
|
-
/* globals __VUE_SSR_CONTEXT__ */
|
|
96
|
-
|
|
97
|
-
// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
|
|
98
|
-
// This module is a runtime utility for cleaner component module output and will
|
|
99
|
-
// be included in the final webpack user bundle.
|
|
100
|
-
|
|
101
|
-
function normalizeComponent(
|
|
102
|
-
scriptExports,
|
|
103
|
-
render,
|
|
104
|
-
staticRenderFns,
|
|
105
|
-
functionalTemplate,
|
|
106
|
-
injectStyles,
|
|
107
|
-
scopeId,
|
|
108
|
-
moduleIdentifier /* server only */,
|
|
109
|
-
shadowMode /* vue-cli only */
|
|
110
|
-
) {
|
|
111
|
-
// Vue.extend constructor export interop
|
|
112
|
-
var options =
|
|
113
|
-
typeof scriptExports === 'function' ? scriptExports.options : scriptExports
|
|
114
|
-
|
|
115
|
-
// render functions
|
|
116
|
-
if (render) {
|
|
117
|
-
options.render = render
|
|
118
|
-
options.staticRenderFns = staticRenderFns
|
|
119
|
-
options._compiled = true
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
// functional template
|
|
123
|
-
if (functionalTemplate) {
|
|
124
|
-
options.functional = true
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
// scopedId
|
|
128
|
-
if (scopeId) {
|
|
129
|
-
options._scopeId = 'data-v-' + scopeId
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
var hook
|
|
133
|
-
if (moduleIdentifier) {
|
|
134
|
-
// server build
|
|
135
|
-
hook = function (context) {
|
|
136
|
-
// 2.3 injection
|
|
137
|
-
context =
|
|
138
|
-
context || // cached call
|
|
139
|
-
(this.$vnode && this.$vnode.ssrContext) || // stateful
|
|
140
|
-
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
|
|
141
|
-
// 2.2 with runInNewContext: true
|
|
142
|
-
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
|
|
143
|
-
context = __VUE_SSR_CONTEXT__
|
|
144
|
-
}
|
|
145
|
-
// inject component styles
|
|
146
|
-
if (injectStyles) {
|
|
147
|
-
injectStyles.call(this, context)
|
|
148
|
-
}
|
|
149
|
-
// register component module identifier for async chunk inferrence
|
|
150
|
-
if (context && context._registeredComponents) {
|
|
151
|
-
context._registeredComponents.add(moduleIdentifier)
|
|
152
|
-
}
|
|
153
|
-
}
|
|
154
|
-
// used by ssr in case component is cached and beforeCreate
|
|
155
|
-
// never gets called
|
|
156
|
-
options._ssrRegister = hook
|
|
157
|
-
} else if (injectStyles) {
|
|
158
|
-
hook = shadowMode
|
|
159
|
-
? function () {
|
|
160
|
-
injectStyles.call(
|
|
161
|
-
this,
|
|
162
|
-
(options.functional ? this.parent : this).$root.$options.shadowRoot
|
|
163
|
-
)
|
|
164
|
-
}
|
|
165
|
-
: injectStyles
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
if (hook) {
|
|
169
|
-
if (options.functional) {
|
|
170
|
-
// for template-only hot-reload because in that case the render fn doesn't
|
|
171
|
-
// go through the normalizer
|
|
172
|
-
options._injectStyles = hook
|
|
173
|
-
// register for functional component in vue file
|
|
174
|
-
var originalRender = options.render
|
|
175
|
-
options.render = function renderWithStyleInjection(h, context) {
|
|
176
|
-
hook.call(context)
|
|
177
|
-
return originalRender(h, context)
|
|
178
|
-
}
|
|
179
|
-
} else {
|
|
180
|
-
// inject component registration as beforeCreate hook
|
|
181
|
-
var existing = options.beforeCreate
|
|
182
|
-
options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
return {
|
|
187
|
-
exports: scriptExports,
|
|
188
|
-
options: options
|
|
189
|
-
}
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
/***/ }),
|
|
194
|
-
|
|
195
|
-
/***/ 123:
|
|
196
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
197
|
-
|
|
198
|
-
"use strict";
|
|
199
|
-
// ESM COMPAT FLAG
|
|
200
|
-
__webpack_require__.r(__webpack_exports__);
|
|
201
|
-
|
|
202
|
-
// EXTERNAL MODULE: external "element-ui/lib/transitions/collapse-transition"
|
|
203
|
-
var collapse_transition_ = __webpack_require__(27);
|
|
204
|
-
var collapse_transition_default = /*#__PURE__*/__webpack_require__.n(collapse_transition_);
|
|
205
|
-
|
|
206
|
-
// EXTERNAL MODULE: ./packages/menu/src/menu-mixin.js
|
|
207
|
-
var menu_mixin = __webpack_require__(44);
|
|
208
|
-
|
|
209
|
-
// EXTERNAL MODULE: external "element-ui/lib/mixins/emitter"
|
|
210
|
-
var emitter_ = __webpack_require__(4);
|
|
211
|
-
var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
|
|
212
|
-
|
|
213
|
-
// EXTERNAL MODULE: external "element-ui/lib/utils/vue-popper"
|
|
214
|
-
var vue_popper_ = __webpack_require__(5);
|
|
215
|
-
var vue_popper_default = /*#__PURE__*/__webpack_require__.n(vue_popper_);
|
|
216
|
-
|
|
217
|
-
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/src/submenu.vue?vue&type=script&lang=js
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
var poperMixins = {
|
|
225
|
-
props: {
|
|
226
|
-
transformOrigin: {
|
|
227
|
-
type: [Boolean, String],
|
|
228
|
-
default: false
|
|
229
|
-
},
|
|
230
|
-
offset: vue_popper_default.a.props.offset,
|
|
231
|
-
boundariesPadding: vue_popper_default.a.props.boundariesPadding,
|
|
232
|
-
popperOptions: vue_popper_default.a.props.popperOptions
|
|
233
|
-
},
|
|
234
|
-
data: vue_popper_default.a.data,
|
|
235
|
-
methods: vue_popper_default.a.methods,
|
|
236
|
-
beforeDestroy: vue_popper_default.a.beforeDestroy,
|
|
237
|
-
deactivated: vue_popper_default.a.deactivated
|
|
238
|
-
};
|
|
239
|
-
|
|
240
|
-
/* harmony default export */ var submenuvue_type_script_lang_js = ({
|
|
241
|
-
name: 'ElSubmenu',
|
|
242
|
-
|
|
243
|
-
componentName: 'ElSubmenu',
|
|
244
|
-
|
|
245
|
-
mixins: [menu_mixin["a" /* default */], emitter_default.a, poperMixins],
|
|
246
|
-
|
|
247
|
-
components: { ElCollapseTransition: collapse_transition_default.a },
|
|
248
|
-
|
|
249
|
-
props: {
|
|
250
|
-
index: {
|
|
251
|
-
type: String,
|
|
252
|
-
required: true
|
|
253
|
-
},
|
|
254
|
-
showTimeout: {
|
|
255
|
-
type: Number,
|
|
256
|
-
default: 300
|
|
257
|
-
},
|
|
258
|
-
hideTimeout: {
|
|
259
|
-
type: Number,
|
|
260
|
-
default: 300
|
|
261
|
-
},
|
|
262
|
-
popperClass: String,
|
|
263
|
-
disabled: Boolean,
|
|
264
|
-
popperAppendToBody: {
|
|
265
|
-
type: Boolean,
|
|
266
|
-
default: undefined
|
|
267
|
-
}
|
|
268
|
-
},
|
|
269
|
-
|
|
270
|
-
data: function data() {
|
|
271
|
-
return {
|
|
272
|
-
popperJS: null,
|
|
273
|
-
timeout: null,
|
|
274
|
-
items: {},
|
|
275
|
-
submenus: {},
|
|
276
|
-
mouseInChild: false
|
|
277
|
-
};
|
|
278
|
-
},
|
|
279
|
-
|
|
280
|
-
watch: {
|
|
281
|
-
opened: function opened(val) {
|
|
282
|
-
var _this = this;
|
|
283
|
-
|
|
284
|
-
if (this.isMenuPopup) {
|
|
285
|
-
this.$nextTick(function (_) {
|
|
286
|
-
_this.updatePopper();
|
|
287
|
-
});
|
|
288
|
-
}
|
|
289
|
-
}
|
|
290
|
-
},
|
|
291
|
-
computed: {
|
|
292
|
-
// popper option
|
|
293
|
-
appendToBody: function appendToBody() {
|
|
294
|
-
return this.popperAppendToBody === undefined ? this.isFirstLevel : this.popperAppendToBody;
|
|
295
|
-
},
|
|
296
|
-
menuTransitionName: function menuTransitionName() {
|
|
297
|
-
return this.rootMenu.collapse ? 'el-zoom-in-left' : 'el-zoom-in-top';
|
|
298
|
-
},
|
|
299
|
-
opened: function opened() {
|
|
300
|
-
return this.rootMenu.openedMenus.indexOf(this.index) > -1;
|
|
301
|
-
},
|
|
302
|
-
active: function active() {
|
|
303
|
-
var isActive = false;
|
|
304
|
-
var submenus = this.submenus;
|
|
305
|
-
var items = this.items;
|
|
306
|
-
|
|
307
|
-
Object.keys(items).forEach(function (index) {
|
|
308
|
-
if (items[index].active) {
|
|
309
|
-
isActive = true;
|
|
310
|
-
}
|
|
311
|
-
});
|
|
312
|
-
|
|
313
|
-
Object.keys(submenus).forEach(function (index) {
|
|
314
|
-
if (submenus[index].active) {
|
|
315
|
-
isActive = true;
|
|
316
|
-
}
|
|
317
|
-
});
|
|
318
|
-
|
|
319
|
-
return isActive;
|
|
320
|
-
},
|
|
321
|
-
hoverBackground: function hoverBackground() {
|
|
322
|
-
return this.rootMenu.hoverBackground;
|
|
323
|
-
},
|
|
324
|
-
backgroundColor: function backgroundColor() {
|
|
325
|
-
return this.rootMenu.backgroundColor || '';
|
|
326
|
-
},
|
|
327
|
-
activeTextColor: function activeTextColor() {
|
|
328
|
-
return this.rootMenu.activeTextColor || '';
|
|
329
|
-
},
|
|
330
|
-
textColor: function textColor() {
|
|
331
|
-
return this.rootMenu.textColor || '';
|
|
332
|
-
},
|
|
333
|
-
mode: function mode() {
|
|
334
|
-
return this.rootMenu.mode;
|
|
335
|
-
},
|
|
336
|
-
isMenuPopup: function isMenuPopup() {
|
|
337
|
-
return this.rootMenu.isMenuPopup;
|
|
338
|
-
},
|
|
339
|
-
titleStyle: function titleStyle() {
|
|
340
|
-
if (this.mode !== 'horizontal') {
|
|
341
|
-
return {
|
|
342
|
-
color: this.textColor
|
|
343
|
-
};
|
|
344
|
-
}
|
|
345
|
-
return {
|
|
346
|
-
borderBottomColor: this.active ? this.rootMenu.activeTextColor ? this.activeTextColor : '' : 'transparent',
|
|
347
|
-
color: this.active ? this.activeTextColor : this.textColor
|
|
348
|
-
};
|
|
349
|
-
},
|
|
350
|
-
isFirstLevel: function isFirstLevel() {
|
|
351
|
-
var isFirstLevel = true;
|
|
352
|
-
var parent = this.$parent;
|
|
353
|
-
while (parent && parent !== this.rootMenu) {
|
|
354
|
-
if (['ElSubmenu', 'ElMenuItemGroup'].indexOf(parent.$options.componentName) > -1) {
|
|
355
|
-
isFirstLevel = false;
|
|
356
|
-
break;
|
|
357
|
-
} else {
|
|
358
|
-
parent = parent.$parent;
|
|
359
|
-
}
|
|
360
|
-
}
|
|
361
|
-
return isFirstLevel;
|
|
362
|
-
}
|
|
363
|
-
},
|
|
364
|
-
methods: {
|
|
365
|
-
handleCollapseToggle: function handleCollapseToggle(value) {
|
|
366
|
-
if (value) {
|
|
367
|
-
this.initPopper();
|
|
368
|
-
} else {
|
|
369
|
-
this.doDestroy();
|
|
370
|
-
}
|
|
371
|
-
},
|
|
372
|
-
addItem: function addItem(item) {
|
|
373
|
-
this.$set(this.items, item.index, item);
|
|
374
|
-
},
|
|
375
|
-
removeItem: function removeItem(item) {
|
|
376
|
-
delete this.items[item.index];
|
|
377
|
-
},
|
|
378
|
-
addSubmenu: function addSubmenu(item) {
|
|
379
|
-
this.$set(this.submenus, item.index, item);
|
|
380
|
-
},
|
|
381
|
-
removeSubmenu: function removeSubmenu(item) {
|
|
382
|
-
delete this.submenus[item.index];
|
|
383
|
-
},
|
|
384
|
-
handleClick: function handleClick() {
|
|
385
|
-
var rootMenu = this.rootMenu,
|
|
386
|
-
disabled = this.disabled;
|
|
387
|
-
|
|
388
|
-
if (rootMenu.menuTrigger === 'hover' && rootMenu.mode === 'horizontal' || rootMenu.collapse && rootMenu.mode === 'vertical' || disabled) {
|
|
389
|
-
return;
|
|
390
|
-
}
|
|
391
|
-
this.dispatch('ElMenu', 'submenu-click', this);
|
|
392
|
-
},
|
|
393
|
-
handleMouseenter: function handleMouseenter(event) {
|
|
394
|
-
var _this2 = this;
|
|
395
|
-
|
|
396
|
-
var showTimeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.showTimeout;
|
|
397
|
-
|
|
398
|
-
if (!('ActiveXObject' in window) && event.type === 'focus' && !event.relatedTarget) {
|
|
399
|
-
return;
|
|
400
|
-
}
|
|
401
|
-
var rootMenu = this.rootMenu,
|
|
402
|
-
disabled = this.disabled;
|
|
403
|
-
|
|
404
|
-
if (rootMenu.menuTrigger === 'click' && rootMenu.mode === 'horizontal' || !rootMenu.collapse && rootMenu.mode === 'vertical' || disabled) {
|
|
405
|
-
return;
|
|
406
|
-
}
|
|
407
|
-
this.dispatch('ElSubmenu', 'mouse-enter-child');
|
|
408
|
-
clearTimeout(this.timeout);
|
|
409
|
-
this.timeout = setTimeout(function () {
|
|
410
|
-
_this2.rootMenu.openMenu(_this2.index, _this2.indexPath);
|
|
411
|
-
}, showTimeout);
|
|
412
|
-
|
|
413
|
-
if (this.appendToBody) {
|
|
414
|
-
this.$parent.$el.dispatchEvent(new MouseEvent('mouseenter'));
|
|
415
|
-
}
|
|
416
|
-
},
|
|
417
|
-
handleMouseleave: function handleMouseleave() {
|
|
418
|
-
var _this3 = this;
|
|
419
|
-
|
|
420
|
-
var deepDispatch = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
421
|
-
var rootMenu = this.rootMenu;
|
|
422
|
-
|
|
423
|
-
if (rootMenu.menuTrigger === 'click' && rootMenu.mode === 'horizontal' || !rootMenu.collapse && rootMenu.mode === 'vertical') {
|
|
424
|
-
return;
|
|
425
|
-
}
|
|
426
|
-
this.dispatch('ElSubmenu', 'mouse-leave-child');
|
|
427
|
-
clearTimeout(this.timeout);
|
|
428
|
-
this.timeout = setTimeout(function () {
|
|
429
|
-
!_this3.mouseInChild && _this3.rootMenu.closeMenu(_this3.index);
|
|
430
|
-
}, this.hideTimeout);
|
|
431
|
-
|
|
432
|
-
if (this.appendToBody && deepDispatch) {
|
|
433
|
-
if (this.$parent.$options.name === 'ElSubmenu') {
|
|
434
|
-
this.$parent.handleMouseleave(true);
|
|
435
|
-
}
|
|
436
|
-
}
|
|
437
|
-
},
|
|
438
|
-
handleTitleMouseenter: function handleTitleMouseenter() {
|
|
439
|
-
if (this.mode === 'horizontal' && !this.rootMenu.backgroundColor) return;
|
|
440
|
-
var title = this.$refs['submenu-title'];
|
|
441
|
-
title && (title.style.backgroundColor = this.rootMenu.hoverBackground);
|
|
442
|
-
},
|
|
443
|
-
handleTitleMouseleave: function handleTitleMouseleave() {
|
|
444
|
-
if (this.mode === 'horizontal' && !this.rootMenu.backgroundColor) return;
|
|
445
|
-
var title = this.$refs['submenu-title'];
|
|
446
|
-
title && (title.style.backgroundColor = this.rootMenu.backgroundColor || '');
|
|
447
|
-
},
|
|
448
|
-
updatePlacement: function updatePlacement() {
|
|
449
|
-
this.currentPlacement = this.mode === 'horizontal' && this.isFirstLevel ? 'bottom-start' : 'right-start';
|
|
450
|
-
},
|
|
451
|
-
initPopper: function initPopper() {
|
|
452
|
-
this.referenceElm = this.$el;
|
|
453
|
-
this.popperElm = this.$refs.menu;
|
|
454
|
-
this.updatePlacement();
|
|
455
|
-
}
|
|
456
|
-
},
|
|
457
|
-
created: function created() {
|
|
458
|
-
var _this4 = this;
|
|
459
|
-
|
|
460
|
-
this.$on('toggle-collapse', this.handleCollapseToggle);
|
|
461
|
-
this.$on('mouse-enter-child', function () {
|
|
462
|
-
_this4.mouseInChild = true;
|
|
463
|
-
clearTimeout(_this4.timeout);
|
|
464
|
-
});
|
|
465
|
-
this.$on('mouse-leave-child', function () {
|
|
466
|
-
_this4.mouseInChild = false;
|
|
467
|
-
clearTimeout(_this4.timeout);
|
|
468
|
-
});
|
|
469
|
-
},
|
|
470
|
-
mounted: function mounted() {
|
|
471
|
-
this.parentMenu.addSubmenu(this);
|
|
472
|
-
this.rootMenu.addSubmenu(this);
|
|
473
|
-
this.initPopper();
|
|
474
|
-
},
|
|
475
|
-
beforeDestroy: function beforeDestroy() {
|
|
476
|
-
this.parentMenu.removeSubmenu(this);
|
|
477
|
-
this.rootMenu.removeSubmenu(this);
|
|
478
|
-
},
|
|
479
|
-
render: function render(h) {
|
|
480
|
-
var _this5 = this;
|
|
481
|
-
|
|
482
|
-
var active = this.active,
|
|
483
|
-
opened = this.opened,
|
|
484
|
-
paddingStyle = this.paddingStyle,
|
|
485
|
-
titleStyle = this.titleStyle,
|
|
486
|
-
backgroundColor = this.backgroundColor,
|
|
487
|
-
rootMenu = this.rootMenu,
|
|
488
|
-
currentPlacement = this.currentPlacement,
|
|
489
|
-
menuTransitionName = this.menuTransitionName,
|
|
490
|
-
mode = this.mode,
|
|
491
|
-
disabled = this.disabled,
|
|
492
|
-
popperClass = this.popperClass,
|
|
493
|
-
$slots = this.$slots,
|
|
494
|
-
isFirstLevel = this.isFirstLevel;
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
var popupMenu = h(
|
|
498
|
-
'transition',
|
|
499
|
-
{
|
|
500
|
-
attrs: { name: menuTransitionName }
|
|
501
|
-
},
|
|
502
|
-
[h(
|
|
503
|
-
'div',
|
|
504
|
-
{
|
|
505
|
-
ref: 'menu',
|
|
506
|
-
directives: [{
|
|
507
|
-
name: 'show',
|
|
508
|
-
value: opened
|
|
509
|
-
}],
|
|
510
|
-
|
|
511
|
-
'class': ['el-menu--' + mode, popperClass],
|
|
512
|
-
on: {
|
|
513
|
-
'mouseenter': function mouseenter($event) {
|
|
514
|
-
return _this5.handleMouseenter($event, 100);
|
|
515
|
-
},
|
|
516
|
-
'mouseleave': function mouseleave() {
|
|
517
|
-
return _this5.handleMouseleave(true);
|
|
518
|
-
},
|
|
519
|
-
'focus': function focus($event) {
|
|
520
|
-
return _this5.handleMouseenter($event, 100);
|
|
521
|
-
}
|
|
522
|
-
}
|
|
523
|
-
},
|
|
524
|
-
[h(
|
|
525
|
-
'ul',
|
|
526
|
-
{
|
|
527
|
-
attrs: {
|
|
528
|
-
role: 'menu'
|
|
529
|
-
},
|
|
530
|
-
'class': ['el-menu el-menu--popup', 'el-menu--popup-' + currentPlacement],
|
|
531
|
-
style: { backgroundColor: rootMenu.backgroundColor || '' } },
|
|
532
|
-
[$slots.default]
|
|
533
|
-
)]
|
|
534
|
-
)]
|
|
535
|
-
);
|
|
536
|
-
|
|
537
|
-
var inlineMenu = h('el-collapse-transition', [h(
|
|
538
|
-
'ul',
|
|
539
|
-
{
|
|
540
|
-
attrs: {
|
|
541
|
-
role: 'menu'
|
|
542
|
-
},
|
|
543
|
-
'class': 'el-menu el-menu--inline',
|
|
544
|
-
directives: [{
|
|
545
|
-
name: 'show',
|
|
546
|
-
value: opened
|
|
547
|
-
}],
|
|
548
|
-
|
|
549
|
-
style: { backgroundColor: rootMenu.backgroundColor || '' } },
|
|
550
|
-
[$slots.default]
|
|
551
|
-
)]);
|
|
552
|
-
|
|
553
|
-
var submenuTitleIcon = rootMenu.mode === 'horizontal' && isFirstLevel || rootMenu.mode === 'vertical' && !rootMenu.collapse ? 'el-icon-arrow-down' : 'el-icon-arrow-right';
|
|
554
|
-
|
|
555
|
-
return h(
|
|
556
|
-
'li',
|
|
557
|
-
{
|
|
558
|
-
'class': {
|
|
559
|
-
'el-submenu': true,
|
|
560
|
-
'is-active': active,
|
|
561
|
-
'is-opened': opened,
|
|
562
|
-
'is-disabled': disabled
|
|
563
|
-
},
|
|
564
|
-
attrs: { role: 'menuitem',
|
|
565
|
-
'aria-haspopup': 'true',
|
|
566
|
-
'aria-expanded': opened
|
|
567
|
-
},
|
|
568
|
-
on: {
|
|
569
|
-
'mouseenter': this.handleMouseenter,
|
|
570
|
-
'mouseleave': function mouseleave() {
|
|
571
|
-
return _this5.handleMouseleave(false);
|
|
572
|
-
},
|
|
573
|
-
'focus': this.handleMouseenter
|
|
574
|
-
}
|
|
575
|
-
},
|
|
576
|
-
[h(
|
|
577
|
-
'div',
|
|
578
|
-
{
|
|
579
|
-
'class': 'el-submenu__title',
|
|
580
|
-
ref: 'submenu-title',
|
|
581
|
-
on: {
|
|
582
|
-
'click': this.handleClick,
|
|
583
|
-
'mouseenter': this.handleTitleMouseenter,
|
|
584
|
-
'mouseleave': this.handleTitleMouseleave
|
|
585
|
-
},
|
|
586
|
-
|
|
587
|
-
style: [paddingStyle, titleStyle, { backgroundColor: backgroundColor }]
|
|
588
|
-
},
|
|
589
|
-
[$slots.title, h('i', { 'class': ['el-submenu__icon-arrow', submenuTitleIcon] })]
|
|
590
|
-
), this.isMenuPopup ? popupMenu : inlineMenu]
|
|
591
|
-
);
|
|
592
|
-
}
|
|
593
|
-
});
|
|
594
|
-
// CONCATENATED MODULE: ./packages/menu/src/submenu.vue?vue&type=script&lang=js
|
|
595
|
-
/* harmony default export */ var src_submenuvue_type_script_lang_js = (submenuvue_type_script_lang_js);
|
|
596
|
-
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
|
|
597
|
-
var componentNormalizer = __webpack_require__(0);
|
|
598
|
-
|
|
599
|
-
// CONCATENATED MODULE: ./packages/menu/src/submenu.vue
|
|
600
|
-
var render, staticRenderFns
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
/* normalize component */
|
|
606
|
-
|
|
607
|
-
var component = Object(componentNormalizer["a" /* default */])(
|
|
608
|
-
src_submenuvue_type_script_lang_js,
|
|
609
|
-
render,
|
|
610
|
-
staticRenderFns,
|
|
611
|
-
false,
|
|
612
|
-
null,
|
|
613
|
-
null,
|
|
614
|
-
null
|
|
615
|
-
|
|
616
|
-
)
|
|
617
|
-
|
|
618
|
-
/* harmony default export */ var submenu = (component.exports);
|
|
619
|
-
// CONCATENATED MODULE: ./packages/submenu/index.js
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
/* istanbul ignore next */
|
|
623
|
-
submenu.install = function (Vue) {
|
|
624
|
-
Vue.component(submenu.name, submenu);
|
|
625
|
-
};
|
|
626
|
-
|
|
627
|
-
/* harmony default export */ var packages_submenu = __webpack_exports__["default"] = (submenu);
|
|
628
|
-
|
|
629
|
-
/***/ }),
|
|
630
|
-
|
|
631
|
-
/***/ 27:
|
|
632
|
-
/***/ (function(module, exports) {
|
|
633
|
-
|
|
634
|
-
module.exports = require("element-ui/lib/transitions/collapse-transition");
|
|
635
|
-
|
|
636
|
-
/***/ }),
|
|
637
|
-
|
|
638
|
-
/***/ 4:
|
|
639
|
-
/***/ (function(module, exports) {
|
|
640
|
-
|
|
641
|
-
module.exports = require("element-ui/lib/mixins/emitter");
|
|
642
|
-
|
|
643
|
-
/***/ }),
|
|
644
|
-
|
|
645
|
-
/***/ 44:
|
|
646
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
647
|
-
|
|
648
|
-
"use strict";
|
|
649
|
-
/* harmony default export */ __webpack_exports__["a"] = ({
|
|
650
|
-
inject: ['rootMenu'],
|
|
651
|
-
computed: {
|
|
652
|
-
indexPath: function indexPath() {
|
|
653
|
-
var path = [this.index];
|
|
654
|
-
var parent = this.$parent;
|
|
655
|
-
while (parent.$options.componentName !== 'ElMenu') {
|
|
656
|
-
if (parent.index) {
|
|
657
|
-
path.unshift(parent.index);
|
|
658
|
-
}
|
|
659
|
-
parent = parent.$parent;
|
|
660
|
-
}
|
|
661
|
-
return path;
|
|
662
|
-
},
|
|
663
|
-
parentMenu: function parentMenu() {
|
|
664
|
-
var parent = this.$parent;
|
|
665
|
-
while (parent && ['ElMenu', 'ElSubmenu'].indexOf(parent.$options.componentName) === -1) {
|
|
666
|
-
parent = parent.$parent;
|
|
667
|
-
}
|
|
668
|
-
return parent;
|
|
669
|
-
},
|
|
670
|
-
paddingStyle: function paddingStyle() {
|
|
671
|
-
if (this.rootMenu.mode !== 'vertical') return {};
|
|
672
|
-
|
|
673
|
-
var padding = 20;
|
|
674
|
-
var parent = this.$parent;
|
|
675
|
-
|
|
676
|
-
if (this.rootMenu.collapse) {
|
|
677
|
-
padding = 20;
|
|
678
|
-
} else {
|
|
679
|
-
while (parent && parent.$options.componentName !== 'ElMenu') {
|
|
680
|
-
if (parent.$options.componentName === 'ElSubmenu') {
|
|
681
|
-
padding += 20;
|
|
682
|
-
}
|
|
683
|
-
parent = parent.$parent;
|
|
684
|
-
}
|
|
685
|
-
}
|
|
686
|
-
return { paddingLeft: padding + 'px' };
|
|
687
|
-
}
|
|
688
|
-
}
|
|
689
|
-
});
|
|
690
|
-
|
|
691
|
-
/***/ }),
|
|
692
|
-
|
|
693
|
-
/***/ 5:
|
|
694
|
-
/***/ (function(module, exports) {
|
|
695
|
-
|
|
696
|
-
module.exports = require("element-ui/lib/utils/vue-popper");
|
|
697
|
-
|
|
698
|
-
/***/ })
|
|
699
|
-
|
|
700
|
-
/******/ });
|