bk-magic-vue 2.5.6 → 2.5.7

package/dist/bk-magic-vue.js

@@ -8695,7 +8695,11 @@
       },
       message: {
         copy: 'copy',
-        copied: 'copied'
+        copied: 'copied',
+        assistant: 'Assistant',
+        details: 'Details',
+        copySuccess: 'Successfully',
+        copyFailed: 'Copy Failed'
       },
       image: {
         zoomIn: 'zoom in',
@@ -8854,7 +8858,11 @@
       },
       message: {
         copy: '复制',
-        copied: '已复制'
+        copied: '已复制',
+        assistant: '助手',
+        details: '详情',
+        copySuccess: '复制成功',
+        copyFailed: '复制失败'
       },
       image: {
         zoomIn: '放大',
@@ -30264,6 +30272,837 @@
 
   var now$1 = now;
 
+  var rApply = (_global.Reflect || {}).apply;
+  var fApply = Function.apply;
+  _export(_export.S + _export.F * !_fails(function () {
+    rApply(function () {  });
+  }), 'Reflect', {
+    apply: function apply(target, thisArgument, argumentsList) {
+      var T = _aFunction(target);
+      var L = _anObject(argumentsList);
+      return rApply ? rApply(T, thisArgument, L) : fApply.call(T, thisArgument, L);
+    }
+  });
+
+  var apply = _core.Reflect.apply;
+
+  var apply$1 = apply;
+
+  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}()}));
+  });
+
+  var clipboard = createCommonjsModule(function (module, exports) {
+  (function webpackUniversalModuleDefinition(root, factory) {
+  	module.exports = factory();
+  })(commonjsGlobal, function() {
+  return  (function() {
+   	var __webpack_modules__ = ({
+   686:
+   (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+  __webpack_require__.d(__webpack_exports__, {
+    "default": function() { return  clipboard; }
+  });
+  var tiny_emitter = __webpack_require__(279);
+  var tiny_emitter_default = __webpack_require__.n(tiny_emitter);
+  var listen = __webpack_require__(370);
+  var listen_default = __webpack_require__.n(listen);
+  var src_select = __webpack_require__(817);
+  var select_default = __webpack_require__.n(src_select);
+  function command(type) {
+    try {
+      return document.execCommand(type);
+    } catch (err) {
+      return false;
+    }
+  }
+  var ClipboardActionCut = function ClipboardActionCut(target) {
+    var selectedText = select_default()(target);
+    command('cut');
+    return selectedText;
+  };
+   var actions_cut = (ClipboardActionCut);
+  function createFakeElement(value) {
+    var isRTL = document.documentElement.getAttribute('dir') === 'rtl';
+    var fakeElement = document.createElement('textarea');
+    fakeElement.style.fontSize = '12pt';
+    fakeElement.style.border = '0';
+    fakeElement.style.padding = '0';
+    fakeElement.style.margin = '0';
+    fakeElement.style.position = 'absolute';
+    fakeElement.style[isRTL ? 'right' : 'left'] = '-9999px';
+    var yPosition = window.pageYOffset || document.documentElement.scrollTop;
+    fakeElement.style.top = "".concat(yPosition, "px");
+    fakeElement.setAttribute('readonly', '');
+    fakeElement.value = value;
+    return fakeElement;
+  }
+  var fakeCopyAction = function fakeCopyAction(value, options) {
+    var fakeElement = createFakeElement(value);
+    options.container.appendChild(fakeElement);
+    var selectedText = select_default()(fakeElement);
+    command('copy');
+    fakeElement.remove();
+    return selectedText;
+  };
+  var ClipboardActionCopy = function ClipboardActionCopy(target) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+      container: document.body
+    };
+    var selectedText = '';
+    if (typeof target === 'string') {
+      selectedText = fakeCopyAction(target, options);
+    } else if (target instanceof HTMLInputElement && !['text', 'search', 'url', 'tel', 'password'].includes(target === null || target === void 0 ? void 0 : target.type)) {
+      selectedText = fakeCopyAction(target.value, options);
+    } else {
+      selectedText = select_default()(target);
+      command('copy');
+    }
+    return selectedText;
+  };
+   var actions_copy = (ClipboardActionCopy);
+  function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+  var ClipboardActionDefault = function ClipboardActionDefault() {
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var _options$action = options.action,
+        action = _options$action === void 0 ? 'copy' : _options$action,
+        container = options.container,
+        target = options.target,
+        text = options.text;
+    if (action !== 'copy' && action !== 'cut') {
+      throw new Error('Invalid "action" value, use either "copy" or "cut"');
+    }
+    if (target !== undefined) {
+      if (target && _typeof(target) === 'object' && target.nodeType === 1) {
+        if (action === 'copy' && target.hasAttribute('disabled')) {
+          throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');
+        }
+        if (action === 'cut' && (target.hasAttribute('readonly') || target.hasAttribute('disabled'))) {
+          throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');
+        }
+      } else {
+        throw new Error('Invalid "target" value, use a valid Element');
+      }
+    }
+    if (text) {
+      return actions_copy(text, {
+        container: container
+      });
+    }
+    if (target) {
+      return action === 'cut' ? actions_cut(target) : actions_copy(target, {
+        container: container
+      });
+    }
+  };
+   var actions_default = (ClipboardActionDefault);
+  function clipboard_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { clipboard_typeof = function _typeof(obj) { return typeof obj; }; } else { clipboard_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return clipboard_typeof(obj); }
+  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+  function _possibleConstructorReturn(self, call) { if (call && (clipboard_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+  function getAttributeValue(suffix, element) {
+    var attribute = "data-clipboard-".concat(suffix);
+    if (!element.hasAttribute(attribute)) {
+      return;
+    }
+    return element.getAttribute(attribute);
+  }
+  var Clipboard = function (_Emitter) {
+    _inherits(Clipboard, _Emitter);
+    var _super = _createSuper(Clipboard);
+    function Clipboard(trigger, options) {
+      var _this;
+      _classCallCheck(this, Clipboard);
+      _this = _super.call(this);
+      _this.resolveOptions(options);
+      _this.listenClick(trigger);
+      return _this;
+    }
+    _createClass(Clipboard, [{
+      key: "resolveOptions",
+      value: function resolveOptions() {
+        var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        this.action = typeof options.action === 'function' ? options.action : this.defaultAction;
+        this.target = typeof options.target === 'function' ? options.target : this.defaultTarget;
+        this.text = typeof options.text === 'function' ? options.text : this.defaultText;
+        this.container = clipboard_typeof(options.container) === 'object' ? options.container : document.body;
+      }
+    }, {
+      key: "listenClick",
+      value: function listenClick(trigger) {
+        var _this2 = this;
+        this.listener = listen_default()(trigger, 'click', function (e) {
+          return _this2.onClick(e);
+        });
+      }
+    }, {
+      key: "onClick",
+      value: function onClick(e) {
+        var trigger = e.delegateTarget || e.currentTarget;
+        var action = this.action(trigger) || 'copy';
+        var text = actions_default({
+          action: action,
+          container: this.container,
+          target: this.target(trigger),
+          text: this.text(trigger)
+        });
+        this.emit(text ? 'success' : 'error', {
+          action: action,
+          text: text,
+          trigger: trigger,
+          clearSelection: function clearSelection() {
+            if (trigger) {
+              trigger.focus();
+            }
+            window.getSelection().removeAllRanges();
+          }
+        });
+      }
+    }, {
+      key: "defaultAction",
+      value: function defaultAction(trigger) {
+        return getAttributeValue('action', trigger);
+      }
+    }, {
+      key: "defaultTarget",
+      value: function defaultTarget(trigger) {
+        var selector = getAttributeValue('target', trigger);
+        if (selector) {
+          return document.querySelector(selector);
+        }
+      }
+    }, {
+      key: "defaultText",
+      value: function defaultText(trigger) {
+        return getAttributeValue('text', trigger);
+      }
+    }, {
+      key: "destroy",
+      value: function destroy() {
+        this.listener.destroy();
+      }
+    }], [{
+      key: "copy",
+      value: function copy(target) {
+        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+          container: document.body
+        };
+        return actions_copy(target, options);
+      }
+    }, {
+      key: "cut",
+      value: function cut(target) {
+        return actions_cut(target);
+      }
+    }, {
+      key: "isSupported",
+      value: function isSupported() {
+        var action = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['copy', 'cut'];
+        var actions = typeof action === 'string' ? [action] : action;
+        var support = !!document.queryCommandSupported;
+        actions.forEach(function (action) {
+          support = support && !!document.queryCommandSupported(action);
+        });
+        return support;
+      }
+    }]);
+    return Clipboard;
+  }((tiny_emitter_default()));
+   var clipboard = (Clipboard);
+   }),
+   828:
+   (function(module) {
+  var DOCUMENT_NODE_TYPE = 9;
+  if (typeof Element !== 'undefined' && !Element.prototype.matches) {
+      var proto = Element.prototype;
+      proto.matches = proto.matchesSelector ||
+                      proto.mozMatchesSelector ||
+                      proto.msMatchesSelector ||
+                      proto.oMatchesSelector ||
+                      proto.webkitMatchesSelector;
+  }
+  function closest (element, selector) {
+      while (element && element.nodeType !== DOCUMENT_NODE_TYPE) {
+          if (typeof element.matches === 'function' &&
+              element.matches(selector)) {
+            return element;
+          }
+          element = element.parentNode;
+      }
+  }
+  module.exports = closest;
+   }),
+   438:
+   (function(module, __unused_webpack_exports, __webpack_require__) {
+  var closest = __webpack_require__(828);
+  function _delegate(element, selector, type, callback, useCapture) {
+      var listenerFn = listener.apply(this, arguments);
+      element.addEventListener(type, listenerFn, useCapture);
+      return {
+          destroy: function() {
+              element.removeEventListener(type, listenerFn, useCapture);
+          }
+      }
+  }
+  function delegate(elements, selector, type, callback, useCapture) {
+      if (typeof elements.addEventListener === 'function') {
+          return _delegate.apply(null, arguments);
+      }
+      if (typeof type === 'function') {
+          return _delegate.bind(null, document).apply(null, arguments);
+      }
+      if (typeof elements === 'string') {
+          elements = document.querySelectorAll(elements);
+      }
+      return Array.prototype.map.call(elements, function (element) {
+          return _delegate(element, selector, type, callback, useCapture);
+      });
+  }
+  function listener(element, selector, type, callback) {
+      return function(e) {
+          e.delegateTarget = closest(e.target, selector);
+          if (e.delegateTarget) {
+              callback.call(element, e);
+          }
+      }
+  }
+  module.exports = delegate;
+   }),
+   879:
+   (function(__unused_webpack_module, exports) {
+  exports.node = function(value) {
+      return value !== undefined
+          && value instanceof HTMLElement
+          && value.nodeType === 1;
+  };
+  exports.nodeList = function(value) {
+      var type = Object.prototype.toString.call(value);
+      return value !== undefined
+          && (type === '[object NodeList]' || type === '[object HTMLCollection]')
+          && ('length' in value)
+          && (value.length === 0 || exports.node(value[0]));
+  };
+  exports.string = function(value) {
+      return typeof value === 'string'
+          || value instanceof String;
+  };
+  exports.fn = function(value) {
+      var type = Object.prototype.toString.call(value);
+      return type === '[object Function]';
+  };
+   }),
+   370:
+   (function(module, __unused_webpack_exports, __webpack_require__) {
+  var is = __webpack_require__(879);
+  var delegate = __webpack_require__(438);
+  function listen(target, type, callback) {
+      if (!target && !type && !callback) {
+          throw new Error('Missing required arguments');
+      }
+      if (!is.string(type)) {
+          throw new TypeError('Second argument must be a String');
+      }
+      if (!is.fn(callback)) {
+          throw new TypeError('Third argument must be a Function');
+      }
+      if (is.node(target)) {
+          return listenNode(target, type, callback);
+      }
+      else if (is.nodeList(target)) {
+          return listenNodeList(target, type, callback);
+      }
+      else if (is.string(target)) {
+          return listenSelector(target, type, callback);
+      }
+      else {
+          throw new TypeError('First argument must be a String, HTMLElement, HTMLCollection, or NodeList');
+      }
+  }
+  function listenNode(node, type, callback) {
+      node.addEventListener(type, callback);
+      return {
+          destroy: function() {
+              node.removeEventListener(type, callback);
+          }
+      }
+  }
+  function listenNodeList(nodeList, type, callback) {
+      Array.prototype.forEach.call(nodeList, function(node) {
+          node.addEventListener(type, callback);
+      });
+      return {
+          destroy: function() {
+              Array.prototype.forEach.call(nodeList, function(node) {
+                  node.removeEventListener(type, callback);
+              });
+          }
+      }
+  }
+  function listenSelector(selector, type, callback) {
+      return delegate(document.body, selector, type, callback);
+  }
+  module.exports = listen;
+   }),
+   817:
+   (function(module) {
+  function select(element) {
+      var selectedText;
+      if (element.nodeName === 'SELECT') {
+          element.focus();
+          selectedText = element.value;
+      }
+      else if (element.nodeName === 'INPUT' || element.nodeName === 'TEXTAREA') {
+          var isReadOnly = element.hasAttribute('readonly');
+          if (!isReadOnly) {
+              element.setAttribute('readonly', '');
+          }
+          element.select();
+          element.setSelectionRange(0, element.value.length);
+          if (!isReadOnly) {
+              element.removeAttribute('readonly');
+          }
+          selectedText = element.value;
+      }
+      else {
+          if (element.hasAttribute('contenteditable')) {
+              element.focus();
+          }
+          var selection = window.getSelection();
+          var range = document.createRange();
+          range.selectNodeContents(element);
+          selection.removeAllRanges();
+          selection.addRange(range);
+          selectedText = selection.toString();
+      }
+      return selectedText;
+  }
+  module.exports = select;
+   }),
+   279:
+   (function(module) {
+  function E () {
+  }
+  E.prototype = {
+    on: function (name, callback, ctx) {
+      var e = this.e || (this.e = {});
+      (e[name] || (e[name] = [])).push({
+        fn: callback,
+        ctx: ctx
+      });
+      return this;
+    },
+    once: function (name, callback, ctx) {
+      var self = this;
+      function listener () {
+        self.off(name, listener);
+        callback.apply(ctx, arguments);
+      }    listener._ = callback;
+      return this.on(name, listener, ctx);
+    },
+    emit: function (name) {
+      var data = [].slice.call(arguments, 1);
+      var evtArr = ((this.e || (this.e = {}))[name] || []).slice();
+      var i = 0;
+      var len = evtArr.length;
+      for (i; i < len; i++) {
+        evtArr[i].fn.apply(evtArr[i].ctx, data);
+      }
+      return this;
+    },
+    off: function (name, callback) {
+      var e = this.e || (this.e = {});
+      var evts = e[name];
+      var liveEvents = [];
+      if (evts && callback) {
+        for (var i = 0, len = evts.length; i < len; i++) {
+          if (evts[i].fn !== callback && evts[i].fn._ !== callback)
+            liveEvents.push(evts[i]);
+        }
+      }
+      (liveEvents.length)
+        ? e[name] = liveEvents
+        : delete e[name];
+      return this;
+    }
+  };
+  module.exports = E;
+  module.exports.TinyEmitter = E;
+   })
+   	});
+   	var __webpack_module_cache__ = {};
+   	function __webpack_require__(moduleId) {
+   		if(__webpack_module_cache__[moduleId]) {
+   			return __webpack_module_cache__[moduleId].exports;
+   		}
+   		var module = __webpack_module_cache__[moduleId] = {
+   			exports: {}
+   		};
+   		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+   		return module.exports;
+   	}
+   	!function() {
+   		__webpack_require__.n = function(module) {
+   			var getter = module && module.__esModule ?
+   				function() { return module['default']; } :
+   				function() { return module; };
+   			__webpack_require__.d(getter, { a: getter });
+   			return getter;
+   		};
+   	}();
+   	!function() {
+   		__webpack_require__.d = function(exports, definition) {
+   			for(var key in definition) {
+   				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+   					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+   				}
+   			}
+   		};
+   	}();
+   	!function() {
+   		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); };
+   	}();
+   	return __webpack_require__(686);
+   })()
+  .default;
+  });
+  });
+  var ClipboardJS = unwrapExports(clipboard);
+
+  var IMessageActionType = {
+    ASSISTANT: 'assistant',
+    DETAILS: 'details',
+    FIX: 'fix',
+    CLOSE: 'close'
+  };
+  var MessageContentType = {
+    KEY_VALUE: 'key-value',
+    JSON: 'json'
+  };
+  var sortActionIdList = [IMessageActionType.ASSISTANT, IMessageActionType.DETAILS, IMessageActionType.FIX, IMessageActionType.CLOSE];
+  var MessageAdvanced = {
+    name: 'bk-message-advanced',
+    mixins: [locale.mixin],
+    props: {
+      message: {
+        type: Object,
+        default: function _default() {
+          return {};
+        }
+      },
+      actions: {
+        type: Array,
+        default: function _default() {
+          return [];
+        }
+      },
+      tipsIcon: {
+        type: String,
+        default: ''
+      }
+    },
+    data: function data() {
+      return {
+        toolOperation: {
+          isFix: false,
+          isDetailShow: false
+        },
+        isInstallClipboardJS: false,
+        copyStatus: '',
+        copyStatusTimer: null
+      };
+    },
+    computed: {
+      defActionList: function defActionList() {
+        var _this = this,
+          _ref;
+        return _ref = {}, _defineProperty(_ref, IMessageActionType.ASSISTANT, {
+          id: IMessageActionType.ASSISTANT,
+          icon: function icon(h) {
+            return h('span', {
+              class: 'bk-icon icon-weixin-pro'
+            });
+          },
+          text: function text() {
+            return _this.t('bk.message.assistant');
+          },
+          onClick: function onClick(e) {
+            return _this.handleHeplerClick(e);
+          }
+        }), _defineProperty(_ref, IMessageActionType.DETAILS, {
+          id: IMessageActionType.DETAILS,
+          icon: function icon(h) {
+            return _this.toolOperation.isDetailShow ? h('span', {
+              class: 'bk-icon icon-angle-double-up'
+            }) : h('span', {
+              class: 'bk-icon icon-angle-double-down'
+            });
+          },
+          text: function text() {
+            return _this.t('bk.message.details');
+          },
+          onClick: function onClick(e) {
+            return _this.setDetailsShow(e);
+          }
+        }), _defineProperty(_ref, IMessageActionType.FIX, {
+          id: IMessageActionType.FIX,
+          icon: function icon(h) {
+            return _this.toolOperation.isFix ? h('span', {
+              class: 'bk-icon icon-fix-shape'
+            }) : h('span', {
+              class: 'bk-icon icon-fix-line'
+            });
+          },
+          classList: this.toolOperation.isFix ? 'fixed' : '',
+          onClick: function onClick(e) {
+            return _this.fixMesage(e);
+          }
+        }), _defineProperty(_ref, IMessageActionType.CLOSE, {
+          id: IMessageActionType.CLOSE,
+          classList: 'normal-color',
+          icon: function icon(h) {
+            return h('span', {
+              class: 'bk-message-close'
+            }, [h('i', {
+              class: 'bk-icon icon-close'
+            })]);
+          },
+          onClick: this.handleCloseClick
+        }), _ref;
+      },
+      actionList: function actionList() {
+        var _this2 = this;
+        if (this.actions && this.actions.length > 0) {
+          var resultList = this.actions.map(function (action) {
+            var id = action.id.toLocaleLowerCase();
+            var defAction = _this2.defActionList[id];
+            var defClickFn = defAction.onClick;
+            var target = _extends({}, _this2.defActionList[id] || {}, action);
+            target.id = id;
+            if (action.classList !== undefined) {
+              var classList = isArray$1(action.classList) ? action.classList : [action.classList];
+              var defClassList = [];
+              if (defAction.classList !== undefined) {
+                defClassList = isArray$1(defAction.classList) ? defAction.classList : [defAction.classList];
+              }
+              target.classList = [].concat(_toConsumableArray(defClassList), _toConsumableArray(classList));
+            }
+            if (typeof action.onClick === 'function') {
+              target.onClick = function () {
+                var resp = apply$1(action.onClick, _this2, []);
+                if ((typeof resp === 'undefined' || resp) && typeof defClickFn === 'function') {
+                  apply$1(defClickFn, _this2, []);
+                }
+              };
+              return target;
+            }
+            target.onClick = defClickFn;
+            return target;
+          });
+          var appendList = sortActionIdList.filter(function (id) {
+            return !resultList.some(function (action) {
+              return action.id === id;
+            });
+          }).map(function (id) {
+            return _this2.defActionList[id];
+          });
+          resultList.push.apply(resultList, _toConsumableArray(appendList));
+          return resultList;
+        }
+        return sortActionIdList.map(function (id) {
+          return _this2.defActionList[id];
+        });
+      }
+    },
+    methods: {
+      handleCloseClick: function handleCloseClick() {
+        this.$emit('close');
+      },
+      handleHeplerClick: function handleHeplerClick(e) {
+        if (this.message.assistant) {
+          window.open(this.message.assistant, '_blank');
+        }
+      },
+      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.type === MessageContentType.JSON || !this.message.type)) {
+          var targetJson = this.parseJson(this.message.details);
+          var formatter = new jsonFormatter_umd(targetJson);
+          setTimeout(function () {
+            if (_this3.$refs.refJsonContent) {
+              _this3.$refs.refJsonContent.innerHTML = '';
+              _this3.$refs.refJsonContent.append(formatter.render());
+            }
+          });
+        }
+      },
+      fixMesage: function fixMesage(e, isFix) {
+        this.toolOperation.isFix = isFix !== undefined ? isFix : !this.toolOperation.isFix;
+        this.$emit('fix-message', this.toolOperation.isFix);
+      },
+      parseJson: function parseJson(value) {
+        var targetJson = value;
+        if (typeof value === 'string') {
+          try {
+            targetJson = JSON.parse(value);
+          } catch (e) {
+            console.error("Format Json Error: ".concat(e));
+          }
+        }
+        return targetJson;
+      },
+      copyMessage: function copyMessage() {
+        var _this4 = this;
+        if (this.isInstallClipboardJS) {
+          return;
+        }
+        var copyInstance = new ClipboardJS(this.$refs.refCopyMsgDiv, {
+          text: function text() {
+            return _this4.message.details;
+          }
+        });
+        ['success', 'error'].forEach(function (theme) {
+          copyInstance.on(theme, function () {
+            var target = _this4.$refs.refCopyStatus;
+            _this4.copyStatus = theme;
+            if (target) {
+              var _target$classList, _target$classList2;
+              (_target$classList = target.classList).remove.apply(_target$classList, ['success', 'error', 'is-hidden']);
+              (_target$classList2 = target.classList).add.apply(_target$classList2, [theme, 'is-show']);
+              _this4.copyStatusTimer && clearTimeout(_this4.copyStatusTimer);
+              _this4.copyStatusTimer = setTimeout(function () {
+                var _target$classList3, _target$classList4;
+                (_target$classList3 = target.classList).remove.apply(_target$classList3, ['is-show']);
+                (_target$classList4 = target.classList).add.apply(_target$classList4, ['is-hidden']);
+              }, 2000);
+            }
+          });
+          _this4.isInstallClipboardJS = true;
+          setTimeout(function () {
+            _this4.$refs.refCopyMsgDiv.click();
+          });
+        });
+      }
+    },
+    render: function render(h) {
+      var _this5 = this;
+      var renderMsgDetail = function renderMsgDetail(msg) {
+        if (msg.type === MessageContentType.KEY_VALUE) {
+          var target = _this5.parseJson(msg.details || {});
+          var keys = keys$1(target);
+          return keys.map(function (key) {
+            return h('div', {
+              class: 'message-row'
+            }, [h('label', key), target[key]]);
+          });
+        }
+        return null;
+      };
+      var renderMessageActions = function renderMessageActions() {
+        var renderIcon = function renderIcon(_ref2) {
+          var icon = _ref2.icon;
+          if (typeof icon === 'function') {
+            return apply$1(icon, _this5, [h]);
+          }
+          return h('span', {
+            class: icon
+          });
+        };
+        var renderText = function renderText(_ref3) {
+          var text = _ref3.text;
+          var content;
+          if (typeof text === 'function') {
+            content = apply$1(text, _this5, [h]);
+          }
+          if (content === undefined) {
+            return;
+          }
+          if (typeof content === 'string') {
+            return h('span', {
+              class: 'message-action-text'
+            }, [content]);
+          }
+          return content;
+        };
+        var handleActionClick = function handleActionClick(e, action) {
+          if (action.readonly || action.disabled) {
+            return;
+          }
+          if (typeof action.onClick === 'function') {
+            apply$1(action.onClick, _this5, [e, action]);
+          }
+        };
+        var renderActionList = function renderActionList() {
+          return _this5.actionList.map(function (action) {
+            if (action.disabled) {
+              return null;
+            }
+            if (typeof action.render === 'function') {
+              return apply$1(action.render, _this5, []);
+            }
+            var classList = isArray$1(action.classList) ? action.classList.join(' ') : action.classList;
+            return h('div', {
+              class: ['tool', action.id, classList],
+              on: {
+                click: function click(e) {
+                  return handleActionClick(e, action);
+                }
+              }
+            }, [renderIcon(action), renderText(action)]);
+          });
+        };
+        return renderActionList();
+      };
+      var iconMap = {
+        success: 'bk-icon icon-check-circle-shape',
+        error: 'bk-icon icon-close-circle-shape'
+      };
+      return h('div', {
+        class: 'bk-message-content multi'
+      }, [h('div', {
+        class: 'overview'
+      }, [h('div', {
+        class: 'left-content'
+      }, [h('div', {
+        class: 'bk-message-icon'
+      }, [h('i', {
+        class: ['bk-icon', this.tipsIcon]
+      })]), h('div', {
+        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', {
+        class: 'message-detail'
+      }, [h('div', {
+        class: 'message-copy',
+        ref: 'refCopyMsgDiv',
+        on: {
+          click: this.copyMessage
+        }
+      }, [h('span', {
+        class: 'bk-icon icon-copy-shape'
+      }), h('div', {
+        class: ['copy-status', this.copyStatus],
+        ref: 'refCopyStatus'
+      }, [h('div', {
+        class: 'inner'
+      }, [h('span', {
+        class: [iconMap[this.copyStatus], this.copyStatus]
+      }), this.copyStatus === 'success' ? this.t('bk.message.copySuccess') : this.t('bk.message.copyFailed')])])]), h('div', {
+        class: 'message-tree',
+        ref: 'refJsonContent'
+      }, [renderMsgDetail(this.message)])]) : null]);
+    }
+  };
+
   var ICONS = {
     primary: 'icon-info-circle-shape',
     error: 'icon-close-circle-shape',
@@ -30272,6 +31111,9 @@
   };
   var script$D = {
     name: 'bk-message',
+    components: {
+      MessageAdvanced: MessageAdvanced
+    },
     mixins: [locale.mixin],
     data: function data() {
       return {
@@ -30281,6 +31123,7 @@
         icon: '',
         dismissable: true,
         verticalOffset: 0,
+        zIndex: 2500,
         horizonOffset: 0,
         visible: false,
         countID: null,
@@ -30288,7 +31131,11 @@
         extCls: '',
         copied: false,
         ellipsisCopy: false,
-        showCopyText: false
+        showCopyText: false,
+        showAdvanced: false,
+        actions: [],
+        isFixed: false,
+        width: 560
       };
     },
     computed: {
@@ -30297,7 +31144,9 @@
       },
       verticalStyle: function verticalStyle() {
         return {
-          top: "".concat(this.verticalOffset, "px")
+          top: "".concat(this.verticalOffset, "px"),
+          width: "".concat(this.width, "px"),
+          zIndex: this.zIndex
         };
       },
       tipsIcon: function tipsIcon() {
@@ -30322,19 +31171,30 @@
       this.startCountDown();
     },
     methods: {
+      handleFixMessage: function handleFixMessage(isFixed) {
+        this.isFixed = isFixed;
+        console.log('handleFixMessage', isFixed);
+        if (isFixed) {
+          this.stopCountDown();
+        } else {
+          this.startCountDown();
+        }
+      },
       destroyEl: function destroyEl() {
         this.$destroy();
         this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
       },
       startCountDown: function startCountDown() {
         var _this = this;
-        if (this.delay > 0) {
+        if (this.delay > 0 && !this.isFixed) {
           this.countID = setTimeout(function () {
+            console.log('--Close');
             _this.visible && _this.close();
           }, this.delay);
         }
       },
       stopCountDown: function stopCountDown() {
+        console.log('--stopCountDown');
         clearTimeout(this.countID);
       },
       close: function close() {
@@ -30381,7 +31241,17 @@
         "mouseenter": _vm.stopCountDown,
         "mouseleave": _vm.startCountDown
       }
-    }, [_c('div', {
+    }, [_vm.showAdvanced ? [_c('message-advanced', {
+      attrs: {
+        "message": _vm.message,
+        "actions": _vm.actions,
+        "tips-icon": _vm.tipsIcon
+      },
+      on: {
+        "fix-message": _vm.handleFixMessage,
+        "close": _vm.close
+      }
+    })] : [_c('div', {
       staticClass: "bk-message-icon"
     }, [_c('i', {
       class: ['bk-icon', _vm.tipsIcon]
@@ -30401,7 +31271,7 @@
       on: {
         "click": _vm.copyContent
       }
-    }, [_vm._v("\n      " + _vm._s(_vm.localeCopyText) + "\n    ")]) : _vm._e(), _vm.dismissable ? _c('div', {
+    }, [_vm._v("\n        " + _vm._s(_vm.localeCopyText) + "\n      ")]) : _vm._e(), _vm.dismissable ? _c('div', {
       staticClass: "bk-message-close"
     }, [_c('i', {
       class: ['bk-icon icon-close', _vm.showCopyText ? 'ml10' : 'ml30'],
@@ -30411,7 +31281,7 @@
           return _vm.close.apply(null, arguments);
         }
       }
-    })]) : _vm._e()])]);
+    })]) : _vm._e()]], 2)]);
   };
   var __vue_staticRenderFns__$D = [];
 
