bkui-vue 0.0.2-beta.9 → 0.0.2-table-refactor.2

package/lib/input/input.variable.css

@@ -193,12 +193,12 @@
   left: -4px;
 }
 .bk-textarea {
+  --textarea-line-height: 20px;
   display: inline-flex;
   width: 100%;
-  min-height: 70px;
   overflow: hidden;
   font-size: 12px;
-  line-height: 20px;
+  line-height: var(--textarea-line-height);
   color: #63656e;
   background-color: white;
   border: 1px solid #c4c6cc;
@@ -208,8 +208,20 @@
   flex-direction: column;
 }
 .bk-textarea ::placeholder {
+  font-size: 12px;
   color: #c4c6cc;
 }
+.bk-textarea.resizable {
+  resize: both;
+}
+.bk-textarea ::-webkit-scrollbar {
+  -webkit-appearance: none;
+  width: 3px;
+}
+.bk-textarea ::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+  background-color: #DCDEE5;
+}
 .bk-textarea.is-disabled,
 .bk-textarea.is-readonly {
   background-color: #fafbfd;
@@ -245,7 +257,6 @@
   border-radius: 2px;
   outline: none;
   resize: none;
-  flex: 1;
 }
 .bk-textarea--max-length {
   padding-right: 10px;
@@ -256,6 +267,9 @@
   transform: scale(0.8);
   justify-content: flex-end;
 }
+.bk-textarea--max-length.is-over-limit {
+  color: #ea3636;
+}
 .bk-textarea--max-length span {
   color: #979ba5;
 }
@@ -275,6 +289,7 @@
   transition: all 0.3s;
 }
 .bk-input ::placeholder {
+  font-size: 12px;
   color: #c4c6cc;
 }
 .bk-input.is-disabled,
@@ -333,12 +348,18 @@
   background-color: white;
   align-items: center;
   align-self: center;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+.bk-input--suffix-icon:hover {
+  color: #313238;
 }
 .bk-input--suffix-icon.show-clear-only-hover {
   display: none;
 }
 .bk-input--clear-icon {
   cursor: pointer;
+  flex-shrink: 0;
 }
 .bk-input--clear-icon:hover {
   color: #979ba5;
@@ -347,6 +368,10 @@
   height: 40px;
   font-size: 14px;
 }
+.bk-input--large ::placeholder {
+  font-size: 14px;
+  color: #c4c6cc;
+}
 .bk-input--large .bk-input--max-length {
   font-size: 16px;
 }
@@ -399,14 +424,20 @@
   font-size: 12px;
   transform: scale(0.8);
 }
+.bk-input--max-length.is-over-limit {
+  color: #ea3636;
+}
 .bk-input--max-length span {
   color: #979ba5;
 }
 .bk-input--text {
   width: 100%;
   padding: 0 10px;
+  overflow: hidden;
   line-height: 1;
   color: #63656e;
+  text-overflow: ellipsis;
+  white-space: nowrap;
   background-color: white;
   background-image: none;
   border: none;
@@ -437,9 +468,6 @@
   margin: 0;
   appearance: none;
 }
