@mdsfe/mds-ui
Version:
A set of enterprise-class Vue UI components.
1,765 lines (1,543 loc) • 49.6 kB
JavaScript
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory(require("vue"), require("./icon"), require("./button"));
else if(typeof define === 'function' && define.amd)
define(["vue", "./icon", "./button"], factory);
else {
var a = typeof exports === 'object' ? factory(require("vue"), require("./icon"), require("./button")) : factory(root["Vue"], root["./icon"], root["./button"]);
for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
}
})(window, function(__WEBPACK_EXTERNAL_MODULE__2__, __WEBPACK_EXTERNAL_MODULE__7__, __WEBPACK_EXTERNAL_MODULE__13__) {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ }
/******/ };
/******/
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = __webpack_require__(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ return ns;
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/dist/";
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 97);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
/* globals __VUE_SSR_CONTEXT__ */
// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
// This module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle.
function normalizeComponent (
scriptExports,
render,
staticRenderFns,
functionalTemplate,
injectStyles,
scopeId,
moduleIdentifier, /* server only */
shadowMode /* vue-cli only */
) {
// Vue.extend constructor export interop
var options = typeof scriptExports === 'function'
? scriptExports.options
: scriptExports
// render functions
if (render) {
options.render = render
options.staticRenderFns = staticRenderFns
options._compiled = true
}
// functional template
if (functionalTemplate) {
options.functional = true
}
// scopedId
if (scopeId) {
options._scopeId = 'data-v-' + scopeId
}
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = shadowMode
? function () {
injectStyles.call(
this,
(options.functional ? this.parent : this).$root.$options.shadowRoot
)
}
: injectStyles
}
if (hook) {
if (options.functional) {
// for template-only hot-reload because in that case the render fn doesn't
// go through the normalizer
options._injectStyles = hook
// register for functional component in vue file
var originalRender = options.render
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return originalRender(h, context)
}
} else {
// inject component registration as beforeCreate hook
var existing = options.beforeCreate
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
}
}
return {
exports: scriptExports,
options: options
}
}
/***/ }),
/***/ 1:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return on; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return off; });
/* unused harmony export once */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return hasClass; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return addClass; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return removeClass; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getStyle; });
/* unused harmony export setStyle */
/* unused harmony export isScroll */
/* unused harmony export getScrollContainer */
/* unused harmony export isInContainer */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return merge; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getScrollBarWidth; });
/* harmony import */ var babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(10);
/* harmony import */ var babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_1__);
/* eslint-disable */
var isServer = vue__WEBPACK_IMPORTED_MODULE_1___default.a.prototype.$isServer;
var SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g;
var MOZ_HACK_REGEXP = /^moz([A-Z])/;
var ieVersion = isServer ? 0 : Number(document.documentMode);
/* istanbul ignore next */
var trim = function trim(string) {
return (string || '').replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, '');
};
/* istanbul ignore next */
var camelCase = function camelCase(name) {
return name.replace(SPECIAL_CHARS_REGEXP, function (_, separator, letter, offset) {
return offset ? letter.toUpperCase() : letter;
}).replace(MOZ_HACK_REGEXP, 'Moz$1');
};
/* istanbul ignore next */
var on = function () {
if (!isServer && document.addEventListener) {
return function (element, event, handler) {
if (element && event && handler) {
element.addEventListener(event, handler, false);
}
};
} else {
return function (element, event, handler) {
if (element && event && handler) {
element.attachEvent('on' + event, handler);
}
};
}
}();
/* istanbul ignore next */
var off = function () {
if (!isServer && document.removeEventListener) {
return function (element, event, handler) {
if (element && event) {
element.removeEventListener(event, handler, false);
}
};
} else {
return function (element, event, handler) {
if (element && event) {
element.detachEvent('on' + event, handler);
}
};
}
}();
/* istanbul ignore next */
var once = function once(el, event, fn) {
var listener = function listener() {
if (fn) {
fn.apply(this, arguments);
}
off(el, event, listener);
};
on(el, event, listener);
};
/* istanbul ignore next */
function hasClass(el, cls) {
if (!el || !cls) return false;
if (cls.indexOf(' ') !== -1) {
throw new Error('className should not contain space.');
}
if (el.classList) {
return el.classList.contains(cls);
} else {
return (' ' + el.className + ' ').indexOf(' ' + cls + ' ') > -1;
}
}
/* istanbul ignore next */
function addClass(el, cls) {
if (!el) return;
var curClass = el.className;
var classes = (cls || '').split(' ');
for (var i = 0, j = classes.length; i < j; i++) {
var clsName = classes[i];
if (!clsName) continue;
if (el.classList) {
el.classList.add(clsName);
} else if (!hasClass(el, clsName)) {
curClass += ' ' + clsName;
}
}
if (!el.classList) {
el.setAttribute('class', curClass);
}
}
/* istanbul ignore next */
function removeClass(el, cls) {
if (!el || !cls) return;
var classes = cls.split(' ');
var curClass = ' ' + el.className + ' ';
for (var i = 0, j = classes.length; i < j; i++) {
var clsName = classes[i];
if (!clsName) continue;
if (el.classList) {
el.classList.remove(clsName);
} else if (hasClass(el, clsName)) {
curClass = curClass.replace(' ' + clsName + ' ', ' ');
}
}
if (!el.classList) {
el.setAttribute('class', trim(curClass));
}
}
/* istanbul ignore next */
var getStyle = ieVersion < 9 ? function (element, styleName) {
if (isServer) return;
if (!element || !styleName) return null;
styleName = camelCase(styleName);
if (styleName === 'float') {
styleName = 'styleFloat';
}
try {
switch (styleName) {
case 'opacity':
try {
return element.filters.item('alpha').opacity / 100;
} catch (e) {
return 1.0;
}
default:
return element.style[styleName] || element.currentStyle ? element.currentStyle[styleName] : null;
}
} catch (e) {
return element.style[styleName];
}
} : function (element, styleName) {
if (isServer) return;
if (!element || !styleName) return null;
styleName = camelCase(styleName);
if (styleName === 'float') {
styleName = 'cssFloat';
}
try {
var computed = document.defaultView.getComputedStyle(element, '');
return element.style[styleName] || computed ? computed[styleName] : null;
} catch (e) {
return element.style[styleName];
}
};
/* istanbul ignore next */
function setStyle(element, styleName, value) {
if (!element || !styleName) return;
if ((typeof styleName === 'undefined' ? 'undefined' : babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0___default()(styleName)) === 'object') {
for (var prop in styleName) {
if (styleName.hasOwnProperty(prop)) {
setStyle(element, prop, styleName[prop]);
}
}
} else {
styleName = camelCase(styleName);
if (styleName === 'opacity' && ieVersion < 9) {
element.style.filter = isNaN(value) ? '' : 'alpha(opacity=' + value * 100 + ')';
} else {
element.style[styleName] = value;
}
}
}
var isScroll = function isScroll(el, vertical) {
if (isServer) return;
var determinedDirection = vertical !== null && vertical !== undefined;
var overflow = determinedDirection ? vertical ? getStyle(el, 'overflow-y') : getStyle(el, 'overflow-x') : getStyle(el, 'overflow');
return overflow.match(/(scroll|auto|overlay)/);
};
var getScrollContainer = function getScrollContainer(el, vertical) {
if (isServer) return;
var parent = el;
while (parent) {
if ([window, document, document.documentElement].includes(parent)) {
return window;
}
if (isScroll(parent, vertical)) {
return parent;
}
parent = parent.parentNode;
}
return parent;
};
var isInContainer = function isInContainer(el, container) {
if (isServer || !el || !container) return false;
var elRect = el.getBoundingClientRect();
var containerRect = void 0;
if ([window, document, document.documentElement, null, undefined].includes(container)) {
containerRect = {
top: 0,
right: window.innerWidth,
bottom: window.innerHeight,
left: 0
};
} else {
containerRect = container.getBoundingClientRect();
}
return elRect.top < containerRect.bottom && elRect.bottom > containerRect.top && elRect.right > containerRect.left && elRect.left < containerRect.right;
};
function merge(target) {
for (var i = 1, j = arguments.length; i < j; i++) {
var source = arguments[i] || {};
for (var prop in source) {
if (source.hasOwnProperty(prop)) {
var value = source[prop];
if (value !== undefined) {
target[prop] = value;
}
}
}
}
return target;
}
var scrollBarWidth = void 0;
function getScrollBarWidth() {
if (vue__WEBPACK_IMPORTED_MODULE_1___default.a.prototype.$isServer) return 0;
if (scrollBarWidth !== undefined) return scrollBarWidth;
var outer = document.createElement('div');
outer.className = 'el-scrollbar__wrap';
outer.style.visibility = 'hidden';
outer.style.width = '100px';
outer.style.position = 'absolute';
outer.style.top = '-9999px';
document.body.appendChild(outer);
var widthNoScroll = outer.offsetWidth;
outer.style.overflow = 'scroll';
var inner = document.createElement('div');
inner.style.width = '100%';
outer.appendChild(inner);
var widthWithScroll = inner.offsetWidth;
outer.parentNode.removeChild(outer);
scrollBarWidth = widthNoScroll - widthWithScroll;
return scrollBarWidth;
}
/***/ }),
/***/ 10:
/***/ (function(module, exports) {
module.exports = require("babel-runtime/helpers/typeof");
/***/ }),
/***/ 13:
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE__13__;
/***/ }),
/***/ 15:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _dom_helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
/* harmony import */ var _popup_manager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5);
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _popup_manager__WEBPACK_IMPORTED_MODULE_2__["a"]; });
var idSeed = 1;
var scrollBarWidth = void 0;
/* harmony default export */ __webpack_exports__["b"] = ({
props: {
visibility: {
type: Boolean,
default: false
},
openDelay: {},
closeDelay: {},
zIndex: {},
modal: {
type: Boolean,
default: false
},
modalFade: {
type: Boolean,
default: true
},
modalClass: {},
modalAppendToBody: {
type: Boolean,
default: false
},
lockScroll: {
type: Boolean,
default: true
},
closeOnPressEscape: {
type: Boolean,
default: false
},
closeOnClickModal: {
type: Boolean,
default: false
}
},
beforeMount: function beforeMount() {
this._popupId = 'popup-' + idSeed++;
_popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].register(this._popupId, this);
},
beforeDestroy: function beforeDestroy() {
_popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].deregister(this._popupId);
_popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].closeModal(this._popupId);
this.restoreBodyStyle();
},
data: function data() {
return {
opened: false,
bodyPaddingRight: null,
computedBodyPaddingRight: 0,
withoutHiddenClass: true,
rendered: false
};
},
watch: {
visibility: function visibility(val) {
var _this = this;
if (val) {
if (this._opening) return;
if (!this.rendered) {
this.rendered = true;
vue__WEBPACK_IMPORTED_MODULE_0___default.a.nextTick(function () {
_this.open();
});
} else {
this.open();
}
} else {
this.close();
}
}
},
methods: {
open: function open(options) {
var _this2 = this;
if (!this.rendered) {
this.rendered = true;
}
var props = Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* merge */ "e"])({}, this.$props || this, options);
if (this._closeTimer) {
clearTimeout(this._closeTimer);
this._closeTimer = null;
}
clearTimeout(this._openTimer);
var openDelay = Number(props.openDelay);
if (openDelay > 0) {
this._openTimer = setTimeout(function () {
_this2._openTimer = null;
_this2.doOpen(props);
}, openDelay);
} else {
this.doOpen(props);
}
},
doOpen: function doOpen(props) {
if (this.$isServer) return;
if (this.willOpen && !this.willOpen()) return;
if (this.opened) return;
this._opening = true;
var dom = this.$el;
var modal = props.modal;
var zIndex = props.zIndex;
if (zIndex) {
_popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].zIndex = zIndex;
}
if (modal) {
if (this._closing) {
_popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].closeModal(this._popupId);
this._closing = false;
}
_popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].openModal(this._popupId, _popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].nextZIndex(), this.modalAppendToBody ? undefined : dom, props.modalClass, props.modalFade);
if (props.lockScroll) {
this.withoutHiddenClass = !Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* hasClass */ "d"])(document.body, 'mds-popup-parent--hidden');
if (this.withoutHiddenClass) {
this.bodyPaddingRight = document.body.style.paddingRight;
this.computedBodyPaddingRight = parseInt(Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* getStyle */ "c"])(document.body, 'paddingRight'), 10);
}
scrollBarWidth = Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* getScrollBarWidth */ "b"])();
var bodyHasOverflow = document.documentElement.clientHeight < document.body.scrollHeight;
var bodyOverflowY = Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* getStyle */ "c"])(document.body, 'overflowY');
if (scrollBarWidth > 0 && (bodyHasOverflow || bodyOverflowY === 'scroll') && this.withoutHiddenClass) {
document.body.style.paddingRight = this.computedBodyPaddingRight + scrollBarWidth + 'px';
}
Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* addClass */ "a"])(document.body, 'mds-popup-parent--hidden');
}
}
if (getComputedStyle(dom).position === 'static') {
dom.style.position = 'absolute';
}
dom.style.zIndex = _popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].nextZIndex();
this.opened = true;
this.onOpen && this.onOpen();
this.doAfterOpen();
},
doAfterOpen: function doAfterOpen() {
this._opening = false;
},
close: function close() {
var _this3 = this;
if (this.willClose && !this.willClose()) return;
if (this._openTimer !== null) {
clearTimeout(this._openTimer);
this._openTimer = null;
}
clearTimeout(this._closeTimer);
var closeDelay = Number(this.closeDelay);
if (closeDelay > 0) {
this._closeTimer = setTimeout(function () {
_this3._closeTimer = null;
_this3.doClose();
}, closeDelay);
} else {
this.doClose();
}
},
doClose: function doClose() {
this._closing = true;
this.onClose && this.onClose();
if (this.lockScroll) {
setTimeout(this.restoreBodyStyle, 200);
}
this.opened = false;
this.doAfterClose();
},
doAfterClose: function doAfterClose() {
_popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].closeModal(this._popupId);
this._closing = false;
},
restoreBodyStyle: function restoreBodyStyle() {
if (this.modal && this.withoutHiddenClass) {
document.body.style.paddingRight = this.bodyPaddingRight;
Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* removeClass */ "h"])(document.body, 'mds-popup-parent--hidden');
}
this.withoutHiddenClass = true;
}
}
});
/***/ }),
/***/ 196:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 2:
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
/***/ }),
/***/ 5:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _dom_helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
var hasModal = false;
var hasInitZIndex = false;
var zIndex = void 0;
var getModal = function getModal() {
if (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) return;
var modalDom = PopupManager.modalDom;
if (modalDom) {
hasModal = true;
} else {
hasModal = false;
modalDom = document.createElement('div');
PopupManager.modalDom = modalDom;
modalDom.addEventListener('touchmove', function (event) {
event.preventDefault();
event.stopPropagation();
});
modalDom.addEventListener('click', function () {
PopupManager.doOnModalClick && PopupManager.doOnModalClick();
});
}
return modalDom;
};
var instances = {};
var PopupManager = {
modalFade: true,
getInstance: function getInstance(id) {
return instances[id];
},
register: function register(id, instance) {
if (id && instance) {
instances[id] = instance;
}
},
deregister: function deregister(id) {
if (id) {
instances[id] = null;
delete instances[id];
}
},
nextZIndex: function nextZIndex() {
return PopupManager.zIndex++;
},
modalStack: [],
doOnModalClick: function doOnModalClick() {
var topItem = PopupManager.modalStack[PopupManager.modalStack.length - 1];
if (!topItem) return;
var instance = PopupManager.getInstance(topItem.id);
if (instance && instance.closeOnClickModal) {
instance.close();
}
},
openModal: function openModal(id, zIndex, dom, modalClass, modalFade) {
if (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) return;
if (!id || zIndex === undefined) return;
this.modalFade = modalFade;
var modalStack = this.modalStack;
for (var i = 0, j = modalStack.length; i < j; i++) {
var item = modalStack[i];
if (item.id === id) {
return;
}
}
var modalDom = getModal();
Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* addClass */ "a"])(modalDom, 'v-modal');
if (this.modalFade && !hasModal) {
Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* addClass */ "a"])(modalDom, 'v-modal-enter');
}
if (modalClass) {
var classArr = modalClass.trim().split(/\s+/);
classArr.forEach(function (item) {
return Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* addClass */ "a"])(modalDom, item);
});
}
setTimeout(function () {
Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* removeClass */ "h"])(modalDom, 'v-modal-enter');
}, 200);
if (dom && dom.parentNode && dom.parentNode.nodeType !== 11) {
dom.parentNode.appendChild(modalDom);
} else {
document.body.appendChild(modalDom);
}
if (zIndex) {
modalDom.style.zIndex = zIndex;
}
modalDom.tabIndex = 0;
modalDom.style.display = '';
this.modalStack.push({ id: id, zIndex: zIndex, modalClass: modalClass });
},
closeModal: function closeModal(id) {
var modalStack = this.modalStack;
var modalDom = getModal();
if (modalStack.length > 0) {
var topItem = modalStack[modalStack.length - 1];
if (topItem.id === id) {
if (topItem.modalClass) {
var classArr = topItem.modalClass.trim().split(/\s+/);
classArr.forEach(function (item) {
return Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* removeClass */ "h"])(modalDom, item);
});
}
modalStack.pop();
if (modalStack.length > 0) {
modalDom.style.zIndex = modalStack[modalStack.length - 1].zIndex;
}
} else {
for (var i = modalStack.length - 1; i >= 0; i--) {
if (modalStack[i].id === id) {
modalStack.splice(i, 1);
break;
}
}
}
}
if (modalStack.length === 0) {
if (this.modalFade) {
Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* addClass */ "a"])(modalDom, 'v-modal-leave');
}
setTimeout(function () {
if (modalStack.length === 0) {
if (modalDom.parentNode) modalDom.parentNode.removeChild(modalDom);
modalDom.style.display = 'none';
PopupManager.modalDom = undefined;
}
Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* removeClass */ "h"])(modalDom, 'v-modal-leave');
}, 200);
}
}
};
Object.defineProperty(PopupManager, 'zIndex', {
configurable: true,
get: function get() {
if (!hasInitZIndex) {
zIndex = zIndex || (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$ELEMENT || {}).zIndex || 2000;
hasInitZIndex = true;
}
return zIndex;
},
set: function set(value) {
zIndex = value;
}
});
var getTopPopup = function getTopPopup() {
if (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) return;
if (PopupManager.modalStack.length > 0) {
var topPopup = PopupManager.modalStack[PopupManager.modalStack.length - 1];
if (!topPopup) return;
var instance = PopupManager.getInstance(topPopup.id);
return instance;
}
};
if (!vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) {
// handle `esc` key when the popup is shown
window.addEventListener('keydown', function (event) {
if (event.keyCode === 27) {
var topPopup = getTopPopup();
if (topPopup && topPopup.closeOnPressEscape) {
topPopup.handleClose ? topPopup.handleClose() : topPopup.handleAction ? topPopup.handleAction('cancel') : topPopup.close();
}
}
});
}
/* harmony default export */ __webpack_exports__["a"] = (PopupManager);
/***/ }),
/***/ 7:
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE__7__;
/***/ }),
/***/ 97:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXTERNAL MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(2);
var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default = /*#__PURE__*/__webpack_require__.n(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_);
// EXTERNAL MODULE: ./components/message/style/index.less
var style = __webpack_require__(196);
// CONCATENATED MODULE: ./components/message/style/index.js
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/message/message-box.vue?vue&type=template&id=6bac7792&
var render = function () {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
return _c("div", { class: _vm.prefixCls, style: _vm.styles })
}
var staticRenderFns = []
render._withStripped = true
// CONCATENATED MODULE: ./components/message/message-box.vue?vue&type=template&id=6bac7792&
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/message/message-box.vue?vue&type=script&lang=js&
//
//
//
//
/* harmony default export */ var message_boxvue_type_script_lang_js_ = ({
name: 'MdsMessageBox',
props: {
prefixCls: {
type: String,
default: 'mds-message-box'
},
styles: {
type: Object,
default: function _default() {
return {};
}
}
}
});
// CONCATENATED MODULE: ./components/message/message-box.vue?vue&type=script&lang=js&
/* harmony default export */ var message_message_boxvue_type_script_lang_js_ = (message_boxvue_type_script_lang_js_);
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(0);
// CONCATENATED MODULE: ./components/message/message-box.vue
/* normalize component */
var component = Object(componentNormalizer["a" /* default */])(
message_message_boxvue_type_script_lang_js_,
render,
staticRenderFns,
false,
null,
null,
null
)
/* hot reload */
if (false) { var api; }
component.options.__file = "components/message/message-box.vue"
/* harmony default export */ var message_box = (component.exports);
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/message/message.vue?vue&type=template&id=dc37dbd8&
var messagevue_type_template_id_dc37dbd8_render = function () {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
return _c(
"div",
{
directives: [
{
name: "show",
rawName: "v-show",
value: _vm.visible,
expression: "visible",
},
],
class: _vm.prefixCls + "-notice",
},
[
_c(
"div",
{
class: [{ link: _vm.showLink }, _vm.prefixCls + "-notice-content"],
style: _vm.defaultStyle,
},
[
_c(
"div",
{
class: _vm.prefixCls + "-" + _vm.type,
on: { mouseenter: _vm.clearTimer, mouseleave: _vm.startTimer },
},
[
_vm.type === "loading"
? [
_c("mds-icon", {
staticStyle: { fontsize: "16px", "margin-right": "5px" },
attrs: { type: _vm.iconType, spin: "" },
}),
]
: [
_c("mds-icon", {
staticStyle: { fontsize: "16px", "margin-right": "5px" },
attrs: { type: _vm.iconType },
}),
],
_c("span", [_vm._v(_vm._s(_vm.content))]),
],
2
),
_c(
"div",
{
directives: [
{
name: "show",
rawName: "v-show",
value: _vm.showClose && !_vm.showLink,
expression: "showClose && !showLink",
},
],
class: _vm.prefixCls + "-close",
on: { click: _vm.handleClose },
},
[_c("mds-icon", { attrs: { type: "line-close" } })],
1
),
_c(
"a",
{
directives: [
{
name: "show",
rawName: "v-show",
value: _vm.showLink,
expression: "showLink",
},
],
class: [
_vm.prefixCls + "-" + _vm.type + "-link",
_vm.prefixCls + "-link",
],
attrs: { href: _vm.showLink },
},
[_vm._v("查看信息")]
),
]
),
]
)
}
var messagevue_type_template_id_dc37dbd8_staticRenderFns = []
messagevue_type_template_id_dc37dbd8_render._withStripped = true
// CONCATENATED MODULE: ./components/message/message.vue?vue&type=template&id=dc37dbd8&
// EXTERNAL MODULE: external "./button"
var external_button_ = __webpack_require__(13);
var external_button_default = /*#__PURE__*/__webpack_require__.n(external_button_);
// EXTERNAL MODULE: external "./icon"
var external_icon_ = __webpack_require__(7);
var external_icon_default = /*#__PURE__*/__webpack_require__.n(external_icon_);
// CONCATENATED MODULE: ./components/message/props.js
/* harmony default export */ var props = ({
props: {
content: {
default: ''
},
duration: {
type: Number,
default: 3
},
onClose: {
type: Function,
default: function _default() {}
},
prefixCls: {
type: String,
default: 'mds-message'
},
type: {
type: String,
validator: function validator(value) {
// 这个值必须匹配下列字符串中的一个
return ['info', 'success', 'error', 'warning', 'loading'].indexOf(value) !== -1;
},
default: 'info'
},
showClose: {
type: Boolean,
default: false
},
showLink: {
type: String,
default: ''
}
}
});
// EXTERNAL MODULE: ./components/_util/_popper/popup/popup-main.js
var popup_main = __webpack_require__(15);
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/message/message.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
var ICONTYPES = {
info: 'line-info-circle',
success: 'fill-solid-right-circle',
error: 'fill-solid-wrong-circle',
warning: 'fill-solid-exclamation-circle',
loading: 'line-spinner'
};
/* harmony default export */ var messagevue_type_script_lang_js_ = ({
name: 'MdsMessage',
mixins: [props],
data: function data() {
return {
visible: false,
closed: false,
timer: null,
test: false
};
},
computed: {
durationMS: function durationMS() {
return this.duration * 1000;
},
iconType: function iconType() {
return ICONTYPES[this.type];
},
defaultStyle: function defaultStyle() {
return this.style;
}
},
components: { MdsIcon: external_icon_default.a, MdsButton: external_button_default.a },
watch: {
closed: function closed(newVal) {
if (newVal) {
this.visible = false;
}
}
},
methods: {
/**
* @description: 销毁
* @param {type}
* @return:
*/
destroyElement: function destroyElement() {
this.$destroy(true);
this.closed = true;
this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
},
/**
* @description: 关闭
* @param {type}
* @return:
*/
handleClose: function handleClose() {
this.closed = true;
this.onClose();
this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
},
/**
* @description: 清除setTimeout计时
* @param {type}
* @return:
*/
clearTimer: function clearTimer() {
clearTimeout(this.timer);
this.test = true;
},
/**
* @description:
* @param {type} 开始计时删除
* @return:
*/
startTimer: function startTimer() {
var _this = this;
this.test = false;
if (this.duration > 0) {
this.timer = setTimeout(function () {
if (!_this.closed) {
_this.handleClose();
}
}, this.durationMS);
}
}
},
mounted: function mounted() {
var _this2 = this;
this.startTimer();
this.$nextTick(function () {
var dom = _this2.$el.parentElement;
dom.style.zIndex = popup_main["a" /* PopupMain */].nextZIndex();
});
}
});
// CONCATENATED MODULE: ./components/message/message.vue?vue&type=script&lang=js&
/* harmony default export */ var message_messagevue_type_script_lang_js_ = (messagevue_type_script_lang_js_);
// CONCATENATED MODULE: ./components/message/message.vue
/* normalize component */
var message_component = Object(componentNormalizer["a" /* default */])(
message_messagevue_type_script_lang_js_,
messagevue_type_template_id_dc37dbd8_render,
messagevue_type_template_id_dc37dbd8_staticRenderFns,
false,
null,
null,
null
)
/* hot reload */
if (false) { var message_api; }
message_component.options.__file = "components/message/message.vue"
/* harmony default export */ var message = (message_component.exports);
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/message/message-size.vue?vue&type=template&id=8e7dc96c&
var message_sizevue_type_template_id_8e7dc96c_render = function () {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
return _c(
"div",
{
directives: [
{
name: "show",
rawName: "v-show",
value: _vm.visible,
expression: "visible",
},
],
class: _vm.prefixCls + "-notice",
},
[
_c("div", { class: _vm.prefixCls + "-notice-content" }, [
_c(
"div",
{
class:
_vm.prefixCls +
"-" +
_vm.type +
" " +
_vm.prefixCls +
"-" +
_vm.type +
"-size",
on: { mouseenter: _vm.clearTimer, mouseleave: _vm.startTimer },
},
[
_c(
"div",
{ class: _vm.prefixCls + "-" + _vm.type + "-size-title" },
[
_c("mds-icon", {
class: _vm.prefixCls + "-" + _vm.type + "-size-icon",
attrs: { type: _vm.iconType },
}),
_c("span", [_vm._v(_vm._s(_vm.title || _vm.defaultTitle))]),
],
1
),
_c(
"div",
{ class: _vm.prefixCls + "-" + _vm.type + "-size-content" },
[_vm._v(_vm._s(_vm.content))]
),
]
),
_c(
"div",
{
directives: [
{
name: "show",
rawName: "v-show",
value: _vm.showClose && !_vm.showLink,
expression: "showClose && !showLink",
},
],
class: _vm.prefixCls + "-close",
on: { click: _vm.handleClose },
},
[_c("mds-icon", { attrs: { type: "line-close" } })],
1
),
_c(
"a",
{
directives: [
{
name: "show",
rawName: "v-show",
value: _vm.showLink,
expression: "showLink",
},
],
class: _vm.prefixCls + "-link",
attrs: { href: _vm.showLink },
},
[_vm._v("查看信息")]
),
]),
]
)
}
var message_sizevue_type_template_id_8e7dc96c_staticRenderFns = []
message_sizevue_type_template_id_8e7dc96c_render._withStripped = true
// CONCATENATED MODULE: ./components/message/message-size.vue?vue&type=template&id=8e7dc96c&
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/message/message-size.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
var message_sizevue_type_script_lang_js_ICONTYPES = {
info: 'line-info-circle',
success: 'fill-solid-right-circle',
error: 'fill-solid-wrong-circle',
warning: 'fill-solid-exclamation-circle',
loading: 'line-sync',
help: 'line-info-circle'
};
var TITLETYPES = {
info: '信息',
success: '已成功',
error: '出错啦',
warning: '请注意',
help: '帮助信息'
};
/* harmony default export */ var message_sizevue_type_script_lang_js_ = ({
name: 'MdsMessageSize',
mixins: [props],
props: {
title: {
type: String,
default: '请注意'
}
},
data: function data() {
return {
visible: false,
closed: false,
timer: null,
test: false
};
},
computed: {
durationMS: function durationMS() {
return this.duration * 1000;
},
iconType: function iconType() {
return this.type && message_sizevue_type_script_lang_js_ICONTYPES[this.type] ? message_sizevue_type_script_lang_js_ICONTYPES[this.type] : 'line-info-circle';
},
defaultTitle: function defaultTitle() {
return this.type && TITLETYPES[this.type] ? TITLETYPES[this.type] : '请注意';
}
},
components: {
MdsIcon: external_icon_default.a
},
watch: {
closed: function closed(newVal) {
if (newVal) {
this.visible = false;
this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
}
}
},
methods: {
/**
* @description: 销毁
* @param {type}
* @return:
*/
destroyElement: function destroyElement() {
this.closed = true;
this.$destroy(true);
this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
},
/**
* @description: 关闭
* @param {type}
* @return:
*/
handleClose: function handleClose() {
this.closed = true;
this.onClose();
},
/**
* @description: 清除setTimeout计时
* @param {type}
* @return:
*/
clearTimer: function clearTimer() {
this.test = true;
clearTimeout(this.timer);
},
/**
* @description:
* @param {type} 开始计时删除
* @return:
*/
startTimer: function startTimer() {
var _this = this;
this.test = false;
if (this.duration > 0) {
this.timer = setTimeout(function () {
if (!_this.closed) {
_this.handleClose();
}
}, this.durationMS);
}
}
},
mounted: function mounted() {
this.startTimer();
}
});
// CONCATENATED MODULE: ./components/message/message-size.vue?vue&type=script&lang=js&
/* harmony default export */ var message_message_sizevue_type_script_lang_js_ = (message_sizevue_type_script_lang_js_);
// CONCATENATED MODULE: ./components/message/message-size.vue
/* normalize component */
var message_size_component = Object(componentNormalizer["a" /* default */])(
message_message_sizevue_type_script_lang_js_,
message_sizevue_type_template_id_8e7dc96c_render,
message_sizevue_type_template_id_8e7dc96c_staticRenderFns,
false,
null,
null,
null
)
/* hot reload */
if (false) { var message_size_api; }
message_size_component.options.__file = "components/message/message-size.vue"
/* harmony default export */ var message_size = (message_size_component.exports);
// CONCATENATED MODULE: ./components/message/index.js
/*
* @Descripttion:
* @version:
* @Author: liangshuang
*/
var MessageBoxConstructor = external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default.a.extend(message_box);
var MessageConstructor = external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default.a.extend(message);
var MessageSizeConstructor = external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default.a.extend(message_size);
var boxInstance = void 0;
var boxEl = void 0;
var messageInstances = []; // 存放当前未close的message
var seed = 1;
var prefixCls = 'mds-message'; // class前缀
var defaultTop = 24; // 距离头部高度
var defaultDuration = 3; // 默认延时
var getContainer = void 0;
var defaultShowClose = false;
var getBoxEl = function getBoxEl() {
boxInstance = boxInstance || new MessageBoxConstructor({
propsData: {
prefixCls: prefixCls,
styles: { top: defaultTop + 'px' }
}
});
boxInstance.vm = boxInstance.$mount();
boxEl = boxInstance.vm.$el;
if (getContainer) {
getContainer().appendChild(boxInstance.vm.$el);
} else {
document.body.appendChild(boxInstance.vm.$el);
}
return boxEl;
};
var notice = function notice(options) {
var boxEl = getBoxEl();
var id = '' + prefixCls + seed++;
var userOnClose = options.onClose || ''; // 用来存放用户设置关闭时的回调函数, 参数为被关闭的 message 实例
options.onClose = function () {
message_close(id, userOnClose);
};
options.showClose = options.showClose !== undefined ? options.showClose : defaultShowClose;
options.duration = options.duration !== undefined ? options.duration : defaultDuration;
options.type = ['info', 'success', 'error', 'warning', 'loading', 'help'].includes(options.type) ? options.type : 'info';
var messageInstance = void 0;
if (options.size) {
messageInstance = new MessageSizeConstructor({
propsData: options
});
} else {
messageInstance = new MessageConstructor({
propsData: options
});
}
messageInstance.id = id;
messageInstance.vm = messageInstance.$mount();
boxEl.appendChild(messageInstance.vm.$el);
messageInstance.vm.visible = true;
messageInstances.push(messageInstance);
return function () {
messageInstance.vm.visible = false;
};
};
var message_close = function close(id, userOnClose) {
for (var i = 0, len = messageInstances.length; i < len; i++) {
if (id === messageInstances[i].id) {
if (typeof userOnClose === 'function') {
userOnClose(messageInstances[i]);
}
messageInstances.splice(i, 1);
break;
}
}
};
var MdsMessage = function MdsMessage(options) {
options = options || {};
if (typeof options === 'string') {
options = {
content: options
};
}
return notice(options);
};
['success', 'error', 'info', 'warn', 'warning', 'loading'].forEach(function (type) {
MdsMessage[type] = function (options) {
if (typeof options === 'string') {
options = {
content: options
};
}
options.type = type;
return notice(options);
};
});
MdsMessage.config = function (options) {
if (options.top !== undefined) {
defaultTop = options.top;
boxInstance = null;
}
if (options.duration !== undefined) {
defaultDuration = options.duration;
}
if (options.prefixCls !== undefined) {
prefixCls = options.prefixCls;
}
if (options.getContainer !== undefined) {
getContainer = options.getContainer;
}
if (options.showClose !== undefined) {
defaultShowClose = options.showClose;
}
};
MdsMessage.destroy = function () {
if (boxInstance) {
boxInstance.vm.$destroy(true);
boxEl.parentNode.removeChild(boxEl);
}
boxInstance = null;
};
/* harmony default export */ var components_message = __webpack_exports__["default"] = (MdsMessage);
/***/ })
/******/ });
});