@@ -30438,6 +31308,7 @@
   var messageList = [];
   var seed$2 = 0;
   var BkMessage = function BkMessage(config) {
+    var originConfig = _typeof(config) === 'object' ? JSON.parse(stringify$1(config)) : config;
     if (config.limit === 0) {
       BkMessage.batchClose();
       return;
@@ -30465,10 +31336,23 @@
     var instance = new MessageComponent({
       data: config
     });
-    if (config.message !== null && _typeof(config.message) === 'object' && config.message.hasOwnProperty('componentOptions')) {
+    if (originConfig.message !== null && _typeof(originConfig.message) === 'object' && originConfig.message.hasOwnProperty('componentOptions')) {
       instance.$slots.default = [config.message];
       instance.message = null;
     }
+    if (!originConfig.width) {
+      instance.width = 560;
+    }
+    if (originConfig.message !== null && _typeof(originConfig.message) === 'object' && !originConfig.message.hasOwnProperty('componentOptions')) {
+      instance.showAdvanced = true;
+      instance.actions = originConfig.actions || [];
+      if (!originConfig.width) {
+        instance.width = 800;
+      }
+      if (!originConfig.delay) {
+        instance.delay = 8000;
+      }
+    }
     instance.id = instanceId;
     instance.spacing = spacing;
     instance.ellipsisLine = ellipsisLine;
@@ -30770,6 +31654,9 @@
 
   var script$F = {
     name: 'bk-option',
+    components: {
+      'bk-checkbox': __vue_component__$9
+    },
     props: {
       id: {
         type: [String, Number],
@@ -30797,6 +31684,9 @@
       },
       lowerName: function lowerName() {
         return String(this.name).toLowerCase();
+      },
+      selectedStyle: function selectedStyle() {
+        return this.select.selectedStyle;
       }
     },
     created: function created() {
@@ -30861,12 +31751,17 @@
         attrs: {
           "title": _vm.name
         }
-      }, [_vm.select.multiple && _vm.isSelected ? _c('i', {
+      }, [_vm.selectedStyle === 'checkbox' && _vm.select.multiple ? [_c('bk-checkbox', {
+        staticClass: "bk-option-checkbox",
+        attrs: {
+          "value": _vm.isSelected
+        }
+      }, [_vm._v(_vm._s(_vm.name))])] : [_vm.select.multiple && _vm.isSelected ? _c('i', {
         staticClass: "bk-option-icon bk-icon icon-check-1"
       }) : _vm._e(), _c('span', {
         staticClass: "bk-option-name",
         class: _vm.select.fontSizeCls
-      }, [_vm._v("\n          " + _vm._s(_vm.name) + "\n        ")])])];
+      }, [_vm._v("\n            " + _vm._s(_vm.name) + "\n          ")])]], 2)];
     })], 2)]);
   };
   var __vue_staticRenderFns__$F = [];
