bk-magic-vue 2.5.8-beta.7 → 2.5.8-beta.8

package/dist/bk-magic-vue.js

@@ -30412,6 +30412,257 @@
 
   var apply$1 = apply;
 
+  var SPECIES$2 = _wks('species');
+  var _arraySpeciesConstructor = function (original) {
+    var C;
+    if (_isArray(original)) {
+      C = original.constructor;
+      if (typeof C == 'function' && (C === Array || _isArray(C.prototype))) C = undefined;
+      if (_isObject(C)) {
+        C = C[SPECIES$2];
+        if (C === null) C = undefined;
+      }
+    } return C === undefined ? Array : C;
+  };
+
+  var _arraySpeciesCreate = function (original, length) {
+    return new (_arraySpeciesConstructor(original))(length);
+  };
+
+  var _arrayMethods = function (TYPE, $create) {
+    var IS_MAP = TYPE == 1;
+    var IS_FILTER = TYPE == 2;
+    var IS_SOME = TYPE == 3;
+    var IS_EVERY = TYPE == 4;
+    var IS_FIND_INDEX = TYPE == 6;
+    var NO_HOLES = TYPE == 5 || IS_FIND_INDEX;
+    var create = $create || _arraySpeciesCreate;
+    return function ($this, callbackfn, that) {
+      var O = _toObject($this);
+      var self = _iobject(O);
+      var f = _ctx(callbackfn, that, 3);
+      var length = _toLength(self.length);
+      var index = 0;
+      var result = IS_MAP ? create($this, length) : IS_FILTER ? create($this, 0) : undefined;
+      var val, res;
+      for (;length > index; index++) if (NO_HOLES || index in self) {
+        val = self[index];
+        res = f(val, index, O);
+        if (TYPE) {
+          if (IS_MAP) result[index] = res;
+          else if (res) switch (TYPE) {
+            case 3: return true;
+            case 5: return val;
+            case 6: return index;
+            case 2: result.push(val);
+          } else if (IS_EVERY) return false;
+        }
+      }
+      return IS_FIND_INDEX ? -1 : IS_SOME || IS_EVERY ? IS_EVERY : result;
+    };
+  };
+
+  var _validateCollection = function (it, TYPE) {
+    if (!_isObject(it) || it._t !== TYPE) throw TypeError('Incompatible receiver, ' + TYPE + ' required!');
+    return it;
+  };
+
+  var getWeak = _meta.getWeak;
+  var arrayFind = _arrayMethods(5);
+  var arrayFindIndex = _arrayMethods(6);
+  var id$1 = 0;
+  var uncaughtFrozenStore = function (that) {
+    return that._l || (that._l = new UncaughtFrozenStore());
+  };
+  var UncaughtFrozenStore = function () {
+    this.a = [];
+  };
+  var findUncaughtFrozen = function (store, key) {
+    return arrayFind(store.a, function (it) {
+      return it[0] === key;
+    });
+  };
+  UncaughtFrozenStore.prototype = {
+    get: function (key) {
+      var entry = findUncaughtFrozen(this, key);
+      if (entry) return entry[1];
+    },
+    has: function (key) {
+      return !!findUncaughtFrozen(this, key);
+    },
+    set: function (key, value) {
+      var entry = findUncaughtFrozen(this, key);
+      if (entry) entry[1] = value;
+      else this.a.push([key, value]);
+    },
+    'delete': function (key) {
+      var index = arrayFindIndex(this.a, function (it) {
+        return it[0] === key;
+      });
+      if (~index) this.a.splice(index, 1);
+      return !!~index;
+    }
+  };
+  var _collectionWeak = {
+    getConstructor: function (wrapper, NAME, IS_MAP, ADDER) {
+      var C = wrapper(function (that, iterable) {
+        _anInstance(that, C, NAME, '_i');
+        that._t = NAME;
+        that._i = id$1++;
+        that._l = undefined;
+        if (iterable != undefined) _forOf(iterable, IS_MAP, that[ADDER], that);
+      });
+      _redefineAll(C.prototype, {
+        'delete': function (key) {
+          if (!_isObject(key)) return false;
+          var data = getWeak(key);
+          if (data === true) return uncaughtFrozenStore(_validateCollection(this, NAME))['delete'](key);
+          return data && _has(data, this._i) && delete data[this._i];
+        },
+        has: function has(key) {
+          if (!_isObject(key)) return false;
+          var data = getWeak(key);
+          if (data === true) return uncaughtFrozenStore(_validateCollection(this, NAME)).has(key);
+          return data && _has(data, this._i);
+        }
+      });
+      return C;
+    },
+    def: function (that, key, value) {
+      var data = getWeak(_anObject(key), true);
+      if (data === true) uncaughtFrozenStore(that).set(key, value);
+      else data[that._i] = value;
+      return that;
+    },
+    ufstore: uncaughtFrozenStore
+  };
+
+  var dP$2 = _objectDp.f;
+  var each = _arrayMethods(0);
+  var _collection = function (NAME, wrapper, methods, common, IS_MAP, IS_WEAK) {
+    var Base = _global[NAME];
+    var C = Base;
+    var ADDER = IS_MAP ? 'set' : 'add';
+    var proto = C && C.prototype;
+    var O = {};
+    if (!_descriptors || typeof C != 'function' || !(IS_WEAK || proto.forEach && !_fails(function () {
+      new C().entries().next();
+    }))) {
+      C = common.getConstructor(wrapper, NAME, IS_MAP, ADDER);
+      _redefineAll(C.prototype, methods);
+      _meta.NEED = true;
+    } else {
+      C = wrapper(function (target, iterable) {
+        _anInstance(target, C, NAME, '_c');
+        target._c = new Base();
+        if (iterable != undefined) _forOf(iterable, IS_MAP, target[ADDER], target);
+      });
+      each('add,clear,delete,forEach,get,has,set,keys,values,entries,toJSON'.split(','), function (KEY) {
+        var IS_ADDER = KEY == 'add' || KEY == 'set';
+        if (KEY in proto && !(IS_WEAK && KEY == 'clear')) _hide(C.prototype, KEY, function (a, b) {
+          _anInstance(this, C, KEY);
+          if (!IS_ADDER && IS_WEAK && !_isObject(a)) return KEY == 'get' ? undefined : false;
+          var result = this._c[KEY](a === 0 ? 0 : a, b);
+          return IS_ADDER ? this : result;
+        });
+      });
+      IS_WEAK || dP$2(C.prototype, 'size', {
+        get: function () {
+          return this._c.size;
+        }
+      });
+    }
+    _setToStringTag(C, NAME);
+    O[NAME] = C;
+    _export(_export.G + _export.W + _export.F, O);
+    if (!IS_WEAK) common.setStrong(C, NAME, IS_MAP);
+    return C;
+  };
+
+  var es6_weakMap = createCommonjsModule(function (module) {
+  var each = _arrayMethods(0);
+  var NATIVE_WEAK_MAP = _validateCollection;
+  var IS_IE11 = !_global.ActiveXObject && 'ActiveXObject' in _global;
+  var WEAK_MAP = 'WeakMap';
+  var getWeak = _meta.getWeak;
+  var isExtensible = Object.isExtensible;
+  var uncaughtFrozenStore = _collectionWeak.ufstore;
+  var InternalMap;
+  var wrapper = function (get) {
+    return function WeakMap() {
+      return get(this, arguments.length > 0 ? arguments[0] : undefined);
+    };
+  };
+  var methods = {
+    get: function get(key) {
+      if (_isObject(key)) {
+        var data = getWeak(key);
+        if (data === true) return uncaughtFrozenStore(_validateCollection(this, WEAK_MAP)).get(key);
+        return data ? data[this._i] : undefined;
+      }
+    },
+    set: function set(key, value) {
+      return _collectionWeak.def(_validateCollection(this, WEAK_MAP), key, value);
+    }
+  };
+  var $WeakMap = module.exports = _collection(WEAK_MAP, wrapper, methods, _collectionWeak, true, true);
+  if (NATIVE_WEAK_MAP && IS_IE11) {
+    InternalMap = _collectionWeak.getConstructor(wrapper, WEAK_MAP);
+    _objectAssign(InternalMap.prototype, methods);
+    _meta.NEED = true;
+    each(['delete', 'has', 'get', 'set'], function (key) {
+      var proto = $WeakMap.prototype;
+      var method = proto[key];
+      _redefine(proto, key, function (a, b) {
+        if (_isObject(a) && !isExtensible(a)) {
+          if (!this._f) this._f = new InternalMap();
+          var result = this._f[key](a, b);
+          return key == 'set' ? this : result;
+        } return method.call(this, a, b);
+      });
+    });
+  }
+  });
+
+  var _setCollectionOf = function (COLLECTION) {
+    _export(_export.S, COLLECTION, { of: function of() {
+      var length = arguments.length;
+      var A = new Array(length);
+      while (length--) A[length] = arguments[length];
+      return new this(A);
+    } });
+  };
+
+  _setCollectionOf('WeakMap');
+
+  var _setCollectionFrom = function (COLLECTION) {
+    _export(_export.S, COLLECTION, { from: function from(source ) {
+      var mapFn = arguments[1];
+      var mapping, A, n, cb;
+      _aFunction(this);
+      mapping = mapFn !== undefined;
+      if (mapping) _aFunction(mapFn);
+      if (source == undefined) return new this();
+      A = [];
+      if (mapping) {
+        n = 0;
+        cb = _ctx(mapFn, arguments[2], 2);
+        _forOf(source, false, function (nextItem) {
+          A.push(cb(nextItem, n++));
+        });
+      } else {
+        _forOf(source, false, A.push, A);
+      }
+      return new this(A);
+    } });
+  };
+
+  _setCollectionFrom('WeakMap');
+
+  var weakMap = _core.WeakMap;
+
+  var weakMap$1 = weakMap;
+
   var jsonFormatter_umd = createCommonjsModule(function (module, exports) {
   !function(t,e){module.exports=e();}(commonjsGlobal,(function(){function t(t){return null===t?"null":typeof t}function e(t){return !!t&&"object"==typeof t}function r(t){if(void 0===t)return "";if(null===t)return "Object";if("object"==typeof t&&!t.constructor)return "Object";var e=/function ([^(]*)/.exec(t.constructor.toString());return e&&e.length>1?e[1]:""}function n(t,e,r){return "null"===t||"undefined"===t?t:("string"!==t&&"stringifiable"!==t||(r='"'+r.replace(/"/g,'\\"')+'"'),"function"===t?e.toString().replace(/[\r\n]/g,"").replace(/\{.*\}/,"")+"{…}":r)}function o(o){var i="";return e(o)?(i=r(o),Array.isArray(o)&&(i+="["+o.length+"]")):i=n(t(o),o,o),i}function i(t){return "json-formatter-"+t}function s(t,e,r){var n=document.createElement(t);return e&&n.classList.add(i(e)),void 0!==r&&(r instanceof Node?n.appendChild(r):n.appendChild(document.createTextNode(String(r)))),n}!function(t){if(t&&"undefined"!=typeof window){var e=document.createElement("style");e.setAttribute("media","screen"),e.innerHTML=t,document.head.appendChild(e);}}('.json-formatter-row {\n  font-family: monospace;\n}\n.json-formatter-row,\n.json-formatter-row a,\n.json-formatter-row a:hover {\n  color: black;\n  text-decoration: none;\n}\n.json-formatter-row .json-formatter-row {\n  margin-left: 1rem;\n}\n.json-formatter-row .json-formatter-children.json-formatter-empty {\n  opacity: 0.5;\n  margin-left: 1rem;\n}\n.json-formatter-row .json-formatter-children.json-formatter-empty:after {\n  display: none;\n}\n.json-formatter-row .json-formatter-children.json-formatter-empty.json-formatter-object:after {\n  content: "No properties";\n}\n.json-formatter-row .json-formatter-children.json-formatter-empty.json-formatter-array:after {\n  content: "[]";\n}\n.json-formatter-row .json-formatter-string,\n.json-formatter-row .json-formatter-stringifiable {\n  color: green;\n  white-space: pre;\n  word-wrap: break-word;\n}\n.json-formatter-row .json-formatter-number {\n  color: blue;\n}\n.json-formatter-row .json-formatter-boolean {\n  color: red;\n}\n.json-formatter-row .json-formatter-null {\n  color: #855A00;\n}\n.json-formatter-row .json-formatter-undefined {\n  color: #ca0b69;\n}\n.json-formatter-row .json-formatter-function {\n  color: #FF20ED;\n}\n.json-formatter-row .json-formatter-date {\n  background-color: rgba(0, 0, 0, 0.05);\n}\n.json-formatter-row .json-formatter-url {\n  text-decoration: underline;\n  color: blue;\n  cursor: pointer;\n}\n.json-formatter-row .json-formatter-bracket {\n  color: blue;\n}\n.json-formatter-row .json-formatter-key {\n  color: #00008B;\n  padding-right: 0.2rem;\n}\n.json-formatter-row .json-formatter-toggler-link {\n  cursor: pointer;\n}\n.json-formatter-row .json-formatter-toggler {\n  line-height: 1.2rem;\n  font-size: 0.7rem;\n  vertical-align: middle;\n  opacity: 0.6;\n  cursor: pointer;\n  padding-right: 0.2rem;\n}\n.json-formatter-row .json-formatter-toggler:after {\n  display: inline-block;\n  transition: transform 100ms ease-in;\n  content: "►";\n}\n.json-formatter-row > a > .json-formatter-preview-text {\n  opacity: 0;\n  transition: opacity 0.15s ease-in;\n  font-style: italic;\n}\n.json-formatter-row:hover > a > .json-formatter-preview-text {\n  opacity: 0.6;\n}\n.json-formatter-row.json-formatter-open > .json-formatter-toggler-link .json-formatter-toggler:after {\n  transform: rotate(90deg);\n}\n.json-formatter-row.json-formatter-open > .json-formatter-children:after {\n  display: inline-block;\n}\n.json-formatter-row.json-formatter-open > a > .json-formatter-preview-text {\n  display: none;\n}\n.json-formatter-row.json-formatter-open.json-formatter-empty:after {\n  display: block;\n}\n.json-formatter-dark.json-formatter-row {\n  font-family: monospace;\n}\n.json-formatter-dark.json-formatter-row,\n.json-formatter-dark.json-formatter-row a,\n.json-formatter-dark.json-formatter-row a:hover {\n  color: white;\n  text-decoration: none;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-row {\n  margin-left: 1rem;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-children.json-formatter-empty {\n  opacity: 0.5;\n  margin-left: 1rem;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-children.json-formatter-empty:after {\n  display: none;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-children.json-formatter-empty.json-formatter-object:after {\n  content: "No properties";\n}\n.json-formatter-dark.json-formatter-row .json-formatter-children.json-formatter-empty.json-formatter-array:after {\n  content: "[]";\n}\n.json-formatter-dark.json-formatter-row .json-formatter-string,\n.json-formatter-dark.json-formatter-row .json-formatter-stringifiable {\n  color: #31F031;\n  white-space: pre;\n  word-wrap: break-word;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-number {\n  color: #66C2FF;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-boolean {\n  color: #EC4242;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-null {\n  color: #EEC97D;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-undefined {\n  color: #ef8fbe;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-function {\n  color: #FD48CB;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-date {\n  background-color: rgba(255, 255, 255, 0.05);\n}\n.json-formatter-dark.json-formatter-row .json-formatter-url {\n  text-decoration: underline;\n  color: #027BFF;\n  cursor: pointer;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-bracket {\n  color: #9494FF;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-key {\n  color: #23A0DB;\n  padding-right: 0.2rem;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-toggler-link {\n  cursor: pointer;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-toggler {\n  line-height: 1.2rem;\n  font-size: 0.7rem;\n  vertical-align: middle;\n  opacity: 0.6;\n  cursor: pointer;\n  padding-right: 0.2rem;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-toggler:after {\n  display: inline-block;\n  transition: transform 100ms ease-in;\n  content: "►";\n}\n.json-formatter-dark.json-formatter-row > a > .json-formatter-preview-text {\n  opacity: 0;\n  transition: opacity 0.15s ease-in;\n  font-style: italic;\n}\n.json-formatter-dark.json-formatter-row:hover > a > .json-formatter-preview-text {\n  opacity: 0.6;\n}\n.json-formatter-dark.json-formatter-row.json-formatter-open > .json-formatter-toggler-link .json-formatter-toggler:after {\n  transform: rotate(90deg);\n}\n.json-formatter-dark.json-formatter-row.json-formatter-open > .json-formatter-children:after {\n  display: inline-block;\n}\n.json-formatter-dark.json-formatter-row.json-formatter-open > a > .json-formatter-preview-text {\n  display: none;\n}\n.json-formatter-dark.json-formatter-row.json-formatter-open.json-formatter-empty:after {\n  display: block;\n}\n');var a=/(^\d{1,4}[\.|\\/|-]\d{1,2}[\.|\\/|-]\d{1,4})(\s*(?:0?[1-9]:[0-5]|1(?=[012])\d:[0-5])\d\s*[ap]m)?$/,f=/\d{2}:\d{2}:\d{2} GMT-\d{4}/,m=/\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}Z/,l=window.requestAnimationFrame||function(t){return t(),0},d={hoverPreviewEnabled:!1,hoverPreviewArrayCount:100,hoverPreviewFieldCount:5,animateOpen:!0,animateClose:!0,theme:null,useToJSON:!0,sortPropertiesBy:null};return function(){function c(t,e,r,n){void 0===e&&(e=1),void 0===r&&(r=d),this.json=t,this.open=e,this.config=r,this.key=n,this._isOpen=null,void 0===this.config.hoverPreviewEnabled&&(this.config.hoverPreviewEnabled=d.hoverPreviewEnabled),void 0===this.config.hoverPreviewArrayCount&&(this.config.hoverPreviewArrayCount=d.hoverPreviewArrayCount),void 0===this.config.hoverPreviewFieldCount&&(this.config.hoverPreviewFieldCount=d.hoverPreviewFieldCount),void 0===this.config.useToJSON&&(this.config.useToJSON=d.useToJSON),""===this.key&&(this.key='""');}return Object.defineProperty(c.prototype,"isOpen",{get:function(){return null!==this._isOpen?this._isOpen:this.open>0},set:function(t){this._isOpen=t;},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"isDate",{get:function(){return this.json instanceof Date||"string"===this.type&&(a.test(this.json)||m.test(this.json)||f.test(this.json))},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"isUrl",{get:function(){return "string"===this.type&&0===this.json.indexOf("http")},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"isArray",{get:function(){return Array.isArray(this.json)},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"isObject",{get:function(){return e(this.json)},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"isEmptyObject",{get:function(){return !this.keys.length&&!this.isArray},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"isEmpty",{get:function(){return this.isEmptyObject||this.keys&&!this.keys.length&&this.isArray},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"useToJSON",{get:function(){return this.config.useToJSON&&"stringifiable"===this.type},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"hasKey",{get:function(){return void 0!==this.key},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"constructorName",{get:function(){return r(this.json)},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"type",{get:function(){return this.config.useToJSON&&this.json&&this.json.toJSON?"stringifiable":t(this.json)},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"keys",{get:function(){if(this.isObject){var t=Object.keys(this.json);return !this.isArray&&this.config.sortPropertiesBy?t.sort(this.config.sortPropertiesBy):t}return []},enumerable:!0,configurable:!0}),c.prototype.toggleOpen=function(){this.isOpen=!this.isOpen,this.element&&(this.isOpen?this.appendChildren(this.config.animateOpen):this.removeChildren(this.config.animateClose),this.element.classList.toggle(i("open")));},c.prototype.openAtDepth=function(t){void 0===t&&(t=1),t<0||(this.open=t,this.isOpen=0!==t,this.element&&(this.removeChildren(!1),0===t?this.element.classList.remove(i("open")):(this.appendChildren(this.config.animateOpen),this.element.classList.add(i("open")))));},c.prototype.getInlinepreview=function(){var t=this;if(this.isArray)return this.json.length>this.config.hoverPreviewArrayCount?"Array["+this.json.length+"]":"["+this.json.map(o).join(", ")+"]";var e=this.keys,r=e.slice(0,this.config.hoverPreviewFieldCount).map((function(e){return e+":"+o(t.json[e])})),n=e.length>=this.config.hoverPreviewFieldCount?"…":"";return "{"+r.join(", ")+n+"}"},c.prototype.render=function(){this.element=s("div","row");var t=this.isObject?s("a","toggler-link"):s("span");if(this.isObject&&!this.useToJSON&&t.appendChild(s("span","toggler")),this.hasKey&&t.appendChild(s("span","key",this.key+":")),this.isObject&&!this.useToJSON){var e=s("span","value"),r=s("span"),o=s("span","constructor-name",this.constructorName);if(r.appendChild(o),this.isArray){var a=s("span");a.appendChild(s("span","bracket","[")),a.appendChild(s("span","number",this.json.length)),a.appendChild(s("span","bracket","]")),r.appendChild(a);}e.appendChild(r),t.appendChild(e);}else{(e=this.isUrl?s("a"):s("span")).classList.add(i(this.type)),this.isDate&&e.classList.add(i("date")),this.isUrl&&(e.classList.add(i("url")),e.setAttribute("href",this.json));var f=n(this.type,this.json,this.useToJSON?this.json.toJSON():this.json);e.appendChild(document.createTextNode(f)),t.appendChild(e);}if(this.isObject&&this.config.hoverPreviewEnabled){var m=s("span","preview-text");m.appendChild(document.createTextNode(this.getInlinepreview())),t.appendChild(m);}var l=s("div","children");return this.isObject&&l.classList.add(i("object")),this.isArray&&l.classList.add(i("array")),this.isEmpty&&l.classList.add(i("empty")),this.config&&this.config.theme&&this.element.classList.add(i(this.config.theme)),this.isOpen&&this.element.classList.add(i("open")),this.element.appendChild(t),this.element.appendChild(l),this.isObject&&this.isOpen&&this.appendChildren(),this.isObject&&!this.useToJSON&&t.addEventListener("click",this.toggleOpen.bind(this)),this.element},c.prototype.appendChildren=function(t){var e=this;void 0===t&&(t=!1);var r=this.element.querySelector("div."+i("children"));if(r&&!this.isEmpty)if(t){var n=0,o=function(){var t=e.keys[n],i=new c(e.json[t],e.open-1,e.config,t);r.appendChild(i.render()),(n+=1)<e.keys.length&&(n>10?o():l(o));};l(o);}else this.keys.forEach((function(t){var n=new c(e.json[t],e.open-1,e.config,t);r.appendChild(n.render());}));},c.prototype.removeChildren=function(t){void 0===t&&(t=!1);var e=this.element.querySelector("div."+i("children"));if(t){var r=0,n=function(){e&&e.children.length&&(e.removeChild(e.children[0]),(r+=1)>10?n():l(n));};l(n);}else e&&(e.innerHTML="");},c}()}));
   });
@@ -31048,6 +31299,9 @@
         return sortActionIdList.map(function (id) {
           return _this2.defActionList[id];
         });
+      },
+      isDetailShow: function isDetailShow() {
+        return this.toolOperation.isDetailShow;
       }
     },
     methods: {
@@ -31074,9 +31328,10 @@
       },
       setDetailsShow: function setDetailsShow(e, isShow) {
         var _this3 = this;
-        this.toolOperation.isDetailShow = isShow !== undefined ? isShow : !this.toolOperation.isDetailShow;
-        this.fixMesage(e, this.toolOperation.isDetailShow);
-        if (this.toolOperation.isDetailShow && _typeof(this.message) === 'object' && !this.message.hasOwnProperty('componentOptions')) {
+        this.toolOperation.isDetailShow = isShow !== undefined ? isShow : !this.isDetailShow;
+        this.$emit('message-show', this.isDetailShow);
+        this.fixMesage(e, this.isDetailShow);
+        if (this.isDetailShow && _typeof(this.message) === 'object' && !this.message.hasOwnProperty('componentOptions')) {
           if (this.message.type === MessageContentType.JSON || !this.message.type) {
             var targetJson = this.parseJson(this.message.details);
             var formatter = new jsonFormatter_umd(targetJson);
@@ -31264,7 +31519,7 @@
         class: 'describe'
       }, this.message.title || "\u3010".concat(this.message.code, "\u3011").concat(this.message.overview, " ").concat(this.message.suggestion))]), h('div', {
         class: 'tools'
-      }, [renderMessageActions()])]), this.toolOperation.isDetailShow ? h('div', {
+      }, [renderMessageActions()])]), this.isDetailShow ? h('div', {
         class: 'message-detail'
       }, [h('div', {
         class: 'message-copy',
@@ -31353,6 +31608,9 @@
       this.startCountDown();
     },
     methods: {
+      handleMessageShow: function handleMessageShow(isShow) {
+        this.$emit('message-show', isShow);
+      },
       handleFixMessage: function handleFixMessage(isFixed) {
         this.isFixed = isFixed;
         if (isFixed) {
@@ -31421,12 +31679,14 @@
         "mouseleave": _vm.startCountDown
       }
     }, [_vm.showAdvanced ? [_c('message-advanced', {
+      ref: "refMessageAdvanced",
       attrs: {
         "message": _vm.message,
         "actions": _vm.actions,
         "tips-icon": _vm.tipsIcon
       },
       on: {
+        "message-show": _vm.handleMessageShow,
         "fix-message": _vm.handleFixMessage,
         "close": _vm.close
       }
@@ -31483,7 +31743,49 @@
     staticRenderFns: __vue_staticRenderFns__$D
   }, __vue_inject_styles__$D, __vue_script__$D, __vue_scope_id__$D, __vue_is_functional_template__$D, __vue_module_identifier__$D, false, undefined, undefined, undefined);
 
+  var MessageQueueMaker = function () {
+    function MessageQueueMaker() {
+      _classCallCheck(this, MessageQueueMaker);
+      this.timer = null;
+      this.store = [];
+      this.maskMap = new weakMap$1();
+    }
+    _createClass(MessageQueueMaker, [{
+      key: "appendMaker",
+      value: function appendMaker(fn) {
+        this.store.push(fn);
+        this.executeMaker();
+      }
+    }, {
+      key: "executeMaker",
+      value: function executeMaker() {
+        var _this = this;
+        this.timer && cancelAnimationFrame(this.timer);
+        this.timer = requestAnimationFrame(function () {
+          var fn = _this.store.pop();
+          if (typeof fn === 'function') {
+            apply$1(fn, _this, []);
+            _this.executeMaker();
+          }
+        });
+      }
+    }]);
+    return MessageQueueMaker;
+  }();
+  var messageQueueMaker = new MessageQueueMaker();
   var MessageComponent = Vue.extend(__vue_component__$D);
+  var getAdvanceMessageContainer = function getAdvanceMessageContainer() {
+    var parent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document.body;
+    var target = parent.querySelector('[data-msg-advanced-conmtainer]');
+    if (!target) {
+      target = document.createElement('div');
+      target.setAttribute('data-msg-advanced-conmtainer', 'true');
+      target.style.setProperty('position', 'fixed');
+      parent.append(target);
+    }
+    target.style.setProperty('display', 'block');
+    return target;
+  };
   var messageList = [];
   var seed$2 = 0;
   var BkMessage = function BkMessage(config) {
@@ -31546,14 +31848,43 @@
     instance.verticalOffset = 0;
     instance.$mount();
     instance.dom = instance.$el;
-    document.body.appendChild(instance.$el);
-    messageList.forEach(function (item) {
-      verticalOffset += _parseInt$2(item.$el.offsetHeight) + _parseInt$2(spacing);
-    });
-    instance.verticalOffset = verticalOffset;
-    instance.horizonOffset = spacing;
-    instance.visible = true;
-    messageList.push(instance);
+    var mountedElementToTarget = function mountedElementToTarget() {
+      var target = instance.showAdvanced ? getAdvanceMessageContainer(document.body) : document.body;
+      target.appendChild(instance.$el);
+      messageList.forEach(function (item) {
+        verticalOffset += _parseInt$2(item.$el.offsetHeight) + _parseInt$2(spacing);
+      });
+      instance.verticalOffset = verticalOffset;
+      instance.horizonOffset = spacing;
+      instance.visible = true;
+      messageList.push(instance);
+      if (instance.showAdvanced) {
+        if (instance.$el) {
+          target.style.setProperty('top', "".concat(offsetY, "px"));
+          target.style.setProperty('left', '50%');
+          target.style.setProperty('transform', 'translateX(-50%)');
+          instance.$el.style.setProperty('position', 'relative');
+          instance.$el.style.setProperty('margin-bottom', "".concat(spacing, "px"));
+          instance.verticalOffset = 0;
+          instance.$on('message-show', function (isShow) {
+            if (isShow) {
+              messageList.forEach(function (item, i) {
+                if (item.id !== instanceId && item.showAdvanced) {
+                  if (item.$refs.refMessageAdvanced && item.$refs.refMessageAdvanced.isDetailShow) {
+                    item.$refs.refMessageAdvanced.setDetailsShow(null, false);
+                  }
+                }
+              });
+            }
+          });
+        }
+      }
+    };
+    if (instance.showAdvanced) {
+      messageQueueMaker.appendMaker(mountedElementToTarget);
+    } else {
+      mountedElementToTarget();
+    }
     return instance;
   };
   BkMessage.close = function (id, configClose) {
@@ -31571,10 +31902,17 @@
       }
       messageList.forEach(function (item, i) {
         if (i > instanceIndex) {
-          item.verticalOffset -= instance.dom.offsetHeight + instance.spacing;
+          var targetVal = item.verticalOffset - (instance.dom.offsetHeight + instance.spacing);
+          item.verticalOffset = targetVal > 0 ? targetVal : 0;
         }
       });
       messageList.splice(instanceIndex, 1);
+      if (!messageList.some(function (msg) {
+        return msg.showAdvanced;
+      })) {
+        var target = getAdvanceMessageContainer(document.body);
+        target.style.setProperty('display', 'none');
+      }
     }
   };
   BkMessage.batchClose = function () {
@@ -43974,12 +44312,7 @@
 
   setInstaller(__vue_component__$15);
 
-  var _validateCollection = function (it, TYPE) {
-    if (!_isObject(it) || it._t !== TYPE) throw TypeError('Incompatible receiver, ' + TYPE + ' required!');
-    return it;
-  };
-
-  var dP$2 = _objectDp.f;
+  var dP$3 = _objectDp.f;
   var fastKey = _meta.fastKey;
   var SIZE = _descriptors ? '_s' : 'size';
   var getEntry = function (that, key) {
@@ -44039,7 +44372,7 @@
           return !!getEntry(_validateCollection(this, NAME), key);
         }
       });
-      if (_descriptors) dP$2(C.prototype, 'size', {
+      if (_descriptors) dP$3(C.prototype, 'size', {
         get: function () {
           return _validateCollection(this, NAME)[SIZE];
         }
@@ -44089,98 +44422,6 @@
     }
   };
 
-  var SPECIES$2 = _wks('species');
-  var _arraySpeciesConstructor = function (original) {
-    var C;
-    if (_isArray(original)) {
-      C = original.constructor;
-      if (typeof C == 'function' && (C === Array || _isArray(C.prototype))) C = undefined;
-      if (_isObject(C)) {
-        C = C[SPECIES$2];
-        if (C === null) C = undefined;
-      }
-    } return C === undefined ? Array : C;
-  };
-
-  var _arraySpeciesCreate = function (original, length) {
-    return new (_arraySpeciesConstructor(original))(length);
-  };
-
-  var _arrayMethods = function (TYPE, $create) {
-    var IS_MAP = TYPE == 1;
-    var IS_FILTER = TYPE == 2;
-    var IS_SOME = TYPE == 3;
-    var IS_EVERY = TYPE == 4;
-    var IS_FIND_INDEX = TYPE == 6;
-    var NO_HOLES = TYPE == 5 || IS_FIND_INDEX;
-    var create = $create || _arraySpeciesCreate;
-    return function ($this, callbackfn, that) {
-      var O = _toObject($this);
-      var self = _iobject(O);
-      var f = _ctx(callbackfn, that, 3);
-      var length = _toLength(self.length);
-      var index = 0;
-      var result = IS_MAP ? create($this, length) : IS_FILTER ? create($this, 0) : undefined;
-      var val, res;
-      for (;length > index; index++) if (NO_HOLES || index in self) {
-        val = self[index];
-        res = f(val, index, O);
-        if (TYPE) {
-          if (IS_MAP) result[index] = res;
-          else if (res) switch (TYPE) {
-            case 3: return true;
-            case 5: return val;
-            case 6: return index;
-            case 2: result.push(val);
-          } else if (IS_EVERY) return false;
-        }
-      }
-      return IS_FIND_INDEX ? -1 : IS_SOME || IS_EVERY ? IS_EVERY : result;
-    };
-  };
-
-  var dP$3 = _objectDp.f;
-  var each = _arrayMethods(0);
-  var _collection = function (NAME, wrapper, methods, common, IS_MAP, IS_WEAK) {
-    var Base = _global[NAME];
-    var C = Base;
-    var ADDER = IS_MAP ? 'set' : 'add';
-    var proto = C && C.prototype;
-    var O = {};
-    if (!_descriptors || typeof C != 'function' || !(IS_WEAK || proto.forEach && !_fails(function () {
-      new C().entries().next();
-    }))) {
-      C = common.getConstructor(wrapper, NAME, IS_MAP, ADDER);
-      _redefineAll(C.prototype, methods);
-      _meta.NEED = true;
-    } else {
-      C = wrapper(function (target, iterable) {
-        _anInstance(target, C, NAME, '_c');
-        target._c = new Base();
-        if (iterable != undefined) _forOf(iterable, IS_MAP, target[ADDER], target);
-      });
-      each('add,clear,delete,forEach,get,has,set,keys,values,entries,toJSON'.split(','), function (KEY) {
-        var IS_ADDER = KEY == 'add' || KEY == 'set';
-        if (KEY in proto && !(IS_WEAK && KEY == 'clear')) _hide(C.prototype, KEY, function (a, b) {
-          _anInstance(this, C, KEY);
-          if (!IS_ADDER && IS_WEAK && !_isObject(a)) return KEY == 'get' ? undefined : false;
-          var result = this._c[KEY](a === 0 ? 0 : a, b);
-          return IS_ADDER ? this : result;
-        });
-      });
-      IS_WEAK || dP$3(C.prototype, 'size', {
-        get: function () {
-          return this._c.size;
-        }
-      });
-    }
-    _setToStringTag(C, NAME);
-    O[NAME] = C;
-    _export(_export.G + _export.W + _export.F, O);
-    if (!IS_WEAK) common.setStrong(C, NAME, IS_MAP);
-    return C;
-  };
-
   var SET = 'Set';
   var es6_set = _collection(SET, function (get) {
     return function Set() { return get(this, arguments.length > 0 ? arguments[0] : undefined); };
@@ -44205,39 +44446,8 @@
 
   _export(_export.P + _export.R, 'Set', { toJSON: _collectionToJson('Set') });
 
-  var _setCollectionOf = function (COLLECTION) {
-    _export(_export.S, COLLECTION, { of: function of() {
-      var length = arguments.length;
-      var A = new Array(length);
-      while (length--) A[length] = arguments[length];
-      return new this(A);
-    } });
-  };
-
   _setCollectionOf('Set');
 
-  var _setCollectionFrom = function (COLLECTION) {
-    _export(_export.S, COLLECTION, { from: function from(source ) {
-      var mapFn = arguments[1];
-      var mapping, A, n, cb;
-      _aFunction(this);
-      mapping = mapFn !== undefined;
-      if (mapping) _aFunction(mapFn);
-      if (source == undefined) return new this();
-      A = [];
-      if (mapping) {
-        n = 0;
-        cb = _ctx(mapFn, arguments[2], 2);
-        _forOf(source, false, function (nextItem) {
-          A.push(cb(nextItem, n++));
-        });
-      } else {
-        _forOf(source, false, A.push, A);
-      }
-      return new this(A);
-    } });
-  };
-
   _setCollectionFrom('Set');
 
   var set = _core.Set;