bkui-vue 0.0.2-table-refactor.8 → 0.0.3-beta.1

package/lib/message/index.js

@@ -1,2 +1,1795 @@
-/*! For license information please see index.js.LICENSE.txt */
-import*as e from"vue";import*as t from"../shared";import*as n from"vue-types";import*as r from"../config-provider";import*as o from"../icon";var i={7647:function(e){var t;t=function(){return function(){var e={686:function(e,t,n){n.d(t,{default:function(){return b}});var r=n(279),o=n.n(r),i=n(370),s=n.n(i),a=n(817),c=n.n(a);function l(e){try{return document.execCommand(e)}catch(e){return!1}}var u=function(e){var t=c()(e);return l("cut"),t},f=function(e,t){var n=function(e){var t="rtl"===document.documentElement.getAttribute("dir"),n=document.createElement("textarea");n.style.fontSize="12pt",n.style.border="0",n.style.padding="0",n.style.margin="0",n.style.position="absolute",n.style[t?"right":"left"]="-9999px";var r=window.pageYOffset||document.documentElement.scrollTop;return n.style.top="".concat(r,"px"),n.setAttribute("readonly",""),n.value=e,n}(e);t.container.appendChild(n);var r=c()(n);return l("copy"),n.remove(),r},d=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body},n="";return"string"==typeof e?n=f(e,t):e instanceof HTMLInputElement&&!["text","search","url","tel","password"].includes(null==e?void 0:e.type)?n=f(e.value,t):(n=c()(e),l("copy")),n};function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function y(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function h(e,t){return h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},h(e,t)}function v(e){return v=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},v(e)}function g(e,t){var n="data-clipboard-".concat(e);if(t.hasAttribute(n))return t.getAttribute(n)}var j=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&h(e,t)}(c,e);var t,n,r,o,i,a=(o=c,i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t,n=v(o);if(i){var r=v(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return!(t=e)||"object"!==m(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(this):t});function c(e,t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),(n=a.call(this)).resolveOptions(t),n.listenClick(e),n}return t=c,n=[{key:"resolveOptions",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof e.action?e.action:this.defaultAction,this.target="function"==typeof e.target?e.target:this.defaultTarget,this.text="function"==typeof e.text?e.text:this.defaultText,this.container="object"===m(e.container)?e.container:document.body}},{key:"listenClick",value:function(e){var t=this;this.listener=s()(e,"click",(function(e){return t.onClick(e)}))}},{key:"onClick",value:function(e){var t=e.delegateTarget||e.currentTarget,n=this.action(t)||"copy",r=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.action,n=void 0===t?"copy":t,r=e.container,o=e.target,i=e.text;if("copy"!==n&&"cut"!==n)throw new Error('Invalid "action" value, use either "copy" or "cut"');if(void 0!==o){if(!o||"object"!==p(o)||1!==o.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===n&&o.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===n&&(o.hasAttribute("readonly")||o.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes')}return i?d(i,{container:r}):o?"cut"===n?u(o):d(o,{container:r}):void 0}({action:n,container:this.container,target:this.target(t),text:this.text(t)});this.emit(r?"success":"error",{action:n,text:r,trigger:t,clearSelection:function(){t&&t.focus(),window.getSelection().removeAllRanges()}})}},{key:"defaultAction",value:function(e){return g("action",e)}},{key:"defaultTarget",value:function(e){var t=g("target",e);if(t)return document.querySelector(t)}},{key:"defaultText",value:function(e){return g("text",e)}},{key:"destroy",value:function(){this.listener.destroy()}}],r=[{key:"copy",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body};return d(e,t)}},{key:"cut",value:function(e){return u(e)}},{key:"isSupported",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["copy","cut"],t="string"==typeof e?[e]:e,n=!!document.queryCommandSupported;return t.forEach((function(e){n=n&&!!document.queryCommandSupported(e)})),n}}],n&&y(t.prototype,n),r&&y(t,r),c}(o()),b=j},828:function(e){if("undefined"!=typeof Element&&!Element.prototype.matches){var t=Element.prototype;t.matches=t.matchesSelector||t.mozMatchesSelector||t.msMatchesSelector||t.oMatchesSelector||t.webkitMatchesSelector}e.exports=function(e,t){for(;e&&9!==e.nodeType;){if("function"==typeof e.matches&&e.matches(t))return e;e=e.parentNode}}},438:function(e,t,n){var r=n(828);function o(e,t,n,r,o){var s=i.apply(this,arguments);return e.addEventListener(n,s,o),{destroy:function(){e.removeEventListener(n,s,o)}}}function i(e,t,n,o){return function(n){n.delegateTarget=r(n.target,t),n.delegateTarget&&o.call(e,n)}}e.exports=function(e,t,n,r,i){return"function"==typeof e.addEventListener?o.apply(null,arguments):"function"==typeof n?o.bind(null,document).apply(null,arguments):("string"==typeof e&&(e=document.querySelectorAll(e)),Array.prototype.map.call(e,(function(e){return o(e,t,n,r,i)})))}},879:function(e,t){t.node=function(e){return void 0!==e&&e instanceof HTMLElement&&1===e.nodeType},t.nodeList=function(e){var n=Object.prototype.toString.call(e);return void 0!==e&&("[object NodeList]"===n||"[object HTMLCollection]"===n)&&"length"in e&&(0===e.length||t.node(e[0]))},t.string=function(e){return"string"==typeof e||e instanceof String},t.fn=function(e){return"[object Function]"===Object.prototype.toString.call(e)}},370:function(e,t,n){var r=n(879),o=n(438);e.exports=function(e,t,n){if(!e&&!t&&!n)throw new Error("Missing required arguments");if(!r.string(t))throw new TypeError("Second argument must be a String");if(!r.fn(n))throw new TypeError("Third argument must be a Function");if(r.node(e))return function(e,t,n){return e.addEventListener(t,n),{destroy:function(){e.removeEventListener(t,n)}}}(e,t,n);if(r.nodeList(e))return function(e,t,n){return Array.prototype.forEach.call(e,(function(e){e.addEventListener(t,n)})),{destroy:function(){Array.prototype.forEach.call(e,(function(e){e.removeEventListener(t,n)}))}}}(e,t,n);if(r.string(e))return function(e,t,n){return o(document.body,e,t,n)}(e,t,n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}},817:function(e){e.exports=function(e){var t;if("SELECT"===e.nodeName)e.focus(),t=e.value;else if("INPUT"===e.nodeName||"TEXTAREA"===e.nodeName){var n=e.hasAttribute("readonly");n||e.setAttribute("readonly",""),e.select(),e.setSelectionRange(0,e.value.length),n||e.removeAttribute("readonly"),t=e.value}else{e.hasAttribute("contenteditable")&&e.focus();var r=window.getSelection(),o=document.createRange();o.selectNodeContents(e),r.removeAllRanges(),r.addRange(o),t=r.toString()}return t}},279:function(e){function t(){}t.prototype={on:function(e,t,n){var r=this.e||(this.e={});return(r[e]||(r[e]=[])).push({fn:t,ctx:n}),this},once:function(e,t,n){var r=this;function o(){r.off(e,o),t.apply(n,arguments)}return o._=t,this.on(e,o,n)},emit:function(e){for(var t=[].slice.call(arguments,1),n=((this.e||(this.e={}))[e]||[]).slice(),r=0,o=n.length;r<o;r++)n[r].fn.apply(n[r].ctx,t);return this},off:function(e,t){var n=this.e||(this.e={}),r=n[e],o=[];if(r&&t)for(var i=0,s=r.length;i<s;i++)r[i].fn!==t&&r[i].fn._!==t&&o.push(r[i]);return o.length?n[e]=o:delete n[e],this}},e.exports=t,e.exports.TinyEmitter=t}},t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={exports:{}};return e[r](o,o.exports,n),o.exports}return n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n(686)}().default},e.exports=t()},4346:function(e){e.exports=function(){function e(e){return null===e?"null":typeof e}function t(e){return!!e&&"object"==typeof e}function n(e){if(void 0===e)return"";if(null===e)return"Object";if("object"==typeof e&&!e.constructor)return"Object";var t=/function ([^(]*)/.exec(e.constructor.toString());return t&&t.length>1?t[1]:""}function r(e,t,n){return"null"===e||"undefined"===e?e:("string"!==e&&"stringifiable"!==e||(n='"'+n.replace(/"/g,'\\"')+'"'),"function"===e?t.toString().replace(/[\r\n]/g,"").replace(/\{.*\}/,"")+"{…}":n)}function o(o){var i="";return t(o)?(i=n(o),Array.isArray(o)&&(i+="["+o.length+"]")):i=r(e(o),o,o),i}function i(e){return"json-formatter-"+e}function s(e,t,n){var r=document.createElement(e);return t&&r.classList.add(i(t)),void 0!==n&&(n instanceof Node?r.appendChild(n):r.appendChild(document.createTextNode(String(n)))),r}!function(e){if(e&&"undefined"!=typeof window){var t=document.createElement("style");t.setAttribute("media","screen"),t.innerHTML=e,document.head.appendChild(t)}}('.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)?$/,c=/\d{2}:\d{2}:\d{2} GMT-\d{4}/,l=/\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}Z/,u=window.requestAnimationFrame||function(e){return e(),0},f={hoverPreviewEnabled:!1,hoverPreviewArrayCount:100,hoverPreviewFieldCount:5,animateOpen:!0,animateClose:!0,theme:null,useToJSON:!0,sortPropertiesBy:null};return function(){function d(e,t,n,r){void 0===t&&(t=1),void 0===n&&(n=f),this.json=e,this.open=t,this.config=n,this.key=r,this._isOpen=null,void 0===this.config.hoverPreviewEnabled&&(this.config.hoverPreviewEnabled=f.hoverPreviewEnabled),void 0===this.config.hoverPreviewArrayCount&&(this.config.hoverPreviewArrayCount=f.hoverPreviewArrayCount),void 0===this.config.hoverPreviewFieldCount&&(this.config.hoverPreviewFieldCount=f.hoverPreviewFieldCount),void 0===this.config.useToJSON&&(this.config.useToJSON=f.useToJSON),""===this.key&&(this.key='""')}return Object.defineProperty(d.prototype,"isOpen",{get:function(){return null!==this._isOpen?this._isOpen:this.open>0},set:function(e){this._isOpen=e},enumerable:!0,configurable:!0}),Object.defineProperty(d.prototype,"isDate",{get:function(){return this.json instanceof Date||"string"===this.type&&(a.test(this.json)||l.test(this.json)||c.test(this.json))},enumerable:!0,configurable:!0}),Object.defineProperty(d.prototype,"isUrl",{get:function(){return"string"===this.type&&0===this.json.indexOf("http")},enumerable:!0,configurable:!0}),Object.defineProperty(d.prototype,"isArray",{get:function(){return Array.isArray(this.json)},enumerable:!0,configurable:!0}),Object.defineProperty(d.prototype,"isObject",{get:function(){return t(this.json)},enumerable:!0,configurable:!0}),Object.defineProperty(d.prototype,"isEmptyObject",{get:function(){return!this.keys.length&&!this.isArray},enumerable:!0,configurable:!0}),Object.defineProperty(d.prototype,"isEmpty",{get:function(){return this.isEmptyObject||this.keys&&!this.keys.length&&this.isArray},enumerable:!0,configurable:!0}),Object.defineProperty(d.prototype,"useToJSON",{get:function(){return this.config.useToJSON&&"stringifiable"===this.type},enumerable:!0,configurable:!0}),Object.defineProperty(d.prototype,"hasKey",{get:function(){return void 0!==this.key},enumerable:!0,configurable:!0}),Object.defineProperty(d.prototype,"constructorName",{get:function(){return n(this.json)},enumerable:!0,configurable:!0}),Object.defineProperty(d.prototype,"type",{get:function(){return this.config.useToJSON&&this.json&&this.json.toJSON?"stringifiable":e(this.json)},enumerable:!0,configurable:!0}),Object.defineProperty(d.prototype,"keys",{get:function(){if(this.isObject){var e=Object.keys(this.json);return!this.isArray&&this.config.sortPropertiesBy?e.sort(this.config.sortPropertiesBy):e}return[]},enumerable:!0,configurable:!0}),d.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")))},d.prototype.openAtDepth=function(e){void 0===e&&(e=1),e<0||(this.open=e,this.isOpen=0!==e,this.element&&(this.removeChildren(!1),0===e?this.element.classList.remove(i("open")):(this.appendChildren(this.config.animateOpen),this.element.classList.add(i("open")))))},d.prototype.getInlinepreview=function(){var e=this;if(this.isArray)return this.json.length>this.config.hoverPreviewArrayCount?"Array["+this.json.length+"]":"["+this.json.map(o).join(", ")+"]";var t=this.keys,n=t.slice(0,this.config.hoverPreviewFieldCount).map((function(t){return t+":"+o(e.json[t])})),r=t.length>=this.config.hoverPreviewFieldCount?"…":"";return"{"+n.join(", ")+r+"}"},d.prototype.render=function(){this.element=s("div","row");var e=this.isObject?s("a","toggler-link"):s("span");if(this.isObject&&!this.useToJSON&&e.appendChild(s("span","toggler")),this.hasKey&&e.appendChild(s("span","key",this.key+":")),this.isObject&&!this.useToJSON){var t=s("span","value"),n=s("span"),o=s("span","constructor-name",this.constructorName);if(n.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","]")),n.appendChild(a)}t.appendChild(n),e.appendChild(t)}else{(t=this.isUrl?s("a"):s("span")).classList.add(i(this.type)),this.isDate&&t.classList.add(i("date")),this.isUrl&&(t.classList.add(i("url")),t.setAttribute("href",this.json));var c=r(this.type,this.json,this.useToJSON?this.json.toJSON():this.json);t.appendChild(document.createTextNode(c)),e.appendChild(t)}if(this.isObject&&this.config.hoverPreviewEnabled){var l=s("span","preview-text");l.appendChild(document.createTextNode(this.getInlinepreview())),e.appendChild(l)}var u=s("div","children");return this.isObject&&u.classList.add(i("object")),this.isArray&&u.classList.add(i("array")),this.isEmpty&&u.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(e),this.element.appendChild(u),this.isObject&&this.isOpen&&this.appendChildren(),this.isObject&&!this.useToJSON&&e.addEventListener("click",this.toggleOpen.bind(this)),this.element},d.prototype.appendChildren=function(e){var t=this;void 0===e&&(e=!1);var n=this.element.querySelector("div."+i("children"));if(n&&!this.isEmpty)if(e){var r=0,o=function(){var e=t.keys[r],i=new d(t.json[e],t.open-1,t.config,e);n.appendChild(i.render()),(r+=1)<t.keys.length&&(r>10?o():u(o))};u(o)}else this.keys.forEach((function(e){var r=new d(t.json[e],t.open-1,t.config,e);n.appendChild(r.render())}))},d.prototype.removeChildren=function(e){void 0===e&&(e=!1);var t=this.element.querySelector("div."+i("children"));if(e){var n=0,r=function(){t&&t.children.length&&(t.removeChild(t.children[0]),(n+=1)>10?r():u(r))};u(r)}else t&&(t.innerHTML="")},d}()}()}},s={};function a(e){var t=s[e];if(void 0!==t)return t.exports;var n=s[e]={exports:{}};return i[e].call(n.exports,n,n.exports,a),n.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var c={};(()=>{a.d(c,{Z:()=>E});const i=(s={Fragment:()=>e.Fragment,Transition:()=>e.Transition,computed:()=>e.computed,createVNode:()=>e.createVNode,defineComponent:()=>e.defineComponent,isVNode:()=>e.isVNode,onMounted:()=>e.onMounted,onUnmounted:()=>e.onUnmounted,reactive:()=>e.reactive,ref:()=>e.ref,render:()=>e.render,vShow:()=>e.vShow,watch:()=>e.watch,withDirectives:()=>e.withDirectives},l={},a.d(l,s),l);var s,l;const u=(e=>{var t={};return a.d(t,e),t})({PropTypes:()=>t.PropTypes,bkZIndexManager:()=>t.bkZIndexManager,isElement:()=>t.isElement});var f={"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]},d=1;function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function m(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function h(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==y(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!==y(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===y(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var v=a(7647),g=a.n(v),j=a(4346),b=a.n(j);const w=(e=>{var t={};return a.d(t,e),t})({toType:()=>n.toType}),S=(e=>{var t={};return a.d(t,e),t})({useLocale:()=>r.useLocale,usePrefix:()=>r.usePrefix}),C=(e=>{var t={};return a.d(t,e),t})({AngleDoubleDownLine:()=>o.AngleDoubleDownLine,AngleDoubleUpLine:()=>o.AngleDoubleUpLine,Assistant:()=>o.Assistant,Close:()=>o.Close,CopyShape:()=>o.CopyShape,Error:()=>o.Error,FixLine:()=>o.FixLine,FixShape:()=>o.FixShape,Info:()=>o.Info,Success:()=>o.Success,Warn:()=>o.Warn});var k,T,O;!function(e){e.PRIMARY="primary",e.WARNING="warning",e.SUCCESS="success",e.ERROR="error"}(k||(k={})),function(e){e.KEY_VALUE="key-value",e.JSON="json"}(T||(T={})),function(e){e.ASSISTANT="assistant",e.DETAILS="details",e.FIX="fix",e.CLOSE="close"}(O||(O={}));var x={id:u.PropTypes.string.def(""),message:(0,w.toType)("IMessage",{}),theme:(0,w.toType)("messageTheme",{}).def(k.PRIMARY),delay:u.PropTypes.number,dismissable:u.PropTypes.bool.def(!0),offsetY:u.PropTypes.number.def(30),spacing:u.PropTypes.number.def(10),extCls:u.PropTypes.string.def(""),onClose:u.PropTypes.func,getContainer:u.PropTypes.instanceOf(HTMLElement),width:u.PropTypes.oneOfType([u.PropTypes.number,u.PropTypes.string]),minWidth:u.PropTypes.oneOfType([u.PropTypes.number,u.PropTypes.string]).def(100),maxWidth:u.PropTypes.oneOfType([u.PropTypes.number,u.PropTypes.string]).def("100%"),actions:(0,w.toType)("IMessageAction",{})};const N=(0,i.defineComponent)({name:"Message",props:x,emits:["destroy","detail"],setup:function(e,t){var n,r=this,o=t.emit,s=t.slots,a=t.expose,c=(0,S.useLocale)("message"),l=(0,S.usePrefix)().resolveClassName,f=(0,i.computed)((function(){return["".concat(l("message")),"".concat(l("message-".concat(e.theme))),"".concat(e.extCls)]})),d=u.bkZIndexManager.getMessageNextIndex(),p=(0,i.computed)((function(){return/^\d+\.?\d*$/.test("".concat(e.delay))?e.delay:"object"!==y(e.message)||(0,i.isVNode)(e.message)?3e3:8e3})),v=function(t){return"number"==typeof e[t]?"".concat(e[t],"px"):e[t]},j=(0,i.computed)((function(){var t={maxWidth:v("maxWidth"),minWidth:v("minWidth")},n="object"===y(e.message)&&!(0,i.isVNode)(e.message);return/%$/.test("".concat(e.width))||/auto/gi.test("".concat(e.width))?Object.assign({width:e.width},t):/^\d+/.test("".concat(e.width))?/^\d+\.?\d*$/.test("".concat(e.width))?Object.assign({width:"".concat(e.width,"px")},t):Object.assign({width:e.width},t):n?{width:"".concat(800,"px")}:{width:"".concat(560,"px")}})),w=(0,i.computed)((function(){return e.getContainer&&(0,u.isElement)(e.getContainer)})),k=(0,i.computed)((function(){return Object.assign({top:"".concat(e.offsetY,"px"),zIndex:d,position:w.value?"absolute":"fixed"},j.value)})),x=(0,i.ref)(null),N=(0,i.ref)(null),E=(0,i.ref)(null),A=(0,i.ref)(!1),L=(0,i.reactive)({isFix:!1,isDetailShow:!1}),P=null,V=function(){P=setTimeout((function(){L.isFix||(A.value=!1)}),p.value)},M=function(e){e.preventDefault(),e.stopPropagation(),A.value=!1},D=(0,i.ref)(null),F=function(){var t=new(g())(E.value,{text:function(){return function(e){var t=e;if("object"===y(e))try{t=JSON.stringify(e)}catch(e){console.error("JSON.stringify Error: ".concat(e))}return t}(e.message.details)}});I(t)},I=function(e,t){["success","error"].forEach((function(r){e.on(r,(function(e){var o=N.value;if(D.value=r,o){var i,s,a=e.trigger,c=a.offsetLeft,l=a.offsetWidth,u=a.offsetTop,f=e.trigger.closest(".message-tree"),d=f?f.scrollTop:0;(i=o.classList).remove.apply(i,["success","error","is-hidden"]),(s=o.classList).add.apply(s,[r,"is-show"]);var p=c+l/2-41,m=u-d-40;o.style.setProperty("transform","translate(".concat(p,"px, ").concat(m,"px")),n&&clearTimeout(n),n=setTimeout((function(){var e,t;(e=o.classList).remove.apply(e,["is-show"]),(t=o.classList).add.apply(t,["is-hidden"])}),2e3)}"function"==typeof t&&t()}))}))},R=function(){var e=new(g())(x.value.querySelectorAll("span.copy-value"),{text:function(e){return e.innerHTML}});I(e)},J=function(e){var t=e;if("string"==typeof e)try{t=JSON.parse(e)}catch(e){console.error("Format Json Error: ".concat(e))}return t},_=function(t,n){if(L.isDetailShow=null!=n?n:!L.isDetailShow,U(t,L.isDetailShow),L.isDetailShow&&"object"===y(e.message)&&!(0,i.isVNode)(e.message)){if(e.message.type===T.JSON||!e.message.type){var r=J(e.message.details),s=new(b())(r);setTimeout((function(){x.value&&(x.value.innerHTML="",x.value.append(s.render())),F()}))}e.message.type===T.KEY_VALUE&&setTimeout((function(){F(),R()})),o("detail",L.isDetailShow,e.id)}},U=function(e,t){L.isFix=null!=t?t:!L.isFix},H=function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];"object"===y(e.message)&&!(0,i.isVNode)(e.message)&&(t?document.removeEventListener("keydown",W):document.addEventListener("keydown",W))},W=function(e){e.altKey&&80===e.keyCode&&U(e)};(0,i.onMounted)((function(){p.value&&V(),A.value=!0,H()})),(0,i.onUnmounted)((function(){clearTimeout(P),H(!0)})),(0,i.watch)(A,(function(){A.value||o("destroy",e.id)}));var Y=(0,i.computed)((function(){var t;return h(t={},O.ASSISTANT,{id:O.ASSISTANT,icon:function(){return(0,i.createVNode)(C.Assistant,null,null)},text:function(){return c.value.assistant},onClick:function(t){e.message.assistant&&window.open(e.message.assistant,"_blank")}}),h(t,O.DETAILS,{id:O.DETAILS,icon:function(){return L.isDetailShow?(0,i.createVNode)(C.AngleDoubleUpLine,null,null):(0,i.createVNode)(C.AngleDoubleDownLine,null,null)},text:function(){return c.value.details},onClick:function(e){return _(e)}}),h(t,O.FIX,{id:O.FIX,icon:function(){return L.isFix?(0,i.createVNode)(C.FixShape,null,null):(0,i.createVNode)(C.FixLine,null,null)},classList:L.isFix?"fixed":"",onClick:function(e){return U(e)}}),h(t,O.CLOSE,{id:O.CLOSE,classList:"normal-color",icon:function(){return e.dismissable&&(0,i.createVNode)(C.Error,{class:"".concat(l("message-close")),onClick:M},null)},onClick:M}),t})),q=[O.ASSISTANT,O.DETAILS,O.FIX,O.CLOSE],B=(0,i.computed)((function(){var t;if((null===(t=e.actions)||void 0===t?void 0:t.length)>0){var n=e.actions.map((function(e){var t=e.id.toLocaleLowerCase(),n=Y.value[t],o=null==n?void 0:n.onClick,i=Object.assign({},Y.value[t]||{},e);if(i.id=t,void 0!==e.classList){var s=Array.isArray(e.classList)?e.classList:[e.classList],a=[];void 0!==n.classList&&(a=Array.isArray(n.classList)?n.classList:[n.classList]),i.classList=[].concat(m(a),m(s))}return"function"==typeof e.onClick?(i.onClick=function(){var t=Reflect.apply(e.onClick,r,[]);void 0!==y(t)&&!t||"function"!=typeof o||Reflect.apply(o,r,[])},i):(i.onClick=o,i)})),o=q.filter((function(e){return!n.some((function(t){return t.id===e}))})).map((function(e){return Y.value[e]}));return n.push.apply(n,m(o)),n}return q.map((function(e){return Y.value[e]}))}));return a({setDetailsShow:_}),{classNames:f,styles:k,visible:A,close:M,setDetailsShow:_,fixMesage:U,copyMessage:F,parseToJson:J,handleMouseenter:function(e){clearTimeout(P)},handleMouseleave:function(e){p.value&&V()},renderMessageActions:function(){var e,t,n=function(e){var t=e.text,n=void 0;if("function"==typeof t&&(n=Reflect.apply(t,r,[])),void 0!==n)return"string"==typeof n?(0,i.createVNode)("span",{class:"message-action-text"},[n]):n};return null!==(t=null===(e=s.action)||void 0===e?void 0:e.call(s))&&void 0!==t?t:B.value.map((function(e){if(e.disabled)return null;if("function"==typeof e.render)return Reflect.apply(e.render,r,[]);var t,o,s=Array.isArray(e.classList)?e.classList.join(" "):e.classList;return(0,i.createVNode)("span",{class:["tool",e.id,s],onClick:function(t){return function(e,t){t.readonly||t.disabled||"function"==typeof t.onClick&&Reflect.apply(t.onClick,r,[e,t])}(t,e)}},[(t=e,o=t.icon,"function"==typeof o?Reflect.apply(o,r,[]):(0,i.createVNode)("span",{class:o},null)),n(e)])}))},refJsonContent:x,refCopyStatus:N,refCopyMsgDiv:E,toolOperation:L,copyStatus:D,t:c,resolveClassName:l,copyValueItem:R}},render:function(){var e=this,t=function(t){return{primary:(0,i.createVNode)(C.Info,null,null),warning:(0,i.createVNode)(C.Warn,null,null),success:(0,i.createVNode)(C.Success,null,null),error:(0,i.createVNode)(C.Close,null,null)}[null!=t?t:e.theme]},n=function(t){if(t.type===T.KEY_VALUE){var n=e.parseToJson(t.details||{});return Object.keys(n).map((function(e){return(0,i.createVNode)("div",{class:"message-row"},[(0,i.createVNode)("label",null,[e]),(0,i.createVNode)("span",{class:"copy-value"},[n[e]])])}))}};return(0,i.createVNode)(i.Transition,{name:"bk-message-fade"},{default:function(){return[(0,i.withDirectives)((0,i.createVNode)("div",{class:e.classNames,style:e.styles,onMouseenter:e.handleMouseenter,onMouseleave:e.handleMouseleave},["object"!==y(e.message)||(0,i.isVNode)(e.message)?(0,i.createVNode)(i.Fragment,null,[(0,i.createVNode)("div",{class:"".concat(e.resolveClassName("message-content"))},[(0,i.createVNode)("div",{class:"".concat(e.resolveClassName("message-icon"))},[t()]),e.message]),e.dismissable&&(0,i.createVNode)(C.Error,{class:"".concat(e.resolveClassName("message-close")),onClick:e.close},null)]):(0,i.createVNode)("div",{class:"".concat(e.resolveClassName("message-content")," multi")},[(0,i.createVNode)("div",{class:"overview"},[(0,i.createVNode)("div",{class:"left-content"},[(0,i.createVNode)("div",{class:"".concat(e.resolveClassName("message-icon"))},[t()]),(0,i.createVNode)("div",{class:"describe"},[null!==(s=null===(o=(r=e.$slots).title)||void 0===o?void 0:o.call(r))&&void 0!==s?s:"【".concat(e.message.code,"】").concat(e.message.overview," ").concat(e.message.suggestion)])]),(0,i.createVNode)("div",{class:"tools"},[e.renderMessageActions()])]),e.toolOperation.isDetailShow&&(0,i.createVNode)("div",{class:"message-detail"},[(0,i.createVNode)("div",{class:"message-copy",ref:"refCopyMsgDiv"},[(0,i.createVNode)(C.CopyShape,null,null)]),(0,i.createVNode)("div",{class:"copy-status",ref:"refCopyStatus"},[(0,i.createVNode)("div",{class:"inner"},[t(e.copyStatus),"success"===e.copyStatus?e.t.copySuccess:e.t.copyFailed])]),(0,i.createVNode)("div",{ref:"refJsonContent",class:"message-tree"},[n(e.message)])])])]),[[i.vShow,e.visible]])];var r,o,s}})}}),E=function(e){!function(e,t){var n=t,r=n.position||"top-right";"string"==typeof t&&(n={message:t});var o=t.onClose,s=n.offsetX||10,a=n.offsetY||30,c=n.spacing,l=void 0===c?10:c;f[r].forEach((function(e){a+=(e.el.offsetHeight||0)+l}));var p="message_".concat(d+=1);n=Object.assign(Object.assign({},n),{offsetX:s,offsetY:a,id:p});var m=document.createElement("div"),y=(0,i.createVNode)(e,n);y.props.onDestroy=function(e){!function(e,t,n,r){null==r||r();var o=t.startsWith("top")?"top":"bottom",i=-1;f[t].forEach((function(t,n){t.props.id===e&&(i=n)}));for(var s=f[t][i].el.offsetHeight,a=f[t].length,c=i;c<a;c++){var l=parseInt(f[t][c].el.style[o],10)-s-n;f[t][c].component.props.offsetY=l}f[t].splice(i,1)}(e,r,l,o),(0,i.render)(null,m)},y.props.onDetail=function(e,t){f[r].forEach((function(e){var n,r;e.props.id!==t&&(null===(r=null===(n=e.component)||void 0===n?void 0:n.exposed)||void 0===r||r.setDetailsShow(null,!1))}))},(0,i.render)(y,m),f[r].push(y),(y.props.getContainer&&(0,u.isElement)(y.props.getContainer)?y.props.getContainer:document.body).appendChild(m.firstElementChild)}(N,e)}})();var l=c.Z;export{l as default};
+import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
+import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
+import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
+import * as __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__ from "../config-provider";
+import * as __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__ from "../icon";
+/******/ var __webpack_modules__ = ({
+
+/***/ 7647:
+/***/ (function(module) {
+
+/*!
+ * clipboard.js v2.0.11
+ * https://clipboardjs.com/
+ *
+ * Licensed MIT © Zeno Rocha
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(true)
+		module.exports = factory();
+	else {}
+})(this, function() {
+return /******/ (function() { // webpackBootstrap
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 686:
+/***/ (function(__unused_webpack_module, __nested_webpack_exports__, __nested_webpack_require_623__) {
+
+"use strict";
+
+// EXPORTS
+__nested_webpack_require_623__.d(__nested_webpack_exports__, {
+  "default": function() { return /* binding */ clipboard; }
+});
+
+// EXTERNAL MODULE: ./node_modules/tiny-emitter/index.js
+var tiny_emitter = __nested_webpack_require_623__(279);
+var tiny_emitter_default = /*#__PURE__*/__nested_webpack_require_623__.n(tiny_emitter);
+// EXTERNAL MODULE: ./node_modules/good-listener/src/listen.js
+var listen = __nested_webpack_require_623__(370);
+var listen_default = /*#__PURE__*/__nested_webpack_require_623__.n(listen);
+// EXTERNAL MODULE: ./node_modules/select/src/select.js
+var src_select = __nested_webpack_require_623__(817);
+var select_default = /*#__PURE__*/__nested_webpack_require_623__.n(src_select);
+;// CONCATENATED MODULE: ./src/common/command.js
+/**
+ * Executes a given operation type.
+ * @param {String} type
+ * @return {Boolean}
+ */
+function command(type) {
+  try {
+    return document.execCommand(type);
+  } catch (err) {
+    return false;
+  }
+}
+;// CONCATENATED MODULE: ./src/actions/cut.js
+
+
+/**
+ * Cut action wrapper.
+ * @param {String|HTMLElement} target
+ * @return {String}
+ */
+
+var ClipboardActionCut = function ClipboardActionCut(target) {
+  var selectedText = select_default()(target);
+  command('cut');
+  return selectedText;
+};
+
+/* harmony default export */ var actions_cut = (ClipboardActionCut);
+;// CONCATENATED MODULE: ./src/common/create-fake-element.js
+/**
+ * Creates a fake textarea element with a value.
+ * @param {String} value
+ * @return {HTMLElement}
+ */
+function createFakeElement(value) {
+  var isRTL = document.documentElement.getAttribute('dir') === 'rtl';
+  var fakeElement = document.createElement('textarea'); // Prevent zooming on iOS
+
+  fakeElement.style.fontSize = '12pt'; // Reset box model
+
+  fakeElement.style.border = '0';
+  fakeElement.style.padding = '0';
+  fakeElement.style.margin = '0'; // Move element out of screen horizontally
+
+  fakeElement.style.position = 'absolute';
+  fakeElement.style[isRTL ? 'right' : 'left'] = '-9999px'; // Move element to the same position vertically
+
+  var yPosition = window.pageYOffset || document.documentElement.scrollTop;
+  fakeElement.style.top = "".concat(yPosition, "px");
+  fakeElement.setAttribute('readonly', '');
+  fakeElement.value = value;
+  return fakeElement;
+}
+;// CONCATENATED MODULE: ./src/actions/copy.js
+
+
+
+/**
+ * Create fake copy action wrapper using a fake element.
+ * @param {String} target
+ * @param {Object} options
+ * @return {String}
+ */
+
+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;
+};
+/**
+ * Copy action wrapper.
+ * @param {String|HTMLElement} target
+ * @param {Object} options
+ * @return {String}
+ */
+
+
+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)) {
+    // If input type doesn't support `setSelectionRange`. Simulate it. https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange
+    selectedText = fakeCopyAction(target.value, options);
+  } else {
+    selectedText = select_default()(target);
+    command('copy');
+  }
+
+  return selectedText;
+};
+
+/* harmony default export */ var actions_copy = (ClipboardActionCopy);
+;// CONCATENATED MODULE: ./src/actions/default.js
+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); }
+
+
+
+/**
+ * Inner function which performs selection from either `text` or `target`
+ * properties and then executes copy or cut operations.
+ * @param {Object} options
+ */
+
+var ClipboardActionDefault = function ClipboardActionDefault() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  // Defines base properties passed from constructor.
+  var _options$action = options.action,
+      action = _options$action === void 0 ? 'copy' : _options$action,
+      container = options.container,
+      target = options.target,
+      text = options.text; // Sets the `action` to be performed which can be either 'copy' or 'cut'.
+
+  if (action !== 'copy' && action !== 'cut') {
+    throw new Error('Invalid "action" value, use either "copy" or "cut"');
+  } // Sets the `target` property using an element that will be have its content copied.
+
+
+  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');
+    }
+  } // Define selection strategy based on `text` property.
+
+
+  if (text) {
+    return actions_copy(text, {
+      container: container
+    });
+  } // Defines which selection strategy based on `target` property.
+
+
+  if (target) {
+    return action === 'cut' ? actions_cut(target) : actions_copy(target, {
+      container: container
+    });
+  }
+};
+
+/* harmony default export */ var actions_default = (ClipboardActionDefault);
+;// CONCATENATED MODULE: ./src/clipboard.js
+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); }
+
+
+
+
+
+
+/**
+ * Helper function to retrieve attribute value.
+ * @param {String} suffix
+ * @param {Element} element
+ */
+
+function getAttributeValue(suffix, element) {
+  var attribute = "data-clipboard-".concat(suffix);
+
+  if (!element.hasAttribute(attribute)) {
+    return;
+  }
+
+  return element.getAttribute(attribute);
+}
+/**
+ * Base class which takes one or more elements, adds event listeners to them,
+ * and instantiates a new `ClipboardAction` on each click.
+ */
+
+
+var Clipboard = /*#__PURE__*/function (_Emitter) {
+  _inherits(Clipboard, _Emitter);
+
+  var _super = _createSuper(Clipboard);
+
+  /**
+   * @param {String|HTMLElement|HTMLCollection|NodeList} trigger
+   * @param {Object} options
+   */
+  function Clipboard(trigger, options) {
+    var _this;
+
+    _classCallCheck(this, Clipboard);
+
+    _this = _super.call(this);
+
+    _this.resolveOptions(options);
+
+    _this.listenClick(trigger);
+
+    return _this;
+  }
+  /**
+   * Defines if attributes would be resolved using internal setter functions
+   * or custom functions that were passed in the constructor.
+   * @param {Object} options
+   */
+
+
+  _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;
+    }
+    /**
+     * Adds a click event listener to the passed trigger.
+     * @param {String|HTMLElement|HTMLCollection|NodeList} trigger
+     */
+
+  }, {
+    key: "listenClick",
+    value: function listenClick(trigger) {
+      var _this2 = this;
+
+      this.listener = listen_default()(trigger, 'click', function (e) {
+        return _this2.onClick(e);
+      });
+    }
+    /**
+     * Defines a new `ClipboardAction` on each click event.
+     * @param {Event} 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)
+      }); // Fires an event based on the copy operation result.
+
+      this.emit(text ? 'success' : 'error', {
+        action: action,
+        text: text,
+        trigger: trigger,
+        clearSelection: function clearSelection() {
+          if (trigger) {
+            trigger.focus();
+          }
+
+          window.getSelection().removeAllRanges();
+        }
+      });
+    }
+    /**
+     * Default `action` lookup function.
+     * @param {Element} trigger
+     */
+
+  }, {
+    key: "defaultAction",
+    value: function defaultAction(trigger) {
+      return getAttributeValue('action', trigger);
+    }
+    /**
+     * Default `target` lookup function.
+     * @param {Element} trigger
+     */
+
+  }, {
+    key: "defaultTarget",
+    value: function defaultTarget(trigger) {
+      var selector = getAttributeValue('target', trigger);
+
+      if (selector) {
+        return document.querySelector(selector);
+      }
+    }
+    /**
+     * Allow fire programmatically a copy action
+     * @param {String|HTMLElement} target
+     * @param {Object} options
+     * @returns Text copied.
+     */
+
+  }, {
+    key: "defaultText",
+
+    /**
+     * Default `text` lookup function.
+     * @param {Element} trigger
+     */
+    value: function defaultText(trigger) {
+      return getAttributeValue('text', trigger);
+    }
+    /**
+     * Destroy lifecycle.
+     */
+
+  }, {
+    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);
+    }
+    /**
+     * Allow fire programmatically a cut action
+     * @param {String|HTMLElement} target
+     * @returns Text cutted.
+     */
+
+  }, {
+    key: "cut",
+    value: function cut(target) {
+      return actions_cut(target);
+    }
+    /**
+     * Returns the support of the given action, or all actions if no action is
+     * given.
+     * @param {String} [action]
+     */
+
+  }, {
+    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()));
+
+/* harmony default export */ var clipboard = (Clipboard);
+
+/***/ }),
+
+/***/ 828:
+/***/ (function(module) {
+
+var DOCUMENT_NODE_TYPE = 9;
+
+/**
+ * A polyfill for Element.matches()
+ */
+if (typeof Element !== 'undefined' && !Element.prototype.matches) {
+    var proto = Element.prototype;
+
+    proto.matches = proto.matchesSelector ||
+                    proto.mozMatchesSelector ||
+                    proto.msMatchesSelector ||
+                    proto.oMatchesSelector ||
+                    proto.webkitMatchesSelector;
+}
+
+/**
+ * Finds the closest parent that matches a selector.
+ *
+ * @param {Element} element
+ * @param {String} selector
+ * @return {Function}
+ */
+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, __nested_webpack_require_15749__) {
+
+var closest = __nested_webpack_require_15749__(828);
+
+/**
+ * Delegates event to a selector.
+ *
+ * @param {Element} element
+ * @param {String} selector
+ * @param {String} type
+ * @param {Function} callback
+ * @param {Boolean} useCapture
+ * @return {Object}
+ */
+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);
+        }
+    }
+}
+
+/**
+ * Delegates event to a selector.
+ *
+ * @param {Element|String|Array} [elements]
+ * @param {String} selector
+ * @param {String} type
+ * @param {Function} callback
+ * @param {Boolean} useCapture
+ * @return {Object}
+ */
+function delegate(elements, selector, type, callback, useCapture) {
+    // Handle the regular Element usage
+    if (typeof elements.addEventListener === 'function') {
+        return _delegate.apply(null, arguments);
+    }
+
+    // Handle Element-less usage, it defaults to global delegation
+    if (typeof type === 'function') {
+        // Use `document` as the first parameter, then apply arguments
+        // This is a short way to .unshift `arguments` without running into deoptimizations
+        return _delegate.bind(null, document).apply(null, arguments);
+    }
+
+    // Handle Selector-based usage
+    if (typeof elements === 'string') {
+        elements = document.querySelectorAll(elements);
+    }
+
+    // Handle Array-like based usage
+    return Array.prototype.map.call(elements, function (element) {
+        return _delegate(element, selector, type, callback, useCapture);
+    });
+}
+
+/**
+ * Finds closest match and invokes callback.
+ *
+ * @param {Element} element
+ * @param {String} selector
+ * @param {String} type
+ * @param {Function} callback
+ * @return {Function}
+ */
+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) {
+
+/**
+ * Check if argument is a HTML element.
+ *
+ * @param {Object} value
+ * @return {Boolean}
+ */
+exports.node = function(value) {
+    return value !== undefined
+        && value instanceof HTMLElement
+        && value.nodeType === 1;
+};
+
+/**
+ * Check if argument is a list of HTML elements.
+ *
+ * @param {Object} value
+ * @return {Boolean}
+ */
+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]));
+};
+
+/**
+ * Check if argument is a string.
+ *
+ * @param {Object} value
+ * @return {Boolean}
+ */
+exports.string = function(value) {
+    return typeof value === 'string'
+        || value instanceof String;
+};
+
+/**
+ * Check if argument is a function.
+ *
+ * @param {Object} value
+ * @return {Boolean}
+ */
+exports.fn = function(value) {
+    var type = Object.prototype.toString.call(value);
+
+    return type === '[object Function]';
+};
+
+
+/***/ }),
+
+/***/ 370:
+/***/ (function(module, __unused_webpack_exports, __nested_webpack_require_19113__) {
+
+var is = __nested_webpack_require_19113__(879);
+var delegate = __nested_webpack_require_19113__(438);
+
+/**
+ * Validates all params and calls the right
+ * listener function based on its target type.
+ *
+ * @param {String|HTMLElement|HTMLCollection|NodeList} target
+ * @param {String} type
+ * @param {Function} callback
+ * @return {Object}
+ */
+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');
+    }
+}
+
+/**
+ * Adds an event listener to a HTML element
+ * and returns a remove listener function.
+ *
+ * @param {HTMLElement} node
+ * @param {String} type
+ * @param {Function} callback
+ * @return {Object}
+ */
+function listenNode(node, type, callback) {
+    node.addEventListener(type, callback);
+
+    return {
+        destroy: function() {
+            node.removeEventListener(type, callback);
+        }
+    }
+}
+
+/**
+ * Add an event listener to a list of HTML elements
+ * and returns a remove listener function.
+ *
+ * @param {NodeList|HTMLCollection} nodeList
+ * @param {String} type
+ * @param {Function} callback
+ * @return {Object}
+ */
+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);
+            });
+        }
+    }
+}
+
+/**
+ * Add an event listener to a selector
+ * and returns a remove listener function.
+ *
+ * @param {String} selector
+ * @param {String} type
+ * @param {Function} callback
+ * @return {Object}
+ */
+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 () {
+  // Keep this empty so it's easier to inherit from
+  // (via https://github.com/lipsmack from https://github.com/scottcorgan/tiny-emitter/issues/3)
+}
+
+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]);
+      }
+    }
+
+    // Remove event from queue to prevent memory leak
+    // Suggested by https://github.com/lazd
+    // Ref: https://github.com/scottcorgan/tiny-emitter/commit/c6ebfaa9bc973b33d110a84a307742b7cf94c953#commitcomment-5024910
+
+    (liveEvents.length)
+      ? e[name] = liveEvents
+      : delete e[name];
+
+    return this;
+  }
+};
+
+module.exports = E;
+module.exports.TinyEmitter = E;
+
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __nested_webpack_require_24495__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		if(__webpack_module_cache__[moduleId]) {
+/******/ 			return __webpack_module_cache__[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_24495__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	!function() {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__nested_webpack_require_24495__.n = function(module) {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				function() { return module['default']; } :
+/******/ 				function() { return module; };
+/******/ 			__nested_webpack_require_24495__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	!function() {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__nested_webpack_require_24495__.d = function(exports, definition) {
+/******/ 			for(var key in definition) {
+/******/ 				if(__nested_webpack_require_24495__.o(definition, key) && !__nested_webpack_require_24495__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	!function() {
+/******/ 		__nested_webpack_require_24495__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+/******/ 	// module exports must be returned from runtime so entry inlining is disabled
+/******/ 	// startup
+/******/ 	// Load entry module and return exports
+/******/ 	return __nested_webpack_require_24495__(686);
+/******/ })()
+.default;
+});
+
+/***/ }),
+
+/***/ 4346:
+/***/ (function(module) {
+
+!function(t,e){ true?module.exports=e():0}(this,(function(){"use strict";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}()}));
+
+
+/***/ })
+
+/******/ });
+/************************************************************************/
+/******/ // The module cache
+/******/ var __webpack_module_cache__ = {};
+/******/ 
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+/******/ 	// Check if module is in cache
+/******/ 	var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 	if (cachedModule !== undefined) {
+/******/ 		return cachedModule.exports;
+/******/ 	}
+/******/ 	// Create a new module (and put it into the cache)
+/******/ 	var module = __webpack_module_cache__[moduleId] = {
+/******/ 		// no module.id needed
+/******/ 		// no module.loaded needed
+/******/ 		exports: {}
+/******/ 	};
+/******/ 
+/******/ 	// Execute the module function
+/******/ 	__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/ 
+/******/ 	// Return the exports of the module
+/******/ 	return module.exports;
+/******/ }
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/compat get default export */
+/******/ (() => {
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = (module) => {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			() => (module['default']) :
+/******/ 			() => (module);
+/******/ 		__webpack_require__.d(getter, { a: getter });
+/******/ 		return getter;
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (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] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  Z: () => (/* binding */ src)
+});
+
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
+
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+;// CONCATENATED MODULE: external "vue"
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+const external_vue_namespaceObject = x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["Transition"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Transition, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.render, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
+;// CONCATENATED MODULE: external "../shared"
+var external_shared_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_shared_y = x => () => x
+const external_shared_namespaceObject = external_shared_x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.bkZIndexManager, ["isElement"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.isElement });
+;// CONCATENATED MODULE: ../../packages/hooks/use-message.ts
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+
+var instances = {
+  'top-left': [],
+  'top-right': [],
+  'bottom-left': [],
+  'bottom-right': []
+};
+var seed = 1;
+var Message = function Message(constructor, options) {
+  var opts = options;
+  var position = opts.position || 'top-right';
+  if (typeof options === 'string') {
+    opts = {
+      message: options
+    };
+  }
+  var userOnClose = options.onClose;
+  var horizontalOffset = opts.offsetX || 10;
+  var verticalOffset = opts.offsetY || 30;
+  var _opts = opts,
+    _opts$spacing = _opts.spacing,
+    spacing = _opts$spacing === void 0 ? 10 : _opts$spacing;
+  instances[position].forEach(function (vm) {
+    verticalOffset += (vm.el.offsetHeight || 0) + spacing;
+  });
+  seed += 1;
+  var id = "message_".concat(seed);
+  opts = _objectSpread(_objectSpread({}, opts), {}, {
+    offsetX: horizontalOffset,
+    offsetY: verticalOffset,
+    id: id
+  });
+  var container = document.createElement('div');
+  var vm = (0,external_vue_namespaceObject.createVNode)(constructor, opts);
+  // const updateModalPosition = () => {
+  //   let offsetTop = 30;
+  //   instances[position].forEach((vm) => {
+  //     offsetTop += (vm.el.offsetHeight || 0) + spacing;
+  //     vm.props.offsetY = offsetTop;
+  //   });
+  // };
+  vm.props.onDestroy = function (id) {
+    use_message_close(id, position, spacing, userOnClose);
+    (0,external_vue_namespaceObject.render)(null, container);
+  };
+  vm.props.onDetail = function (_isShow, id) {
+    instances[position].forEach(function (item) {
+      if (item.props.id !== id) {
+        var _item$component;
+        (_item$component = item.component) === null || _item$component === void 0 || (_item$component = _item$component.exposed) === null || _item$component === void 0 ? void 0 : _item$component.setDetailsShow(null, false);
+      }
+    });
+    // setTimeout(() => {
+    //   console.log('updateModalPosition');
+    //   updateModalPosition();
+    // });
+  };
+
+  (0,external_vue_namespaceObject.render)(vm, container);
+  instances[position].push(vm);
+  var target;
+  if (vm.props.getContainer && (0,external_shared_namespaceObject.isElement)(vm.props.getContainer)) {
+    target = vm.props.getContainer;
+  } else {
+    target = document.body;
+  }
+  target.appendChild(container.firstElementChild);
+};
+function use_message_close(id, position, spacing, userOnClose) {
+  userOnClose === null || userOnClose === void 0 ? void 0 : userOnClose();
+  var verticalProperty = position.startsWith('top') ? 'top' : 'bottom';
+  var instanceIndex = -1;
+  instances[position].forEach(function (item, index) {
+    if (item.props.id === id) {
+      instanceIndex = index;
+    }
+  });
+  var vm = instances[position][instanceIndex];
+  var removeHeight = vm.el.offsetHeight;
+  var len = instances[position].length;
+  for (var i = instanceIndex; i < len; i++) {
+    var pos = parseInt(instances[position][i].el.style[verticalProperty], 10) - removeHeight - spacing;
+    instances[position][i].component.props.offsetY = pos;
+  }
+  instances[position].splice(instanceIndex, 1);
+}
+/* harmony default export */ const use_message = (Message);
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/iterableToArray.js
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
+
+
+
+
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+// EXTERNAL MODULE: ../../node_modules/clipboard/dist/clipboard.js
+var clipboard = __webpack_require__(7647);
+var clipboard_default = /*#__PURE__*/__webpack_require__.n(clipboard);
+// EXTERNAL MODULE: ../../node_modules/json-formatter-js/dist/json-formatter.umd.js
+var json_formatter_umd = __webpack_require__(4346);
+var json_formatter_umd_default = /*#__PURE__*/__webpack_require__.n(json_formatter_umd);
+;// CONCATENATED MODULE: external "vue-types"
+var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_vue_types_y = x => () => x
+const external_vue_types_namespaceObject = external_vue_types_x({ ["toType"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.toType });
+;// CONCATENATED MODULE: external "../config-provider"
+var external_config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_config_provider_y = x => () => x
+const external_config_provider_namespaceObject = external_config_provider_x({ ["useLocale"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.useLocale, ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.usePrefix });
+;// CONCATENATED MODULE: external "../icon"
+var external_icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_icon_y = x => () => x
+const external_icon_namespaceObject = external_icon_x({ ["AngleDoubleDownLine"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.AngleDoubleDownLine, ["AngleDoubleUpLine"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.AngleDoubleUpLine, ["Assistant"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.Assistant, ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.Close, ["CopyShape"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.CopyShape, ["Error"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.Error, ["FixLine"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.FixLine, ["FixShape"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.FixShape, ["Info"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.Info, ["Success"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.Success, ["Warn"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.Warn });
+;// CONCATENATED MODULE: ../../packages/message/src/messageConstructor.tsx
+
+
+
+
+function messageConstructor_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function messageConstructor_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? messageConstructor_ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : messageConstructor_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+
+
+
+
+
+
+var MessageThemeEnum;
+(function (MessageThemeEnum) {
+  MessageThemeEnum["PRIMARY"] = "primary";
+  MessageThemeEnum["WARNING"] = "warning";
+  MessageThemeEnum["SUCCESS"] = "success";
+  MessageThemeEnum["ERROR"] = "error";
+})(MessageThemeEnum || (MessageThemeEnum = {}));
+var MessageContentType;
+(function (MessageContentType) {
+  MessageContentType["KEY_VALUE"] = "key-value";
+  MessageContentType["JSON"] = "json";
+})(MessageContentType || (MessageContentType = {}));
+var IMessageActionType;
+(function (IMessageActionType) {
+  /**
+   * 联系助手：默认直接拉起企业微信与助手的聊天，需要在 message.assistant 配置对应的企微群ID
+   */
+  IMessageActionType["ASSISTANT"] = "assistant";
+  /**
+   * 展开详情：展开面向开发的详情
+   */
+  IMessageActionType["DETAILS"] = "details";
+  /**
+   * 图钉按钮：点击后，Message 不会自动消失
+   */
+  IMessageActionType["FIX"] = "fix";
+  /**
+   * 关闭：点击关闭，Message 消失
+   */
+  IMessageActionType["CLOSE"] = "close";
+})(IMessageActionType || (IMessageActionType = {}));
+var messageProps = {
+  id: external_shared_namespaceObject.PropTypes.string.def(''),
+  message: (0,external_vue_types_namespaceObject.toType)('IMessage', {}),
+  theme: (0,external_vue_types_namespaceObject.toType)('messageTheme', {}).def(MessageThemeEnum.PRIMARY),
+  delay: external_shared_namespaceObject.PropTypes.number,
+  dismissable: external_shared_namespaceObject.PropTypes.bool.def(true),
+  offsetY: external_shared_namespaceObject.PropTypes.number.def(30),
+  spacing: external_shared_namespaceObject.PropTypes.number.def(10),
+  extCls: external_shared_namespaceObject.PropTypes.string.def(''),
+  onClose: external_shared_namespaceObject.PropTypes.func,
+  getContainer: external_shared_namespaceObject.PropTypes.instanceOf(HTMLElement),
+  width: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.number, external_shared_namespaceObject.PropTypes.string]),
+  minWidth: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.number, external_shared_namespaceObject.PropTypes.string]).def(100),
+  maxWidth: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.number, external_shared_namespaceObject.PropTypes.string]).def('100%'),
+  actions: (0,external_vue_types_namespaceObject.toType)('IMessageAction', {})
+};
+/* harmony default export */ const messageConstructor = ((0,external_vue_namespaceObject.defineComponent)({
+  name: 'Message',
+  props: messageProps,
+  emits: ['destroy', 'detail'],
+  setup: function setup(props, _ref) {
+    var _this = this;
+    var emit = _ref.emit,
+      slots = _ref.slots,
+      expose = _ref.expose;
+    var t = (0,external_config_provider_namespaceObject.useLocale)('message');
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
+    var classNames = (0,external_vue_namespaceObject.computed)(function () {
+      return ["".concat(resolveClassName('message')), "".concat(resolveClassName("message-".concat(props.theme))), "".concat(props.extCls)];
+    });
+    var zIndex = external_shared_namespaceObject.bkZIndexManager.getMessageNextIndex();
+    var singleLineWidth = 560;
+    var advanceWidth = 800;
+    var singleLineDelay = 3000;
+    var advanceDelay = 8000;
+    var timerDelay = (0,external_vue_namespaceObject.computed)(function () {
+      if (/^\d+\.?\d*$/.test("".concat(props.delay))) {
+        return props.delay;
+      }
+      if (_typeof(props.message) === 'object' && !(0,external_vue_namespaceObject.isVNode)(props.message)) {
+        return advanceDelay;
+      }
+      return singleLineDelay;
+    });
+    var getPropNumberAsStringValue = function getPropNumberAsStringValue(key) {
+      return typeof props[key] === 'number' ? "".concat(props[key], "px") : props[key];
+    };
+    var contentWidth = (0,external_vue_namespaceObject.computed)(function () {
+      var minMaxWidth = {
+        maxWidth: getPropNumberAsStringValue('maxWidth'),
+        minWidth: getPropNumberAsStringValue('minWidth')
+      };
+      var isAdvance = _typeof(props.message) === 'object' && !(0,external_vue_namespaceObject.isVNode)(props.message);
+      if (/%$/.test("".concat(props.width)) || /auto/gi.test("".concat(props.width))) {
+        return messageConstructor_objectSpread({
+          width: props.width
+        }, minMaxWidth);
+      }
+      if (/^\d+/.test("".concat(props.width))) {
+        return /^\d+\.?\d*$/.test("".concat(props.width)) ? messageConstructor_objectSpread({
+          width: "".concat(props.width, "px")
+        }, minMaxWidth) : messageConstructor_objectSpread({
+          width: props.width
+        }, minMaxWidth);
+      }
+      if (isAdvance) {
+        return {
+          width: "".concat(advanceWidth, "px")
+        };
+      }
+      return {
+        width: "".concat(singleLineWidth, "px")
+      };
+    });
+    var isGetContainer = (0,external_vue_namespaceObject.computed)(function () {
+      return props.getContainer && (0,external_shared_namespaceObject.isElement)(props.getContainer);
+    });
+    var styles = (0,external_vue_namespaceObject.computed)(function () {
+      return Object.assign({
+        top: "".concat(props.offsetY, "px"),
+        zIndex: zIndex,
+        position: isGetContainer.value ? 'absolute' : 'fixed'
+      }, contentWidth.value);
+    });
+    var refJsonContent = (0,external_vue_namespaceObject.ref)(null);
+    var refCopyStatus = (0,external_vue_namespaceObject.ref)(null);
+    var refCopyMsgDiv = (0,external_vue_namespaceObject.ref)(null);
+    var visible = (0,external_vue_namespaceObject.ref)(false);
+    var toolOperation = (0,external_vue_namespaceObject.reactive)({
+      isFix: false,
+      isDetailShow: false
+    });
+    var timer = null;
+    var startTimer = function startTimer() {
+      timer = setTimeout(function () {
+        if (toolOperation.isFix) {
+          return;
+        }
+        visible.value = false;
+      }, timerDelay.value);
+    };
+    var close = function close(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      visible.value = false;
+    };
+    var copyStatusTimer;
+    var copyStatus = (0,external_vue_namespaceObject.ref)(null);
+    var parseToString = function parseToString(value) {
+      var targetStr = value;
+      if (_typeof(value) === 'object') {
+        try {
+          targetStr = JSON.stringify(value);
+        } catch (e) {
+          console.error("JSON.stringify Error: ".concat(e));
+        }
+      }
+      return targetStr;
+    };
+    var copyMessage = function copyMessage() {
+      var copyInstance = new (clipboard_default())(refCopyMsgDiv.value, {
+        text: function text() {
+          return parseToString(props.message.details);
+        }
+      });
+      registerCopyCallback(copyInstance);
+    };
+    var registerCopyCallback = function registerCopyCallback(copyInstance, complete) {
+      ['success', 'error'].forEach(function (theme) {
+        copyInstance.on(theme, function (e) {
+          var target = refCopyStatus.value;
+          copyStatus.value = theme;
+          if (target) {
+            var _target$classList, _target$classList2;
+            var _e$trigger = e.trigger,
+              offsetLeft = _e$trigger.offsetLeft,
+              offsetWidth = _e$trigger.offsetWidth,
+              offsetTop = _e$trigger.offsetTop;
+            var msgTree = e.trigger.closest('.message-tree');
+            var msgTreeScrollTop = msgTree ? msgTree.scrollTop : 0;
+            (_target$classList = target.classList).remove.apply(_target$classList, ['success', 'error', 'is-hidden']);
+            (_target$classList2 = target.classList).add.apply(_target$classList2, [theme, 'is-show']);
+            var transX = offsetLeft + offsetWidth / 2 - 41;
+            var transY = offsetTop - msgTreeScrollTop - 40;
+            target.style.setProperty('transform', "translate(".concat(transX, "px, ").concat(transY, "px"));
+            copyStatusTimer && clearTimeout(copyStatusTimer);
+            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);
+          }
+          if (typeof complete === 'function') {
+            complete();
+          }
+        });
+      });
+    };
+    var copyValueItem = function copyValueItem() {
+      var copyInstance = new (clipboard_default())(refJsonContent.value.querySelectorAll('span.copy-value'), {
+        text: function text(trigger) {
+          return trigger.innerHTML;
+        }
+      });
+      registerCopyCallback(copyInstance);
+    };
+    var parseToJson = function parseToJson(value) {
+      var targetJson = value;
+      if (typeof value === 'string') {
+        try {
+          targetJson = JSON.parse(value);
+        } catch (e) {
+          console.error("Format Json Error: ".concat(e));
+        }
+      }
+      return targetJson;
+    };
+    var setDetailsShow = function setDetailsShow(e, isShow) {
+      toolOperation.isDetailShow = isShow !== null && isShow !== void 0 ? isShow : !toolOperation.isDetailShow;
+      fixMesage(e, toolOperation.isDetailShow);
+      if (toolOperation.isDetailShow && _typeof(props.message) === 'object' && !(0,external_vue_namespaceObject.isVNode)(props.message)) {
+        if (props.message.type === MessageContentType.JSON || !props.message.type) {
+          var targetJson = parseToJson(props.message.details);
+          var formatter = new (json_formatter_umd_default())(targetJson);
+          setTimeout(function () {
+            if (refJsonContent.value) {
+              refJsonContent.value.innerHTML = '';
+              refJsonContent.value.append(formatter.render());
+            }
+            copyMessage();
+          });
+        }
+        if (props.message.type === MessageContentType.KEY_VALUE) {
+          setTimeout(function () {
+            copyMessage();
+            copyValueItem();
+          });
+        }
+        emit('detail', toolOperation.isDetailShow, props.id);
+      }
+    };
+    var fixMesage = function fixMesage(_e, isFix) {
+      toolOperation.isFix = isFix !== null && isFix !== void 0 ? isFix : !toolOperation.isFix;
+    };
+    var addMouseKeyEvent = function addMouseKeyEvent() {
+      var remove = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      var isAdvance = _typeof(props.message) === 'object' && !(0,external_vue_namespaceObject.isVNode)(props.message);
+      if (!isAdvance) {
+        return;
+      }
+      if (remove) {
+        document.removeEventListener('keydown', handleMouseKeyEvent);
+        return;
+      }
+      document.addEventListener('keydown', handleMouseKeyEvent);
+    };
+    var handleMouseKeyEvent = function handleMouseKeyEvent(e) {
+      if (e.altKey && e.keyCode === 80) {
+        fixMesage(e);
+      }
+    };
+    (0,external_vue_namespaceObject.onMounted)(function () {
+      timerDelay.value && startTimer();
+      visible.value = true;
+      addMouseKeyEvent();
+    });
+    (0,external_vue_namespaceObject.onUnmounted)(function () {
+      clearTimeout(timer);
+      addMouseKeyEvent(true);
+    });
+    (0,external_vue_namespaceObject.watch)(visible, function () {
+      if (!visible.value) {
+        emit('destroy', props.id);
+      }
+    });
+    var handleMouseenter = function handleMouseenter(_e) {
+      clearTimeout(timer);
+    };
+    var handleMouseleave = function handleMouseleave(_e) {
+      timerDelay.value && startTimer();
+    };
+    var handleHeplerClick = function handleHeplerClick(_e) {
+      if (props.message.assistant) {
+        window.open(props.message.assistant, '_blank');
+      }
+    };
+    var defActionList = (0,external_vue_namespaceObject.computed)(function () {
+      var _ref2;
+      return _ref2 = {}, _defineProperty(_ref2, IMessageActionType.ASSISTANT, {
+        id: IMessageActionType.ASSISTANT,
+        icon: function icon() {
+          return (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.Assistant, null, null);
+        },
+        text: function text() {
+          return t.value.assistant;
+        },
+        onClick: function onClick(e) {
+          return handleHeplerClick(e);
+        }
+      }), _defineProperty(_ref2, IMessageActionType.DETAILS, {
+        id: IMessageActionType.DETAILS,
+        icon: function icon() {
+          return toolOperation.isDetailShow ? (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleDoubleUpLine, null, null) : (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleDoubleDownLine, null, null);
+        },
+        text: function text() {
+          return t.value.details;
+        },
+        onClick: function onClick(e) {
+          return setDetailsShow(e);
+        }
+      }), _defineProperty(_ref2, IMessageActionType.FIX, {
+        id: IMessageActionType.FIX,
+        icon: function icon() {
+          return toolOperation.isFix ? (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.FixShape, null, null) : (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.FixLine, null, null);
+        },
+        classList: toolOperation.isFix ? 'fixed' : '',
+        onClick: function onClick(e) {
+          return fixMesage(e);
+        }
+      }), _defineProperty(_ref2, IMessageActionType.CLOSE, {
+        id: IMessageActionType.CLOSE,
+        classList: 'normal-color',
+        icon: function icon() {
+          return props.dismissable && (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.Error, {
+            "class": "".concat(resolveClassName('message-close')),
+            "onClick": close
+          }, null);
+        },
+        onClick: close
+      }), _ref2;
+    });
+    var sortActionIdList = [IMessageActionType.ASSISTANT, IMessageActionType.DETAILS, IMessageActionType.FIX, IMessageActionType.CLOSE];
+    var actionList = (0,external_vue_namespaceObject.computed)(function () {
+      var _props$actions;
+      if (((_props$actions = props.actions) === null || _props$actions === void 0 ? void 0 : _props$actions.length) > 0) {
+        var resultList = props.actions.map(function (action) {
+          var id = action.id.toLocaleLowerCase();
+          var defAction = defActionList.value[id];
+          var defClickFn = defAction === null || defAction === void 0 ? void 0 : defAction.onClick;
+          var target = Object.assign({}, defActionList.value[id] || {}, action);
+          target.id = id;
+          if (action.classList !== undefined) {
+            var classList = Array.isArray(action.classList) ? action.classList : [action.classList];
+            var defClassList = [];
+            if (defAction.classList !== undefined) {
+              defClassList = Array.isArray(defAction.classList) ? defAction.classList : [defAction.classList];
+            }
+            target.classList = [].concat(_toConsumableArray(defClassList), _toConsumableArray(classList));
+          }
+          if (typeof action.onClick === 'function') {
+            target.onClick = function () {
+              var resp = Reflect.apply(action.onClick, _this, []);
+              if ((_typeof(resp) === undefined || resp) && typeof defClickFn === 'function') {
+                Reflect.apply(defClickFn, _this, []);
+              }
+            };
+            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 defActionList.value[id];
+        });
+        resultList.push.apply(resultList, _toConsumableArray(appendList));
+        return resultList;
+      }
+      return sortActionIdList.map(function (id) {
+        return defActionList.value[id];
+      });
+    });
+    var renderMessageActions = function renderMessageActions() {
+      var _slots$action, _slots$action2;
+      var renderIcon = function renderIcon(_ref3) {
+        var icon = _ref3.icon;
+        if (typeof icon === 'function') {
+          return Reflect.apply(icon, _this, []);
+        }
+        return (0,external_vue_namespaceObject.createVNode)("span", {
+          "class": icon
+        }, null);
+      };
+      var renderText = function renderText(_ref4) {
+        var text = _ref4.text;
+        var content = undefined;
+        if (typeof text === 'function') {
+          content = Reflect.apply(text, _this, []);
+        }
+        if (content === undefined) {
+          return;
+        }
+        if (typeof content === 'string') {
+          return (0,external_vue_namespaceObject.createVNode)("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') {
+          Reflect.apply(action.onClick, _this, [e, action]);
+        }
+      };
+      var renderActionList = function renderActionList() {
+        return actionList.value.map(function (action) {
+          if (action.disabled) {
+            return null;
+          }
+          if (typeof action.render === 'function') {
+            return Reflect.apply(action.render, _this, []);
+          }
+          var classList = Array.isArray(action.classList) ? action.classList.join(' ') : action.classList;
+          return (0,external_vue_namespaceObject.createVNode)("span", {
+            "class": ['tool', action.id, classList],
+            "onClick": function onClick(e) {
+              return handleActionClick(e, action);
+            }
+          }, [renderIcon(action), renderText(action)]);
+        });
+      };
+      return (_slots$action = (_slots$action2 = slots.action) === null || _slots$action2 === void 0 ? void 0 : _slots$action2.call(slots)) !== null && _slots$action !== void 0 ? _slots$action : renderActionList();
+    };
+    expose({
+      setDetailsShow: setDetailsShow
+    });
+    return {
+      classNames: classNames,
+      styles: styles,
+      visible: visible,
+      close: close,
+      setDetailsShow: setDetailsShow,
+      fixMesage: fixMesage,
+      copyMessage: copyMessage,
+      parseToJson: parseToJson,
+      handleMouseenter: handleMouseenter,
+      handleMouseleave: handleMouseleave,
+      renderMessageActions: renderMessageActions,
+      refJsonContent: refJsonContent,
+      refCopyStatus: refCopyStatus,
+      refCopyMsgDiv: refCopyMsgDiv,
+      toolOperation: toolOperation,
+      copyStatus: copyStatus,
+      t: t,
+      resolveClassName: resolveClassName,
+      copyValueItem: copyValueItem
+    };
+  },
+  render: function render() {
+    var _this2 = this;
+    var renderIcon = function renderIcon(theme) {
+      var iconMap = {
+        primary: (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.Info, null, null),
+        warning: (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.Warn, null, null),
+        success: (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.Success, null, null),
+        error: (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.Close, null, null)
+      };
+      return iconMap[theme !== null && theme !== void 0 ? theme : _this2.theme];
+    };
+    var renderMsgDetail = function renderMsgDetail(msg) {
+      if (msg.type === MessageContentType.KEY_VALUE) {
+        var target = _this2.parseToJson(msg.details || {});
+        var keys = Object.keys(target);
+        return keys.map(function (key) {
+          return (0,external_vue_namespaceObject.createVNode)("div", {
+            "class": "message-row"
+          }, [(0,external_vue_namespaceObject.createVNode)("label", null, [key]), (0,external_vue_namespaceObject.createVNode)("span", {
+            "class": "copy-value"
+          }, [target[key]])]);
+        });
+      }
+    };
+    var renderMessage = function renderMessage() {
+      if (_typeof(_this2.message) === 'object' && !(0,external_vue_namespaceObject.isVNode)(_this2.message)) {
+        var _this2$$slots$title, _this2$$slots$title2, _this2$$slots;
+        return (0,external_vue_namespaceObject.createVNode)("div", {
+          "class": "".concat(_this2.resolveClassName('message-content'), " multi")
+        }, [(0,external_vue_namespaceObject.createVNode)("div", {
+          "class": "overview"
+        }, [(0,external_vue_namespaceObject.createVNode)("div", {
+          "class": "left-content"
+        }, [(0,external_vue_namespaceObject.createVNode)("div", {
+          "class": "".concat(_this2.resolveClassName('message-icon'))
+        }, [renderIcon()]), (0,external_vue_namespaceObject.createVNode)("div", {
+          "class": "describe"
+        }, [(_this2$$slots$title = (_this2$$slots$title2 = (_this2$$slots = _this2.$slots).title) === null || _this2$$slots$title2 === void 0 ? void 0 : _this2$$slots$title2.call(_this2$$slots)) !== null && _this2$$slots$title !== void 0 ? _this2$$slots$title : "\u3010".concat(_this2.message.code, "\u3011").concat(_this2.message.overview, " ").concat(_this2.message.suggestion)])]), (0,external_vue_namespaceObject.createVNode)("div", {
+          "class": "tools"
+        }, [_this2.renderMessageActions()])]), _this2.toolOperation.isDetailShow && (0,external_vue_namespaceObject.createVNode)("div", {
+          "class": "message-detail"
+        }, [(0,external_vue_namespaceObject.createVNode)("div", {
+          "class": "message-copy",
+          "ref": "refCopyMsgDiv"
+        }, [(0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.CopyShape, null, null)]), (0,external_vue_namespaceObject.createVNode)("div", {
+          "class": "copy-status",
+          "ref": "refCopyStatus"
+        }, [(0,external_vue_namespaceObject.createVNode)("div", {
+          "class": "inner"
+        }, [renderIcon(_this2.copyStatus), _this2.copyStatus === 'success' ? _this2.t.copySuccess : _this2.t.copyFailed])]), (0,external_vue_namespaceObject.createVNode)("div", {
+          "ref": "refJsonContent",
+          "class": "message-tree"
+        }, [renderMsgDetail(_this2.message)])])]);
+      }
+      return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)("div", {
+        "class": "".concat(_this2.resolveClassName('message-content'))
+      }, [(0,external_vue_namespaceObject.createVNode)("div", {
+        "class": "".concat(_this2.resolveClassName('message-icon'))
+      }, [renderIcon()]), _this2.message]), _this2.dismissable && (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.Error, {
+        "class": "".concat(_this2.resolveClassName('message-close')),
+        "onClick": _this2.close
+      }, null)]);
+    };
+    return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Transition, {
+      "name": "bk-message-fade"
+    }, {
+      "default": function _default() {
+        return [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
+          "class": _this2.classNames,
+          "style": _this2.styles,
+          "onMouseenter": _this2.handleMouseenter,
+          "onMouseleave": _this2.handleMouseleave
+        }, [renderMessage()]), [[external_vue_namespaceObject.vShow, _this2.visible]])];
+      }
+    });
+  }
+}));
+;// CONCATENATED MODULE: ../../packages/message/src/index.ts
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+
+var src_Message = function Message(options) {
+  use_message(messageConstructor, options);
+};
+/* harmony default export */ const src = (src_Message);
+})();
+
+var __webpack_exports__default = __webpack_exports__.Z;
+export { __webpack_exports__default as default };