@@ -32526,6 +33421,10 @@
         default: function _default() {
           return {};
         }
+      },
+      selectedStyle: {
+        type: String,
+        default: 'check'
       }
     },
     provide: function provide() {
@@ -51130,6 +52029,9 @@
 
   var script$1h = {
     name: 'bk-search-select-menu',
+    components: {
+      BkCheckbox: __vue_component__$9
+    },
     mixins: [locale.mixin],
     props: {
       list: {
@@ -51167,7 +52069,11 @@
         type: String,
         require: true
       },
-      isChildCondition: Boolean
+      isChildCondition: Boolean,
+      selectedStyle: {
+        type: String,
+        default: 'check'
+      }
     },
     data: function data() {
       return {
@@ -51201,7 +52107,11 @@
           this.hasFocus = false;
           this.handleDestroy();
         } else {
-          this.$refs[item[this.primaryKey]].style.display = this.checked[item[this.primaryKey]] ? 'none' : 'block';
+          if (this.selectedStyle === 'check') {
+            this.$refs[item[this.primaryKey]].style.display = this.checked[item[this.primaryKey]] ? 'none' : 'block';
+          } else {
+            this.$refs[item[this.primaryKey]].setLocalValue(!this.checked[item[this.primaryKey]]);
+          }
           this.$emit('select-check', item, index);
         }
       },
@@ -51210,8 +52120,11 @@
       },
       setCheckValue: function setCheckValue(item, val) {
         var ref = this.$refs[item[this.primaryKey]];
-        if (ref) {
+        if (!ref) return;
+        if (this.selectedStyle === 'check') {
           ref.style.display = this.checked[item[this.primaryKey]] ? 'none' : 'block';
+        } else {
+          ref.etLocalValue(!this.checked[item[this.primaryKey]]);
         }
       },
       handleSelectEnter: function handleSelectEnter(e) {
@@ -51257,9 +52170,15 @@
       },
       handleSelectCancel: function handleSelectCancel(e) {
         var _this2 = this;
-        keys$1(this.checked).forEach(function (key) {
-          _this2.$refs[key] && (_this2.$refs[key].style.display = 'none');
-        });
+        if (this.selectedStyle === 'check') {
+          keys$1(this.checked).forEach(function (key) {
+            _this2.$refs[key] && (_this2.$refs[key].style.display = 'none');
+          });
+        } else if (this.selectedStyle === 'checkbox') {
+          keys$1(this.checked).forEach(function (key) {
+            _this2.$refs[key] && _this2.$refs[key].setLocalValue(false);
+          });
+        }
         this.$emit('select-cancel', e);
       }
     },
@@ -51283,7 +52202,8 @@
         isChildCondition = _this$isChildConditio === void 0 ? false : _this$isChildConditio,
         _this$error = this.error,
         error = _this$error === void 0 ? '' : _this$error,
-        hoverId = this.hoverId;
+        hoverId = this.hoverId,
+        selectedStyle = this.selectedStyle;
       if (error) {
         return h("div", {
           "class": {
@@ -51341,7 +52261,14 @@
             'is-disabled': item.disabled,
             'is-hover': !item.disabled && hoverId === id
           }
-        }, [h("div", helper([{}, events, {
+        }, [selectedStyle === 'checkbox' ? h("bk-checkbox", {
+          "class": "search-list-checkbox",
+          "directives": [{
+            name: "show",
+            value: multiable && child && !isChildCondition
+          }],
+          "ref": id
+        }) : null, h("div", helper([{}, events, {
           "class": {
             'item-name': true
           }
@@ -51349,7 +52276,7 @@
           "class": {
             'item-name-filter': true
           }
-        }, [filter]), next]) : text]), h("span", {
+        }, [filter]), next]) : text]), selectedStyle === 'check' ? h("span", {
           "directives": [{
             name: "show",
             value: multiable && child && checked[text] && !isChildCondition
@@ -51358,7 +52285,7 @@
           "class": {
             'bk-icon icon-check-1 item-icon': true
           }
-        })]);
+        }) : null]);
       });
       if (multiable && child) {
         footerEnterEvent['on']['click'] = function (e) {
@@ -51578,6 +52505,10 @@
       extCls: {
         type: String,
         default: ''
+      },
+      selectedStyle: {
+        type: String,
+        default: 'check'
       }
     },
     data: function data() {
@@ -51620,18 +52551,6 @@
           return item[_this.primaryKey] === _this.menu.id;
         }) || {};
       },