-.bk-input--text::placeholder {
-  color: #c4c6cc;
-}
 .bk-input--number-control {
   display: flex;
   width: 26px;

package/lib/input/util.d.ts

@@ -0,0 +1,6 @@
+type TextAreaHeight = {
+    height?: string;
+    minHeight?: string;
+};
+export declare function calcTextareaHeight(targetElement: HTMLTextAreaElement, minRows?: number, maxRows?: number): TextAreaHeight;
+export {};

package/lib/link/index.d.ts

@@ -4,15 +4,15 @@ declare const BkLink: {
         $data: {};
         $props: {
             disabled?: boolean;
-            theme?: "default" | "success" | "warning" | "danger" | "primary";
             target?: string;
+            theme?: "default" | "success" | "warning" | "danger" | "primary";
             underline?: boolean;
             href?: string;
             class?: unknown;
             style?: unknown;
             onClick?: (...args: any[]) => any;
-            key?: string | number | symbol;
             ref?: import("vue").VNodeRef;
+            key?: string | number | symbol;
             ref_for?: boolean;
             ref_key?: string;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -98,8 +98,8 @@ declare const BkLink: {
             resolveClassName: (cls: string) => string;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], string, {
             disabled: boolean;
-            theme: "default" | "success" | "warning" | "danger" | "primary";
             target: string;
+            theme: "default" | "success" | "warning" | "danger" | "primary";
             underline: boolean;
             href: string;
         }, {}, string, {}> & {
@@ -186,8 +186,8 @@ declare const BkLink: {
     resolveClassName: (cls: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", {
     disabled: boolean;
-    theme: "default" | "success" | "warning" | "danger" | "primary";
     target: string;
+    theme: "default" | "success" | "warning" | "danger" | "primary";
     underline: boolean;
     href: string;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;

package/lib/link/link.d.ts

@@ -53,8 +53,8 @@ declare const _default: import("vue").DefineComponent<{
     onClick?: (...args: any[]) => any;
 }, {
     disabled: boolean;
-    theme: "default" | "success" | "warning" | "danger" | "primary";
     target: string;
+    theme: "default" | "success" | "warning" | "danger" | "primary";
     underline: boolean;
     href: string;
 }, {}>;

package/lib/loading/index.d.ts

@@ -15,9 +15,9 @@ declare const BkLoading: {
             isDirective?: boolean;
             class?: unknown;
             style?: unknown;
+            ref?: import("vue").VNodeRef;
             readonly theme?: "white" | "success" | "warning" | "danger" | "primary";
             key?: string | number | symbol;
-            ref?: import("vue").VNodeRef;
             ref_for?: boolean;
             ref_key?: string;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -273,4 +273,4 @@ declare const BkLoading: {
     BkLoadingSize: typeof BkLoadingSize;
 }>;
 export default BkLoading;
-export { BkLoading, setDefaultIndicator, BkLoadingMode, BkLoadingSize, };
+export { BkLoading, setDefaultIndicator, BkLoadingMode, BkLoadingSize };

package/lib/locale/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var a=t();for(var l in a)("object"==typeof exports?exports:e)[l]=a[l]}}(self,(()=>(()=>{"use strict";var e={d:(t,a)=>{for(var l in a)e.o(a,l)&&!e.o(t,l)&&Object.defineProperty(t,l,{enumerable:!0,get:a[l]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{en:()=>a,zhCn:()=>l});const a={lang:"en",steps:{step1:"step1",step2:"step2",step3:"step3"},datePicker:{selectDate:"Select Date",selectTime:"Select Time",clear:"Clear",ok:"OK",weekdays:{sun:"Sun",mon:"Mon",tue:"Tue",wed:"Wed",thu:"Thu",fri:"Fri",sat:"Sat"},hour:"Hour",min:"Minute",sec:"Second",toNow:"Now"},dialog:{ok:"OK",cancel:"Cancel",prev:"prev",next:"next"},popConfirm:{ok:"OK",cancel:"Cancel"},form:{notBeEmpty:"cannot be empty",incorrectFormat:"incorrect format",max:"maximum value",min:"minimum value",maxLen:"maximum length",verifyError:"verify error"},pagination:{eachPage:"Each Page",strip:"",total:"Total"},process:{step1:"step1",step2:"step2",step3:"step3",step4:"step4"},searchSelect:{pleaseSelect:"Please Select",loading:"Loading...",filterQueryMustHasValue:"Filter query containing key value must have value",ok:"OK",cancel:"Cancel",or:"Or",and:"And"},select:{noData:"No data",noMatchedData:"No matched data",loading:"Loading...",pleaseSelect:"Please select",enterKeywords:"Please enter keywords",all:"All"},table:{emptyText:"No Data",confirm:"Confirm",reset:"Reset",setting:{title:"Table Settings",fields:{title:"Displaying Fields Setting",subtitle:function(e){return"（".concat(e," fields most）")},selectAll:"All"},lineHeight:{title:"Table Line Height",small:"small",medium:"medium",large:"large"},options:{ok:"OK",cancel:"Cancel"}}},transfer:{sourceList:"Source List",targetList:"Target List",removeAll:"Remove All",selectAll:"Select All",noData:"No Data",noSelected:"No Selected",search:"Search"},upload:{uploadSuccess:"Upload Success",uploadFailed:"Upload Failed",drapFileOr:"Drag files here or ",clickUpload:"Click Upload",uploadLabel:"Upload Files"},input:{placeholder:"Please input"},tagInput:{placeholder:"Please input and press ENTER to finish"},message:{assistant:"Assistant",details:"Details",copySuccess:"Successfully",copyFailed:"Copy Failed"}},l={lang:"zh-cn",steps:{step1:"步骤1",step2:"步骤2",step3:"步骤3"},datePicker:{selectDate:"选择日期",selectTime:"选择时间",clear:"清除",ok:"确定",weekdays:{sun:"日",mon:"一",tue:"二",wed:"三",thu:"四",fri:"五",sat:"六"},hour:"时",min:"分",sec:"秒",toNow:"至今"},dialog:{ok:"确定",cancel:"取消",prev:"上一步",next:"下一步"},popConfirm:{ok:"确定",cancel:"取消"},form:{notBeEmpty:"不能为空",incorrectFormat:"格式不正确",max:"最大值",min:"最小值",maxLen:"最大长度",verifyError:"验证错误"},pagination:{eachPage:"每页",strip:"条",total:"共计"},process:{step1:"步骤1",step2:"步骤2",step3:"步骤3",step4:"步骤4"},searchSelect:{pleaseSelect:"请选择",loading:"加载中...",filterQueryMustHasValue:"包含键值的过滤查询必须有一个值",ok:"确认",cancel:"取消",or:"或",and:"且"},select:{noData:"无数据",noMatchedData:"无匹配数据",loading:"加载中...",pleaseSelect:"请选择",enterKeywords:"请输入关键字",all:"全部"},table:{emptyText:"暂无数据",confirm:"确定",reset:"重置",setting:{title:"表格设置",fields:{title:"字段显示设置",subtitle:function(e){return"（最多".concat(e,"项）")},selectAll:"全选"},lineHeight:{title:"表格行高",small:"小",medium:"中",large:"大"},options:{ok:"确认",cancel:"取消"}}},transfer:{sourceList:"源列表",targetList:"目标列表",removeAll:"清空",selectAll:"选择全部",noData:"无数据",noSelected:"未选择任何项",search:"搜索"},upload:{uploadSuccess:"上传成功",uploadFailed:"上传失败",drapFileOr:"将文件拖到此处或",clickUpload:"点击上传",uploadLabel:"上传文件"},input:{placeholder:"请输入"},tagInput:{placeholder:"请输入并按Enter结束"},message:{assistant:"助手",details:"详情",copySuccess:"复制成功",copyFailed:"复制失败"}};return t})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var a=t();for(var l in a)("object"==typeof exports?exports:e)[l]=a[l]}}(self,(()=>(()=>{"use strict";var e={d:(t,a)=>{for(var l in a)e.o(a,l)&&!e.o(t,l)&&Object.defineProperty(t,l,{enumerable:!0,get:a[l]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{en:()=>a,zhCn:()=>l});const a={lang:"en",steps:{step1:"step1",step2:"step2",step3:"step3"},datePicker:{selectDate:"Select Date",selectTime:"Select Time",clear:"Clear",ok:"OK",weekdays:{sun:"Sun",mon:"Mon",tue:"Tue",wed:"Wed",thu:"Thu",fri:"Fri",sat:"Sat"},hour:"Hour",min:"Minute",sec:"Second",toNow:"Now"},dialog:{ok:"OK",cancel:"Cancel",prev:"prev",next:"next"},popConfirm:{ok:"OK",cancel:"Cancel"},form:{notBeEmpty:"cannot be empty",incorrectFormat:"incorrect format",max:"maximum value",min:"minimum value",maxLen:"maximum length",verifyError:"verify error"},pagination:{eachPage:"Each Page",strip:"",total:"Total"},process:{step1:"step1",step2:"step2",step3:"step3",step4:"step4"},searchSelect:{pleaseSelect:"Please Select",loading:"Loading...",filterQueryMustHasValue:"Filter query containing key value must have value",ok:"OK",cancel:"Cancel",or:"Or",and:"And",logical:"Logical:"},select:{noData:"No data",noMatchedData:"No matched data",loading:"Loading...",pleaseSelect:"Please select",enterKeywords:"Please enter keywords",all:"All"},table:{emptyText:"No Data",confirm:"Confirm",reset:"Reset",setting:{title:"Table Settings",fields:{title:"Displaying Fields Setting",subtitle:function(e){return"（".concat(e," fields most）")},selectAll:"All"},lineHeight:{title:"Table Line Height",small:"small",medium:"medium",large:"large"},options:{ok:"OK",cancel:"Cancel"}}},transfer:{sourceList:"Source List",targetList:"Target List",removeAll:"Remove All",selectAll:"Select All",noData:"No Data",noSelected:"No Selected",search:"Search"},upload:{uploadSuccess:"Upload Success",uploadFailed:"Upload Failed",drapFileOr:"Drag files here or ",clickUpload:"Click Upload",uploadLabel:"Upload Files"},input:{placeholder:"Please input"},tagInput:{placeholder:"Please input and press ENTER to finish"},message:{assistant:"Assistant",details:"Details",copySuccess:"Successfully",copyFailed:"Copy Failed"}},l={lang:"zh-cn",steps:{step1:"步骤1",step2:"步骤2",step3:"步骤3"},datePicker:{selectDate:"选择日期",selectTime:"选择时间",clear:"清除",ok:"确定",weekdays:{sun:"日",mon:"一",tue:"二",wed:"三",thu:"四",fri:"五",sat:"六"},hour:"时",min:"分",sec:"秒",toNow:"至今"},dialog:{ok:"确定",cancel:"取消",prev:"上一步",next:"下一步"},popConfirm:{ok:"确定",cancel:"取消"},form:{notBeEmpty:"不能为空",incorrectFormat:"格式不正确",max:"最大值",min:"最小值",maxLen:"最大长度",verifyError:"验证错误"},pagination:{eachPage:"每页",strip:"条",total:"共计"},process:{step1:"步骤1",step2:"步骤2",step3:"步骤3",step4:"步骤4"},searchSelect:{pleaseSelect:"请选择",loading:"加载中...",filterQueryMustHasValue:"包含键值的过滤查询必须有一个值",ok:"确认",cancel:"取消",or:"或",and:"且",logical:"逻辑："},select:{noData:"无数据",noMatchedData:"无匹配数据",loading:"加载中...",pleaseSelect:"请选择",enterKeywords:"请输入关键字",all:"全部"},table:{emptyText:"暂无数据",confirm:"确定",reset:"重置",setting:{title:"表格设置",fields:{title:"字段显示设置",subtitle:function(e){return"（最多".concat(e,"项）")},selectAll:"全选"},lineHeight:{title:"表格行高",small:"小",medium:"中",large:"大"},options:{ok:"确认",cancel:"取消"}}},transfer:{sourceList:"源列表",targetList:"目标列表",removeAll:"清空",selectAll:"选择全部",noData:"无数据",noSelected:"未选择任何项",search:"搜索"},upload:{uploadSuccess:"上传成功",uploadFailed:"上传失败",drapFileOr:"将文件拖到此处或",clickUpload:"点击上传",uploadLabel:"上传文件"},input:{placeholder:"请输入"},tagInput:{placeholder:"请输入并按Enter结束"},message:{assistant:"助手",details:"详情",copySuccess:"复制成功",copyFailed:"复制失败"}};return t})()));

package/lib/locale/lang/en.d.ts

@@ -61,6 +61,7 @@ declare const en: {
         cancel: string;
         or: string;
         and: string;
+        logical: string;
     };
     select: {
         noData: string;

package/lib/menu/index.d.ts

@@ -12,8 +12,8 @@ declare const BkMenu: {
             class?: unknown;
             style?: unknown;
             onClick?: (...args: any[]) => any;
-            key?: string | number | symbol;
             ref?: import("vue").VNodeRef;
+            key?: string | number | symbol;
             ref_for?: boolean;
             ref_key?: string;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -214,4 +214,4 @@ declare const BkMenu: {
     }, {}>;
 }>;
 export default BkMenu;
-export { BkMenu, Item as BkMenuItem, Submenu as BkSubmenu, Group as BkMenuGroup, };
+export { BkMenu, Item as BkMenuItem, Submenu as BkSubmenu, Group as BkMenuGroup };

package/lib/message/index.js

@@ -1,2 +1,2 @@
 /*! For license information please see index.js.LICENSE.txt */
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"),require("../shared"),require("vue-types"),require("../config-provider"),require("../icon"));else if("function"==typeof define&&define.amd)define(["vue","../shared","vue-types","../config-provider","../icon"],t);else{var n="object"==typeof exports?t(require("vue"),require("../shared"),require("vue-types"),require("../config-provider"),require("../icon")):t(e.vue,e["../shared"],e["vue-types"],e["../config-provider"],e["../icon"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(self,((e,t,n,r,o)=>(()=>{var i={7647:function(e){var t;t=function(){return function(){var e={686:function(e,t,n){"use strict";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=v(o);if(i){var n=v(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return function(e,t){return!t||"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}(e):t}(this,e)});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(){"use strict";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}()}()},2717:e=>{"use strict";e.exports=r},6870:e=>{"use strict";e.exports=o},4212:e=>{"use strict";e.exports=t},748:t=>{"use strict";t.exports=e},210:e=>{"use strict";e.exports=n}},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),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{"use strict";a.r(c),a.d(c,{default:()=>S});var e=a(748),t=a(4212),n={"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]},r=1;function o(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 i(e){return function(e){if(Array.isArray(e))return o(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 o(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)?o(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 s(e){return s="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},s(e)}function l(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===s(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var u,f,d,p=a(7647),m=a.n(p),y=a(4346),h=a.n(y),v=a(210),g=a(2717),j=a(6870);!function(e){e.PRIMARY="primary",e.WARNING="warning",e.SUCCESS="success",e.ERROR="error"}(u||(u={})),function(e){e.KEY_VALUE="key-value",e.JSON="json"}(f||(f={})),function(e){e.ASSISTANT="assistant",e.DETAILS="details",e.FIX="fix",e.CLOSE="close"}(d||(d={}));var b={id:t.PropTypes.string.def(""),message:(0,v.toType)("IMessage",{}),theme:(0,v.toType)("messageTheme",{}).def(u.PRIMARY),delay:t.PropTypes.number,dismissable:t.PropTypes.bool.def(!0),offsetY:t.PropTypes.number.def(30),spacing:t.PropTypes.number.def(10),extCls:t.PropTypes.string.def(""),onClose:t.PropTypes.func,getContainer:t.PropTypes.instanceOf(HTMLElement),width:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.string]),actions:(0,v.toType)("IMessageAction",{})};const w=(0,e.defineComponent)({name:"Message",props:b,emits:["destroy"],setup:function(n,r){var o,a=this,c=r.emit,u=r.slots,p=(0,g.useLocale)("message"),y=(0,g.usePrefix)().resolveClassName,v=(0,e.computed)((function(){return["".concat(y("message")),"".concat(y("message-".concat(n.theme))),"".concat(n.extCls)]})),b=t.bkZIndexManager.getMessageNextIndex(),w=(0,e.computed)((function(){return/^\d+\.?\d*$/.test("".concat(n.delay))?n.delay:"object"!==s(n.message)||(0,e.isVNode)(n.message)?3e3:8e3})),S=(0,e.computed)((function(){return/^\d+/.test("".concat(n.width))?/^\d+\.?\d*$/.test("".concat(n.width))?"".concat(n.width,"px"):n.width:"object"!==s(n.message)||(0,e.isVNode)(n.message)?"".concat(560,"px"):"".concat(800,"px")})),C=(0,e.computed)((function(){return n.getContainer&&(0,t.isElement)(n.getContainer)})),k=(0,e.computed)((function(){return{top:"".concat(n.offsetY,"px"),zIndex:b,position:C.value?"absolute":"fixed",width:S.value}})),O=(0,e.ref)(null),x=(0,e.ref)(null),T=(0,e.ref)(null),N=(0,e.ref)(!1),E=(0,e.reactive)({isFix:!1,isDetailShow:!1}),A=null,L=function(){A=setTimeout((function(){E.isFix||(N.value=!1)}),w.value)},P=function(e){e.preventDefault(),e.stopPropagation(),N.value=!1},M=(0,e.ref)(!1),V=(0,e.ref)(null),F=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},I=function(t,r){if(E.isDetailShow=null!=r?r:!E.isDetailShow,D(t,E.isDetailShow),E.isDetailShow&&"object"===s(n.message)&&!(0,e.isVNode)(n.message)&&(n.message.type===f.JSON||!n.message.type)){var o=F(n.message.details),i=new(h())(o);setTimeout((function(){O.value&&(O.value.innerHTML="",O.value.append(i.render()))}))}},D=function(e,t){E.isFix=null!=t?t:!E.isFix};(0,e.onMounted)((function(){w.value&&L(),N.value=!0})),(0,e.onUnmounted)((function(){clearTimeout(A)})),(0,e.watch)(N,(function(){N.value||c("destroy",n.id)}));var R=(0,e.computed)((function(){var t;return l(t={},d.ASSISTANT,{id:d.ASSISTANT,icon:function(){return(0,e.createVNode)(j.WeixinPro,null,null)},text:function(){return p.value.assistant},onClick:function(e){n.message.assistant&&window.open(n.message.assistant,"_blank")}}),l(t,d.DETAILS,{id:d.DETAILS,icon:function(){return E.isDetailShow?(0,e.createVNode)(j.AngleDoubleUpLine,null,null):(0,e.createVNode)(j.AngleDoubleDownLine,null,null)},text:function(){return p.value.details},onClick:function(e){return I(e)}}),l(t,d.FIX,{id:d.FIX,icon:function(){return E.isFix?(0,e.createVNode)(j.FixShape,null,null):(0,e.createVNode)(j.FixLine,null,null)},classList:E.isFix?"fixed":"",onClick:function(e){return D(e)}}),l(t,d.CLOSE,{id:d.CLOSE,classList:"normal-color",icon:function(){return n.dismissable&&(0,e.createVNode)(j.Error,{class:"".concat(y("message-close")),onClick:P},null)},onClick:P}),t})),_=[d.ASSISTANT,d.DETAILS,d.FIX,d.CLOSE],J=(0,e.computed)((function(){var e;if((null===(e=n.actions)||void 0===e?void 0:e.length)>0){var t=n.actions.map((function(e){var t=e.id.toLocaleLowerCase(),n=R.value[t],r=null==n?void 0:n.onClick,o=Object.assign({},R.value[t]||{},e);if(o.id=t,void 0!==e.classList){var c=Array.isArray(e.classList)?e.classList:[e.classList],l=[];void 0!==n.classList&&(l=Array.isArray(n.classList)?n.classList:[n.classList]),o.classList=[].concat(i(l),i(c))}return"function"==typeof e.onClick?(o.onClick=function(){var t=Reflect.apply(e.onClick,a,[]);void 0!==s(t)&&!t||"function"!=typeof r||Reflect.apply(r,a,[])},o):(o.onClick=r,o)})),r=_.filter((function(e){return!t.some((function(t){return t.id===e}))})).map((function(e){return R.value[e]}));return t.push.apply(t,i(r)),t}return _.map((function(e){return R.value[e]}))}));return{classNames:v,styles:k,visible:N,close:P,setDetailsShow:I,fixMesage:D,copyMessage:function(e){if(!M.value){var t=new(m())(T.value,{text:function(){return n.message.details}});["success","error"].forEach((function(e){t.on(e,(function(){var t,n,r=x.value;V.value=e,r&&((t=r.classList).remove.apply(t,["success","error","is-hidden"]),(n=r.classList).add.apply(n,[e,"is-show"]),o&&clearTimeout(o),o=setTimeout((function(){var e,t;(e=r.classList).remove.apply(e,["is-show"]),(t=r.classList).add.apply(t,["is-hidden"])}),2e3))})),M.value=!0,setTimeout((function(){T.value.click()}))}))}},parseJson:F,handleMouseenter:function(e){clearTimeout(A)},handleMouseleave:function(e){w.value&&L()},renderMessageActions:function(){var t,n,r=function(t){var n=t.text,r=void 0;if("function"==typeof n&&(r=Reflect.apply(n,a,[])),void 0!==r)return"string"==typeof r?(0,e.createVNode)("span",{class:"message-action-text"},[r]):r};return null!==(n=null===(t=u.action)||void 0===t?void 0:t.call(u))&&void 0!==n?n:J.value.map((function(t){if(t.disabled)return null;if("function"==typeof t.render)return Reflect.apply(t.render,a,[]);var n,o,i=Array.isArray(t.classList)?t.classList.join(" "):t.classList;return(0,e.createVNode)("span",{class:["tool",t.id,i],onClick:function(e){return function(e,t){t.readonly||t.disabled||"function"==typeof t.onClick&&Reflect.apply(t.onClick,a,[e,t])}(e,t)}},[(n=t,o=n.icon,"function"==typeof o?Reflect.apply(o,a,[]):(0,e.createVNode)("span",{class:o},null)),r(t)])}))},refJsonContent:O,refCopyStatus:x,refCopyMsgDiv:T,toolOperation:E,copyStatus:V,t:p,resolveClassName:y}},render:function(){var t=this,n=function(n){return{primary:(0,e.createVNode)(j.Info,null,null),warning:(0,e.createVNode)(j.Warn,null,null),success:(0,e.createVNode)(j.Success,null,null),error:(0,e.createVNode)(j.Close,null,null)}[null!=n?n:t.theme]},r=function(n){if(n.type===f.KEY_VALUE){var r=t.parseJson(n.details||{});return Object.keys(r).map((function(t){return(0,e.createVNode)("div",{class:"message-row"},[(0,e.createVNode)("label",null,[t]),r[t]])}))}};return(0,e.createVNode)(e.Transition,{name:"bk-message-fade"},{default:function(){return[(0,e.withDirectives)((0,e.createVNode)("div",{class:t.classNames,style:t.styles,onMouseenter:t.handleMouseenter,onMouseleave:t.handleMouseleave},["object"!==s(t.message)||(0,e.isVNode)(t.message)?(0,e.createVNode)(e.Fragment,null,[(0,e.createVNode)("div",{class:"".concat(t.resolveClassName("message-content"))},[(0,e.createVNode)("div",{class:"".concat(t.resolveClassName("message-icon"))},[n()]),t.message]),t.dismissable&&(0,e.createVNode)(j.Error,{class:"".concat(t.resolveClassName("message-close")),onClick:t.close},null)]):(0,e.createVNode)("div",{class:"".concat(t.resolveClassName("message-content")," multi")},[(0,e.createVNode)("div",{class:"overview"},[(0,e.createVNode)("div",{class:"left-content"},[(0,e.createVNode)("div",{class:"".concat(t.resolveClassName("message-icon"))},[n()]),(0,e.createVNode)("div",{class:"describe"},[null!==(a=null===(i=(o=t.$slots).title)||void 0===i?void 0:i.call(o))&&void 0!==a?a:"【".concat(t.message.code,"】").concat(t.message.overview," ").concat(t.message.suggestion)])]),(0,e.createVNode)("div",{class:"tools"},[t.renderMessageActions()])]),t.toolOperation.isDetailShow&&(0,e.createVNode)("div",{class:"message-detail"},[(0,e.createVNode)("div",{class:"message-copy",ref:"refCopyMsgDiv",onClick:t.copyMessage},[(0,e.createVNode)(j.CopyShape,null,null),(0,e.createVNode)("div",{class:"copy-status",ref:"refCopyStatus"},[(0,e.createVNode)("div",{class:"inner"},[n(t.copyStatus),"success"===t.copyStatus?t.t.copySuccess:t.t.copyFailed])])]),(0,e.createVNode)("div",{ref:"refJsonContent",class:"message-tree"},[r(t.message)])])])]),[[e.vShow,t.visible]])];var o,i,a}})}}),S=function(o){!function(o,i){var s=i,a=s.position||"top-right";"string"==typeof i&&(s={message:i});var c=i.onClose,l=s.offsetX||10,u=s.offsetY||30,f=s.spacing,d=void 0===f?10:f;n[a].forEach((function(e){u+=(e.el.offsetHeight||0)+d}));var p="message_".concat(r+=1);s=Object.assign(Object.assign({},s),{offsetX:l,offsetY:u,id:p});var m=document.createElement("div"),y=(0,e.createVNode)(o,s);y.props.onDestroy=function(t){!function(e,t,r,o){null==o||o();var i=t.startsWith("top")?"top":"bottom",s=-1;n[t].forEach((function(t,n){t.props.id===e&&(s=n)}));for(var a=n[t][s].el.offsetHeight,c=n[t].length,l=s;l<c;l++){var u=parseInt(n[t][l].el.style[i],10)-a-r;n[t][l].component.props.offsetY=u}n[t].splice(s,1)}(t,a,d,c),(0,e.render)(null,m)},(0,e.render)(y,m),n[a].push(y),(y.props.getContainer&&(0,t.isElement)(y.props.getContainer)?y.props.getContainer:document.body).appendChild(m.firstElementChild)}(w,o)}})(),c})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"),require("../shared"),require("vue-types"),require("../config-provider"),require("../icon"));else if("function"==typeof define&&define.amd)define(["vue","../shared","vue-types","../config-provider","../icon"],t);else{var n="object"==typeof exports?t(require("vue"),require("../shared"),require("vue-types"),require("../config-provider"),require("../icon")):t(e.vue,e["../shared"],e["vue-types"],e["../config-provider"],e["../icon"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(self,((e,t,n,r,o)=>(()=>{var i={7647:function(e){var t;t=function(){return function(){var e={686:function(e,t,n){"use strict";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=v(o);if(i){var n=v(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return function(e,t){return!t||"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}(e):t}(this,e)});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(){"use strict";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}()}()},2717:e=>{"use strict";e.exports=r},6870:e=>{"use strict";e.exports=o},4212:e=>{"use strict";e.exports=t},748:t=>{"use strict";t.exports=e},210:e=>{"use strict";e.exports=n}},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),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{"use strict";a.r(c),a.d(c,{default:()=>S});var e=a(748),t=a(4212),n={"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]},r=1;function o(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 i(e){return function(e){if(Array.isArray(e))return o(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 o(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)?o(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 s(e){return s="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},s(e)}function l(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===s(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var u,f,d,p=a(7647),m=a.n(p),y=a(4346),h=a.n(y),v=a(210),g=a(2717),j=a(6870);!function(e){e.PRIMARY="primary",e.WARNING="warning",e.SUCCESS="success",e.ERROR="error"}(u||(u={})),function(e){e.KEY_VALUE="key-value",e.JSON="json"}(f||(f={})),function(e){e.ASSISTANT="assistant",e.DETAILS="details",e.FIX="fix",e.CLOSE="close"}(d||(d={}));var b={id:t.PropTypes.string.def(""),message:(0,v.toType)("IMessage",{}),theme:(0,v.toType)("messageTheme",{}).def(u.PRIMARY),delay:t.PropTypes.number,dismissable:t.PropTypes.bool.def(!0),offsetY:t.PropTypes.number.def(30),spacing:t.PropTypes.number.def(10),extCls:t.PropTypes.string.def(""),onClose:t.PropTypes.func,getContainer:t.PropTypes.instanceOf(HTMLElement),width:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.string]),minWidth:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.string]).def(100),maxWidth:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.string]).def("100%"),actions:(0,v.toType)("IMessageAction",{})};const w=(0,e.defineComponent)({name:"Message",props:b,emits:["destroy","detail"],setup:function(n,r){var o,a=this,c=r.emit,u=r.slots,p=r.expose,y=(0,g.useLocale)("message"),v=(0,g.usePrefix)().resolveClassName,b=(0,e.computed)((function(){return["".concat(v("message")),"".concat(v("message-".concat(n.theme))),"".concat(n.extCls)]})),w=t.bkZIndexManager.getMessageNextIndex(),S=(0,e.computed)((function(){return/^\d+\.?\d*$/.test("".concat(n.delay))?n.delay:"object"!==s(n.message)||(0,e.isVNode)(n.message)?3e3:8e3})),C=function(e){return"number"==typeof n[e]?"".concat(n[e],"px"):n[e]},k=(0,e.computed)((function(){var t={maxWidth:C("maxWidth"),minWidth:C("minWidth")},r="object"===s(n.message)&&!(0,e.isVNode)(n.message);return/%$/.test("".concat(n.width))||/auto/gi.test("".concat(n.width))?Object.assign({width:n.width},t):/^\d+/.test("".concat(n.width))?/^\d+\.?\d*$/.test("".concat(n.width))?Object.assign({width:"".concat(n.width,"px")},t):Object.assign({width:n.width},t):r?{width:"".concat(800,"px")}:{width:"".concat(560,"px")}})),O=(0,e.computed)((function(){return n.getContainer&&(0,t.isElement)(n.getContainer)})),T=(0,e.computed)((function(){return Object.assign({top:"".concat(n.offsetY,"px"),zIndex:w,position:O.value?"absolute":"fixed"},k.value)})),x=(0,e.ref)(null),N=(0,e.ref)(null),E=(0,e.ref)(null),A=(0,e.ref)(!1),L=(0,e.reactive)({isFix:!1,isDetailShow:!1}),P=null,V=function(){P=setTimeout((function(){L.isFix||(A.value=!1)}),S.value)},M=function(e){e.preventDefault(),e.stopPropagation(),A.value=!1},F=(0,e.ref)(null),D=function(){var e=new(m())(E.value,{text:function(){return function(e){var t=e;if("object"===s(e))try{t=JSON.stringify(e)}catch(e){console.error("JSON.stringify Error: ".concat(e))}return t}(n.message.details)}});I(e)},I=function(e,t){["success","error"].forEach((function(n){e.on(n,(function(e){var r=N.value;if(F.value=n,r){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=r.classList).remove.apply(i,["success","error","is-hidden"]),(s=r.classList).add.apply(s,[n,"is-show"]);var p=c+l/2-41,m=u-d-40;r.style.setProperty("transform","translate(".concat(p,"px, ").concat(m,"px")),o&&clearTimeout(o),o=setTimeout((function(){var e,t;(e=r.classList).remove.apply(e,["is-show"]),(t=r.classList).add.apply(t,["is-hidden"])}),2e3)}"function"==typeof t&&t()}))}))},R=function(){var e=new(m())(x.value.querySelectorAll("span.copy-value"),{text:function(e){return e.innerHTML}});I(e)},_=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},J=function(t,r){if(L.isDetailShow=null!=r?r:!L.isDetailShow,q(t,L.isDetailShow),L.isDetailShow&&"object"===s(n.message)&&!(0,e.isVNode)(n.message)){if(n.message.type===f.JSON||!n.message.type){var o=_(n.message.details),i=new(h())(o);setTimeout((function(){x.value&&(x.value.innerHTML="",x.value.append(i.render())),D()}))}n.message.type===f.KEY_VALUE&&setTimeout((function(){D(),R()})),c("detail",L.isDetailShow,n.id)}},q=function(e,t){L.isFix=null!=t?t:!L.isFix},H=function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];"object"===s(n.message)&&!(0,e.isVNode)(n.message)&&(t?document.removeEventListener("keydown",Y):document.addEventListener("keydown",Y))},Y=function(e){e.altKey&&80===e.keyCode&&q(e)};(0,e.onMounted)((function(){S.value&&V(),A.value=!0,H()})),(0,e.onUnmounted)((function(){clearTimeout(P),H(!0)})),(0,e.watch)(A,(function(){A.value||c("destroy",n.id)}));var U=(0,e.computed)((function(){var t;return l(t={},d.ASSISTANT,{id:d.ASSISTANT,icon:function(){return(0,e.createVNode)(j.Assistant,null,null)},text:function(){return y.value.assistant},onClick:function(e){n.message.assistant&&window.open(n.message.assistant,"_blank")}}),l(t,d.DETAILS,{id:d.DETAILS,icon:function(){return L.isDetailShow?(0,e.createVNode)(j.AngleDoubleUpLine,null,null):(0,e.createVNode)(j.AngleDoubleDownLine,null,null)},text:function(){return y.value.details},onClick:function(e){return J(e)}}),l(t,d.FIX,{id:d.FIX,icon:function(){return L.isFix?(0,e.createVNode)(j.FixShape,null,null):(0,e.createVNode)(j.FixLine,null,null)},classList:L.isFix?"fixed":"",onClick:function(e){return q(e)}}),l(t,d.CLOSE,{id:d.CLOSE,classList:"normal-color",icon:function(){return n.dismissable&&(0,e.createVNode)(j.Error,{class:"".concat(v("message-close")),onClick:M},null)},onClick:M}),t})),W=[d.ASSISTANT,d.DETAILS,d.FIX,d.CLOSE],B=(0,e.computed)((function(){var e;if((null===(e=n.actions)||void 0===e?void 0:e.length)>0){var t=n.actions.map((function(e){var t=e.id.toLocaleLowerCase(),n=U.value[t],r=null==n?void 0:n.onClick,o=Object.assign({},U.value[t]||{},e);if(o.id=t,void 0!==e.classList){var c=Array.isArray(e.classList)?e.classList:[e.classList],l=[];void 0!==n.classList&&(l=Array.isArray(n.classList)?n.classList:[n.classList]),o.classList=[].concat(i(l),i(c))}return"function"==typeof e.onClick?(o.onClick=function(){var t=Reflect.apply(e.onClick,a,[]);void 0!==s(t)&&!t||"function"!=typeof r||Reflect.apply(r,a,[])},o):(o.onClick=r,o)})),r=W.filter((function(e){return!t.some((function(t){return t.id===e}))})).map((function(e){return U.value[e]}));return t.push.apply(t,i(r)),t}return W.map((function(e){return U.value[e]}))}));return p({setDetailsShow:J}),{classNames:b,styles:T,visible:A,close:M,setDetailsShow:J,fixMesage:q,copyMessage:D,parseToJson:_,handleMouseenter:function(e){clearTimeout(P)},handleMouseleave:function(e){S.value&&V()},renderMessageActions:function(){var t,n,r=function(t){var n=t.text,r=void 0;if("function"==typeof n&&(r=Reflect.apply(n,a,[])),void 0!==r)return"string"==typeof r?(0,e.createVNode)("span",{class:"message-action-text"},[r]):r};return null!==(n=null===(t=u.action)||void 0===t?void 0:t.call(u))&&void 0!==n?n:B.value.map((function(t){if(t.disabled)return null;if("function"==typeof t.render)return Reflect.apply(t.render,a,[]);var n,o,i=Array.isArray(t.classList)?t.classList.join(" "):t.classList;return(0,e.createVNode)("span",{class:["tool",t.id,i],onClick:function(e){return function(e,t){t.readonly||t.disabled||"function"==typeof t.onClick&&Reflect.apply(t.onClick,a,[e,t])}(e,t)}},[(n=t,o=n.icon,"function"==typeof o?Reflect.apply(o,a,[]):(0,e.createVNode)("span",{class:o},null)),r(t)])}))},refJsonContent:x,refCopyStatus:N,refCopyMsgDiv:E,toolOperation:L,copyStatus:F,t:y,resolveClassName:v,copyValueItem:R}},render:function(){var t=this,n=function(n){return{primary:(0,e.createVNode)(j.Info,null,null),warning:(0,e.createVNode)(j.Warn,null,null),success:(0,e.createVNode)(j.Success,null,null),error:(0,e.createVNode)(j.Close,null,null)}[null!=n?n:t.theme]},r=function(n){if(n.type===f.KEY_VALUE){var r=t.parseToJson(n.details||{});return Object.keys(r).map((function(t){return(0,e.createVNode)("div",{class:"message-row"},[(0,e.createVNode)("label",null,[t]),(0,e.createVNode)("span",{class:"copy-value"},[r[t]])])}))}};return(0,e.createVNode)(e.Transition,{name:"bk-message-fade"},{default:function(){return[(0,e.withDirectives)((0,e.createVNode)("div",{class:t.classNames,style:t.styles,onMouseenter:t.handleMouseenter,onMouseleave:t.handleMouseleave},["object"!==s(t.message)||(0,e.isVNode)(t.message)?(0,e.createVNode)(e.Fragment,null,[(0,e.createVNode)("div",{class:"".concat(t.resolveClassName("message-content"))},[(0,e.createVNode)("div",{class:"".concat(t.resolveClassName("message-icon"))},[n()]),t.message]),t.dismissable&&(0,e.createVNode)(j.Error,{class:"".concat(t.resolveClassName("message-close")),onClick:t.close},null)]):(0,e.createVNode)("div",{class:"".concat(t.resolveClassName("message-content")," multi")},[(0,e.createVNode)("div",{class:"overview"},[(0,e.createVNode)("div",{class:"left-content"},[(0,e.createVNode)("div",{class:"".concat(t.resolveClassName("message-icon"))},[n()]),(0,e.createVNode)("div",{class:"describe"},[null!==(a=null===(i=(o=t.$slots).title)||void 0===i?void 0:i.call(o))&&void 0!==a?a:"【".concat(t.message.code,"】").concat(t.message.overview," ").concat(t.message.suggestion)])]),(0,e.createVNode)("div",{class:"tools"},[t.renderMessageActions()])]),t.toolOperation.isDetailShow&&(0,e.createVNode)("div",{class:"message-detail"},[(0,e.createVNode)("div",{class:"message-copy",ref:"refCopyMsgDiv"},[(0,e.createVNode)(j.CopyShape,null,null)]),(0,e.createVNode)("div",{class:"copy-status",ref:"refCopyStatus"},[(0,e.createVNode)("div",{class:"inner"},[n(t.copyStatus),"success"===t.copyStatus?t.t.copySuccess:t.t.copyFailed])]),(0,e.createVNode)("div",{ref:"refJsonContent",class:"message-tree"},[r(t.message)])])])]),[[e.vShow,t.visible]])];var o,i,a}})}}),S=function(o){!function(o,i){var s=i,a=s.position||"top-right";"string"==typeof i&&(s={message:i});var c=i.onClose,l=s.offsetX||10,u=s.offsetY||30,f=s.spacing,d=void 0===f?10:f;n[a].forEach((function(e){u+=(e.el.offsetHeight||0)+d}));var p="message_".concat(r+=1);s=Object.assign(Object.assign({},s),{offsetX:l,offsetY:u,id:p});var m=document.createElement("div"),y=(0,e.createVNode)(o,s);y.props.onDestroy=function(t){!function(e,t,r,o){null==o||o();var i=t.startsWith("top")?"top":"bottom",s=-1;n[t].forEach((function(t,n){t.props.id===e&&(s=n)}));for(var a=n[t][s].el.offsetHeight,c=n[t].length,l=s;l<c;l++){var u=parseInt(n[t][l].el.style[i],10)-a-r;n[t][l].component.props.offsetY=u}n[t].splice(s,1)}(t,a,d,c),(0,e.render)(null,m)},y.props.onDetail=function(e,t){n[a].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,e.render)(y,m),n[a].push(y),(y.props.getContainer&&(0,t.isElement)(y.props.getContainer)?y.props.getContainer:document.body).appendChild(m.firstElementChild)}(w,o)}})(),c})()));

