cy-element-ui 1.0.49 → 1.0.51
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/alert.js +108 -108
- package/lib/aside.js +77 -77
- package/lib/autocomplete.js +359 -5198
- package/lib/avatar.js +4 -4
- package/lib/backtop.js +101 -192
- package/lib/badge.js +108 -108
- package/lib/breadcrumb-item.js +108 -108
- package/lib/breadcrumb.js +94 -94
- package/lib/button-group.js +4 -4
- package/lib/button.js +4 -4
- package/lib/calendar.js +137 -1734
- package/lib/card.js +96 -96
- package/lib/carousel-item.js +108 -452
- package/lib/carousel.js +105 -1256
- package/lib/cascader-panel.js +191 -3524
- package/lib/cascader.js +709 -8069
- package/lib/checkbox-button.js +119 -151
- package/lib/checkbox-group.js +15 -47
- package/lib/checkbox.js +15 -47
- package/lib/col.js +2 -2
- package/lib/collapse-item.js +110 -815
- package/lib/collapse.js +108 -108
- package/lib/color-picker.js +835 -4712
- package/lib/container.js +88 -88
- package/lib/date-picker.js +4596 -10622
- package/lib/descriptions-item.js +2 -2
- package/lib/descriptions.js +8 -63
- package/lib/dialog.js +22 -1200
- package/lib/divider.js +104 -104
- package/lib/drawer.js +105 -875
- package/lib/dropdown-item.js +96 -128
- package/lib/dropdown-menu.js +99 -2301
- package/lib/dropdown.js +54 -990
- package/lib/element-ui.common.js +29758 -47436
- package/lib/empty.js +99 -793
- package/lib/fileUpload.js +25 -2541
- package/lib/footer.js +77 -77
- package/lib/form-item.js +208 -3311
- package/lib/form.js +115 -129
- package/lib/header.js +77 -77
- package/lib/icon.js +67 -67
- package/lib/image.js +146 -1662
- package/lib/index.js +1 -1
- package/lib/infinite-scroll.js +26 -435
- package/lib/input-number.js +24 -1458
- package/lib/input.js +37 -509
- package/lib/link.js +4 -4
- package/lib/loading.js +149 -886
- package/lib/main.js +64 -64
- package/lib/menu-item-group.js +103 -103
- package/lib/menu-item.js +137 -3140
- package/lib/menu.js +123 -1058
- package/lib/message-box.js +179 -2734
- package/lib/message.js +118 -1196
- package/lib/notification.js +118 -1195
- package/lib/option-group.js +119 -151
- package/lib/option.js +16 -392
- package/lib/page-header.js +87 -781
- package/lib/pagination.js +642 -7743
- package/lib/popconfirm.js +219 -3606
- package/lib/popover.js +99 -2624
- package/lib/progress.js +4 -4
- package/lib/radio-button.js +119 -151
- package/lib/radio-group.js +119 -151
- package/lib/radio.js +15 -47
- package/lib/rate.js +113 -756
- package/lib/result.js +108 -108
- package/lib/row.js +2 -2
- package/lib/scrollbar.js +41 -1813
- package/lib/select.js +209 -5547
- package/lib/selectDisplayInput.js +4 -4
- package/lib/skeleton-item.js +108 -108
- package/lib/skeleton.js +108 -108
- package/lib/slider.js +815 -5053
- package/lib/spinner.js +100 -100
- package/lib/statistic.js +112 -9600
- package/lib/step.js +108 -108
- package/lib/steps.js +99 -514
- package/lib/subTitle.js +91 -91
- package/lib/submenu.js +76 -2397
- package/lib/switch.js +127 -582
- package/lib/tab-pane.js +108 -108
- package/lib/tabDialog.js +104 -1630
- package/lib/table-column.js +267 -1115
- package/lib/table.js +1289 -7121
- package/lib/tabs.js +113 -1615
- package/lib/tag.js +4 -4
- package/lib/time-picker.js +554 -6491
- package/lib/time-select.js +407 -6334
- package/lib/timeline-item.js +108 -108
- package/lib/timeline.js +4 -4
- package/lib/tooltip.js +44 -2688
- package/lib/transfer.js +146 -2238
- package/lib/tree.js +148 -1563
- package/lib/treeSelect.js +106 -3421
- package/lib/upload.js +31 -1198
- package/package.json +1 -1
- package/src/index.js +1 -1
package/lib/popover.js
CHANGED
|
@@ -82,464 +82,12 @@ module.exports =
|
|
|
82
82
|
/******/
|
|
83
83
|
/******/
|
|
84
84
|
/******/ // Load entry module and return exports
|
|
85
|
-
/******/ return __webpack_require__(__webpack_require__.s =
|
|
85
|
+
/******/ return __webpack_require__(__webpack_require__.s = 82);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
89
89
|
|
|
90
90
|
/***/ 0:
|
|
91
|
-
/***/ (function(module, exports) {
|
|
92
|
-
|
|
93
|
-
module.exports = require("vue");
|
|
94
|
-
|
|
95
|
-
/***/ }),
|
|
96
|
-
|
|
97
|
-
/***/ 1:
|
|
98
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
99
|
-
|
|
100
|
-
"use strict";
|
|
101
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return on; });
|
|
102
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return off; });
|
|
103
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return once; });
|
|
104
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return hasClass; });
|
|
105
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return addClass; });
|
|
106
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return removeClass; });
|
|
107
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getStyle; });
|
|
108
|
-
/* unused harmony export setStyle */
|
|
109
|
-
/* unused harmony export isScroll */
|
|
110
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getScrollContainer; });
|
|
111
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return isInContainer; });
|
|
112
|
-
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
|
|
113
|
-
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
|
114
|
-
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; };
|
|
115
|
-
|
|
116
|
-
/* istanbul ignore next */
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
var isServer = vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer;
|
|
121
|
-
var SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g;
|
|
122
|
-
var MOZ_HACK_REGEXP = /^moz([A-Z])/;
|
|
123
|
-
var ieVersion = isServer ? 0 : Number(document.documentMode);
|
|
124
|
-
|
|
125
|
-
/* istanbul ignore next */
|
|
126
|
-
var trim = function trim(string) {
|
|
127
|
-
return (string || '').replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, '');
|
|
128
|
-
};
|
|
129
|
-
/* istanbul ignore next */
|
|
130
|
-
var camelCase = function camelCase(name) {
|
|
131
|
-
return name.replace(SPECIAL_CHARS_REGEXP, function (_, separator, letter, offset) {
|
|
132
|
-
return offset ? letter.toUpperCase() : letter;
|
|
133
|
-
}).replace(MOZ_HACK_REGEXP, 'Moz$1');
|
|
134
|
-
};
|
|
135
|
-
|
|
136
|
-
/* istanbul ignore next */
|
|
137
|
-
var on = function () {
|
|
138
|
-
if (!isServer && document.addEventListener) {
|
|
139
|
-
return function (element, event, handler) {
|
|
140
|
-
if (element && event && handler) {
|
|
141
|
-
element.addEventListener(event, handler, false);
|
|
142
|
-
}
|
|
143
|
-
};
|
|
144
|
-
} else {
|
|
145
|
-
return function (element, event, handler) {
|
|
146
|
-
if (element && event && handler) {
|
|
147
|
-
element.attachEvent('on' + event, handler);
|
|
148
|
-
}
|
|
149
|
-
};
|
|
150
|
-
}
|
|
151
|
-
}();
|
|
152
|
-
|
|
153
|
-
/* istanbul ignore next */
|
|
154
|
-
var off = function () {
|
|
155
|
-
if (!isServer && document.removeEventListener) {
|
|
156
|
-
return function (element, event, handler) {
|
|
157
|
-
if (element && event) {
|
|
158
|
-
element.removeEventListener(event, handler, false);
|
|
159
|
-
}
|
|
160
|
-
};
|
|
161
|
-
} else {
|
|
162
|
-
return function (element, event, handler) {
|
|
163
|
-
if (element && event) {
|
|
164
|
-
element.detachEvent('on' + event, handler);
|
|
165
|
-
}
|
|
166
|
-
};
|
|
167
|
-
}
|
|
168
|
-
}();
|
|
169
|
-
|
|
170
|
-
/* istanbul ignore next */
|
|
171
|
-
var once = function once(el, event, fn) {
|
|
172
|
-
var listener = function listener() {
|
|
173
|
-
if (fn) {
|
|
174
|
-
fn.apply(this, arguments);
|
|
175
|
-
}
|
|
176
|
-
off(el, event, listener);
|
|
177
|
-
};
|
|
178
|
-
on(el, event, listener);
|
|
179
|
-
};
|
|
180
|
-
|
|
181
|
-
/* istanbul ignore next */
|
|
182
|
-
function hasClass(el, cls) {
|
|
183
|
-
if (!el || !cls) return false;
|
|
184
|
-
if (cls.indexOf(' ') !== -1) throw new Error('className should not contain space.');
|
|
185
|
-
if (el.classList) {
|
|
186
|
-
return el.classList.contains(cls);
|
|
187
|
-
} else {
|
|
188
|
-
return (' ' + el.className + ' ').indexOf(' ' + cls + ' ') > -1;
|
|
189
|
-
}
|
|
190
|
-
};
|
|
191
|
-
|
|
192
|
-
/* istanbul ignore next */
|
|
193
|
-
function addClass(el, cls) {
|
|
194
|
-
if (!el) return;
|
|
195
|
-
var curClass = el.className;
|
|
196
|
-
var classes = (cls || '').split(' ');
|
|
197
|
-
|
|
198
|
-
for (var i = 0, j = classes.length; i < j; i++) {
|
|
199
|
-
var clsName = classes[i];
|
|
200
|
-
if (!clsName) continue;
|
|
201
|
-
|
|
202
|
-
if (el.classList) {
|
|
203
|
-
el.classList.add(clsName);
|
|
204
|
-
} else if (!hasClass(el, clsName)) {
|
|
205
|
-
curClass += ' ' + clsName;
|
|
206
|
-
}
|
|
207
|
-
}
|
|
208
|
-
if (!el.classList) {
|
|
209
|
-
el.setAttribute('class', curClass);
|
|
210
|
-
}
|
|
211
|
-
};
|
|
212
|
-
|
|
213
|
-
/* istanbul ignore next */
|
|
214
|
-
function removeClass(el, cls) {
|
|
215
|
-
if (!el || !cls) return;
|
|
216
|
-
var classes = cls.split(' ');
|
|
217
|
-
var curClass = ' ' + el.className + ' ';
|
|
218
|
-
|
|
219
|
-
for (var i = 0, j = classes.length; i < j; i++) {
|
|
220
|
-
var clsName = classes[i];
|
|
221
|
-
if (!clsName) continue;
|
|
222
|
-
|
|
223
|
-
if (el.classList) {
|
|
224
|
-
el.classList.remove(clsName);
|
|
225
|
-
} else if (hasClass(el, clsName)) {
|
|
226
|
-
curClass = curClass.replace(' ' + clsName + ' ', ' ');
|
|
227
|
-
}
|
|
228
|
-
}
|
|
229
|
-
if (!el.classList) {
|
|
230
|
-
el.setAttribute('class', trim(curClass));
|
|
231
|
-
}
|
|
232
|
-
};
|
|
233
|
-
|
|
234
|
-
/* istanbul ignore next */
|
|
235
|
-
var getStyle = ieVersion < 9 ? function (element, styleName) {
|
|
236
|
-
if (isServer) return;
|
|
237
|
-
if (!element || !styleName) return null;
|
|
238
|
-
styleName = camelCase(styleName);
|
|
239
|
-
if (styleName === 'float') {
|
|
240
|
-
styleName = 'styleFloat';
|
|
241
|
-
}
|
|
242
|
-
try {
|
|
243
|
-
switch (styleName) {
|
|
244
|
-
case 'opacity':
|
|
245
|
-
try {
|
|
246
|
-
return element.filters.item('alpha').opacity / 100;
|
|
247
|
-
} catch (e) {
|
|
248
|
-
return 1.0;
|
|
249
|
-
}
|
|
250
|
-
default:
|
|
251
|
-
return element.style[styleName] || element.currentStyle ? element.currentStyle[styleName] : null;
|
|
252
|
-
}
|
|
253
|
-
} catch (e) {
|
|
254
|
-
return element.style[styleName];
|
|
255
|
-
}
|
|
256
|
-
} : function (element, styleName) {
|
|
257
|
-
if (isServer) return;
|
|
258
|
-
if (!element || !styleName) return null;
|
|
259
|
-
styleName = camelCase(styleName);
|
|
260
|
-
if (styleName === 'float') {
|
|
261
|
-
styleName = 'cssFloat';
|
|
262
|
-
}
|
|
263
|
-
try {
|
|
264
|
-
var computed = document.defaultView.getComputedStyle(element, '');
|
|
265
|
-
return element.style[styleName] || computed ? computed[styleName] : null;
|
|
266
|
-
} catch (e) {
|
|
267
|
-
return element.style[styleName];
|
|
268
|
-
}
|
|
269
|
-
};
|
|
270
|
-
|
|
271
|
-
/* istanbul ignore next */
|
|
272
|
-
function setStyle(element, styleName, value) {
|
|
273
|
-
if (!element || !styleName) return;
|
|
274
|
-
|
|
275
|
-
if ((typeof styleName === 'undefined' ? 'undefined' : _typeof(styleName)) === 'object') {
|
|
276
|
-
for (var prop in styleName) {
|
|
277
|
-
if (styleName.hasOwnProperty(prop)) {
|
|
278
|
-
setStyle(element, prop, styleName[prop]);
|
|
279
|
-
}
|
|
280
|
-
}
|
|
281
|
-
} else {
|
|
282
|
-
styleName = camelCase(styleName);
|
|
283
|
-
if (styleName === 'opacity' && ieVersion < 9) {
|
|
284
|
-
element.style.filter = isNaN(value) ? '' : 'alpha(opacity=' + value * 100 + ')';
|
|
285
|
-
} else {
|
|
286
|
-
element.style[styleName] = value;
|
|
287
|
-
}
|
|
288
|
-
}
|
|
289
|
-
};
|
|
290
|
-
|
|
291
|
-
var isScroll = function isScroll(el, vertical) {
|
|
292
|
-
if (isServer) return;
|
|
293
|
-
|
|
294
|
-
var determinedDirection = vertical !== null && vertical !== undefined;
|
|
295
|
-
var overflow = determinedDirection ? vertical ? getStyle(el, 'overflow-y') : getStyle(el, 'overflow-x') : getStyle(el, 'overflow');
|
|
296
|
-
|
|
297
|
-
return overflow.match(/(scroll|auto|overlay)/);
|
|
298
|
-
};
|
|
299
|
-
|
|
300
|
-
var getScrollContainer = function getScrollContainer(el, vertical) {
|
|
301
|
-
if (isServer) return;
|
|
302
|
-
|
|
303
|
-
var parent = el;
|
|
304
|
-
while (parent) {
|
|
305
|
-
if ([window, document, document.documentElement].includes(parent)) {
|
|
306
|
-
return window;
|
|
307
|
-
}
|
|
308
|
-
if (isScroll(parent, vertical)) {
|
|
309
|
-
return parent;
|
|
310
|
-
}
|
|
311
|
-
parent = parent.parentNode;
|
|
312
|
-
}
|
|
313
|
-
|
|
314
|
-
return parent;
|
|
315
|
-
};
|
|
316
|
-
|
|
317
|
-
var isInContainer = function isInContainer(el, container) {
|
|
318
|
-
if (isServer || !el || !container) return false;
|
|
319
|
-
|
|
320
|
-
var elRect = el.getBoundingClientRect();
|
|
321
|
-
var containerRect = void 0;
|
|
322
|
-
|
|
323
|
-
if ([window, document, document.documentElement, null, undefined].includes(container)) {
|
|
324
|
-
containerRect = {
|
|
325
|
-
top: 0,
|
|
326
|
-
right: window.innerWidth,
|
|
327
|
-
bottom: window.innerHeight,
|
|
328
|
-
left: 0
|
|
329
|
-
};
|
|
330
|
-
} else {
|
|
331
|
-
containerRect = container.getBoundingClientRect();
|
|
332
|
-
}
|
|
333
|
-
|
|
334
|
-
return elRect.top < containerRect.bottom && elRect.bottom > containerRect.top && elRect.right > containerRect.left && elRect.left < containerRect.right;
|
|
335
|
-
};
|
|
336
|
-
|
|
337
|
-
/***/ }),
|
|
338
|
-
|
|
339
|
-
/***/ 10:
|
|
340
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
341
|
-
|
|
342
|
-
"use strict";
|
|
343
|
-
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
|
|
344
|
-
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
|
345
|
-
/* harmony import */ var element_ui_src_utils_popup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
var PopperJS = vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer ? function () {} : __webpack_require__(24);
|
|
350
|
-
var stop = function stop(e) {
|
|
351
|
-
return e.stopPropagation();
|
|
352
|
-
};
|
|
353
|
-
|
|
354
|
-
/**
|
|
355
|
-
* @param {HTMLElement} [reference=$refs.reference] - The reference element used to position the popper.
|
|
356
|
-
* @param {HTMLElement} [popper=$refs.popper] - The HTML element used as popper, or a configuration used to generate the popper.
|
|
357
|
-
* @param {String} [placement=button] - Placement of the popper accepted values: top(-start, -end), right(-start, -end), bottom(-start, -end), left(-start, -end)
|
|
358
|
-
* @param {Number} [offset=0] - Amount of pixels the popper will be shifted (can be negative).
|
|
359
|
-
* @param {Boolean} [visible=false] Visibility of the popup element.
|
|
360
|
-
* @param {Boolean} [visible-arrow=false] Visibility of the arrow, no style.
|
|
361
|
-
*/
|
|
362
|
-
/* harmony default export */ __webpack_exports__["a"] = ({
|
|
363
|
-
props: {
|
|
364
|
-
transformOrigin: {
|
|
365
|
-
type: [Boolean, String],
|
|
366
|
-
default: true
|
|
367
|
-
},
|
|
368
|
-
placement: {
|
|
369
|
-
type: String,
|
|
370
|
-
default: 'bottom'
|
|
371
|
-
},
|
|
372
|
-
boundariesPadding: {
|
|
373
|
-
type: Number,
|
|
374
|
-
default: 5
|
|
375
|
-
},
|
|
376
|
-
reference: {},
|
|
377
|
-
popper: {},
|
|
378
|
-
offset: {
|
|
379
|
-
default: 0
|
|
380
|
-
},
|
|
381
|
-
value: Boolean,
|
|
382
|
-
visibleArrow: Boolean,
|
|
383
|
-
arrowOffset: {
|
|
384
|
-
type: Number,
|
|
385
|
-
default: 35
|
|
386
|
-
},
|
|
387
|
-
appendToBody: {
|
|
388
|
-
type: Boolean,
|
|
389
|
-
default: true
|
|
390
|
-
},
|
|
391
|
-
popperOptions: {
|
|
392
|
-
type: Object,
|
|
393
|
-
default: function _default() {
|
|
394
|
-
return {
|
|
395
|
-
gpuAcceleration: false
|
|
396
|
-
};
|
|
397
|
-
}
|
|
398
|
-
}
|
|
399
|
-
},
|
|
400
|
-
|
|
401
|
-
data: function data() {
|
|
402
|
-
return {
|
|
403
|
-
showPopper: false,
|
|
404
|
-
currentPlacement: ''
|
|
405
|
-
};
|
|
406
|
-
},
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
watch: {
|
|
410
|
-
value: {
|
|
411
|
-
immediate: true,
|
|
412
|
-
handler: function handler(val) {
|
|
413
|
-
this.showPopper = val;
|
|
414
|
-
this.$emit('input', val);
|
|
415
|
-
}
|
|
416
|
-
},
|
|
417
|
-
|
|
418
|
-
showPopper: function showPopper(val) {
|
|
419
|
-
if (this.disabled) return;
|
|
420
|
-
val ? this.updatePopper() : this.destroyPopper();
|
|
421
|
-
this.$emit('input', val);
|
|
422
|
-
}
|
|
423
|
-
},
|
|
424
|
-
|
|
425
|
-
methods: {
|
|
426
|
-
createPopper: function createPopper() {
|
|
427
|
-
var _this = this;
|
|
428
|
-
|
|
429
|
-
if (this.$isServer) return;
|
|
430
|
-
this.currentPlacement = this.currentPlacement || this.placement;
|
|
431
|
-
if (!/^(top|bottom|left|right)(-start|-end)?$/g.test(this.currentPlacement)) {
|
|
432
|
-
return;
|
|
433
|
-
}
|
|
434
|
-
|
|
435
|
-
var options = this.popperOptions;
|
|
436
|
-
var popper = this.popperElm = this.popperElm || this.popper || this.$refs.popper;
|
|
437
|
-
var reference = this.referenceElm = this.referenceElm || this.reference || this.$refs.reference;
|
|
438
|
-
|
|
439
|
-
if (!reference && this.$slots.reference && this.$slots.reference[0]) {
|
|
440
|
-
reference = this.referenceElm = this.$slots.reference[0].elm;
|
|
441
|
-
}
|
|
442
|
-
|
|
443
|
-
if (!popper || !reference) return;
|
|
444
|
-
if (this.visibleArrow) this.appendArrow(popper);
|
|
445
|
-
if (this.appendToBody) document.body.appendChild(this.popperElm);
|
|
446
|
-
if (this.popperJS && this.popperJS.destroy) {
|
|
447
|
-
this.popperJS.destroy();
|
|
448
|
-
}
|
|
449
|
-
|
|
450
|
-
options.placement = this.currentPlacement;
|
|
451
|
-
options.offset = this.offset;
|
|
452
|
-
options.arrowOffset = this.arrowOffset;
|
|
453
|
-
this.popperJS = new PopperJS(reference, popper, options);
|
|
454
|
-
this.popperJS.onCreate(function (_) {
|
|
455
|
-
_this.$emit('created', _this);
|
|
456
|
-
_this.resetTransformOrigin();
|
|
457
|
-
_this.$nextTick(_this.updatePopper);
|
|
458
|
-
});
|
|
459
|
-
if (typeof options.onUpdate === 'function') {
|
|
460
|
-
this.popperJS.onUpdate(options.onUpdate);
|
|
461
|
-
}
|
|
462
|
-
this.popperJS._popper.style.zIndex = element_ui_src_utils_popup__WEBPACK_IMPORTED_MODULE_1__[/* PopupManager */ "a"].nextZIndex();
|
|
463
|
-
this.popperElm.addEventListener('click', stop);
|
|
464
|
-
},
|
|
465
|
-
updatePopper: function updatePopper() {
|
|
466
|
-
var popperJS = this.popperJS;
|
|
467
|
-
if (popperJS) {
|
|
468
|
-
popperJS.update();
|
|
469
|
-
if (popperJS._popper) {
|
|
470
|
-
popperJS._popper.style.zIndex = element_ui_src_utils_popup__WEBPACK_IMPORTED_MODULE_1__[/* PopupManager */ "a"].nextZIndex();
|
|
471
|
-
}
|
|
472
|
-
} else {
|
|
473
|
-
this.createPopper();
|
|
474
|
-
}
|
|
475
|
-
},
|
|
476
|
-
doDestroy: function doDestroy(forceDestroy) {
|
|
477
|
-
/* istanbul ignore if */
|
|
478
|
-
if (!this.popperJS || this.showPopper && !forceDestroy) return;
|
|
479
|
-
this.popperJS.destroy();
|
|
480
|
-
this.popperJS = null;
|
|
481
|
-
},
|
|
482
|
-
destroyPopper: function destroyPopper() {
|
|
483
|
-
if (this.popperJS) {
|
|
484
|
-
this.resetTransformOrigin();
|
|
485
|
-
}
|
|
486
|
-
},
|
|
487
|
-
resetTransformOrigin: function resetTransformOrigin() {
|
|
488
|
-
if (!this.transformOrigin) return;
|
|
489
|
-
var placementMap = {
|
|
490
|
-
top: 'bottom',
|
|
491
|
-
bottom: 'top',
|
|
492
|
-
left: 'right',
|
|
493
|
-
right: 'left'
|
|
494
|
-
};
|
|
495
|
-
var placement = this.popperJS._popper.getAttribute('x-placement').split('-')[0];
|
|
496
|
-
var origin = placementMap[placement];
|
|
497
|
-
this.popperJS._popper.style.transformOrigin = typeof this.transformOrigin === 'string' ? this.transformOrigin : ['top', 'bottom'].indexOf(placement) > -1 ? 'center ' + origin : origin + ' center';
|
|
498
|
-
},
|
|
499
|
-
appendArrow: function appendArrow(element) {
|
|
500
|
-
var hash = void 0;
|
|
501
|
-
if (this.appended) {
|
|
502
|
-
return;
|
|
503
|
-
}
|
|
504
|
-
|
|
505
|
-
this.appended = true;
|
|
506
|
-
|
|
507
|
-
for (var item in element.attributes) {
|
|
508
|
-
if (/^_v-/.test(element.attributes[item].name)) {
|
|
509
|
-
hash = element.attributes[item].name;
|
|
510
|
-
break;
|
|
511
|
-
}
|
|
512
|
-
}
|
|
513
|
-
|
|
514
|
-
var arrow = document.createElement('div');
|
|
515
|
-
|
|
516
|
-
if (hash) {
|
|
517
|
-
arrow.setAttribute(hash, '');
|
|
518
|
-
}
|
|
519
|
-
arrow.setAttribute('x-arrow', '');
|
|
520
|
-
arrow.className = 'popper__arrow';
|
|
521
|
-
element.appendChild(arrow);
|
|
522
|
-
}
|
|
523
|
-
},
|
|
524
|
-
|
|
525
|
-
beforeDestroy: function beforeDestroy() {
|
|
526
|
-
this.doDestroy(true);
|
|
527
|
-
if (this.popperElm && this.popperElm.parentNode === document.body) {
|
|
528
|
-
this.popperElm.removeEventListener('click', stop);
|
|
529
|
-
document.body.removeChild(this.popperElm);
|
|
530
|
-
}
|
|
531
|
-
},
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
// call destroy in keep-alive mode
|
|
535
|
-
deactivated: function deactivated() {
|
|
536
|
-
this.$options.beforeDestroy[0].call(this);
|
|
537
|
-
}
|
|
538
|
-
});
|
|
539
|
-
|
|
540
|
-
/***/ }),
|
|
541
|
-
|
|
542
|
-
/***/ 2:
|
|
543
91
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
544
92
|
|
|
545
93
|
"use strict";
|
|
@@ -596,1660 +144,83 @@ function normalizeComponent(
|
|
|
596
144
|
}
|
|
597
145
|
// inject component styles
|
|
598
146
|
if (injectStyles) {
|
|
599
|
-
injectStyles.call(this, context)
|
|
600
|
-
}
|
|
601
|
-
// register component module identifier for async chunk inferrence
|
|
602
|
-
if (context && context._registeredComponents) {
|
|
603
|
-
context._registeredComponents.add(moduleIdentifier)
|
|
604
|
-
}
|
|
605
|
-
}
|
|
606
|
-
// used by ssr in case component is cached and beforeCreate
|
|
607
|
-
// never gets called
|
|
608
|
-
options._ssrRegister = hook
|
|
609
|
-
} else if (injectStyles) {
|
|
610
|
-
hook = shadowMode
|
|
611
|
-
? function () {
|
|
612
|
-
injectStyles.call(
|
|
613
|
-
this,
|
|
614
|
-
(options.functional ? this.parent : this).$root.$options.shadowRoot
|
|
615
|
-
)
|
|
616
|
-
}
|
|
617
|
-
: injectStyles
|
|
618
|
-
}
|
|
619
|
-
|
|
620
|
-
if (hook) {
|
|
621
|
-
if (options.functional) {
|
|
622
|
-
// for template-only hot-reload because in that case the render fn doesn't
|
|
623
|
-
// go through the normalizer
|
|
624
|
-
options._injectStyles = hook
|
|
625
|
-
// register for functional component in vue file
|
|
626
|
-
var originalRender = options.render
|
|
627
|
-
options.render = function renderWithStyleInjection(h, context) {
|
|
628
|
-
hook.call(context)
|
|
629
|
-
return originalRender(h, context)
|
|
630
|
-
}
|
|
631
|
-
} else {
|
|
632
|
-
// inject component registration as beforeCreate hook
|
|
633
|
-
var existing = options.beforeCreate
|
|
634
|
-
options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
|
|
635
|
-
}
|
|
636
|
-
}
|
|
637
|
-
|
|
638
|
-
return {
|
|
639
|
-
exports: scriptExports,
|
|
640
|
-
options: options
|
|
641
|
-
}
|
|
642
|
-
}
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
/***/ }),
|
|
646
|
-
|
|
647
|
-
/***/ 24:
|
|
648
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
649
|
-
|
|
650
|
-
var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;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; };
|
|
651
|
-
|
|
652
|
-
/**
|
|
653
|
-
* @fileOverview Kickass library to create and place poppers near their reference elements.
|
|
654
|
-
* @version {{version}}
|
|
655
|
-
* @license
|
|
656
|
-
* Copyright (c) 2016 Federico Zivolo and contributors
|
|
657
|
-
*
|
|
658
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
659
|
-
* of this software and associated documentation files (the "Software"), to deal
|
|
660
|
-
* in the Software without restriction, including without limitation the rights
|
|
661
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
662
|
-
* copies of the Software, and to permit persons to whom the Software is
|
|
663
|
-
* furnished to do so, subject to the following conditions:
|
|
664
|
-
*
|
|
665
|
-
* The above copyright notice and this permission notice shall be included in all
|
|
666
|
-
* copies or substantial portions of the Software.
|
|
667
|
-
*
|
|
668
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
669
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
670
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
671
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
672
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
673
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
674
|
-
* SOFTWARE.
|
|
675
|
-
*/
|
|
676
|
-
|
|
677
|
-
//
|
|
678
|
-
// Cross module loader
|
|
679
|
-
// Supported: Node, AMD, Browser globals
|
|
680
|
-
//
|
|
681
|
-
;(function (root, factory) {
|
|
682
|
-
if (true) {
|
|
683
|
-
// AMD. Register as an anonymous module.
|
|
684
|
-
!(__WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
|
|
685
|
-
__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
|
|
686
|
-
(__WEBPACK_AMD_DEFINE_FACTORY__.call(exports, __webpack_require__, exports, module)) :
|
|
687
|
-
__WEBPACK_AMD_DEFINE_FACTORY__),
|
|
688
|
-
__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
|
|
689
|
-
} else {}
|
|
690
|
-
})(this, function () {
|
|
691
|
-
|
|
692
|
-
'use strict';
|
|
693
|
-
|
|
694
|
-
var root = window;
|
|
695
|
-
|
|
696
|
-
// default options
|
|
697
|
-
var DEFAULTS = {
|
|
698
|
-
// placement of the popper
|
|
699
|
-
placement: 'bottom',
|
|
700
|
-
|
|
701
|
-
gpuAcceleration: true,
|
|
702
|
-
|
|
703
|
-
// shift popper from its origin by the given amount of pixels (can be negative)
|
|
704
|
-
offset: 0,
|
|
705
|
-
|
|
706
|
-
// the element which will act as boundary of the popper
|
|
707
|
-
boundariesElement: 'viewport',
|
|
708
|
-
|
|
709
|
-
// amount of pixel used to define a minimum distance between the boundaries and the popper
|
|
710
|
-
boundariesPadding: 5,
|
|
711
|
-
|
|
712
|
-
// popper will try to prevent overflow following this order,
|
|
713
|
-
// by default, then, it could overflow on the left and on top of the boundariesElement
|
|
714
|
-
preventOverflowOrder: ['left', 'right', 'top', 'bottom'],
|
|
715
|
-
|
|
716
|
-
// the behavior used by flip to change the placement of the popper
|
|
717
|
-
flipBehavior: 'flip',
|
|
718
|
-
|
|
719
|
-
arrowElement: '[x-arrow]',
|
|
720
|
-
|
|
721
|
-
arrowOffset: 0,
|
|
722
|
-
|
|
723
|
-
// list of functions used to modify the offsets before they are applied to the popper
|
|
724
|
-
modifiers: ['shift', 'offset', 'preventOverflow', 'keepTogether', 'arrow', 'flip', 'applyStyle'],
|
|
725
|
-
|
|
726
|
-
modifiersIgnored: [],
|
|
727
|
-
|
|
728
|
-
forceAbsolute: false
|
|
729
|
-
};
|
|
730
|
-
|
|
731
|
-
/**
|
|
732
|
-
* Create a new Popper.js instance
|
|
733
|
-
* @constructor Popper
|
|
734
|
-
* @param {HTMLElement} reference - The reference element used to position the popper
|
|
735
|
-
* @param {HTMLElement|Object} popper
|
|
736
|
-
* The HTML element used as popper, or a configuration used to generate the popper.
|
|
737
|
-
* @param {String} [popper.tagName='div'] The tag name of the generated popper.
|
|
738
|
-
* @param {Array} [popper.classNames=['popper']] Array of classes to apply to the generated popper.
|
|
739
|
-
* @param {Array} [popper.attributes] Array of attributes to apply, specify `attr:value` to assign a value to it.
|
|
740
|
-
* @param {HTMLElement|String} [popper.parent=window.document.body] The parent element, given as HTMLElement or as query string.
|
|
741
|
-
* @param {String} [popper.content=''] The content of the popper, it can be text, html, or node; if it is not text, set `contentType` to `html` or `node`.
|
|
742
|
-
* @param {String} [popper.contentType='text'] If `html`, the `content` will be parsed as HTML. If `node`, it will be appended as-is.
|
|
743
|
-
* @param {String} [popper.arrowTagName='div'] Same as `popper.tagName` but for the arrow element.
|
|
744
|
-
* @param {Array} [popper.arrowClassNames='popper__arrow'] Same as `popper.classNames` but for the arrow element.
|
|
745
|
-
* @param {String} [popper.arrowAttributes=['x-arrow']] Same as `popper.attributes` but for the arrow element.
|
|
746
|
-
* @param {Object} options
|
|
747
|
-
* @param {String} [options.placement=bottom]
|
|
748
|
-
* Placement of the popper accepted values: `top(-start, -end), right(-start, -end), bottom(-start, -right),
|
|
749
|
-
* left(-start, -end)`
|
|
750
|
-
*
|
|
751
|
-
* @param {HTMLElement|String} [options.arrowElement='[x-arrow]']
|
|
752
|
-
* The DOM Node used as arrow for the popper, or a CSS selector used to get the DOM node. It must be child of
|
|
753
|
-
* its parent Popper. Popper.js will apply to the given element the style required to align the arrow with its
|
|
754
|
-
* reference element.
|
|
755
|
-
* By default, it will look for a child node of the popper with the `x-arrow` attribute.
|
|
756
|
-
*
|
|
757
|
-
* @param {Boolean} [options.gpuAcceleration=true]
|
|
758
|
-
* When this property is set to true, the popper position will be applied using CSS3 translate3d, allowing the
|
|
759
|
-
* browser to use the GPU to accelerate the rendering.
|
|
760
|
-
* If set to false, the popper will be placed using `top` and `left` properties, not using the GPU.
|
|
761
|
-
*
|
|
762
|
-
* @param {Number} [options.offset=0]
|
|
763
|
-
* Amount of pixels the popper will be shifted (can be negative).
|
|
764
|
-
*
|
|
765
|
-
* @param {String|Element} [options.boundariesElement='viewport']
|
|
766
|
-
* The element which will define the boundaries of the popper position, the popper will never be placed outside
|
|
767
|
-
* of the defined boundaries (except if `keepTogether` is enabled)
|
|
768
|
-
*
|
|
769
|
-
* @param {Number} [options.boundariesPadding=5]
|
|
770
|
-
* Additional padding for the boundaries
|
|
771
|
-
*
|
|
772
|
-
* @param {Array} [options.preventOverflowOrder=['left', 'right', 'top', 'bottom']]
|
|
773
|
-
* Order used when Popper.js tries to avoid overflows from the boundaries, they will be checked in order,
|
|
774
|
-
* this means that the last ones will never overflow
|
|
775
|
-
*
|
|
776
|
-
* @param {String|Array} [options.flipBehavior='flip']
|
|
777
|
-
* The behavior used by the `flip` modifier to change the placement of the popper when the latter is trying to
|
|
778
|
-
* overlap its reference element. Defining `flip` as value, the placement will be flipped on
|
|
779
|
-
* its axis (`right - left`, `top - bottom`).
|
|
780
|
-
* You can even pass an array of placements (eg: `['right', 'left', 'top']` ) to manually specify
|
|
781
|
-
* how alter the placement when a flip is needed. (eg. in the above example, it would first flip from right to left,
|
|
782
|
-
* then, if even in its new placement, the popper is overlapping its reference element, it will be moved to top)
|
|
783
|
-
*
|
|
784
|
-
* @param {Array} [options.modifiers=[ 'shift', 'offset', 'preventOverflow', 'keepTogether', 'arrow', 'flip', 'applyStyle']]
|
|
785
|
-
* List of functions used to modify the data before they are applied to the popper, add your custom functions
|
|
786
|
-
* to this array to edit the offsets and placement.
|
|
787
|
-
* The function should reflect the @params and @returns of preventOverflow
|
|
788
|
-
*
|
|
789
|
-
* @param {Array} [options.modifiersIgnored=[]]
|
|
790
|
-
* Put here any built-in modifier name you want to exclude from the modifiers list
|
|
791
|
-
* The function should reflect the @params and @returns of preventOverflow
|
|
792
|
-
*
|
|
793
|
-
* @param {Boolean} [options.removeOnDestroy=false]
|
|
794
|
-
* Set to true if you want to automatically remove the popper when you call the `destroy` method.
|
|
795
|
-
*/
|
|
796
|
-
function Popper(reference, popper, options) {
|
|
797
|
-
this._reference = reference.jquery ? reference[0] : reference;
|
|
798
|
-
this.state = {};
|
|
799
|
-
|
|
800
|
-
// if the popper variable is a configuration object, parse it to generate an HTMLElement
|
|
801
|
-
// generate a default popper if is not defined
|
|
802
|
-
var isNotDefined = typeof popper === 'undefined' || popper === null;
|
|
803
|
-
var isConfig = popper && Object.prototype.toString.call(popper) === '[object Object]';
|
|
804
|
-
if (isNotDefined || isConfig) {
|
|
805
|
-
this._popper = this.parse(isConfig ? popper : {});
|
|
806
|
-
}
|
|
807
|
-
// otherwise, use the given HTMLElement as popper
|
|
808
|
-
else {
|
|
809
|
-
this._popper = popper.jquery ? popper[0] : popper;
|
|
810
|
-
}
|
|
811
|
-
|
|
812
|
-
// with {} we create a new object with the options inside it
|
|
813
|
-
this._options = Object.assign({}, DEFAULTS, options);
|
|
814
|
-
|
|
815
|
-
// refactoring modifiers' list
|
|
816
|
-
this._options.modifiers = this._options.modifiers.map(function (modifier) {
|
|
817
|
-
// remove ignored modifiers
|
|
818
|
-
if (this._options.modifiersIgnored.indexOf(modifier) !== -1) return;
|
|
819
|
-
|
|
820
|
-
// set the x-placement attribute before everything else because it could be used to add margins to the popper
|
|
821
|
-
// margins needs to be calculated to get the correct popper offsets
|
|
822
|
-
if (modifier === 'applyStyle') {
|
|
823
|
-
this._popper.setAttribute('x-placement', this._options.placement);
|
|
824
|
-
}
|
|
825
|
-
|
|
826
|
-
// return predefined modifier identified by string or keep the custom one
|
|
827
|
-
return this.modifiers[modifier] || modifier;
|
|
828
|
-
}.bind(this));
|
|
829
|
-
|
|
830
|
-
// make sure to apply the popper position before any computation
|
|
831
|
-
this.state.position = this._getPosition(this._popper, this._reference);
|
|
832
|
-
setStyle(this._popper, { position: this.state.position, top: 0 });
|
|
833
|
-
|
|
834
|
-
// fire the first update to position the popper in the right place
|
|
835
|
-
this.update();
|
|
836
|
-
|
|
837
|
-
// setup event listeners, they will take care of update the position in specific situations
|
|
838
|
-
this._setupEventListeners();
|
|
839
|
-
return this;
|
|
840
|
-
}
|
|
841
|
-
|
|
842
|
-
//
|
|
843
|
-
// Methods
|
|
844
|
-
//
|
|
845
|
-
/**
|
|
846
|
-
* Destroy the popper
|
|
847
|
-
* @method
|
|
848
|
-
* @memberof Popper
|
|
849
|
-
*/
|
|
850
|
-
Popper.prototype.destroy = function () {
|
|
851
|
-
this._popper.removeAttribute('x-placement');
|
|
852
|
-
this._popper.style.left = '';
|
|
853
|
-
this._popper.style.position = '';
|
|
854
|
-
this._popper.style.top = '';
|
|
855
|
-
this._popper.style[getSupportedPropertyName('transform')] = '';
|
|
856
|
-
this._removeEventListeners();
|
|
857
|
-
|
|
858
|
-
// remove the popper if user explicity asked for the deletion on destroy
|
|
859
|
-
if (this._options.removeOnDestroy) {
|
|
860
|
-
this._popper.remove();
|
|
861
|
-
}
|
|
862
|
-
return this;
|
|
863
|
-
};
|
|
864
|
-
|
|
865
|
-
/**
|
|
866
|
-
* Updates the position of the popper, computing the new offsets and applying the new style
|
|
867
|
-
* @method
|
|
868
|
-
* @memberof Popper
|
|
869
|
-
*/
|
|
870
|
-
Popper.prototype.update = function () {
|
|
871
|
-
var data = { instance: this, styles: {} };
|
|
872
|
-
|
|
873
|
-
// store placement inside the data object, modifiers will be able to edit `placement` if needed
|
|
874
|
-
// and refer to _originalPlacement to know the original value
|
|
875
|
-
data.placement = this._options.placement;
|
|
876
|
-
data._originalPlacement = this._options.placement;
|
|
877
|
-
|
|
878
|
-
// compute the popper and reference offsets and put them inside data.offsets
|
|
879
|
-
data.offsets = this._getOffsets(this._popper, this._reference, data.placement);
|
|
880
|
-
|
|
881
|
-
// get boundaries
|
|
882
|
-
data.boundaries = this._getBoundaries(data, this._options.boundariesPadding, this._options.boundariesElement);
|
|
883
|
-
|
|
884
|
-
data = this.runModifiers(data, this._options.modifiers);
|
|
885
|
-
|
|
886
|
-
if (typeof this.state.updateCallback === 'function') {
|
|
887
|
-
this.state.updateCallback(data);
|
|
888
|
-
}
|
|
889
|
-
};
|
|
890
|
-
|
|
891
|
-
/**
|
|
892
|
-
* If a function is passed, it will be executed after the initialization of popper with as first argument the Popper instance.
|
|
893
|
-
* @method
|
|
894
|
-
* @memberof Popper
|
|
895
|
-
* @param {Function} callback
|
|
896
|
-
*/
|
|
897
|
-
Popper.prototype.onCreate = function (callback) {
|
|
898
|
-
// the createCallbacks return as first argument the popper instance
|
|
899
|
-
callback(this);
|
|
900
|
-
return this;
|
|
901
|
-
};
|
|
902
|
-
|
|
903
|
-
/**
|
|
904
|
-
* If a function is passed, it will be executed after each update of popper with as first argument the set of coordinates and informations
|
|
905
|
-
* used to style popper and its arrow.
|
|
906
|
-
* NOTE: it doesn't get fired on the first call of the `Popper.update()` method inside the `Popper` constructor!
|
|
907
|
-
* @method
|
|
908
|
-
* @memberof Popper
|
|
909
|
-
* @param {Function} callback
|
|
910
|
-
*/
|
|
911
|
-
Popper.prototype.onUpdate = function (callback) {
|
|
912
|
-
this.state.updateCallback = callback;
|
|
913
|
-
return this;
|
|
914
|
-
};
|
|
915
|
-
|
|
916
|
-
/**
|
|
917
|
-
* Helper used to generate poppers from a configuration file
|
|
918
|
-
* @method
|
|
919
|
-
* @memberof Popper
|
|
920
|
-
* @param config {Object} configuration
|
|
921
|
-
* @returns {HTMLElement} popper
|
|
922
|
-
*/
|
|
923
|
-
Popper.prototype.parse = function (config) {
|
|
924
|
-
var defaultConfig = {
|
|
925
|
-
tagName: 'div',
|
|
926
|
-
classNames: ['popper'],
|
|
927
|
-
attributes: [],
|
|
928
|
-
parent: root.document.body,
|
|
929
|
-
content: '',
|
|
930
|
-
contentType: 'text',
|
|
931
|
-
arrowTagName: 'div',
|
|
932
|
-
arrowClassNames: ['popper__arrow'],
|
|
933
|
-
arrowAttributes: ['x-arrow']
|
|
934
|
-
};
|
|
935
|
-
config = Object.assign({}, defaultConfig, config);
|
|
936
|
-
|
|
937
|
-
var d = root.document;
|
|
938
|
-
|
|
939
|
-
var popper = d.createElement(config.tagName);
|
|
940
|
-
addClassNames(popper, config.classNames);
|
|
941
|
-
addAttributes(popper, config.attributes);
|
|
942
|
-
if (config.contentType === 'node') {
|
|
943
|
-
popper.appendChild(config.content.jquery ? config.content[0] : config.content);
|
|
944
|
-
} else if (config.contentType === 'html') {
|
|
945
|
-
popper.innerHTML = config.content;
|
|
946
|
-
} else {
|
|
947
|
-
popper.textContent = config.content;
|
|
948
|
-
}
|
|
949
|
-
|
|
950
|
-
if (config.arrowTagName) {
|
|
951
|
-
var arrow = d.createElement(config.arrowTagName);
|
|
952
|
-
addClassNames(arrow, config.arrowClassNames);
|
|
953
|
-
addAttributes(arrow, config.arrowAttributes);
|
|
954
|
-
popper.appendChild(arrow);
|
|
955
|
-
}
|
|
956
|
-
|
|
957
|
-
var parent = config.parent.jquery ? config.parent[0] : config.parent;
|
|
958
|
-
|
|
959
|
-
// if the given parent is a string, use it to match an element
|
|
960
|
-
// if more than one element is matched, the first one will be used as parent
|
|
961
|
-
// if no elements are matched, the script will throw an error
|
|
962
|
-
if (typeof parent === 'string') {
|
|
963
|
-
parent = d.querySelectorAll(config.parent);
|
|
964
|
-
if (parent.length > 1) {
|
|
965
|
-
console.warn('WARNING: the given `parent` query(' + config.parent + ') matched more than one element, the first one will be used');
|
|
966
|
-
}
|
|
967
|
-
if (parent.length === 0) {
|
|
968
|
-
throw 'ERROR: the given `parent` doesn\'t exists!';
|
|
969
|
-
}
|
|
970
|
-
parent = parent[0];
|
|
971
|
-
}
|
|
972
|
-
// if the given parent is a DOM nodes list or an array of nodes with more than one element,
|
|
973
|
-
// the first one will be used as parent
|
|
974
|
-
if (parent.length > 1 && parent instanceof Element === false) {
|
|
975
|
-
console.warn('WARNING: you have passed as parent a list of elements, the first one will be used');
|
|
976
|
-
parent = parent[0];
|
|
977
|
-
}
|
|
978
|
-
|
|
979
|
-
// append the generated popper to its parent
|
|
980
|
-
parent.appendChild(popper);
|
|
981
|
-
|
|
982
|
-
return popper;
|
|
983
|
-
|
|
984
|
-
/**
|
|
985
|
-
* Adds class names to the given element
|
|
986
|
-
* @function
|
|
987
|
-
* @ignore
|
|
988
|
-
* @param {HTMLElement} target
|
|
989
|
-
* @param {Array} classes
|
|
990
|
-
*/
|
|
991
|
-
function addClassNames(element, classNames) {
|
|
992
|
-
classNames.forEach(function (className) {
|
|
993
|
-
element.classList.add(className);
|
|
994
|
-
});
|
|
995
|
-
}
|
|
996
|
-
|
|
997
|
-
/**
|
|
998
|
-
* Adds attributes to the given element
|
|
999
|
-
* @function
|
|
1000
|
-
* @ignore
|
|
1001
|
-
* @param {HTMLElement} target
|
|
1002
|
-
* @param {Array} attributes
|
|
1003
|
-
* @example
|
|
1004
|
-
* addAttributes(element, [ 'data-info:foobar' ]);
|
|
1005
|
-
*/
|
|
1006
|
-
function addAttributes(element, attributes) {
|
|
1007
|
-
attributes.forEach(function (attribute) {
|
|
1008
|
-
element.setAttribute(attribute.split(':')[0], attribute.split(':')[1] || '');
|
|
1009
|
-
});
|
|
1010
|
-
}
|
|
1011
|
-
};
|
|
1012
|
-
|
|
1013
|
-
/**
|
|
1014
|
-
* Helper used to get the position which will be applied to the popper
|
|
1015
|
-
* @method
|
|
1016
|
-
* @memberof Popper
|
|
1017
|
-
* @param config {HTMLElement} popper element
|
|
1018
|
-
* @param reference {HTMLElement} reference element
|
|
1019
|
-
* @returns {String} position
|
|
1020
|
-
*/
|
|
1021
|
-
Popper.prototype._getPosition = function (popper, reference) {
|
|
1022
|
-
var container = getOffsetParent(reference);
|
|
1023
|
-
|
|
1024
|
-
if (this._options.forceAbsolute) {
|
|
1025
|
-
return 'absolute';
|
|
1026
|
-
}
|
|
1027
|
-
|
|
1028
|
-
// Decide if the popper will be fixed
|
|
1029
|
-
// If the reference element is inside a fixed context, the popper will be fixed as well to allow them to scroll together
|
|
1030
|
-
var isParentFixed = isFixed(reference, container);
|
|
1031
|
-
return isParentFixed ? 'fixed' : 'absolute';
|
|
1032
|
-
};
|
|
1033
|
-
|
|
1034
|
-
/**
|
|
1035
|
-
* Get offsets to the popper
|
|
1036
|
-
* @method
|
|
1037
|
-
* @memberof Popper
|
|
1038
|
-
* @access private
|
|
1039
|
-
* @param {Element} popper - the popper element
|
|
1040
|
-
* @param {Element} reference - the reference element (the popper will be relative to this)
|
|
1041
|
-
* @returns {Object} An object containing the offsets which will be applied to the popper
|
|
1042
|
-
*/
|
|
1043
|
-
Popper.prototype._getOffsets = function (popper, reference, placement) {
|
|
1044
|
-
placement = placement.split('-')[0];
|
|
1045
|
-
var popperOffsets = {};
|
|
1046
|
-
|
|
1047
|
-
popperOffsets.position = this.state.position;
|
|
1048
|
-
var isParentFixed = popperOffsets.position === 'fixed';
|
|
1049
|
-
|
|
1050
|
-
//
|
|
1051
|
-
// Get reference element position
|
|
1052
|
-
//
|
|
1053
|
-
var referenceOffsets = getOffsetRectRelativeToCustomParent(reference, getOffsetParent(popper), isParentFixed);
|
|
1054
|
-
|
|
1055
|
-
//
|
|
1056
|
-
// Get popper sizes
|
|
1057
|
-
//
|
|
1058
|
-
var popperRect = getOuterSizes(popper);
|
|
1059
|
-
|
|
1060
|
-
//
|
|
1061
|
-
// Compute offsets of popper
|
|
1062
|
-
//
|
|
1063
|
-
|
|
1064
|
-
// depending by the popper placement we have to compute its offsets slightly differently
|
|
1065
|
-
if (['right', 'left'].indexOf(placement) !== -1) {
|
|
1066
|
-
popperOffsets.top = referenceOffsets.top + referenceOffsets.height / 2 - popperRect.height / 2;
|
|
1067
|
-
if (placement === 'left') {
|
|
1068
|
-
popperOffsets.left = referenceOffsets.left - popperRect.width;
|
|
1069
|
-
} else {
|
|
1070
|
-
popperOffsets.left = referenceOffsets.right;
|
|
1071
|
-
}
|
|
1072
|
-
} else {
|
|
1073
|
-
popperOffsets.left = referenceOffsets.left + referenceOffsets.width / 2 - popperRect.width / 2;
|
|
1074
|
-
if (placement === 'top') {
|
|
1075
|
-
popperOffsets.top = referenceOffsets.top - popperRect.height;
|
|
1076
|
-
} else {
|
|
1077
|
-
popperOffsets.top = referenceOffsets.bottom;
|
|
1078
|
-
}
|
|
1079
|
-
}
|
|
1080
|
-
|
|
1081
|
-
// Add width and height to our offsets object
|
|
1082
|
-
popperOffsets.width = popperRect.width;
|
|
1083
|
-
popperOffsets.height = popperRect.height;
|
|
1084
|
-
|
|
1085
|
-
return {
|
|
1086
|
-
popper: popperOffsets,
|
|
1087
|
-
reference: referenceOffsets
|
|
1088
|
-
};
|
|
1089
|
-
};
|
|
1090
|
-
|
|
1091
|
-
/**
|
|
1092
|
-
* Setup needed event listeners used to update the popper position
|
|
1093
|
-
* @method
|
|
1094
|
-
* @memberof Popper
|
|
1095
|
-
* @access private
|
|
1096
|
-
*/
|
|
1097
|
-
Popper.prototype._setupEventListeners = function () {
|
|
1098
|
-
// NOTE: 1 DOM access here
|
|
1099
|
-
this.state.updateBound = this.update.bind(this);
|
|
1100
|
-
root.addEventListener('resize', this.state.updateBound);
|
|
1101
|
-
// if the boundariesElement is window we don't need to listen for the scroll event
|
|
1102
|
-
if (this._options.boundariesElement !== 'window') {
|
|
1103
|
-
var target = getScrollParent(this._reference);
|
|
1104
|
-
// here it could be both `body` or `documentElement` thanks to Firefox, we then check both
|
|
1105
|
-
if (target === root.document.body || target === root.document.documentElement) {
|
|
1106
|
-
target = root;
|
|
1107
|
-
}
|
|
1108
|
-
target.addEventListener('scroll', this.state.updateBound);
|
|
1109
|
-
this.state.scrollTarget = target;
|
|
1110
|
-
}
|
|
1111
|
-
};
|
|
1112
|
-
|
|
1113
|
-
/**
|
|
1114
|
-
* Remove event listeners used to update the popper position
|
|
1115
|
-
* @method
|
|
1116
|
-
* @memberof Popper
|
|
1117
|
-
* @access private
|
|
1118
|
-
*/
|
|
1119
|
-
Popper.prototype._removeEventListeners = function () {
|
|
1120
|
-
// NOTE: 1 DOM access here
|
|
1121
|
-
root.removeEventListener('resize', this.state.updateBound);
|
|
1122
|
-
if (this._options.boundariesElement !== 'window' && this.state.scrollTarget) {
|
|
1123
|
-
this.state.scrollTarget.removeEventListener('scroll', this.state.updateBound);
|
|
1124
|
-
this.state.scrollTarget = null;
|
|
1125
|
-
}
|
|
1126
|
-
this.state.updateBound = null;
|
|
1127
|
-
};
|
|
1128
|
-
|
|
1129
|
-
/**
|
|
1130
|
-
* Computed the boundaries limits and return them
|
|
1131
|
-
* @method
|
|
1132
|
-
* @memberof Popper
|
|
1133
|
-
* @access private
|
|
1134
|
-
* @param {Object} data - Object containing the property "offsets" generated by `_getOffsets`
|
|
1135
|
-
* @param {Number} padding - Boundaries padding
|
|
1136
|
-
* @param {Element} boundariesElement - Element used to define the boundaries
|
|
1137
|
-
* @returns {Object} Coordinates of the boundaries
|
|
1138
|
-
*/
|
|
1139
|
-
Popper.prototype._getBoundaries = function (data, padding, boundariesElement) {
|
|
1140
|
-
// NOTE: 1 DOM access here
|
|
1141
|
-
var boundaries = {};
|
|
1142
|
-
var width, height;
|
|
1143
|
-
if (boundariesElement === 'window') {
|
|
1144
|
-
var body = root.document.body,
|
|
1145
|
-
html = root.document.documentElement;
|
|
1146
|
-
|
|
1147
|
-
height = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
|
|
1148
|
-
width = Math.max(body.scrollWidth, body.offsetWidth, html.clientWidth, html.scrollWidth, html.offsetWidth);
|
|
1149
|
-
|
|
1150
|
-
boundaries = {
|
|
1151
|
-
top: 0,
|
|
1152
|
-
right: width,
|
|
1153
|
-
bottom: height,
|
|
1154
|
-
left: 0
|
|
1155
|
-
};
|
|
1156
|
-
} else if (boundariesElement === 'viewport') {
|
|
1157
|
-
var offsetParent = getOffsetParent(this._popper);
|
|
1158
|
-
var scrollParent = getScrollParent(this._popper);
|
|
1159
|
-
var offsetParentRect = getOffsetRect(offsetParent);
|
|
1160
|
-
|
|
1161
|
-
// Thanks the fucking native API, `document.body.scrollTop` & `document.documentElement.scrollTop`
|
|
1162
|
-
var getScrollTopValue = function getScrollTopValue(element) {
|
|
1163
|
-
return element == document.body ? Math.max(document.documentElement.scrollTop, document.body.scrollTop) : element.scrollTop;
|
|
1164
|
-
};
|
|
1165
|
-
var getScrollLeftValue = function getScrollLeftValue(element) {
|
|
1166
|
-
return element == document.body ? Math.max(document.documentElement.scrollLeft, document.body.scrollLeft) : element.scrollLeft;
|
|
1167
|
-
};
|
|
1168
|
-
|
|
1169
|
-
// if the popper is fixed we don't have to substract scrolling from the boundaries
|
|
1170
|
-
var scrollTop = data.offsets.popper.position === 'fixed' ? 0 : getScrollTopValue(scrollParent);
|
|
1171
|
-
var scrollLeft = data.offsets.popper.position === 'fixed' ? 0 : getScrollLeftValue(scrollParent);
|
|
1172
|
-
|
|
1173
|
-
boundaries = {
|
|
1174
|
-
top: 0 - (offsetParentRect.top - scrollTop),
|
|
1175
|
-
right: root.document.documentElement.clientWidth - (offsetParentRect.left - scrollLeft),
|
|
1176
|
-
bottom: root.document.documentElement.clientHeight - (offsetParentRect.top - scrollTop),
|
|
1177
|
-
left: 0 - (offsetParentRect.left - scrollLeft)
|
|
1178
|
-
};
|
|
1179
|
-
} else {
|
|
1180
|
-
if (getOffsetParent(this._popper) === boundariesElement) {
|
|
1181
|
-
boundaries = {
|
|
1182
|
-
top: 0,
|
|
1183
|
-
left: 0,
|
|
1184
|
-
right: boundariesElement.clientWidth,
|
|
1185
|
-
bottom: boundariesElement.clientHeight
|
|
1186
|
-
};
|
|
1187
|
-
} else {
|
|
1188
|
-
boundaries = getOffsetRect(boundariesElement);
|
|
1189
|
-
}
|
|
1190
|
-
}
|
|
1191
|
-
boundaries.left += padding;
|
|
1192
|
-
boundaries.right -= padding;
|
|
1193
|
-
boundaries.top = boundaries.top + padding;
|
|
1194
|
-
boundaries.bottom = boundaries.bottom - padding;
|
|
1195
|
-
return boundaries;
|
|
1196
|
-
};
|
|
1197
|
-
|
|
1198
|
-
/**
|
|
1199
|
-
* Loop trough the list of modifiers and run them in order, each of them will then edit the data object
|
|
1200
|
-
* @method
|
|
1201
|
-
* @memberof Popper
|
|
1202
|
-
* @access public
|
|
1203
|
-
* @param {Object} data
|
|
1204
|
-
* @param {Array} modifiers
|
|
1205
|
-
* @param {Function} ends
|
|
1206
|
-
*/
|
|
1207
|
-
Popper.prototype.runModifiers = function (data, modifiers, ends) {
|
|
1208
|
-
var modifiersToRun = modifiers.slice();
|
|
1209
|
-
if (ends !== undefined) {
|
|
1210
|
-
modifiersToRun = this._options.modifiers.slice(0, getArrayKeyIndex(this._options.modifiers, ends));
|
|
1211
|
-
}
|
|
1212
|
-
|
|
1213
|
-
modifiersToRun.forEach(function (modifier) {
|
|
1214
|
-
if (isFunction(modifier)) {
|
|
1215
|
-
data = modifier.call(this, data);
|
|
1216
|
-
}
|
|
1217
|
-
}.bind(this));
|
|
1218
|
-
|
|
1219
|
-
return data;
|
|
1220
|
-
};
|
|
1221
|
-
|
|
1222
|
-
/**
|
|
1223
|
-
* Helper used to know if the given modifier depends from another one.
|
|
1224
|
-
* @method
|
|
1225
|
-
* @memberof Popper
|
|
1226
|
-
* @param {String} requesting - name of requesting modifier
|
|
1227
|
-
* @param {String} requested - name of requested modifier
|
|
1228
|
-
* @returns {Boolean}
|
|
1229
|
-
*/
|
|
1230
|
-
Popper.prototype.isModifierRequired = function (requesting, requested) {
|
|
1231
|
-
var index = getArrayKeyIndex(this._options.modifiers, requesting);
|
|
1232
|
-
return !!this._options.modifiers.slice(0, index).filter(function (modifier) {
|
|
1233
|
-
return modifier === requested;
|
|
1234
|
-
}).length;
|
|
1235
|
-
};
|
|
1236
|
-
|
|
1237
|
-
//
|
|
1238
|
-
// Modifiers
|
|
1239
|
-
//
|
|
1240
|
-
|
|
1241
|
-
/**
|
|
1242
|
-
* Modifiers list
|
|
1243
|
-
* @namespace Popper.modifiers
|
|
1244
|
-
* @memberof Popper
|
|
1245
|
-
* @type {Object}
|
|
1246
|
-
*/
|
|
1247
|
-
Popper.prototype.modifiers = {};
|
|
1248
|
-
|
|
1249
|
-
/**
|
|
1250
|
-
* Apply the computed styles to the popper element
|
|
1251
|
-
* @method
|
|
1252
|
-
* @memberof Popper.modifiers
|
|
1253
|
-
* @argument {Object} data - The data object generated by `update` method
|
|
1254
|
-
* @returns {Object} The same data object
|
|
1255
|
-
*/
|
|
1256
|
-
Popper.prototype.modifiers.applyStyle = function (data) {
|
|
1257
|
-
// apply the final offsets to the popper
|
|
1258
|
-
// NOTE: 1 DOM access here
|
|
1259
|
-
var styles = {
|
|
1260
|
-
position: data.offsets.popper.position
|
|
1261
|
-
};
|
|
1262
|
-
|
|
1263
|
-
// round top and left to avoid blurry text
|
|
1264
|
-
var left = Math.round(data.offsets.popper.left);
|
|
1265
|
-
var top = Math.round(data.offsets.popper.top);
|
|
1266
|
-
|
|
1267
|
-
// if gpuAcceleration is set to true and transform is supported, we use `translate3d` to apply the position to the popper
|
|
1268
|
-
// we automatically use the supported prefixed version if needed
|
|
1269
|
-
var prefixedProperty;
|
|
1270
|
-
if (this._options.gpuAcceleration && (prefixedProperty = getSupportedPropertyName('transform'))) {
|
|
1271
|
-
styles[prefixedProperty] = 'translate3d(' + left + 'px, ' + top + 'px, 0)';
|
|
1272
|
-
styles.top = 0;
|
|
1273
|
-
styles.left = 0;
|
|
1274
|
-
}
|
|
1275
|
-
// othwerise, we use the standard `left` and `top` properties
|
|
1276
|
-
else {
|
|
1277
|
-
styles.left = left;
|
|
1278
|
-
styles.top = top;
|
|
1279
|
-
}
|
|
1280
|
-
|
|
1281
|
-
// any property present in `data.styles` will be applied to the popper,
|
|
1282
|
-
// in this way we can make the 3rd party modifiers add custom styles to it
|
|
1283
|
-
// Be aware, modifiers could override the properties defined in the previous
|
|
1284
|
-
// lines of this modifier!
|
|
1285
|
-
Object.assign(styles, data.styles);
|
|
1286
|
-
|
|
1287
|
-
setStyle(this._popper, styles);
|
|
1288
|
-
|
|
1289
|
-
// set an attribute which will be useful to style the tooltip (use it to properly position its arrow)
|
|
1290
|
-
// NOTE: 1 DOM access here
|
|
1291
|
-
this._popper.setAttribute('x-placement', data.placement);
|
|
1292
|
-
|
|
1293
|
-
// if the arrow modifier is required and the arrow style has been computed, apply the arrow style
|
|
1294
|
-
if (this.isModifierRequired(this.modifiers.applyStyle, this.modifiers.arrow) && data.offsets.arrow) {
|
|
1295
|
-
setStyle(data.arrowElement, data.offsets.arrow);
|
|
1296
|
-
}
|
|
1297
|
-
|
|
1298
|
-
return data;
|
|
1299
|
-
};
|
|
1300
|
-
|
|
1301
|
-
/**
|
|
1302
|
-
* Modifier used to shift the popper on the start or end of its reference element side
|
|
1303
|
-
* @method
|
|
1304
|
-
* @memberof Popper.modifiers
|
|
1305
|
-
* @argument {Object} data - The data object generated by `update` method
|
|
1306
|
-
* @returns {Object} The data object, properly modified
|
|
1307
|
-
*/
|
|
1308
|
-
Popper.prototype.modifiers.shift = function (data) {
|
|
1309
|
-
var placement = data.placement;
|
|
1310
|
-
var basePlacement = placement.split('-')[0];
|
|
1311
|
-
var shiftVariation = placement.split('-')[1];
|
|
1312
|
-
|
|
1313
|
-
// if shift shiftVariation is specified, run the modifier
|
|
1314
|
-
if (shiftVariation) {
|
|
1315
|
-
var reference = data.offsets.reference;
|
|
1316
|
-
var popper = getPopperClientRect(data.offsets.popper);
|
|
1317
|
-
|
|
1318
|
-
var shiftOffsets = {
|
|
1319
|
-
y: {
|
|
1320
|
-
start: { top: reference.top },
|
|
1321
|
-
end: { top: reference.top + reference.height - popper.height }
|
|
1322
|
-
},
|
|
1323
|
-
x: {
|
|
1324
|
-
start: { left: reference.left },
|
|
1325
|
-
end: { left: reference.left + reference.width - popper.width }
|
|
1326
|
-
}
|
|
1327
|
-
};
|
|
1328
|
-
|
|
1329
|
-
var axis = ['bottom', 'top'].indexOf(basePlacement) !== -1 ? 'x' : 'y';
|
|
1330
|
-
|
|
1331
|
-
data.offsets.popper = Object.assign(popper, shiftOffsets[axis][shiftVariation]);
|
|
1332
|
-
}
|
|
1333
|
-
|
|
1334
|
-
return data;
|
|
1335
|
-
};
|
|
1336
|
-
|
|
1337
|
-
/**
|
|
1338
|
-
* Modifier used to make sure the popper does not overflows from it's boundaries
|
|
1339
|
-
* @method
|
|
1340
|
-
* @memberof Popper.modifiers
|
|
1341
|
-
* @argument {Object} data - The data object generated by `update` method
|
|
1342
|
-
* @returns {Object} The data object, properly modified
|
|
1343
|
-
*/
|
|
1344
|
-
Popper.prototype.modifiers.preventOverflow = function (data) {
|
|
1345
|
-
var order = this._options.preventOverflowOrder;
|
|
1346
|
-
var popper = getPopperClientRect(data.offsets.popper);
|
|
1347
|
-
|
|
1348
|
-
var check = {
|
|
1349
|
-
left: function left() {
|
|
1350
|
-
var left = popper.left;
|
|
1351
|
-
if (popper.left < data.boundaries.left) {
|
|
1352
|
-
left = Math.max(popper.left, data.boundaries.left);
|
|
1353
|
-
}
|
|
1354
|
-
return { left: left };
|
|
1355
|
-
},
|
|
1356
|
-
right: function right() {
|
|
1357
|
-
var left = popper.left;
|
|
1358
|
-
if (popper.right > data.boundaries.right) {
|
|
1359
|
-
left = Math.min(popper.left, data.boundaries.right - popper.width);
|
|
1360
|
-
}
|
|
1361
|
-
return { left: left };
|
|
1362
|
-
},
|
|
1363
|
-
top: function top() {
|
|
1364
|
-
var top = popper.top;
|
|
1365
|
-
if (popper.top < data.boundaries.top) {
|
|
1366
|
-
top = Math.max(popper.top, data.boundaries.top);
|
|
1367
|
-
}
|
|
1368
|
-
return { top: top };
|
|
1369
|
-
},
|
|
1370
|
-
bottom: function bottom() {
|
|
1371
|
-
var top = popper.top;
|
|
1372
|
-
if (popper.bottom > data.boundaries.bottom) {
|
|
1373
|
-
top = Math.min(popper.top, data.boundaries.bottom - popper.height);
|
|
1374
|
-
}
|
|
1375
|
-
return { top: top };
|
|
1376
|
-
}
|
|
1377
|
-
};
|
|
1378
|
-
|
|
1379
|
-
order.forEach(function (direction) {
|
|
1380
|
-
data.offsets.popper = Object.assign(popper, check[direction]());
|
|
1381
|
-
});
|
|
1382
|
-
|
|
1383
|
-
return data;
|
|
1384
|
-
};
|
|
1385
|
-
|
|
1386
|
-
/**
|
|
1387
|
-
* Modifier used to make sure the popper is always near its reference
|
|
1388
|
-
* @method
|
|
1389
|
-
* @memberof Popper.modifiers
|
|
1390
|
-
* @argument {Object} data - The data object generated by _update method
|
|
1391
|
-
* @returns {Object} The data object, properly modified
|
|
1392
|
-
*/
|
|
1393
|
-
Popper.prototype.modifiers.keepTogether = function (data) {
|
|
1394
|
-
var popper = getPopperClientRect(data.offsets.popper);
|
|
1395
|
-
var reference = data.offsets.reference;
|
|
1396
|
-
var f = Math.floor;
|
|
1397
|
-
|
|
1398
|
-
if (popper.right < f(reference.left)) {
|
|
1399
|
-
data.offsets.popper.left = f(reference.left) - popper.width;
|
|
1400
|
-
}
|
|
1401
|
-
if (popper.left > f(reference.right)) {
|
|
1402
|
-
data.offsets.popper.left = f(reference.right);
|
|
1403
|
-
}
|
|
1404
|
-
if (popper.bottom < f(reference.top)) {
|
|
1405
|
-
data.offsets.popper.top = f(reference.top) - popper.height;
|
|
1406
|
-
}
|
|
1407
|
-
if (popper.top > f(reference.bottom)) {
|
|
1408
|
-
data.offsets.popper.top = f(reference.bottom);
|
|
1409
|
-
}
|
|
1410
|
-
|
|
1411
|
-
return data;
|
|
1412
|
-
};
|
|
1413
|
-
|
|
1414
|
-
/**
|
|
1415
|
-
* Modifier used to flip the placement of the popper when the latter is starting overlapping its reference element.
|
|
1416
|
-
* Requires the `preventOverflow` modifier before it in order to work.
|
|
1417
|
-
* **NOTE:** This modifier will run all its previous modifiers everytime it tries to flip the popper!
|
|
1418
|
-
* @method
|
|
1419
|
-
* @memberof Popper.modifiers
|
|
1420
|
-
* @argument {Object} data - The data object generated by _update method
|
|
1421
|
-
* @returns {Object} The data object, properly modified
|
|
1422
|
-
*/
|
|
1423
|
-
Popper.prototype.modifiers.flip = function (data) {
|
|
1424
|
-
// check if preventOverflow is in the list of modifiers before the flip modifier.
|
|
1425
|
-
// otherwise flip would not work as expected.
|
|
1426
|
-
if (!this.isModifierRequired(this.modifiers.flip, this.modifiers.preventOverflow)) {
|
|
1427
|
-
console.warn('WARNING: preventOverflow modifier is required by flip modifier in order to work, be sure to include it before flip!');
|
|
1428
|
-
return data;
|
|
1429
|
-
}
|
|
1430
|
-
|
|
1431
|
-
if (data.flipped && data.placement === data._originalPlacement) {
|
|
1432
|
-
// seems like flip is trying to loop, probably there's not enough space on any of the flippable sides
|
|
1433
|
-
return data;
|
|
1434
|
-
}
|
|
1435
|
-
|
|
1436
|
-
var placement = data.placement.split('-')[0];
|
|
1437
|
-
var placementOpposite = getOppositePlacement(placement);
|
|
1438
|
-
var variation = data.placement.split('-')[1] || '';
|
|
1439
|
-
|
|
1440
|
-
var flipOrder = [];
|
|
1441
|
-
if (this._options.flipBehavior === 'flip') {
|
|
1442
|
-
flipOrder = [placement, placementOpposite];
|
|
1443
|
-
} else {
|
|
1444
|
-
flipOrder = this._options.flipBehavior;
|
|
1445
|
-
}
|
|
1446
|
-
|
|
1447
|
-
flipOrder.forEach(function (step, index) {
|
|
1448
|
-
if (placement !== step || flipOrder.length === index + 1) {
|
|
1449
|
-
return;
|
|
1450
|
-
}
|
|
1451
|
-
|
|
1452
|
-
placement = data.placement.split('-')[0];
|
|
1453
|
-
placementOpposite = getOppositePlacement(placement);
|
|
1454
|
-
|
|
1455
|
-
var popperOffsets = getPopperClientRect(data.offsets.popper);
|
|
1456
|
-
|
|
1457
|
-
// this boolean is used to distinguish right and bottom from top and left
|
|
1458
|
-
// they need different computations to get flipped
|
|
1459
|
-
var a = ['right', 'bottom'].indexOf(placement) !== -1;
|
|
1460
|
-
|
|
1461
|
-
// using Math.floor because the reference offsets may contain decimals we are not going to consider here
|
|
1462
|
-
if (a && Math.floor(data.offsets.reference[placement]) > Math.floor(popperOffsets[placementOpposite]) || !a && Math.floor(data.offsets.reference[placement]) < Math.floor(popperOffsets[placementOpposite])) {
|
|
1463
|
-
// we'll use this boolean to detect any flip loop
|
|
1464
|
-
data.flipped = true;
|
|
1465
|
-
data.placement = flipOrder[index + 1];
|
|
1466
|
-
if (variation) {
|
|
1467
|
-
data.placement += '-' + variation;
|
|
1468
|
-
}
|
|
1469
|
-
data.offsets.popper = this._getOffsets(this._popper, this._reference, data.placement).popper;
|
|
1470
|
-
|
|
1471
|
-
data = this.runModifiers(data, this._options.modifiers, this._flip);
|
|
1472
|
-
}
|
|
1473
|
-
}.bind(this));
|
|
1474
|
-
return data;
|
|
1475
|
-
};
|
|
1476
|
-
|
|
1477
|
-
/**
|
|
1478
|
-
* Modifier used to add an offset to the popper, useful if you more granularity positioning your popper.
|
|
1479
|
-
* The offsets will shift the popper on the side of its reference element.
|
|
1480
|
-
* @method
|
|
1481
|
-
* @memberof Popper.modifiers
|
|
1482
|
-
* @argument {Object} data - The data object generated by _update method
|
|
1483
|
-
* @returns {Object} The data object, properly modified
|
|
1484
|
-
*/
|
|
1485
|
-
Popper.prototype.modifiers.offset = function (data) {
|
|
1486
|
-
var offset = this._options.offset;
|
|
1487
|
-
var popper = data.offsets.popper;
|
|
1488
|
-
|
|
1489
|
-
if (data.placement.indexOf('left') !== -1) {
|
|
1490
|
-
popper.top -= offset;
|
|
1491
|
-
} else if (data.placement.indexOf('right') !== -1) {
|
|
1492
|
-
popper.top += offset;
|
|
1493
|
-
} else if (data.placement.indexOf('top') !== -1) {
|
|
1494
|
-
popper.left -= offset;
|
|
1495
|
-
} else if (data.placement.indexOf('bottom') !== -1) {
|
|
1496
|
-
popper.left += offset;
|
|
1497
|
-
}
|
|
1498
|
-
return data;
|
|
1499
|
-
};
|
|
1500
|
-
|
|
1501
|
-
/**
|
|
1502
|
-
* Modifier used to move the arrows on the edge of the popper to make sure them are always between the popper and the reference element
|
|
1503
|
-
* It will use the CSS outer size of the arrow element to know how many pixels of conjuction are needed
|
|
1504
|
-
* @method
|
|
1505
|
-
* @memberof Popper.modifiers
|
|
1506
|
-
* @argument {Object} data - The data object generated by _update method
|
|
1507
|
-
* @returns {Object} The data object, properly modified
|
|
1508
|
-
*/
|
|
1509
|
-
Popper.prototype.modifiers.arrow = function (data) {
|
|
1510
|
-
var arrow = this._options.arrowElement;
|
|
1511
|
-
var arrowOffset = this._options.arrowOffset;
|
|
1512
|
-
|
|
1513
|
-
// if the arrowElement is a string, suppose it's a CSS selector
|
|
1514
|
-
if (typeof arrow === 'string') {
|
|
1515
|
-
arrow = this._popper.querySelector(arrow);
|
|
1516
|
-
}
|
|
1517
|
-
|
|
1518
|
-
// if arrow element is not found, don't run the modifier
|
|
1519
|
-
if (!arrow) {
|
|
1520
|
-
return data;
|
|
1521
|
-
}
|
|
1522
|
-
|
|
1523
|
-
// the arrow element must be child of its popper
|
|
1524
|
-
if (!this._popper.contains(arrow)) {
|
|
1525
|
-
console.warn('WARNING: `arrowElement` must be child of its popper element!');
|
|
1526
|
-
return data;
|
|
1527
|
-
}
|
|
1528
|
-
|
|
1529
|
-
// arrow depends on keepTogether in order to work
|
|
1530
|
-
if (!this.isModifierRequired(this.modifiers.arrow, this.modifiers.keepTogether)) {
|
|
1531
|
-
console.warn('WARNING: keepTogether modifier is required by arrow modifier in order to work, be sure to include it before arrow!');
|
|
1532
|
-
return data;
|
|
1533
|
-
}
|
|
1534
|
-
|
|
1535
|
-
var arrowStyle = {};
|
|
1536
|
-
var placement = data.placement.split('-')[0];
|
|
1537
|
-
var popper = getPopperClientRect(data.offsets.popper);
|
|
1538
|
-
var reference = data.offsets.reference;
|
|
1539
|
-
var isVertical = ['left', 'right'].indexOf(placement) !== -1;
|
|
1540
|
-
|
|
1541
|
-
var len = isVertical ? 'height' : 'width';
|
|
1542
|
-
var side = isVertical ? 'top' : 'left';
|
|
1543
|
-
var translate = isVertical ? 'translateY' : 'translateX';
|
|
1544
|
-
var altSide = isVertical ? 'left' : 'top';
|
|
1545
|
-
var opSide = isVertical ? 'bottom' : 'right';
|
|
1546
|
-
var arrowSize = getOuterSizes(arrow)[len];
|
|
1547
|
-
|
|
1548
|
-
//
|
|
1549
|
-
// extends keepTogether behavior making sure the popper and its reference have enough pixels in conjuction
|
|
1550
|
-
//
|
|
1551
|
-
|
|
1552
|
-
// top/left side
|
|
1553
|
-
if (reference[opSide] - arrowSize < popper[side]) {
|
|
1554
|
-
data.offsets.popper[side] -= popper[side] - (reference[opSide] - arrowSize);
|
|
1555
|
-
}
|
|
1556
|
-
// bottom/right side
|
|
1557
|
-
if (reference[side] + arrowSize > popper[opSide]) {
|
|
1558
|
-
data.offsets.popper[side] += reference[side] + arrowSize - popper[opSide];
|
|
1559
|
-
}
|
|
1560
|
-
|
|
1561
|
-
// compute center of the popper
|
|
1562
|
-
var center = reference[side] + (arrowOffset || reference[len] / 2 - arrowSize / 2);
|
|
1563
|
-
|
|
1564
|
-
var sideValue = center - popper[side];
|
|
1565
|
-
|
|
1566
|
-
// prevent arrow from being placed not contiguously to its popper
|
|
1567
|
-
sideValue = Math.max(Math.min(popper[len] - arrowSize - 8, sideValue), 8);
|
|
1568
|
-
arrowStyle[side] = sideValue;
|
|
1569
|
-
arrowStyle[altSide] = ''; // make sure to remove any old style from the arrow
|
|
1570
|
-
|
|
1571
|
-
data.offsets.arrow = arrowStyle;
|
|
1572
|
-
data.arrowElement = arrow;
|
|
1573
|
-
|
|
1574
|
-
return data;
|
|
1575
|
-
};
|
|
1576
|
-
|
|
1577
|
-
//
|
|
1578
|
-
// Helpers
|
|
1579
|
-
//
|
|
1580
|
-
|
|
1581
|
-
/**
|
|
1582
|
-
* Get the outer sizes of the given element (offset size + margins)
|
|
1583
|
-
* @function
|
|
1584
|
-
* @ignore
|
|
1585
|
-
* @argument {Element} element
|
|
1586
|
-
* @returns {Object} object containing width and height properties
|
|
1587
|
-
*/
|
|
1588
|
-
function getOuterSizes(element) {
|
|
1589
|
-
// NOTE: 1 DOM access here
|
|
1590
|
-
var _display = element.style.display,
|
|
1591
|
-
_visibility = element.style.visibility;
|
|
1592
|
-
element.style.display = 'block';element.style.visibility = 'hidden';
|
|
1593
|
-
var calcWidthToForceRepaint = element.offsetWidth;
|
|
1594
|
-
|
|
1595
|
-
// original method
|
|
1596
|
-
var styles = root.getComputedStyle(element);
|
|
1597
|
-
var x = parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);
|
|
1598
|
-
var y = parseFloat(styles.marginLeft) + parseFloat(styles.marginRight);
|
|
1599
|
-
var result = { width: element.offsetWidth + y, height: element.offsetHeight + x };
|
|
1600
|
-
|
|
1601
|
-
// reset element styles
|
|
1602
|
-
element.style.display = _display;element.style.visibility = _visibility;
|
|
1603
|
-
return result;
|
|
1604
|
-
}
|
|
1605
|
-
|
|
1606
|
-
/**
|
|
1607
|
-
* Get the opposite placement of the given one/
|
|
1608
|
-
* @function
|
|
1609
|
-
* @ignore
|
|
1610
|
-
* @argument {String} placement
|
|
1611
|
-
* @returns {String} flipped placement
|
|
1612
|
-
*/
|
|
1613
|
-
function getOppositePlacement(placement) {
|
|
1614
|
-
var hash = { left: 'right', right: 'left', bottom: 'top', top: 'bottom' };
|
|
1615
|
-
return placement.replace(/left|right|bottom|top/g, function (matched) {
|
|
1616
|
-
return hash[matched];
|
|
1617
|
-
});
|
|
1618
|
-
}
|
|
1619
|
-
|
|
1620
|
-
/**
|
|
1621
|
-
* Given the popper offsets, generate an output similar to getBoundingClientRect
|
|
1622
|
-
* @function
|
|
1623
|
-
* @ignore
|
|
1624
|
-
* @argument {Object} popperOffsets
|
|
1625
|
-
* @returns {Object} ClientRect like output
|
|
1626
|
-
*/
|
|
1627
|
-
function getPopperClientRect(popperOffsets) {
|
|
1628
|
-
var offsets = Object.assign({}, popperOffsets);
|
|
1629
|
-
offsets.right = offsets.left + offsets.width;
|
|
1630
|
-
offsets.bottom = offsets.top + offsets.height;
|
|
1631
|
-
return offsets;
|
|
1632
|
-
}
|
|
1633
|
-
|
|
1634
|
-
/**
|
|
1635
|
-
* Given an array and the key to find, returns its index
|
|
1636
|
-
* @function
|
|
1637
|
-
* @ignore
|
|
1638
|
-
* @argument {Array} arr
|
|
1639
|
-
* @argument keyToFind
|
|
1640
|
-
* @returns index or null
|
|
1641
|
-
*/
|
|
1642
|
-
function getArrayKeyIndex(arr, keyToFind) {
|
|
1643
|
-
var i = 0,
|
|
1644
|
-
key;
|
|
1645
|
-
for (key in arr) {
|
|
1646
|
-
if (arr[key] === keyToFind) {
|
|
1647
|
-
return i;
|
|
1648
|
-
}
|
|
1649
|
-
i++;
|
|
1650
|
-
}
|
|
1651
|
-
return null;
|
|
1652
|
-
}
|
|
1653
|
-
|
|
1654
|
-
/**
|
|
1655
|
-
* Get CSS computed property of the given element
|
|
1656
|
-
* @function
|
|
1657
|
-
* @ignore
|
|
1658
|
-
* @argument {Eement} element
|
|
1659
|
-
* @argument {String} property
|
|
1660
|
-
*/
|
|
1661
|
-
function getStyleComputedProperty(element, property) {
|
|
1662
|
-
// NOTE: 1 DOM access here
|
|
1663
|
-
var css = root.getComputedStyle(element, null);
|
|
1664
|
-
return css[property];
|
|
1665
|
-
}
|
|
1666
|
-
|
|
1667
|
-
/**
|
|
1668
|
-
* Returns the offset parent of the given element
|
|
1669
|
-
* @function
|
|
1670
|
-
* @ignore
|
|
1671
|
-
* @argument {Element} element
|
|
1672
|
-
* @returns {Element} offset parent
|
|
1673
|
-
*/
|
|
1674
|
-
function getOffsetParent(element) {
|
|
1675
|
-
// NOTE: 1 DOM access here
|
|
1676
|
-
var offsetParent = element.offsetParent;
|
|
1677
|
-
return offsetParent === root.document.body || !offsetParent ? root.document.documentElement : offsetParent;
|
|
1678
|
-
}
|
|
1679
|
-
|
|
1680
|
-
/**
|
|
1681
|
-
* Returns the scrolling parent of the given element
|
|
1682
|
-
* @function
|
|
1683
|
-
* @ignore
|
|
1684
|
-
* @argument {Element} element
|
|
1685
|
-
* @returns {Element} offset parent
|
|
1686
|
-
*/
|
|
1687
|
-
function getScrollParent(element) {
|
|
1688
|
-
var parent = element.parentNode;
|
|
1689
|
-
|
|
1690
|
-
if (!parent) {
|
|
1691
|
-
return element;
|
|
1692
|
-
}
|
|
1693
|
-
|
|
1694
|
-
if (parent === root.document) {
|
|
1695
|
-
// Firefox puts the scrollTOp value on `documentElement` instead of `body`, we then check which of them is
|
|
1696
|
-
// greater than 0 and return the proper element
|
|
1697
|
-
if (root.document.body.scrollTop || root.document.body.scrollLeft) {
|
|
1698
|
-
return root.document.body;
|
|
1699
|
-
} else {
|
|
1700
|
-
return root.document.documentElement;
|
|
1701
|
-
}
|
|
1702
|
-
}
|
|
1703
|
-
|
|
1704
|
-
// Firefox want us to check `-x` and `-y` variations as well
|
|
1705
|
-
if (['scroll', 'auto'].indexOf(getStyleComputedProperty(parent, 'overflow')) !== -1 || ['scroll', 'auto'].indexOf(getStyleComputedProperty(parent, 'overflow-x')) !== -1 || ['scroll', 'auto'].indexOf(getStyleComputedProperty(parent, 'overflow-y')) !== -1) {
|
|
1706
|
-
// If the detected scrollParent is body, we perform an additional check on its parentNode
|
|
1707
|
-
// in this way we'll get body if the browser is Chrome-ish, or documentElement otherwise
|
|
1708
|
-
// fixes issue #65
|
|
1709
|
-
return parent;
|
|
1710
|
-
}
|
|
1711
|
-
return getScrollParent(element.parentNode);
|
|
1712
|
-
}
|
|
1713
|
-
|
|
1714
|
-
/**
|
|
1715
|
-
* Check if the given element is fixed or is inside a fixed parent
|
|
1716
|
-
* @function
|
|
1717
|
-
* @ignore
|
|
1718
|
-
* @argument {Element} element
|
|
1719
|
-
* @argument {Element} customContainer
|
|
1720
|
-
* @returns {Boolean} answer to "isFixed?"
|
|
1721
|
-
*/
|
|
1722
|
-
function isFixed(element) {
|
|
1723
|
-
if (element === root.document.body) {
|
|
1724
|
-
return false;
|
|
1725
|
-
}
|
|
1726
|
-
if (getStyleComputedProperty(element, 'position') === 'fixed') {
|
|
1727
|
-
return true;
|
|
1728
|
-
}
|
|
1729
|
-
return element.parentNode ? isFixed(element.parentNode) : element;
|
|
1730
|
-
}
|
|
1731
|
-
|
|
1732
|
-
/**
|
|
1733
|
-
* Set the style to the given popper
|
|
1734
|
-
* @function
|
|
1735
|
-
* @ignore
|
|
1736
|
-
* @argument {Element} element - Element to apply the style to
|
|
1737
|
-
* @argument {Object} styles - Object with a list of properties and values which will be applied to the element
|
|
1738
|
-
*/
|
|
1739
|
-
function setStyle(element, styles) {
|
|
1740
|
-
function is_numeric(n) {
|
|
1741
|
-
return n !== '' && !isNaN(parseFloat(n)) && isFinite(n);
|
|
1742
|
-
}
|
|
1743
|
-
Object.keys(styles).forEach(function (prop) {
|
|
1744
|
-
var unit = '';
|
|
1745
|
-
// add unit if the value is numeric and is one of the following
|
|
1746
|
-
if (['width', 'height', 'top', 'right', 'bottom', 'left'].indexOf(prop) !== -1 && is_numeric(styles[prop])) {
|
|
1747
|
-
unit = 'px';
|
|
1748
|
-
}
|
|
1749
|
-
element.style[prop] = styles[prop] + unit;
|
|
1750
|
-
});
|
|
1751
|
-
}
|
|
1752
|
-
|
|
1753
|
-
/**
|
|
1754
|
-
* Check if the given variable is a function
|
|
1755
|
-
* @function
|
|
1756
|
-
* @ignore
|
|
1757
|
-
* @argument {*} functionToCheck - variable to check
|
|
1758
|
-
* @returns {Boolean} answer to: is a function?
|
|
1759
|
-
*/
|
|
1760
|
-
function isFunction(functionToCheck) {
|
|
1761
|
-
var getType = {};
|
|
1762
|
-
return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
|
|
1763
|
-
}
|
|
1764
|
-
|
|
1765
|
-
/**
|
|
1766
|
-
* Get the position of the given element, relative to its offset parent
|
|
1767
|
-
* @function
|
|
1768
|
-
* @ignore
|
|
1769
|
-
* @param {Element} element
|
|
1770
|
-
* @return {Object} position - Coordinates of the element and its `scrollTop`
|
|
1771
|
-
*/
|
|
1772
|
-
function getOffsetRect(element) {
|
|
1773
|
-
var elementRect = {
|
|
1774
|
-
width: element.offsetWidth,
|
|
1775
|
-
height: element.offsetHeight,
|
|
1776
|
-
left: element.offsetLeft,
|
|
1777
|
-
top: element.offsetTop
|
|
1778
|
-
};
|
|
1779
|
-
|
|
1780
|
-
elementRect.right = elementRect.left + elementRect.width;
|
|
1781
|
-
elementRect.bottom = elementRect.top + elementRect.height;
|
|
1782
|
-
|
|
1783
|
-
// position
|
|
1784
|
-
return elementRect;
|
|
1785
|
-
}
|
|
1786
|
-
|
|
1787
|
-
/**
|
|
1788
|
-
* Get bounding client rect of given element
|
|
1789
|
-
* @function
|
|
1790
|
-
* @ignore
|
|
1791
|
-
* @param {HTMLElement} element
|
|
1792
|
-
* @return {Object} client rect
|
|
1793
|
-
*/
|
|
1794
|
-
function getBoundingClientRect(element) {
|
|
1795
|
-
var rect = element.getBoundingClientRect();
|
|
1796
|
-
|
|
1797
|
-
// whether the IE version is lower than 11
|
|
1798
|
-
var isIE = navigator.userAgent.indexOf("MSIE") != -1;
|
|
1799
|
-
|
|
1800
|
-
// fix ie document bounding top always 0 bug
|
|
1801
|
-
var rectTop = isIE && element.tagName === 'HTML' ? -element.scrollTop : rect.top;
|
|
1802
|
-
|
|
1803
|
-
return {
|
|
1804
|
-
left: rect.left,
|
|
1805
|
-
top: rectTop,
|
|
1806
|
-
right: rect.right,
|
|
1807
|
-
bottom: rect.bottom,
|
|
1808
|
-
width: rect.right - rect.left,
|
|
1809
|
-
height: rect.bottom - rectTop
|
|
1810
|
-
};
|
|
1811
|
-
}
|
|
1812
|
-
|
|
1813
|
-
/**
|
|
1814
|
-
* Given an element and one of its parents, return the offset
|
|
1815
|
-
* @function
|
|
1816
|
-
* @ignore
|
|
1817
|
-
* @param {HTMLElement} element
|
|
1818
|
-
* @param {HTMLElement} parent
|
|
1819
|
-
* @return {Object} rect
|
|
1820
|
-
*/
|
|
1821
|
-
function getOffsetRectRelativeToCustomParent(element, parent, fixed) {
|
|
1822
|
-
var elementRect = getBoundingClientRect(element);
|
|
1823
|
-
var parentRect = getBoundingClientRect(parent);
|
|
1824
|
-
|
|
1825
|
-
if (fixed) {
|
|
1826
|
-
var scrollParent = getScrollParent(parent);
|
|
1827
|
-
parentRect.top += scrollParent.scrollTop;
|
|
1828
|
-
parentRect.bottom += scrollParent.scrollTop;
|
|
1829
|
-
parentRect.left += scrollParent.scrollLeft;
|
|
1830
|
-
parentRect.right += scrollParent.scrollLeft;
|
|
1831
|
-
}
|
|
1832
|
-
|
|
1833
|
-
var rect = {
|
|
1834
|
-
top: elementRect.top - parentRect.top,
|
|
1835
|
-
left: elementRect.left - parentRect.left,
|
|
1836
|
-
bottom: elementRect.top - parentRect.top + elementRect.height,
|
|
1837
|
-
right: elementRect.left - parentRect.left + elementRect.width,
|
|
1838
|
-
width: elementRect.width,
|
|
1839
|
-
height: elementRect.height
|
|
1840
|
-
};
|
|
1841
|
-
return rect;
|
|
1842
|
-
}
|
|
1843
|
-
|
|
1844
|
-
/**
|
|
1845
|
-
* Get the prefixed supported property name
|
|
1846
|
-
* @function
|
|
1847
|
-
* @ignore
|
|
1848
|
-
* @argument {String} property (camelCase)
|
|
1849
|
-
* @returns {String} prefixed property (camelCase)
|
|
1850
|
-
*/
|
|
1851
|
-
function getSupportedPropertyName(property) {
|
|
1852
|
-
var prefixes = ['', 'ms', 'webkit', 'moz', 'o'];
|
|
1853
|
-
|
|
1854
|
-
for (var i = 0; i < prefixes.length; i++) {
|
|
1855
|
-
var toCheck = prefixes[i] ? prefixes[i] + property.charAt(0).toUpperCase() + property.slice(1) : property;
|
|
1856
|
-
if (typeof root.document.body.style[toCheck] !== 'undefined') {
|
|
1857
|
-
return toCheck;
|
|
1858
|
-
}
|
|
1859
|
-
}
|
|
1860
|
-
return null;
|
|
1861
|
-
}
|
|
1862
|
-
|
|
1863
|
-
/**
|
|
1864
|
-
* The Object.assign() method is used to copy the values of all enumerable own properties from one or more source
|
|
1865
|
-
* objects to a target object. It will return the target object.
|
|
1866
|
-
* This polyfill doesn't support symbol properties, since ES5 doesn't have symbols anyway
|
|
1867
|
-
* Source: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/assign
|
|
1868
|
-
* @function
|
|
1869
|
-
* @ignore
|
|
1870
|
-
*/
|
|
1871
|
-
if (!Object.assign) {
|
|
1872
|
-
Object.defineProperty(Object, 'assign', {
|
|
1873
|
-
enumerable: false,
|
|
1874
|
-
configurable: true,
|
|
1875
|
-
writable: true,
|
|
1876
|
-
value: function value(target) {
|
|
1877
|
-
if (target === undefined || target === null) {
|
|
1878
|
-
throw new TypeError('Cannot convert first argument to object');
|
|
1879
|
-
}
|
|
1880
|
-
|
|
1881
|
-
var to = Object(target);
|
|
1882
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
1883
|
-
var nextSource = arguments[i];
|
|
1884
|
-
if (nextSource === undefined || nextSource === null) {
|
|
1885
|
-
continue;
|
|
1886
|
-
}
|
|
1887
|
-
nextSource = Object(nextSource);
|
|
1888
|
-
|
|
1889
|
-
var keysArray = Object.keys(nextSource);
|
|
1890
|
-
for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex++) {
|
|
1891
|
-
var nextKey = keysArray[nextIndex];
|
|
1892
|
-
var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
|
|
1893
|
-
if (desc !== undefined && desc.enumerable) {
|
|
1894
|
-
to[nextKey] = nextSource[nextKey];
|
|
1895
|
-
}
|
|
1896
|
-
}
|
|
1897
|
-
}
|
|
1898
|
-
return to;
|
|
1899
|
-
}
|
|
1900
|
-
});
|
|
1901
|
-
}
|
|
1902
|
-
|
|
1903
|
-
return Popper;
|
|
1904
|
-
});
|
|
1905
|
-
|
|
1906
|
-
/***/ }),
|
|
1907
|
-
|
|
1908
|
-
/***/ 3:
|
|
1909
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1910
|
-
|
|
1911
|
-
"use strict";
|
|
1912
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "r", function() { return noop; });
|
|
1913
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "j", function() { return hasOwn; });
|
|
1914
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "t", function() { return toObject; });
|
|
1915
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return getValueByPath; });
|
|
1916
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return getPropByPath; });
|
|
1917
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return generateId; });
|
|
1918
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "u", function() { return valueEquals; });
|
|
1919
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return escapeRegexpString; });
|
|
1920
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return arrayFindIndex; });
|
|
1921
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return arrayFind; });
|
|
1922
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return coerceTruthyValueToArray; });
|
|
1923
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "o", function() { return isIE; });
|
|
1924
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "k", function() { return isEdge; });
|
|
1925
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "n", function() { return isFirefox; });
|
|
1926
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return autoprefixer; });
|
|
1927
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "q", function() { return kebabCase; });
|
|
1928
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return capitalize; });
|
|
1929
|
-
/* unused harmony export looseEqual */
|
|
1930
|
-
/* unused harmony export arrayEquals */
|
|
1931
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "m", function() { return isEqual; });
|
|
1932
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "l", function() { return isEmpty; });
|
|
1933
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "s", function() { return rafThrottle; });
|
|
1934
|
-
/* unused harmony export objToArray */
|
|
1935
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "p", function() { return isMac; });
|
|
1936
|
-
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
|
|
1937
|
-
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
|
1938
|
-
/* harmony import */ var element_ui_src_utils_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
|
|
1939
|
-
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; };
|
|
1940
|
-
|
|
1941
|
-
|
|
1942
|
-
|
|
1943
|
-
|
|
1944
|
-
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
|
1945
|
-
|
|
1946
|
-
function noop() {};
|
|
1947
|
-
|
|
1948
|
-
function hasOwn(obj, key) {
|
|
1949
|
-
return hasOwnProperty.call(obj, key);
|
|
1950
|
-
};
|
|
1951
|
-
|
|
1952
|
-
function extend(to, _from) {
|
|
1953
|
-
for (var key in _from) {
|
|
1954
|
-
to[key] = _from[key];
|
|
1955
|
-
}
|
|
1956
|
-
return to;
|
|
1957
|
-
};
|
|
1958
|
-
|
|
1959
|
-
function toObject(arr) {
|
|
1960
|
-
var res = {};
|
|
1961
|
-
for (var i = 0; i < arr.length; i++) {
|
|
1962
|
-
if (arr[i]) {
|
|
1963
|
-
extend(res, arr[i]);
|
|
1964
|
-
}
|
|
1965
|
-
}
|
|
1966
|
-
return res;
|
|
1967
|
-
};
|
|
1968
|
-
|
|
1969
|
-
var getValueByPath = function getValueByPath(object, prop) {
|
|
1970
|
-
prop = prop || '';
|
|
1971
|
-
var paths = prop.split('.');
|
|
1972
|
-
var current = object;
|
|
1973
|
-
var result = null;
|
|
1974
|
-
for (var i = 0, j = paths.length; i < j; i++) {
|
|
1975
|
-
var path = paths[i];
|
|
1976
|
-
if (!current) break;
|
|
1977
|
-
|
|
1978
|
-
if (i === j - 1) {
|
|
1979
|
-
result = current[path];
|
|
1980
|
-
break;
|
|
1981
|
-
}
|
|
1982
|
-
current = current[path];
|
|
1983
|
-
}
|
|
1984
|
-
return result;
|
|
1985
|
-
};
|
|
1986
|
-
|
|
1987
|
-
function getPropByPath(obj, path, strict) {
|
|
1988
|
-
var tempObj = obj;
|
|
1989
|
-
path = path.replace(/\[(\w+)\]/g, '.$1');
|
|
1990
|
-
path = path.replace(/^\./, '');
|
|
1991
|
-
|
|
1992
|
-
var keyArr = path.split('.');
|
|
1993
|
-
var i = 0;
|
|
1994
|
-
for (var len = keyArr.length; i < len - 1; ++i) {
|
|
1995
|
-
if (!tempObj && !strict) break;
|
|
1996
|
-
var key = keyArr[i];
|
|
1997
|
-
if (key in tempObj) {
|
|
1998
|
-
tempObj = tempObj[key];
|
|
1999
|
-
} else {
|
|
2000
|
-
if (strict) {
|
|
2001
|
-
throw new Error('please transfer a valid prop path to form item!');
|
|
2002
|
-
}
|
|
2003
|
-
break;
|
|
2004
|
-
}
|
|
2005
|
-
}
|
|
2006
|
-
return {
|
|
2007
|
-
o: tempObj,
|
|
2008
|
-
k: keyArr[i],
|
|
2009
|
-
v: tempObj ? tempObj[keyArr[i]] : null
|
|
2010
|
-
};
|
|
2011
|
-
};
|
|
2012
|
-
|
|
2013
|
-
var generateId = function generateId() {
|
|
2014
|
-
return Math.floor(Math.random() * 10000);
|
|
2015
|
-
};
|
|
2016
|
-
|
|
2017
|
-
var valueEquals = function valueEquals(a, b) {
|
|
2018
|
-
// see: https://stackoverflow.com/questions/3115982/how-to-check-if-two-arrays-are-equal-with-javascript
|
|
2019
|
-
if (a === b) return true;
|
|
2020
|
-
if (!(a instanceof Array)) return false;
|
|
2021
|
-
if (!(b instanceof Array)) return false;
|
|
2022
|
-
if (a.length !== b.length) return false;
|
|
2023
|
-
for (var i = 0; i !== a.length; ++i) {
|
|
2024
|
-
if (a[i] !== b[i]) return false;
|
|
2025
|
-
}
|
|
2026
|
-
return true;
|
|
2027
|
-
};
|
|
2028
|
-
|
|
2029
|
-
var escapeRegexpString = function escapeRegexpString() {
|
|
2030
|
-
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
2031
|
-
return String(value).replace(/[|\\{}()[\]^$+*?.]/g, '\\$&');
|
|
2032
|
-
};
|
|
2033
|
-
|
|
2034
|
-
// TODO: use native Array.find, Array.findIndex when IE support is dropped
|
|
2035
|
-
var arrayFindIndex = function arrayFindIndex(arr, pred) {
|
|
2036
|
-
for (var i = 0; i !== arr.length; ++i) {
|
|
2037
|
-
if (pred(arr[i])) {
|
|
2038
|
-
return i;
|
|
2039
|
-
}
|
|
2040
|
-
}
|
|
2041
|
-
return -1;
|
|
2042
|
-
};
|
|
2043
|
-
|
|
2044
|
-
var arrayFind = function arrayFind(arr, pred) {
|
|
2045
|
-
var idx = arrayFindIndex(arr, pred);
|
|
2046
|
-
return idx !== -1 ? arr[idx] : undefined;
|
|
2047
|
-
};
|
|
2048
|
-
|
|
2049
|
-
// coerce truthy value to array
|
|
2050
|
-
var coerceTruthyValueToArray = function coerceTruthyValueToArray(val) {
|
|
2051
|
-
if (Array.isArray(val)) {
|
|
2052
|
-
return val;
|
|
2053
|
-
} else if (val) {
|
|
2054
|
-
return [val];
|
|
2055
|
-
} else {
|
|
2056
|
-
return [];
|
|
2057
|
-
}
|
|
2058
|
-
};
|
|
2059
|
-
|
|
2060
|
-
var isIE = function isIE() {
|
|
2061
|
-
return !vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer && !isNaN(Number(document.documentMode));
|
|
2062
|
-
};
|
|
2063
|
-
|
|
2064
|
-
var isEdge = function isEdge() {
|
|
2065
|
-
return !vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer && navigator.userAgent.indexOf('Edge') > -1;
|
|
2066
|
-
};
|
|
2067
|
-
|
|
2068
|
-
var isFirefox = function isFirefox() {
|
|
2069
|
-
return !vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer && !!window.navigator.userAgent.match(/firefox/i);
|
|
2070
|
-
};
|
|
2071
|
-
|
|
2072
|
-
var autoprefixer = function autoprefixer(style) {
|
|
2073
|
-
if ((typeof style === 'undefined' ? 'undefined' : _typeof(style)) !== 'object') return style;
|
|
2074
|
-
var rules = ['transform', 'transition', 'animation'];
|
|
2075
|
-
var prefixes = ['ms-', 'webkit-'];
|
|
2076
|
-
rules.forEach(function (rule) {
|
|
2077
|
-
var value = style[rule];
|
|
2078
|
-
if (rule && value) {
|
|
2079
|
-
prefixes.forEach(function (prefix) {
|
|
2080
|
-
style[prefix + rule] = value;
|
|
2081
|
-
});
|
|
2082
|
-
}
|
|
2083
|
-
});
|
|
2084
|
-
return style;
|
|
2085
|
-
};
|
|
2086
|
-
|
|
2087
|
-
var kebabCase = function kebabCase(str) {
|
|
2088
|
-
var hyphenateRE = /([^-])([A-Z])/g;
|
|
2089
|
-
return str.replace(hyphenateRE, '$1-$2').replace(hyphenateRE, '$1-$2').toLowerCase();
|
|
2090
|
-
};
|
|
2091
|
-
|
|
2092
|
-
var capitalize = function capitalize(str) {
|
|
2093
|
-
if (!Object(element_ui_src_utils_types__WEBPACK_IMPORTED_MODULE_1__[/* isString */ "e"])(str)) return str;
|
|
2094
|
-
return str.charAt(0).toUpperCase() + str.slice(1);
|
|
2095
|
-
};
|
|
2096
|
-
|
|
2097
|
-
var looseEqual = function looseEqual(a, b) {
|
|
2098
|
-
var isObjectA = Object(element_ui_src_utils_types__WEBPACK_IMPORTED_MODULE_1__[/* isObject */ "d"])(a);
|
|
2099
|
-
var isObjectB = Object(element_ui_src_utils_types__WEBPACK_IMPORTED_MODULE_1__[/* isObject */ "d"])(b);
|
|
2100
|
-
if (isObjectA && isObjectB) {
|
|
2101
|
-
return JSON.stringify(a) === JSON.stringify(b);
|
|
2102
|
-
} else if (!isObjectA && !isObjectB) {
|
|
2103
|
-
return String(a) === String(b);
|
|
2104
|
-
} else {
|
|
2105
|
-
return false;
|
|
2106
|
-
}
|
|
2107
|
-
};
|
|
2108
|
-
|
|
2109
|
-
var arrayEquals = function arrayEquals(arrayA, arrayB) {
|
|
2110
|
-
arrayA = arrayA || [];
|
|
2111
|
-
arrayB = arrayB || [];
|
|
2112
|
-
|
|
2113
|
-
if (arrayA.length !== arrayB.length) {
|
|
2114
|
-
return false;
|
|
2115
|
-
}
|
|
2116
|
-
|
|
2117
|
-
for (var i = 0; i < arrayA.length; i++) {
|
|
2118
|
-
if (!looseEqual(arrayA[i], arrayB[i])) {
|
|
2119
|
-
return false;
|
|
2120
|
-
}
|
|
2121
|
-
}
|
|
2122
|
-
|
|
2123
|
-
return true;
|
|
2124
|
-
};
|
|
2125
|
-
|
|
2126
|
-
var isEqual = function isEqual(value1, value2) {
|
|
2127
|
-
if (Array.isArray(value1) && Array.isArray(value2)) {
|
|
2128
|
-
return arrayEquals(value1, value2);
|
|
2129
|
-
}
|
|
2130
|
-
return looseEqual(value1, value2);
|
|
2131
|
-
};
|
|
2132
|
-
|
|
2133
|
-
var isEmpty = function isEmpty(val) {
|
|
2134
|
-
// null or undefined
|
|
2135
|
-
if (val == null) return true;
|
|
2136
|
-
|
|
2137
|
-
if (typeof val === 'boolean') return false;
|
|
2138
|
-
|
|
2139
|
-
if (typeof val === 'number') return !val;
|
|
2140
|
-
|
|
2141
|
-
if (val instanceof Error) return val.message === '';
|
|
2142
|
-
|
|
2143
|
-
switch (Object.prototype.toString.call(val)) {
|
|
2144
|
-
// String or Array
|
|
2145
|
-
case '[object String]':
|
|
2146
|
-
case '[object Array]':
|
|
2147
|
-
return !val.length;
|
|
2148
|
-
|
|
2149
|
-
// Map or Set or File
|
|
2150
|
-
case '[object File]':
|
|
2151
|
-
case '[object Map]':
|
|
2152
|
-
case '[object Set]':
|
|
2153
|
-
{
|
|
2154
|
-
return !val.size;
|
|
2155
|
-
}
|
|
2156
|
-
// Plain Object
|
|
2157
|
-
case '[object Object]':
|
|
2158
|
-
{
|
|
2159
|
-
return !Object.keys(val).length;
|
|
2160
|
-
}
|
|
2161
|
-
}
|
|
2162
|
-
|
|
2163
|
-
return false;
|
|
2164
|
-
};
|
|
2165
|
-
|
|
2166
|
-
function rafThrottle(fn) {
|
|
2167
|
-
var locked = false;
|
|
2168
|
-
return function () {
|
|
2169
|
-
var _this = this;
|
|
2170
|
-
|
|
2171
|
-
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
2172
|
-
args[_key] = arguments[_key];
|
|
2173
|
-
}
|
|
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
|
+
}
|
|
2174
167
|
|
|
2175
|
-
|
|
2176
|
-
|
|
2177
|
-
|
|
2178
|
-
|
|
2179
|
-
|
|
2180
|
-
|
|
2181
|
-
|
|
2182
|
-
|
|
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
|
+
}
|
|
2183
185
|
|
|
2184
|
-
|
|
2185
|
-
|
|
2186
|
-
|
|
2187
|
-
|
|
2188
|
-
return isEmpty(obj) ? [] : [obj];
|
|
186
|
+
return {
|
|
187
|
+
exports: scriptExports,
|
|
188
|
+
options: options
|
|
189
|
+
}
|
|
2189
190
|
}
|
|
2190
191
|
|
|
2191
|
-
var isMac = function isMac() {
|
|
2192
|
-
return !vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer && /macintosh|mac os x/i.test(navigator.userAgent);
|
|
2193
|
-
};
|
|
2194
192
|
|
|
2195
193
|
/***/ }),
|
|
2196
194
|
|
|
2197
|
-
/***/
|
|
2198
|
-
/***/ (function(module,
|
|
2199
|
-
|
|
2200
|
-
"use strict";
|
|
2201
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return isString; });
|
|
2202
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return isObject; });
|
|
2203
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return isHtmlElement; });
|
|
2204
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return isFunction; });
|
|
2205
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return isUndefined; });
|
|
2206
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return isDefined; });
|
|
2207
|
-
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
|
|
2208
|
-
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
|
2209
|
-
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; };
|
|
2210
|
-
|
|
195
|
+
/***/ 2:
|
|
196
|
+
/***/ (function(module, exports) {
|
|
2211
197
|
|
|
198
|
+
module.exports = require("element-ui/src/utils/dom");
|
|
2212
199
|
|
|
2213
|
-
|
|
2214
|
-
return Object.prototype.toString.call(obj) === '[object String]';
|
|
2215
|
-
}
|
|
200
|
+
/***/ }),
|
|
2216
201
|
|
|
2217
|
-
|
|
2218
|
-
|
|
2219
|
-
}
|
|
202
|
+
/***/ 3:
|
|
203
|
+
/***/ (function(module, exports) {
|
|
2220
204
|
|
|
2221
|
-
|
|
2222
|
-
return node && node.nodeType === Node.ELEMENT_NODE;
|
|
2223
|
-
}
|
|
205
|
+
module.exports = require("element-ui/src/utils/util");
|
|
2224
206
|
|
|
2225
|
-
|
|
2226
|
-
* - Inspired:
|
|
2227
|
-
* https://github.com/jashkenas/underscore/blob/master/modules/isFunction.js
|
|
2228
|
-
*/
|
|
2229
|
-
var isFunction = function isFunction(functionToCheck) {
|
|
2230
|
-
var getType = {};
|
|
2231
|
-
return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
|
|
2232
|
-
};
|
|
207
|
+
/***/ }),
|
|
2233
208
|
|
|
2234
|
-
|
|
2235
|
-
|
|
2236
|
-
return typeof obj === 'function' || false;
|
|
2237
|
-
};
|
|
2238
|
-
}
|
|
209
|
+
/***/ 5:
|
|
210
|
+
/***/ (function(module, exports) {
|
|
2239
211
|
|
|
212
|
+
module.exports = require("element-ui/src/utils/vue-popper");
|
|
2240
213
|
|
|
214
|
+
/***/ }),
|
|
2241
215
|
|
|
2242
|
-
|
|
2243
|
-
|
|
2244
|
-
};
|
|
216
|
+
/***/ 7:
|
|
217
|
+
/***/ (function(module, exports) {
|
|
2245
218
|
|
|
2246
|
-
|
|
2247
|
-
return val !== undefined && val !== null;
|
|
2248
|
-
};
|
|
219
|
+
module.exports = require("vue");
|
|
2249
220
|
|
|
2250
221
|
/***/ }),
|
|
2251
222
|
|
|
2252
|
-
/***/
|
|
223
|
+
/***/ 82:
|
|
2253
224
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
2254
225
|
|
|
2255
226
|
"use strict";
|
|
@@ -2326,14 +297,15 @@ render._withStripped = true
|
|
|
2326
297
|
|
|
2327
298
|
// CONCATENATED MODULE: ./packages/popover/src/main.vue?vue&type=template&id=a6ece982
|
|
2328
299
|
|
|
2329
|
-
// EXTERNAL MODULE:
|
|
2330
|
-
var
|
|
300
|
+
// EXTERNAL MODULE: external "element-ui/src/utils/vue-popper"
|
|
301
|
+
var vue_popper_ = __webpack_require__(5);
|
|
302
|
+
var vue_popper_default = /*#__PURE__*/__webpack_require__.n(vue_popper_);
|
|
2331
303
|
|
|
2332
|
-
// EXTERNAL MODULE:
|
|
2333
|
-
var
|
|
304
|
+
// EXTERNAL MODULE: external "element-ui/src/utils/dom"
|
|
305
|
+
var dom_ = __webpack_require__(2);
|
|
2334
306
|
|
|
2335
|
-
// EXTERNAL MODULE:
|
|
2336
|
-
var
|
|
307
|
+
// EXTERNAL MODULE: external "element-ui/src/utils/util"
|
|
308
|
+
var util_ = __webpack_require__(3);
|
|
2337
309
|
|
|
2338
310
|
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/popover/src/main.vue?vue&type=script&lang=js
|
|
2339
311
|
|
|
@@ -2345,7 +317,7 @@ var util = __webpack_require__(3);
|
|
|
2345
317
|
/* harmony default export */ var mainvue_type_script_lang_js = ({
|
|
2346
318
|
name: 'ElPopover',
|
|
2347
319
|
|
|
2348
|
-
mixins: [
|
|
320
|
+
mixins: [vue_popper_default.a],
|
|
2349
321
|
|
|
2350
322
|
props: {
|
|
2351
323
|
trigger: {
|
|
@@ -2388,7 +360,7 @@ var util = __webpack_require__(3);
|
|
|
2388
360
|
|
|
2389
361
|
computed: {
|
|
2390
362
|
tooltipId: function tooltipId() {
|
|
2391
|
-
return 'el-popover-' + Object(
|
|
363
|
+
return 'el-popover-' + Object(util_["generateId"])();
|
|
2392
364
|
}
|
|
2393
365
|
},
|
|
2394
366
|
watch: {
|
|
@@ -2411,44 +383,44 @@ var util = __webpack_require__(3);
|
|
|
2411
383
|
}
|
|
2412
384
|
// 可访问性
|
|
2413
385
|
if (reference) {
|
|
2414
|
-
Object(
|
|
386
|
+
Object(dom_["addClass"])(reference, 'el-popover__reference');
|
|
2415
387
|
reference.setAttribute('aria-describedby', this.tooltipId);
|
|
2416
388
|
reference.setAttribute('tabindex', this.tabindex); // tab序列
|
|
2417
389
|
popper.setAttribute('tabindex', 0);
|
|
2418
390
|
|
|
2419
391
|
if (this.trigger !== 'click') {
|
|
2420
|
-
Object(
|
|
392
|
+
Object(dom_["on"])(reference, 'focusin', function () {
|
|
2421
393
|
_this.handleFocus();
|
|
2422
394
|
var instance = reference.__vue__;
|
|
2423
395
|
if (instance && typeof instance.focus === 'function') {
|
|
2424
396
|
instance.focus();
|
|
2425
397
|
}
|
|
2426
398
|
});
|
|
2427
|
-
Object(
|
|
2428
|
-
Object(
|
|
2429
|
-
Object(
|
|
399
|
+
Object(dom_["on"])(popper, 'focusin', this.handleFocus);
|
|
400
|
+
Object(dom_["on"])(reference, 'focusout', this.handleBlur);
|
|
401
|
+
Object(dom_["on"])(popper, 'focusout', this.handleBlur);
|
|
2430
402
|
}
|
|
2431
|
-
Object(
|
|
2432
|
-
Object(
|
|
403
|
+
Object(dom_["on"])(reference, 'keydown', this.handleKeydown);
|
|
404
|
+
Object(dom_["on"])(reference, 'click', this.handleClick);
|
|
2433
405
|
}
|
|
2434
406
|
if (this.trigger === 'click') {
|
|
2435
|
-
Object(
|
|
2436
|
-
Object(
|
|
407
|
+
Object(dom_["on"])(reference, 'click', this.doToggle);
|
|
408
|
+
Object(dom_["on"])(document, 'click', this.handleDocumentClick);
|
|
2437
409
|
} else if (this.trigger === 'hover') {
|
|
2438
|
-
Object(
|
|
2439
|
-
Object(
|
|
2440
|
-
Object(
|
|
2441
|
-
Object(
|
|
410
|
+
Object(dom_["on"])(reference, 'mouseenter', this.handleMouseEnter);
|
|
411
|
+
Object(dom_["on"])(popper, 'mouseenter', this.handleMouseEnter);
|
|
412
|
+
Object(dom_["on"])(reference, 'mouseleave', this.handleMouseLeave);
|
|
413
|
+
Object(dom_["on"])(popper, 'mouseleave', this.handleMouseLeave);
|
|
2442
414
|
} else if (this.trigger === 'focus') {
|
|
2443
415
|
if (this.tabindex < 0) {
|
|
2444
416
|
console.warn('[Element Warn][Popover]a negative taindex means that the element cannot be focused by tab key');
|
|
2445
417
|
}
|
|
2446
418
|
if (reference.querySelector('input, textarea')) {
|
|
2447
|
-
Object(
|
|
2448
|
-
Object(
|
|
419
|
+
Object(dom_["on"])(reference, 'focusin', this.doShow);
|
|
420
|
+
Object(dom_["on"])(reference, 'focusout', this.doClose);
|
|
2449
421
|
} else {
|
|
2450
|
-
Object(
|
|
2451
|
-
Object(
|
|
422
|
+
Object(dom_["on"])(reference, 'mousedown', this.doShow);
|
|
423
|
+
Object(dom_["on"])(reference, 'mouseup', this.doClose);
|
|
2452
424
|
}
|
|
2453
425
|
}
|
|
2454
426
|
},
|
|
@@ -2471,14 +443,14 @@ var util = __webpack_require__(3);
|
|
|
2471
443
|
this.showPopper = false;
|
|
2472
444
|
},
|
|
2473
445
|
handleFocus: function handleFocus() {
|
|
2474
|
-
Object(
|
|
446
|
+
Object(dom_["addClass"])(this.referenceElm, 'focusing');
|
|
2475
447
|
if (this.trigger === 'click' || this.trigger === 'focus') this.showPopper = true;
|
|
2476
448
|
},
|
|
2477
449
|
handleClick: function handleClick() {
|
|
2478
|
-
Object(
|
|
450
|
+
Object(dom_["removeClass"])(this.referenceElm, 'focusing');
|
|
2479
451
|
},
|
|
2480
452
|
handleBlur: function handleBlur() {
|
|
2481
|
-
Object(
|
|
453
|
+
Object(dom_["removeClass"])(this.referenceElm, 'focusing');
|
|
2482
454
|
if (this.trigger === 'click' || this.trigger === 'focus') this.showPopper = false;
|
|
2483
455
|
},
|
|
2484
456
|
handleMouseEnter: function handleMouseEnter() {
|
|
@@ -2538,22 +510,22 @@ var util = __webpack_require__(3);
|
|
|
2538
510
|
destroyed: function destroyed() {
|
|
2539
511
|
var reference = this.reference;
|
|
2540
512
|
|
|
2541
|
-
Object(
|
|
2542
|
-
Object(
|
|
2543
|
-
Object(
|
|
2544
|
-
Object(
|
|
2545
|
-
Object(
|
|
2546
|
-
Object(
|
|
2547
|
-
Object(
|
|
2548
|
-
Object(
|
|
2549
|
-
Object(
|
|
2550
|
-
Object(
|
|
513
|
+
Object(dom_["off"])(reference, 'click', this.doToggle);
|
|
514
|
+
Object(dom_["off"])(reference, 'mouseup', this.doClose);
|
|
515
|
+
Object(dom_["off"])(reference, 'mousedown', this.doShow);
|
|
516
|
+
Object(dom_["off"])(reference, 'focusin', this.doShow);
|
|
517
|
+
Object(dom_["off"])(reference, 'focusout', this.doClose);
|
|
518
|
+
Object(dom_["off"])(reference, 'mousedown', this.doShow);
|
|
519
|
+
Object(dom_["off"])(reference, 'mouseup', this.doClose);
|
|
520
|
+
Object(dom_["off"])(reference, 'mouseleave', this.handleMouseLeave);
|
|
521
|
+
Object(dom_["off"])(reference, 'mouseenter', this.handleMouseEnter);
|
|
522
|
+
Object(dom_["off"])(document, 'click', this.handleDocumentClick);
|
|
2551
523
|
}
|
|
2552
524
|
});
|
|
2553
525
|
// CONCATENATED MODULE: ./packages/popover/src/main.vue?vue&type=script&lang=js
|
|
2554
526
|
/* harmony default export */ var src_mainvue_type_script_lang_js = (mainvue_type_script_lang_js);
|
|
2555
527
|
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
|
|
2556
|
-
var componentNormalizer = __webpack_require__(
|
|
528
|
+
var componentNormalizer = __webpack_require__(0);
|
|
2557
529
|
|
|
2558
530
|
// CONCATENATED MODULE: ./packages/popover/src/main.vue
|
|
2559
531
|
|
|
@@ -2597,7 +569,7 @@ var getReference = function getReference(el, binding, vnode) {
|
|
|
2597
569
|
}
|
|
2598
570
|
});
|
|
2599
571
|
// EXTERNAL MODULE: external "vue"
|
|
2600
|
-
var external_vue_ = __webpack_require__(
|
|
572
|
+
var external_vue_ = __webpack_require__(7);
|
|
2601
573
|
var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
|
|
2602
574
|
|
|
2603
575
|
// CONCATENATED MODULE: ./packages/popover/index.js
|
|
@@ -2616,503 +588,6 @@ main.directive = directive;
|
|
|
2616
588
|
|
|
2617
589
|
/* harmony default export */ var popover = __webpack_exports__["default"] = (main);
|
|
2618
590
|
|
|
2619
|
-
/***/ }),
|
|
2620
|
-
|
|
2621
|
-
/***/ 7:
|
|
2622
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
2623
|
-
|
|
2624
|
-
"use strict";
|
|
2625
|
-
/* harmony default export */ __webpack_exports__["a"] = (function (target) {
|
|
2626
|
-
for (var i = 1, j = arguments.length; i < j; i++) {
|
|
2627
|
-
var source = arguments[i] || {};
|
|
2628
|
-
for (var prop in source) {
|
|
2629
|
-
if (source.hasOwnProperty(prop)) {
|
|
2630
|
-
var value = source[prop];
|
|
2631
|
-
if (value !== undefined) {
|
|
2632
|
-
target[prop] = value;
|
|
2633
|
-
}
|
|
2634
|
-
}
|
|
2635
|
-
}
|
|
2636
|
-
}
|
|
2637
|
-
|
|
2638
|
-
return target;
|
|
2639
|
-
});;
|
|
2640
|
-
|
|
2641
|
-
/***/ }),
|
|
2642
|
-
|
|
2643
|
-
/***/ 8:
|
|
2644
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
2645
|
-
|
|
2646
|
-
"use strict";
|
|
2647
|
-
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
|
|
2648
|
-
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
|
2649
|
-
|
|
2650
|
-
|
|
2651
|
-
var scrollBarWidth = void 0;
|
|
2652
|
-
|
|
2653
|
-
/* harmony default export */ __webpack_exports__["a"] = (function () {
|
|
2654
|
-
if (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) return 0;
|
|
2655
|
-
if (scrollBarWidth !== undefined) return scrollBarWidth;
|
|
2656
|
-
|
|
2657
|
-
var outer = document.createElement('div');
|
|
2658
|
-
outer.className = 'el-scrollbar__wrap';
|
|
2659
|
-
outer.style.visibility = 'hidden';
|
|
2660
|
-
outer.style.width = '100px';
|
|
2661
|
-
outer.style.position = 'absolute';
|
|
2662
|
-
outer.style.top = '-9999px';
|
|
2663
|
-
document.body.appendChild(outer);
|
|
2664
|
-
|
|
2665
|
-
var widthNoScroll = outer.offsetWidth;
|
|
2666
|
-
outer.style.overflow = 'scroll';
|
|
2667
|
-
|
|
2668
|
-
var inner = document.createElement('div');
|
|
2669
|
-
inner.style.width = '100%';
|
|
2670
|
-
outer.appendChild(inner);
|
|
2671
|
-
|
|
2672
|
-
var widthWithScroll = inner.offsetWidth;
|
|
2673
|
-
outer.parentNode.removeChild(outer);
|
|
2674
|
-
scrollBarWidth = widthNoScroll - widthWithScroll;
|
|
2675
|
-
|
|
2676
|
-
return scrollBarWidth;
|
|
2677
|
-
});;
|
|
2678
|
-
|
|
2679
|
-
/***/ }),
|
|
2680
|
-
|
|
2681
|
-
/***/ 9:
|
|
2682
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
2683
|
-
|
|
2684
|
-
"use strict";
|
|
2685
|
-
|
|
2686
|
-
// EXPORTS
|
|
2687
|
-
__webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ popup_manager; });
|
|
2688
|
-
|
|
2689
|
-
// EXTERNAL MODULE: external "vue"
|
|
2690
|
-
var external_vue_ = __webpack_require__(0);
|
|
2691
|
-
var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
|
|
2692
|
-
|
|
2693
|
-
// EXTERNAL MODULE: ./src/utils/merge.js
|
|
2694
|
-
var merge = __webpack_require__(7);
|
|
2695
|
-
|
|
2696
|
-
// EXTERNAL MODULE: ./src/utils/dom.js
|
|
2697
|
-
var utils_dom = __webpack_require__(1);
|
|
2698
|
-
|
|
2699
|
-
// CONCATENATED MODULE: ./src/utils/popup/popup-manager.js
|
|
2700
|
-
|
|
2701
|
-
|
|
2702
|
-
|
|
2703
|
-
var hasModal = false;
|
|
2704
|
-
var hasInitZIndex = false;
|
|
2705
|
-
var popup_manager_zIndex = void 0;
|
|
2706
|
-
|
|
2707
|
-
var popup_manager_getModal = function getModal() {
|
|
2708
|
-
if (external_vue_default.a.prototype.$isServer) return;
|
|
2709
|
-
var modalDom = PopupManager.modalDom;
|
|
2710
|
-
if (modalDom) {
|
|
2711
|
-
hasModal = true;
|
|
2712
|
-
} else {
|
|
2713
|
-
hasModal = false;
|
|
2714
|
-
modalDom = document.createElement('div');
|
|
2715
|
-
PopupManager.modalDom = modalDom;
|
|
2716
|
-
|
|
2717
|
-
modalDom.addEventListener('touchmove', function (event) {
|
|
2718
|
-
event.preventDefault();
|
|
2719
|
-
event.stopPropagation();
|
|
2720
|
-
});
|
|
2721
|
-
|
|
2722
|
-
modalDom.addEventListener('click', function () {
|
|
2723
|
-
PopupManager.doOnModalClick && PopupManager.doOnModalClick();
|
|
2724
|
-
});
|
|
2725
|
-
}
|
|
2726
|
-
|
|
2727
|
-
return modalDom;
|
|
2728
|
-
};
|
|
2729
|
-
|
|
2730
|
-
var instances = {};
|
|
2731
|
-
|
|
2732
|
-
var PopupManager = {
|
|
2733
|
-
modalFade: true,
|
|
2734
|
-
|
|
2735
|
-
getInstance: function getInstance(id) {
|
|
2736
|
-
return instances[id];
|
|
2737
|
-
},
|
|
2738
|
-
|
|
2739
|
-
register: function register(id, instance) {
|
|
2740
|
-
if (id && instance) {
|
|
2741
|
-
instances[id] = instance;
|
|
2742
|
-
}
|
|
2743
|
-
},
|
|
2744
|
-
|
|
2745
|
-
deregister: function deregister(id) {
|
|
2746
|
-
if (id) {
|
|
2747
|
-
instances[id] = null;
|
|
2748
|
-
delete instances[id];
|
|
2749
|
-
}
|
|
2750
|
-
},
|
|
2751
|
-
|
|
2752
|
-
nextZIndex: function nextZIndex() {
|
|
2753
|
-
return PopupManager.zIndex++;
|
|
2754
|
-
},
|
|
2755
|
-
|
|
2756
|
-
modalStack: [],
|
|
2757
|
-
|
|
2758
|
-
doOnModalClick: function doOnModalClick() {
|
|
2759
|
-
var topItem = PopupManager.modalStack[PopupManager.modalStack.length - 1];
|
|
2760
|
-
if (!topItem) return;
|
|
2761
|
-
|
|
2762
|
-
var instance = PopupManager.getInstance(topItem.id);
|
|
2763
|
-
if (instance && instance.closeOnClickModal) {
|
|
2764
|
-
instance.close();
|
|
2765
|
-
}
|
|
2766
|
-
},
|
|
2767
|
-
|
|
2768
|
-
openModal: function openModal(id, zIndex, dom, modalClass, modalFade) {
|
|
2769
|
-
if (external_vue_default.a.prototype.$isServer) return;
|
|
2770
|
-
if (!id || zIndex === undefined) return;
|
|
2771
|
-
this.modalFade = modalFade;
|
|
2772
|
-
|
|
2773
|
-
var modalStack = this.modalStack;
|
|
2774
|
-
|
|
2775
|
-
for (var i = 0, j = modalStack.length; i < j; i++) {
|
|
2776
|
-
var item = modalStack[i];
|
|
2777
|
-
if (item.id === id) {
|
|
2778
|
-
return;
|
|
2779
|
-
}
|
|
2780
|
-
}
|
|
2781
|
-
|
|
2782
|
-
var modalDom = popup_manager_getModal();
|
|
2783
|
-
|
|
2784
|
-
Object(utils_dom["a" /* addClass */])(modalDom, 'v-modal');
|
|
2785
|
-
if (this.modalFade && !hasModal) {
|
|
2786
|
-
Object(utils_dom["a" /* addClass */])(modalDom, 'v-modal-enter');
|
|
2787
|
-
}
|
|
2788
|
-
if (modalClass) {
|
|
2789
|
-
var classArr = modalClass.trim().split(/\s+/);
|
|
2790
|
-
classArr.forEach(function (item) {
|
|
2791
|
-
return Object(utils_dom["a" /* addClass */])(modalDom, item);
|
|
2792
|
-
});
|
|
2793
|
-
}
|
|
2794
|
-
setTimeout(function () {
|
|
2795
|
-
Object(utils_dom["i" /* removeClass */])(modalDom, 'v-modal-enter');
|
|
2796
|
-
}, 200);
|
|
2797
|
-
|
|
2798
|
-
if (dom && dom.parentNode && dom.parentNode.nodeType !== 11) {
|
|
2799
|
-
dom.parentNode.appendChild(modalDom);
|
|
2800
|
-
} else {
|
|
2801
|
-
document.body.appendChild(modalDom);
|
|
2802
|
-
}
|
|
2803
|
-
|
|
2804
|
-
if (zIndex) {
|
|
2805
|
-
modalDom.style.zIndex = zIndex;
|
|
2806
|
-
}
|
|
2807
|
-
modalDom.tabIndex = 0;
|
|
2808
|
-
modalDom.style.display = '';
|
|
2809
|
-
|
|
2810
|
-
this.modalStack.push({ id: id, zIndex: zIndex, modalClass: modalClass });
|
|
2811
|
-
},
|
|
2812
|
-
|
|
2813
|
-
closeModal: function closeModal(id) {
|
|
2814
|
-
var modalStack = this.modalStack;
|
|
2815
|
-
var modalDom = popup_manager_getModal();
|
|
2816
|
-
|
|
2817
|
-
if (modalStack.length > 0) {
|
|
2818
|
-
var topItem = modalStack[modalStack.length - 1];
|
|
2819
|
-
if (topItem.id === id) {
|
|
2820
|
-
if (topItem.modalClass) {
|
|
2821
|
-
var classArr = topItem.modalClass.trim().split(/\s+/);
|
|
2822
|
-
classArr.forEach(function (item) {
|
|
2823
|
-
return Object(utils_dom["i" /* removeClass */])(modalDom, item);
|
|
2824
|
-
});
|
|
2825
|
-
}
|
|
2826
|
-
|
|
2827
|
-
modalStack.pop();
|
|
2828
|
-
if (modalStack.length > 0) {
|
|
2829
|
-
modalDom.style.zIndex = modalStack[modalStack.length - 1].zIndex;
|
|
2830
|
-
}
|
|
2831
|
-
} else {
|
|
2832
|
-
for (var i = modalStack.length - 1; i >= 0; i--) {
|
|
2833
|
-
if (modalStack[i].id === id) {
|
|
2834
|
-
modalStack.splice(i, 1);
|
|
2835
|
-
break;
|
|
2836
|
-
}
|
|
2837
|
-
}
|
|
2838
|
-
}
|
|
2839
|
-
}
|
|
2840
|
-
|
|
2841
|
-
if (modalStack.length === 0) {
|
|
2842
|
-
if (this.modalFade) {
|
|
2843
|
-
Object(utils_dom["a" /* addClass */])(modalDom, 'v-modal-leave');
|
|
2844
|
-
}
|
|
2845
|
-
setTimeout(function () {
|
|
2846
|
-
if (modalStack.length === 0) {
|
|
2847
|
-
if (modalDom.parentNode) modalDom.parentNode.removeChild(modalDom);
|
|
2848
|
-
modalDom.style.display = 'none';
|
|
2849
|
-
PopupManager.modalDom = undefined;
|
|
2850
|
-
}
|
|
2851
|
-
Object(utils_dom["i" /* removeClass */])(modalDom, 'v-modal-leave');
|
|
2852
|
-
}, 200);
|
|
2853
|
-
}
|
|
2854
|
-
}
|
|
2855
|
-
};
|
|
2856
|
-
|
|
2857
|
-
Object.defineProperty(PopupManager, 'zIndex', {
|
|
2858
|
-
configurable: true,
|
|
2859
|
-
get: function get() {
|
|
2860
|
-
if (!hasInitZIndex) {
|
|
2861
|
-
popup_manager_zIndex = popup_manager_zIndex || (external_vue_default.a.prototype.$ELEMENT || {}).zIndex || 2000;
|
|
2862
|
-
hasInitZIndex = true;
|
|
2863
|
-
}
|
|
2864
|
-
return popup_manager_zIndex;
|
|
2865
|
-
},
|
|
2866
|
-
set: function set(value) {
|
|
2867
|
-
popup_manager_zIndex = value;
|
|
2868
|
-
}
|
|
2869
|
-
});
|
|
2870
|
-
|
|
2871
|
-
var popup_manager_getTopPopup = function getTopPopup() {
|
|
2872
|
-
if (external_vue_default.a.prototype.$isServer) return;
|
|
2873
|
-
if (PopupManager.modalStack.length > 0) {
|
|
2874
|
-
var topPopup = PopupManager.modalStack[PopupManager.modalStack.length - 1];
|
|
2875
|
-
if (!topPopup) return;
|
|
2876
|
-
var instance = PopupManager.getInstance(topPopup.id);
|
|
2877
|
-
|
|
2878
|
-
return instance;
|
|
2879
|
-
}
|
|
2880
|
-
};
|
|
2881
|
-
|
|
2882
|
-
if (!external_vue_default.a.prototype.$isServer) {
|
|
2883
|
-
// handle `esc` key when the popup is shown
|
|
2884
|
-
window.addEventListener('keydown', function (event) {
|
|
2885
|
-
if (event.keyCode === 27) {
|
|
2886
|
-
var topPopup = popup_manager_getTopPopup();
|
|
2887
|
-
|
|
2888
|
-
if (topPopup && topPopup.closeOnPressEscape) {
|
|
2889
|
-
topPopup.handleClose ? topPopup.handleClose() : topPopup.handleAction ? topPopup.handleAction('cancel') : topPopup.close();
|
|
2890
|
-
}
|
|
2891
|
-
}
|
|
2892
|
-
});
|
|
2893
|
-
}
|
|
2894
|
-
|
|
2895
|
-
/* harmony default export */ var popup_manager = (PopupManager);
|
|
2896
|
-
// EXTERNAL MODULE: ./src/utils/scrollbar-width.js
|
|
2897
|
-
var scrollbar_width = __webpack_require__(8);
|
|
2898
|
-
|
|
2899
|
-
// CONCATENATED MODULE: ./src/utils/popup/index.js
|
|
2900
|
-
|
|
2901
|
-
|
|
2902
|
-
|
|
2903
|
-
|
|
2904
|
-
|
|
2905
|
-
|
|
2906
|
-
var idSeed = 1;
|
|
2907
|
-
|
|
2908
|
-
var scrollBarWidth = void 0;
|
|
2909
|
-
|
|
2910
|
-
/* harmony default export */ var popup = __webpack_exports__["b"] = ({
|
|
2911
|
-
props: {
|
|
2912
|
-
visible: {
|
|
2913
|
-
type: Boolean,
|
|
2914
|
-
default: false
|
|
2915
|
-
},
|
|
2916
|
-
openDelay: {},
|
|
2917
|
-
closeDelay: {},
|
|
2918
|
-
zIndex: {},
|
|
2919
|
-
modal: {
|
|
2920
|
-
type: Boolean,
|
|
2921
|
-
default: false
|
|
2922
|
-
},
|
|
2923
|
-
modalFade: {
|
|
2924
|
-
type: Boolean,
|
|
2925
|
-
default: true
|
|
2926
|
-
},
|
|
2927
|
-
modalClass: {},
|
|
2928
|
-
modalAppendToBody: {
|
|
2929
|
-
type: Boolean,
|
|
2930
|
-
default: false
|
|
2931
|
-
},
|
|
2932
|
-
lockScroll: {
|
|
2933
|
-
type: Boolean,
|
|
2934
|
-
default: true
|
|
2935
|
-
},
|
|
2936
|
-
closeOnPressEscape: {
|
|
2937
|
-
type: Boolean,
|
|
2938
|
-
default: false
|
|
2939
|
-
},
|
|
2940
|
-
closeOnClickModal: {
|
|
2941
|
-
type: Boolean,
|
|
2942
|
-
default: false
|
|
2943
|
-
}
|
|
2944
|
-
},
|
|
2945
|
-
|
|
2946
|
-
beforeMount: function beforeMount() {
|
|
2947
|
-
this._popupId = 'popup-' + idSeed++;
|
|
2948
|
-
popup_manager.register(this._popupId, this);
|
|
2949
|
-
},
|
|
2950
|
-
beforeDestroy: function beforeDestroy() {
|
|
2951
|
-
popup_manager.deregister(this._popupId);
|
|
2952
|
-
popup_manager.closeModal(this._popupId);
|
|
2953
|
-
|
|
2954
|
-
this.restoreBodyStyle();
|
|
2955
|
-
},
|
|
2956
|
-
data: function data() {
|
|
2957
|
-
return {
|
|
2958
|
-
opened: false,
|
|
2959
|
-
bodyPaddingRight: null,
|
|
2960
|
-
computedBodyPaddingRight: 0,
|
|
2961
|
-
withoutHiddenClass: true,
|
|
2962
|
-
rendered: false
|
|
2963
|
-
};
|
|
2964
|
-
},
|
|
2965
|
-
|
|
2966
|
-
|
|
2967
|
-
watch: {
|
|
2968
|
-
visible: function visible(val) {
|
|
2969
|
-
var _this = this;
|
|
2970
|
-
|
|
2971
|
-
if (val) {
|
|
2972
|
-
if (this._opening) return;
|
|
2973
|
-
if (!this.rendered) {
|
|
2974
|
-
this.rendered = true;
|
|
2975
|
-
external_vue_default.a.nextTick(function () {
|
|
2976
|
-
_this.open();
|
|
2977
|
-
});
|
|
2978
|
-
} else {
|
|
2979
|
-
this.open();
|
|
2980
|
-
}
|
|
2981
|
-
} else {
|
|
2982
|
-
this.close();
|
|
2983
|
-
}
|
|
2984
|
-
}
|
|
2985
|
-
},
|
|
2986
|
-
|
|
2987
|
-
methods: {
|
|
2988
|
-
open: function open(options) {
|
|
2989
|
-
var _this2 = this;
|
|
2990
|
-
|
|
2991
|
-
if (!this.rendered) {
|
|
2992
|
-
this.rendered = true;
|
|
2993
|
-
}
|
|
2994
|
-
|
|
2995
|
-
var props = Object(merge["a" /* default */])({}, this.$props || this, options);
|
|
2996
|
-
|
|
2997
|
-
if (this._closeTimer) {
|
|
2998
|
-
clearTimeout(this._closeTimer);
|
|
2999
|
-
this._closeTimer = null;
|
|
3000
|
-
}
|
|
3001
|
-
clearTimeout(this._openTimer);
|
|
3002
|
-
|
|
3003
|
-
var openDelay = Number(props.openDelay);
|
|
3004
|
-
if (openDelay > 0) {
|
|
3005
|
-
this._openTimer = setTimeout(function () {
|
|
3006
|
-
_this2._openTimer = null;
|
|
3007
|
-
_this2.doOpen(props);
|
|
3008
|
-
}, openDelay);
|
|
3009
|
-
} else {
|
|
3010
|
-
this.doOpen(props);
|
|
3011
|
-
}
|
|
3012
|
-
},
|
|
3013
|
-
doOpen: function doOpen(props) {
|
|
3014
|
-
if (this.$isServer) return;
|
|
3015
|
-
if (this.willOpen && !this.willOpen()) return;
|
|
3016
|
-
if (this.opened) return;
|
|
3017
|
-
|
|
3018
|
-
this._opening = true;
|
|
3019
|
-
|
|
3020
|
-
var dom = this.$el;
|
|
3021
|
-
|
|
3022
|
-
var modal = props.modal;
|
|
3023
|
-
|
|
3024
|
-
var zIndex = props.zIndex;
|
|
3025
|
-
if (zIndex) {
|
|
3026
|
-
popup_manager.zIndex = zIndex;
|
|
3027
|
-
}
|
|
3028
|
-
|
|
3029
|
-
if (modal) {
|
|
3030
|
-
if (this._closing) {
|
|
3031
|
-
popup_manager.closeModal(this._popupId);
|
|
3032
|
-
this._closing = false;
|
|
3033
|
-
}
|
|
3034
|
-
popup_manager.openModal(this._popupId, popup_manager.nextZIndex(), this.modalAppendToBody ? undefined : dom, props.modalClass, props.modalFade);
|
|
3035
|
-
if (props.lockScroll) {
|
|
3036
|
-
this.withoutHiddenClass = !Object(utils_dom["d" /* hasClass */])(document.body, 'el-popup-parent--hidden');
|
|
3037
|
-
if (this.withoutHiddenClass) {
|
|
3038
|
-
this.bodyPaddingRight = document.body.style.paddingRight;
|
|
3039
|
-
this.computedBodyPaddingRight = parseInt(Object(utils_dom["c" /* getStyle */])(document.body, 'paddingRight'), 10);
|
|
3040
|
-
}
|
|
3041
|
-
scrollBarWidth = Object(scrollbar_width["a" /* default */])();
|
|
3042
|
-
var bodyHasOverflow = document.documentElement.clientHeight < document.body.scrollHeight;
|
|
3043
|
-
var bodyOverflowY = Object(utils_dom["c" /* getStyle */])(document.body, 'overflowY');
|
|
3044
|
-
if (scrollBarWidth > 0 && (bodyHasOverflow || bodyOverflowY === 'scroll') && this.withoutHiddenClass) {
|
|
3045
|
-
document.body.style.paddingRight = this.computedBodyPaddingRight + scrollBarWidth + 'px';
|
|
3046
|
-
}
|
|
3047
|
-
Object(utils_dom["a" /* addClass */])(document.body, 'el-popup-parent--hidden');
|
|
3048
|
-
}
|
|
3049
|
-
}
|
|
3050
|
-
|
|
3051
|
-
if (getComputedStyle(dom).position === 'static') {
|
|
3052
|
-
dom.style.position = 'absolute';
|
|
3053
|
-
}
|
|
3054
|
-
|
|
3055
|
-
dom.style.zIndex = popup_manager.nextZIndex();
|
|
3056
|
-
this.opened = true;
|
|
3057
|
-
|
|
3058
|
-
this.onOpen && this.onOpen();
|
|
3059
|
-
|
|
3060
|
-
this.doAfterOpen();
|
|
3061
|
-
},
|
|
3062
|
-
doAfterOpen: function doAfterOpen() {
|
|
3063
|
-
this._opening = false;
|
|
3064
|
-
},
|
|
3065
|
-
close: function close() {
|
|
3066
|
-
var _this3 = this;
|
|
3067
|
-
|
|
3068
|
-
if (this.willClose && !this.willClose()) return;
|
|
3069
|
-
|
|
3070
|
-
if (this._openTimer !== null) {
|
|
3071
|
-
clearTimeout(this._openTimer);
|
|
3072
|
-
this._openTimer = null;
|
|
3073
|
-
}
|
|
3074
|
-
clearTimeout(this._closeTimer);
|
|
3075
|
-
|
|
3076
|
-
var closeDelay = Number(this.closeDelay);
|
|
3077
|
-
|
|
3078
|
-
if (closeDelay > 0) {
|
|
3079
|
-
this._closeTimer = setTimeout(function () {
|
|
3080
|
-
_this3._closeTimer = null;
|
|
3081
|
-
_this3.doClose();
|
|
3082
|
-
}, closeDelay);
|
|
3083
|
-
} else {
|
|
3084
|
-
this.doClose();
|
|
3085
|
-
}
|
|
3086
|
-
},
|
|
3087
|
-
doClose: function doClose() {
|
|
3088
|
-
this._closing = true;
|
|
3089
|
-
|
|
3090
|
-
this.onClose && this.onClose();
|
|
3091
|
-
|
|
3092
|
-
if (this.lockScroll) {
|
|
3093
|
-
setTimeout(this.restoreBodyStyle, 200);
|
|
3094
|
-
}
|
|
3095
|
-
|
|
3096
|
-
this.opened = false;
|
|
3097
|
-
|
|
3098
|
-
this.doAfterClose();
|
|
3099
|
-
},
|
|
3100
|
-
doAfterClose: function doAfterClose() {
|
|
3101
|
-
popup_manager.closeModal(this._popupId);
|
|
3102
|
-
this._closing = false;
|
|
3103
|
-
},
|
|
3104
|
-
restoreBodyStyle: function restoreBodyStyle() {
|
|
3105
|
-
if (this.modal && this.withoutHiddenClass) {
|
|
3106
|
-
document.body.style.paddingRight = this.bodyPaddingRight;
|
|
3107
|
-
Object(utils_dom["i" /* removeClass */])(document.body, 'el-popup-parent--hidden');
|
|
3108
|
-
}
|
|
3109
|
-
this.withoutHiddenClass = true;
|
|
3110
|
-
}
|
|
3111
|
-
}
|
|
3112
|
-
});
|
|
3113
|
-
|
|
3114
|
-
|
|
3115
|
-
|
|
3116
591
|
/***/ })
|
|
3117
592
|
|
|
3118
593
|
/******/ });
|