-      childList: function childList() {
-        var ret = [];
-        var i = 0;
-        while (i < this.data.length) {
-          var item = this.data[i];
-          if (item.children && item.children.length) {
-            ret.push.apply(ret, _toConsumableArray(item.children));
-          }
-          i++;
-        }
-        return ret;
-      },
       showItemPlaceholder: function showItemPlaceholder() {
         return this.menu.active >= 0 && String(this.curItem.placeholder).length && this.input.value === this.curItem[this.displayKey] + this.explainCode;
       }
@@ -51723,23 +52642,27 @@
       },
       initMenu: function initMenu() {
         if (!this.menuInstance) {
-          this.menuInstance = new Vue(__vue_component__$1j).$mount();
+          this.menuInstance = new Vue(__vue_component__$1j);
           this.menuInstance.condition = this.defaultCondition;
           this.menuInstance.displayKey = this.displayKey;
           this.menuInstance.primaryKey = this.primaryKey;
+          this.menuInstance.selectedStyle = this.selectedStyle;
           this.menuInstance.multiable = false;
+          this.menuInstance.$mount();
           this.menuInstance.$on('select', this.handleMenuSelect);
           this.menuInstance.$on('select-conditon', this.handleSelectConditon);
         }
       },
       initChildMenu: function initChildMenu() {
-        this.menuChildInstance = new Vue(__vue_component__$1j).$mount();
+        this.menuChildInstance = new Vue(__vue_component__$1j);
         this.menuChildInstance.displayKey = this.displayKey;
         this.menuChildInstance.primaryKey = this.primaryKey;
+        this.menuChildInstance.selectedStyle = this.selectedStyle;
         this.menuChildInstance.multiable = this.curItem.conditions && this.curItem.conditions.length ? false : this.curItem.multiable || false;
         this.menuChildInstance.child = true;
         this.menuChildInstance.remoteEmptyText = this.defaultRemoteEmptyText;
         this.menuChildInstance.remoteLoadingText = this.defaultRemoteLoadingText;
+        this.menuChildInstance.$mount();
         this.menuChildInstance.$on('select', this.handleMenuChildSelect);
         this.menuChildInstance.$on('select-check', this.handleSelectCheck);
         this.menuChildInstance.$on('select-enter', this.handleKeyEnter);
@@ -51894,28 +52817,50 @@
           }, _callee);
         }))();
       },