package/lib/message/message.css

@@ -138,10 +138,12 @@
 }
 .bk-message-content.multi .message-detail .message-tree {
   max-height: 480px;
-  padding: 14px 24px;
+  padding: 14px 32px;
   overflow: auto;
   background: #fff;
   border-radius: 2px;
+  display: flex;
+  flex-direction: column;
 }
 .bk-message-content.multi .message-detail .message-tree .message-row {
   display: inline-flex;
@@ -163,21 +165,43 @@
 .bk-message-content.multi .message-detail .message-tree .message-row label::after {
   content: ':';
 }
+.bk-message-content.multi .message-detail .message-tree .message-row .copy-value {
+  padding-left: 4px;
+}
+.bk-message-content.multi .message-detail .message-tree .message-row .copy-value:hover {
+  background: rgba(186, 188, 192, 0.2);
+  cursor: pointer;
+  border-radius: 2px;
+}
 .bk-message-content.multi .message-detail .message-copy {
   position: absolute;
   top: 20px;
   right: 40px;
   font-size: 16px;
+  top: 0px;
+  right: 0px;
+  font-size: 18px;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  border-radius: 0 2px 0 6px;
   cursor: pointer;
+  justify-content: center;
+  background: #F5F7FA;
+  color: #9FA3AE;
+}
+.bk-message-content.multi .message-detail .message-copy:hover {
+  background: #F0F5FF;
 }
 .bk-message-content.multi .message-detail .message-copy:hover span {
   color: #3a84ff;
 }
-.bk-message-content.multi .message-detail .message-copy .copy-status {
+.bk-message-content.multi .message-detail .copy-status {
   display: none;
   padding-bottom: 4px;
 }
-.bk-message-content.multi .message-detail .message-copy .copy-status .inner {
+.bk-message-content.multi .message-detail .copy-status .inner {
   position: relative;
   display: flex;
   padding: 6px 8px;
@@ -189,10 +213,10 @@
   box-shadow: 0 2px 6px 0 #0000001a;
   align-items: center;
 }
-.bk-message-content.multi .message-detail .message-copy .copy-status .inner span {
+.bk-message-content.multi .message-detail .copy-status .inner span {
   margin-right: 4px;
 }
-.bk-message-content.multi .message-detail .message-copy .copy-status .inner::after {
+.bk-message-content.multi .message-detail .copy-status .inner::after {
   position: absolute;
   bottom: 0;
   left: 50%;
@@ -207,13 +231,13 @@
   box-shadow: 5px 3px 6px 0 #0000001a;
   box-sizing: border-box;
 }
-.bk-message-content.multi .message-detail .message-copy .copy-status.success .inner span {
+.bk-message-content.multi .message-detail .copy-status.success .inner span {
   color: #2dcb9d;
 }
-.bk-message-content.multi .message-detail .message-copy .copy-status.error .inner span {
+.bk-message-content.multi .message-detail .copy-status.error .inner span {
   color: #ea3636;
 }
-.bk-message-content.multi .message-detail .message-copy .copy-status.is-show {
+.bk-message-content.multi .message-detail .copy-status.is-show {
   position: absolute;
   top: 0;
   left: 0;
@@ -221,6 +245,6 @@
   white-space: nowrap;
   transform: translate(-50%, -100%);
 }
-.bk-message-content.multi .message-detail .message-copy .copy-status.is-hidden {
+.bk-message-content.multi .message-detail .copy-status.is-hidden {
   display: none;
 }