-      handleFilter: function handleFilter(v) {
+      getRecommendList: function getRecommendList(v) {
         var _this6 = this;
+        if (!this.data.length) return [];
+        var list = [];
+        var i = 0;
+        var setItem = function setItem(parent, child) {
+          var _ref, _recommendValue, _objectSpread2;
+          var childKey = child ? child[_this6.primaryKey] : v;
+          var childName = child ? child[_this6.displayKey] : v;
+          return _objectSpread({}, parent, (_objectSpread2 = {}, _defineProperty(_objectSpread2, _this6.displayKey, parent[_this6.displayKey] + _this6.explainCode + childName), _defineProperty(_objectSpread2, _this6.primaryKey, parent[_this6.primaryKey] + _this6.explainCode + childKey), _defineProperty(_objectSpread2, "recommendValue", (_recommendValue = {}, _defineProperty(_recommendValue, _this6.displayKey, parent[_this6.displayKey]), _defineProperty(_recommendValue, _this6.primaryKey, parent[_this6.primaryKey]), _defineProperty(_recommendValue, "values", [(_ref = {}, _defineProperty(_ref, _this6.displayKey, child ? child[_this6.displayKey] : v), _defineProperty(_ref, _this6.primaryKey, childKey), _ref)]), _recommendValue)), _objectSpread2));
+        };
+        var _loop = function _loop() {
+          var item = _this6.data[i];
+          i += 1;
+          if (!item.children || !item.children.length) {
+            list.push(setItem(item));
+            return "continue";
+          }
+          var childList = item.children.filter(function (child) {
+            return child[_this6.displayKey].includes(v);
+          });
+          if (!childList.length) {
+            list.push(setItem(item));
+            return "continue";
+          }
+          list.push.apply(list, _toConsumableArray(childList.map(function (child) {
+            return setItem(item, child);
+          })));
+        };
+        while (i < this.data.length) {
+          var _ret = _loop();
+          if (_ret === "continue") continue;
+        }
+        return list;
+      },
+      handleFilter: function handleFilter(v) {
+        var _this7 = this;
         var filterList = [];
         if (!this.input.value.length || !~this.input.value.indexOf(this.explainCode)) {
           if (this.filter && typeof this.filterMenuMethod === 'function') {
             filterList = this.filterMenuMethod(this.data, v);
           } else {
             if (v.length) {
-              var _filterList;
-              filterList = this.childList.filter(function (item) {
-                return item[_this6.displayKey] && ~item[_this6.displayKey].indexOf(v);
-              });
-              if (filterList.length) {
-                var item = filterList[filterList.length - 1];
-                item = _objectSpread({}, item, {
-                  isGroup: true
-                });
-                filterList[filterList.length - 1] = item;
-              }
-              (_filterList = filterList).push.apply(_filterList, _toConsumableArray(this.data.filter(function (item) {
-                return item[_this6.displayKey] && ~item[_this6.displayKey].indexOf(v);
-              })));
+              filterList = this.getRecommendList(v);
             } else {
               filterList = this.data;
             }
@@ -51925,7 +52870,7 @@
             filterList = this.filterChildrenMethod(this.curItem.children, v);
           } else {
             filterList = this.curItem.children.filter(function (item) {
-              return item[_this6.displayKey] && ~item[_this6.displayKey].indexOf(v);
+              return item[_this7.displayKey] && ~item[_this7.displayKey].indexOf(v);
             });
           }
         }
@@ -51968,7 +52913,7 @@
         this.$refs.input.focus();
       },
       handleInputClick: function handleInputClick(e) {
-        var _this7 = this;
+        var _this8 = this;
         this.input.focus = true;
         if (!this.input.value) {
           if (!this.menuInstance) {
@@ -51978,8 +52923,8 @@
           this.menuInstance.list = this.data;
           this.menu.child = false;
           this.$nextTick(function (_) {
-            _this7.handelePopperEventListener();
-            _this7.showPopper(_this7.menuInstance.$el);
+            _this8.handelePopperEventListener();
+            _this8.showPopper(_this8.menuInstance.$el);
           });
         } else {
           var cur = this.curItem;
@@ -52013,7 +52958,7 @@
         this.$emit('input-focus', e);
       },
       updateChildMenu: function updateChildMenu(item, index, isCondition) {
-        var _this8 = this;
+        var _this9 = this;
         return _asyncToGenerator( _regeneratorRuntime().mark(function _callee2() {
           var isChild, isRemote, list;
           return _regeneratorRuntime().wrap(function _callee2$(_context2) {
@@ -52025,63 +52970,63 @@
                     _context2.next = 14;
                     break;
                   }
-                  _this8.$refs.input.blur();
-                  if (!_this8.menuChildInstance || _this8.menuChildInstance.multiable || _this8.menuChildInstance.multiable !== _this8.curItem.multiable) {
-                    _this8.initChildMenu();
+                  _this9.$refs.input.blur();
+                  if (!_this9.menuChildInstance || _this9.menuChildInstance.multiable || _this9.menuChildInstance.multiable !== _this9.curItem.multiable) {
+                    _this9.initChildMenu();
                   }
-                  _this8.menuChildInstance.isChildCondition = isCondition;
-                  _this8.menuChildInstance.error = '';
-                  _this8.menuChildInstance.loading = false;
-                  _this8.menuChildInstance.checked = _this8.menu.checked;
-                  _this8.showPopper(_this8.menuChildInstance.$el);
-                  _this8.menu.child = false;
-                  _this8.menuChildInstance.list = item.conditions;
+                  _this9.menuChildInstance.isChildCondition = isCondition;
+                  _this9.menuChildInstance.error = '';
+                  _this9.menuChildInstance.loading = false;
+                  _this9.menuChildInstance.checked = _this9.menu.checked;
+                  _this9.showPopper(_this9.menuChildInstance.$el);
+                  _this9.menu.child = false;
+                  _this9.menuChildInstance.list = item.conditions;
                   setTimeout(function () {
-                    _this8.$refs.input.focus();
+                    _this9.$refs.input.focus();
                   }, 20);
                   _context2.next = 37;
                   break;
                 case 14:
-                  isRemote = _this8.curItem.remote && typeof _this8.remoteMethod === 'function';
+                  isRemote = _this9.curItem.remote && typeof _this9.remoteMethod === 'function';
                   if (!(isChild || isRemote)) {
                     _context2.next = 35;
                     break;
                   }
-                  _this8.$refs.input.blur();
-                  if (!_this8.menuChildInstance || _this8.menuChildInstance.multiable || _this8.menuChildInstance.multiable !== _this8.curItem.multiable) {
-                    _this8.initChildMenu();
+                  _this9.$refs.input.blur();
+                  if (!_this9.menuChildInstance || _this9.menuChildInstance.multiable || _this9.menuChildInstance.multiable !== _this9.curItem.multiable) {
+                    _this9.initChildMenu();
                   }
-                  _this8.menuChildInstance.isChildCondition = isCondition;
-                  _this8.menuChildInstance.error = '';
-                  _this8.menuChildInstance.loading = isRemote;
-                  _this8.menuChildInstance.checked = _this8.menu.checked;
-                  _this8.showPopper(_this8.menuChildInstance.$el);
-                  _this8.menu.child = true;
+                  _this9.menuChildInstance.isChildCondition = isCondition;
+                  _this9.menuChildInstance.error = '';
+                  _this9.menuChildInstance.loading = isRemote;
+                  _this9.menuChildInstance.checked = _this9.menu.checked;
+                  _this9.showPopper(_this9.menuChildInstance.$el);
+                  _this9.menu.child = true;
                   if (!isRemote) {
                     _context2.next = 31;
                     break;
                   }
                   _context2.next = 27;
-                  return _this8.remoteMethod(_this8.input.value, item, index).finally(function () {
-                    _this8.menuChildInstance.loading = false;
+                  return _this9.remoteMethod(_this9.input.value, item, index).finally(function () {
+                    _this9.menuChildInstance.loading = false;
                   });
                 case 27:
                   list = _context2.sent;
-                  _this8.menuChildInstance.list = list;
+                  _this9.menuChildInstance.list = list;
                   _context2.next = 32;
                   break;
                 case 31:
-                  _this8.menuChildInstance.list = item.children;
+                  _this9.menuChildInstance.list = item.children;
                 case 32:
                   setTimeout(function () {
-                    _this8.$refs.input.focus();
+                    _this9.$refs.input.focus();
                   }, 20);
                   _context2.next = 37;
                   break;
                 case 35:
-                  _this8.hidePopper();
+                  _this9.hidePopper();
                   setTimeout(function () {
-                    _this8.handleInputFocus();
+                    _this9.handleInputFocus();
                   }, 20);
                 case 37:
                 case "end":
@@ -52092,15 +53037,21 @@
         }))();
       },
       handleMenuSelect: function handleMenuSelect(item, index) {
-        var _this9 = this;
+        var _this10 = this;
+        if (item.recommendValue) {
+          this.input.value = item[this.displayKey];
+          this.updateInput(this.input.value);
+          this.handleEnter(this.input.value, item.recommendValue, false);
+          return;
+        }
         var isChildClick = ~this.data.findIndex(function (set) {
-          return set[_this9.primaryKey] === item[_this9.primaryKey];
+          return set[_this10.primaryKey] === item[_this10.primaryKey];
         });
         if (!isChildClick) {
           this.input.value = item[this.displayKey];
           this.$nextTick().then(function () {
-            _this9.updateInput(_this9.input.value);
-            _this9.handleKeyEnter();
+            _this10.updateInput(_this10.input.value);
+            _this10.handleKeyEnter();
           });
         } else {
           this.menu.active = ~isChildClick;
@@ -52108,9 +53059,9 @@
           var isChildCondition = !!(this.curItem.conditions && this.curItem.conditions.length);
           this.input.value = item[this.displayKey] + this.explainCode;
           this.$nextTick().then(function () {
-            _this9.updateInput(_this9.input.value);
-            _this9.updateChildMenu(item, index, isChildCondition);
-            _this9.$emit('menu-select', item, index);
+            _this10.updateInput(_this10.input.value);
+            _this10.updateChildMenu(item, index, isChildCondition);
+            _this10.$emit('menu-select', item, index);
           });
         }
       },
@@ -52163,7 +53114,7 @@
         }
       },
       handleKeyBackspace: function handleKeyBackspace(e) {
-        var _this10 = this;
+        var _this11 = this;
         var keys = keys$1(this.menu.checked);
         if (this.curItem.multiable && keys.length) {
           var key = keys[keys.length - 1];
@@ -52187,7 +53138,7 @@
         if (!this.input.value && !(!this.chip.list.length && !this.$refs.input.textContent.length)) {
           var item = this.chip.list.pop();
           this.$nextTick().then(function () {
-            _this10.showMenu(_this10.showPopoverTagChange);
+            _this11.showMenu(_this11.showPopoverTagChange);
           });
           this.$emit('change', this.chip.list);
           this.$emit('key-delete', item);
@@ -52210,7 +53161,7 @@
         }
       },
       handleKeyEnter: function handleKeyEnter(e) {
-        var _this11 = this;
+        var _this12 = this;
         var needShowPopover = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
         var needEmitKeyEnter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
         return _asyncToGenerator( _regeneratorRuntime().mark(function _callee3() {
@@ -52220,38 +53171,39 @@
                 case 0:
                   _context3.next = 2;
                   return new promise$1(function (resolve) {
-                    if (!_this11.input.value) {
+                    if (!_this12.input.value) {
                       resolve();
-                    } else if (_this11.input.value === _this11.curItem[_this11.displayKey] + _this11.explainCode) {
+                    } else if (_this12.input.value === _this12.curItem[_this12.displayKey] + _this12.explainCode) {
                       e.preventDefault();
-                      if (!_this11.menuChildInstance) {
-                        _this11.initChildMenu();
+                      if (!_this12.menuChildInstance) {
+                        _this12.initChildMenu();
                       }
-                      _this11.menuChildInstance.error = _this11.defaultEmptyText;
-                      _this11.$nextTick(function (_) {
-                        _this11.showPopper(_this11.menuChildInstance.$el);
+                      _this12.menuChildInstance.error = _this12.defaultEmptyText;
+                      _this12.$nextTick(function (_) {
+                        _this12.showPopper(_this12.menuChildInstance.$el);
                       });
-                      _this11.handleInputFocus();
+                      _this12.handleInputFocus();
                       resolve();
                     } else {
+                      e.preventDefault();
                       setTimeout(function () {
-                        if (_this11.menu.id !== null) {
-                          var _this11$handleEnter;
-                          var val = _this11.input.value.replace(_this11.curItem[_this11.displayKey] + _this11.explainCode, '');
-                          if (keys$1(_this11.menu.childCondition).length) {
-                            val = val.replace(_this11.menu.childCondition[_this11.displayKey], '');
+                        if (_this12.menu.id !== null) {
+                          var _this12$handleEnter;
+                          var val = _this12.input.value.replace(_this12.curItem[_this12.displayKey] + _this12.explainCode, '');
+                          if (keys$1(_this12.menu.childCondition).length) {
+                            val = val.replace(_this12.menu.childCondition[_this12.displayKey], '');
                           }
-                          _this11.handleEnter(_this11.input.value, (_this11$handleEnter = {}, _defineProperty(_this11$handleEnter, _this11.primaryKey, val), _defineProperty(_this11$handleEnter, _this11.displayKey, val), _this11$handleEnter), true, needShowPopover);
+                          _this12.handleEnter(_this12.input.value, (_this12$handleEnter = {}, _defineProperty(_this12$handleEnter, _this12.primaryKey, val), _defineProperty(_this12$handleEnter, _this12.displayKey, val), _this12$handleEnter), true, needShowPopover);
                         } else {
-                          var _this11$handleEnter2;
-                          _this11.handleEnter(_this11.input.value, (_this11$handleEnter2 = {}, _defineProperty(_this11$handleEnter2, _this11.primaryKey, _this11.input.value), _defineProperty(_this11$handleEnter2, _this11.displayKey, _this11.input.value), _this11$handleEnter2), false, needShowPopover);
+                          var _this12$handleEnter2;
+                          _this12.handleEnter(_this12.input.value, (_this12$handleEnter2 = {}, _defineProperty(_this12$handleEnter2, _this12.primaryKey, _this12.input.value), _defineProperty(_this12$handleEnter2, _this12.displayKey, _this12.input.value), _this12$handleEnter2), false, needShowPopover);
                         }
                         resolve();
                       }, 10);
                     }
                   });
                 case 2:
-                  needEmitKeyEnter && _this11.$emit('key-enter', e);
+                  needEmitKeyEnter && _this12.$emit('key-enter', e);
                 case 3:
                 case "end":
                   return _context3.stop();
@@ -52261,7 +53213,7 @@
         }))();
       },
       handleValidate: function handleValidate(valList) {
-        var _this12 = this;
+        var _this13 = this;
         return _asyncToGenerator( _regeneratorRuntime().mark(function _callee4() {
           var validate, selection;
           return _regeneratorRuntime().wrap(function _callee4$(_context4) {
@@ -52269,29 +53221,29 @@
               switch (_context4.prev = _context4.next) {
                 case 0:
                   validate = true;
-                  if (!(_this12.curItem && _this12.curItem.validate && typeof _this12.curItem.validate === 'function')) {
+                  if (!(_this13.curItem && _this13.curItem.validate && typeof _this13.curItem.validate === 'function')) {
                     _context4.next = 8;
                     break;
                   }
                   _context4.next = 4;
-                  return _this12.curItem.validate(_toConsumableArray(valList), _this12.curItem);
+                  return _this13.curItem.validate(_toConsumableArray(valList), _this13.curItem);
                 case 4:
                   validate = _context4.sent;
                   if (typeof validate === 'string') {
-                    _this12.validateStr = validate;
+                    _this13.validateStr = validate;
                     validate = false;
                   } else {
-                    validate && (_this12.validateStr = '');
+                    validate && (_this13.validateStr = '');
                   }
                   _context4.next = 9;
                   break;
                 case 8:
-                  _this12.validateStr = '';
+                  _this13.validateStr = '';
                 case 9:
                   if (!validate) {
                     selection = window.getSelection();
                     if (selection.focusOffset === 0) {
-                      selection.selectAllChildren(_this12.$refs.input);
+                      selection.selectAllChildren(_this13.$refs.input);
                       selection.collapseToEnd();
                     }
                   }
@@ -52305,7 +53257,7 @@
         }))();
       },
       handleEnter: function handleEnter(val, item) {
-        var _this13 = this;
+        var _this14 = this;
         var child = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
         var needShowPopover = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
         return _asyncToGenerator( _regeneratorRuntime().mark(function _callee5() {
@@ -52318,25 +53270,25 @@
                     _context5.next = 19;
                     break;
                   }
-                  if (!(_this13.input.value === _this13.defaultCondition[_this13.displayKey])) {
+                  if (!(_this14.input.value === _this14.defaultCondition[_this14.displayKey])) {
                     _context5.next = 5;
                     break;
                   }
-                  _this13.chip.list.push(_this13.defaultCondition);
+                  _this14.chip.list.push(_this14.defaultCondition);
                   _context5.next = 17;
                   break;
                 case 5:
                   values = [];
-                  if (keys$1(_this13.menu.checked).length) {
-                    values = values$1(_this13.menu.checked);
+                  if (keys$1(_this14.menu.checked).length) {
+                    values = values$1(_this14.menu.checked);
                   } else {
                     values.push(item);
                   }
-                  data = _extends({}, _this13.curItem, {
+                  data = _extends({}, _this14.curItem, {
                     values: values
                   });
-                  if (keys$1(_this13.menu.childCondition).length) {
-                    data['condition'] = _this13.menu.childCondition;
+                  if (keys$1(_this14.menu.childCondition).length) {
+                    data['condition'] = _this14.menu.childCondition;
                   }
                   if (data.children) {
                     delete data.children;
@@ -52345,7 +53297,7 @@
                     delete data.conditions;
                   }
                   _context5.next = 13;
-                  return _this13.handleValidate(values);
+                  return _this14.handleValidate(values);
                 case 13:
                   validate = _context5.sent;
                   if (validate) {
@@ -52354,13 +53306,13 @@
                   }
                   return _context5.abrupt("return");
                 case 16:
-                  _this13.chip.list.push(data);
+                  _this14.chip.list.push(data);
                 case 17:
                   _context5.next = 25;
                   break;
                 case 19:
                   _context5.next = 21;
-                  return _this13.handleValidate([item]);
+                  return _this14.handleValidate([item]);
                 case 21:
                   _validate = _context5.sent;
                   if (_validate) {
@@ -52369,25 +53321,25 @@
                   }
                   return _context5.abrupt("return");
                 case 24:
-                  _this13.chip.list.push(item);
+                  _this14.chip.list.push(item);
                 case 25:
-                  _this13.menu.checked = {};
-                  _this13.menu.active = -1;
-                  _this13.menu.id = null;
-                  _this13.input.value = '';
-                  _this13.menu.childCondition = {};
-                  _this13.updateInput();
-                  if (_this13.menuInstance) {
-                    _this13.menuInstance.filter = '';
+                  _this14.menu.checked = {};
+                  _this14.menu.active = -1;
+                  _this14.menu.id = null;
+                  _this14.input.value = '';
+                  _this14.menu.childCondition = {};
+                  _this14.updateInput();
+                  if (_this14.menuInstance) {
+                    _this14.menuInstance.filter = '';
                   }
                   if (needShowPopover) {
-                    _this13.$nextTick(function (_) {
-                      return _this13.showMenu(_this13.showPopoverTagChange);
+                    _this14.$nextTick(function (_) {
+                      return _this14.showMenu(_this14.showPopoverTagChange);
                     });
-                    _this13.$refs.input.focus();
+                    _this14.$refs.input.focus();
                   }
-                  _this13.$emit('change', _this13.chip.list);
-                  _this13.dispatch('bk-form-item', 'form-change');
+                  _this14.$emit('change', _this14.chip.list);
+                  _this14.dispatch('bk-form-item', 'form-change');
                 case 35:
                 case "end":
                   return _context5.stop();
@@ -52397,14 +53349,14 @@
         }))();
       },
       handleClear: function handleClear(index, item) {
-        var _this14 = this;
+        var _this15 = this;
         var name = this.chip.list.splice(index, 1);
         setTimeout(function () {
-          _this14.popperMenuInstance && _this14.popperMenuInstance.popperInstance && _this14.popperMenuInstance.popperInstance.update();
-          !_this14.input.value.length && _this14.showMenu();
-          _this14.$emit('change', _this14.chip.list);
-          _this14.$emit('chip-del', name);
-          _this14.dispatch('bk-form-item', 'form-change');
+          _this15.popperMenuInstance && _this15.popperMenuInstance.popperInstance && _this15.popperMenuInstance.popperInstance.update();
+          !_this15.input.value.length && _this15.showMenu();
+          _this15.$emit('change', _this15.chip.list);
+          _this15.$emit('chip-del', name);
+          _this15.dispatch('bk-form-item', 'form-change');
         }, 0);
       },
       handleSelectConditon: function handleSelectConditon(item) {
@@ -52439,10 +53391,10 @@
         }
       },
       updateCheckedInputVal: function updateCheckedInputVal() {
-        var _this15 = this;
+        var _this16 = this;
         if (this.menu.id !== null) {
           var val = values$1(this.menu.checked).map(function (set) {
-            return set[_this15.displayKey];
+            return set[_this16.displayKey];
           }).join(this.splitCode);
           this.input.value = this.curItem[this.displayKey] + this.explainCode + val;
           this.updateInput(this.input.value);
@@ -55337,7 +56289,7 @@
           for (var j = 0; j < _this.list.length; j++) {
             if (valueList[i] === _this.list[j].id) {
               _this.handleItemFn(_this.list[j], true);
-              valueList.splice(0, 1);
+              valueList.splice(i, 1);
               _this.$nextTick(function () {
                 _this.broadcast('bkCaspanel', 'change-selected', {
                   idList: valueList
@@ -55806,11 +56758,6 @@
           }
         }
       },
-      selectedName: function selectedName() {
-        if (this.filterable && !this.multiple) {
-          this.searchContent = this.selectedName;
-        }
-      },
       list: {
         handler: function handler(newValue) {
           var _this = this;
@@ -55917,14 +56864,21 @@
       });
     },
     mounted: function mounted() {
+      var _this3 = this;
       this.initValue();
       if (this.isRemote) {
         this.filterable = false;
       }
+      if (this.filterable && !this.multiple) {
+        this.searchContent = this.selectedName;
+        this.$nextTick(function () {
+          _this3.tippyInstance();
+        });
+      }
     },
     methods: {
       recurrenceNodes: function recurrenceNodes(list) {
-        var _this3 = this;
+        var _this4 = this;
         if (!isArray$1(list) || !list.length) {
           return [];
         }
@@ -55933,11 +56887,11 @@
           nameKey = _this$nodeOptions.nameKey,
           childrenKey = _this$nodeOptions.childrenKey;
         list.forEach(function (item, index) {
-          item.id = _this3.multiple ? String(item[idKey]) : item[idKey];
+          item.id = _this4.multiple ? String(item[idKey]) : item[idKey];
           item.name = item[nameKey] || '';
           var children = item[childrenKey];
           if (isArray$1(children)) {
-            item.children = _this3.recurrenceNodes(children);
+            item.children = _this4.recurrenceNodes(children);
           }
         });
         return list;
@@ -55978,6 +56932,7 @@
           this.selectedList = [];
           this.tmpSelected = [];
           this.exposedId(this.currentList, _oldId);
+          this.searchContent = '';
         }
         this.broadcast('bkCaspanel', 'on-clear');
         this.tippyInstance();
@@ -56043,28 +56998,28 @@
         });
       },
       getSearchList: function getSearchList() {
-        var _this4 = this;
+        var _this5 = this;
         var selections = this.changeList();
         this.searchList = selections.filter(function (item) {
-          return item.name && item.name.indexOf(_this4.searchContent) > -1;
+          return item.name && item.name.indexOf(_this5.searchContent) > -1;
         });
         if (!this.multiple) {
           this.searchList.forEach(function (item) {
-            item.isSelected = _this4.currentList.join(',') === item.id.join(',');
+            item.isSelected = _this5.currentList.join(',') === item.id.join(',');
           });
         }
       },
       changeList: function changeList() {
-        var _this5 = this;
+        var _this6 = this;
         var listInfo = JSON.parse(stringify$1(this.cascadeList));
         var selections = [];
         var getSelections = function getSelections(arr, id, name) {
           arr.forEach(function (item) {
-            item.id = id ? id + _this5.separator + item.id : item.id;
-            item.name = name ? name + _this5.separator + item.name : item.name;
-            if (_this5.checkAnyLevel) {
+            item.id = id ? id + _this6.separator + item.id : item.id;
+            item.name = name ? name + _this6.separator + item.name : item.name;
+            if (_this6.checkAnyLevel) {
               selections.push({
-                id: String(item.id).split(_this5.separator),
+                id: String(item.id).split(_this6.separator),
                 name: item.name,
                 disabled: !!item.disabled,
                 isSelected: !!item.isSelected
@@ -56082,7 +57037,7 @@
                   return false;
                 }
                 selections.push({
-                  id: item.id.split(_this5.separator),
+                  id: item.id.split(_this6.separator),
                   name: item.name,
                   disabled: !!item.disabled,
                   isSelected: !!item.isSelected
@@ -56112,18 +57067,18 @@
         });
       },
       recursiveList: function recursiveList(arr, valueList, type) {
-        var _this6 = this;
+        var _this7 = this;
         arr.forEach(function (arrItem) {
           if (type === 'init') {
-            _this6.$set(arrItem, 'isSelected', false);
-            _this6.$set(arrItem, 'isIndeterminate', false);
+            _this7.$set(arrItem, 'isSelected', false);
+            _this7.$set(arrItem, 'isIndeterminate', false);
           }
           valueList.forEach(function (item) {
             if (isArray$1(item)) {
               if (item[item.length - 1] === arrItem.id) {
                 arrItem.isSelected = true;
               }
-              if (!_this6.checkAnyLevel) {
+              if (!_this7.checkAnyLevel) {
                 item.forEach(function (child) {
                   if (child === arrItem.id) {
                     arrItem.isIndeterminate = true;
@@ -56133,12 +57088,12 @@
             }
           });
           if (arrItem.children && arrItem.children.length) {
-            _this6.recursiveList(arrItem.children, valueList, type);
+            _this7.recursiveList(arrItem.children, valueList, type);
           }
         });
       },
       checkListStatus: function checkListStatus(currentValue) {
-        var _this7 = this;
+        var _this8 = this;
         if (!this.checkAnyLevel) {
           var valueList = [];
           currentValue.forEach(function (item) {
@@ -56159,7 +57114,7 @@
                 }
               });
             };
-            checkInfo(_this7.cascadeList);
+            checkInfo(_this8.cascadeList);
           };
           for (var i = 0; i <= value; i++) {
             _loop(i);
@@ -56167,7 +57122,7 @@
         }
       },
       handleSelectItem: function handleSelectItem(item, index) {
-        var _this8 = this;
+        var _this9 = this;
         if (item.disabled) {
           return;
         }
@@ -56201,19 +57156,19 @@
           this.selectedList = [];
           this.updateSelected();
           setTimeout(function () {
-            _this8.searchContent = _this8.selectedName;
-            _this8.exposedId(_this8.currentList, oldVal);
-            _this8.tippyInstance();
+            _this9.searchContent = _this9.selectedName;
+            _this9.exposedId(_this9.currentList, oldVal);
+            _this9.tippyInstance();
           }, 0);
         }
       },
       handleScrollToRight: function handleScrollToRight() {
-        var _this9 = this;
+        var _this10 = this;
         if (/^\d+(px|vh|vm|re?m)?$/.test(this.maxWidth)) {
           if (this.$refs.refDropdownContent && this.$refs.refDropdownContent.$el) {
             this.$nextTick(function () {
-              var wrapper = _this9.$refs.refDropContentWrapper;
-              var target = _this9.$refs.refDropdownContent.$el;
+              var wrapper = _this10.$refs.refDropContentWrapper;
+              var target = _this10.$refs.refDropdownContent.$el;
               var scrollWidth = target.clientWidth;
               var parentWidth = wrapper.clientWidth;
               var left = scrollWidth > parentWidth ? scrollWidth - parentWidth : 0;