bkui-vue 0.0.1-beta.457 → 0.0.1-beta.459

package/lib/icon/weixin-pro.d.ts

@@ -0,0 +1,4 @@
+import { FunctionalComponent } from 'vue';
+import { IIconBaseProps } from './icon';
+declare const weixinPro: FunctionalComponent<IIconBaseProps>;
+export default weixinPro;

package/lib/icon/weixin-pro.js

@@ -0,0 +1 @@
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"));else if("function"==typeof define&&define.amd)define(["vue"],t);else{var r="object"==typeof exports?t(require("vue")):t(e.vue);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(self,(e=>(()=>{"use strict";var t={9430:(e,t,r)=>{r.d(t,{Z:()=>i});var n=r(748);function o(e,t,r){return(0,n.h)(e.name,Object.assign(Object.assign({key:t},e.attributes),{style:"".concat(e.attributes.style," ").concat(r||"")}),(e.elements||[]).map((function(r,n){return o(r,"".concat(t,"-").concat(e.name,"-").concat(n))})))}Object.create,Object.create;var a=function(e,t){var r=Object.assign(Object.assign({},t.attrs),e),a=r.data,i=r.name,s=r.width,c=r.height,l=r.fill,u=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(r,["data","name","width","height","fill"]),f="width: ".concat(s,"; height: ").concat(c,"; fill: ").concat(l);return(0,n.createVNode)("span",(0,n.mergeProps)({style:{display:"inline-flex","align-items":"center","justify-content":"center"}},u),[o(a,i,f)])};a.inheritAttrs=!1,a.displayName="bkIcon";const i=a},748:t=>{t.exports=e}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(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=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{n.r(o),n.d(o,{default:()=>i});var e=n(748),t=n(9430),r=JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"fill-rule":"evenodd","d":"M938.7497408 751.2461728C920.8062784 754.82336 903.6971584 761.7483104 888.3171424 771.6588704 873.2444672 787.4767936 854.2148288 798.974768 833.2014368 804.9605504 836.0031424 786.1484224 845.3295104 768.9776576 859.4186848 756.288864 871.2167136 738.281152 879.7148672 718.3169824 884.5154368 697.3306592 884.4496448 667.4985536 908.5720768 643.2573504 938.404144 643.1764192 968.2362112 643.0958944 992.489488 667.2061888 992.5854336 697.0382144 992.6808128 726.8702368 968.5826592 751.1355776 938.750688 751.2461728L938.7497408 751.2461728ZM839.887392 621.8411552C821.9636704 609.9596288 802.0664544 601.3664832 781.1284256 596.4645152 751.2856864 596.4645152 727.0933632 572.2721952 727.0933632 542.429456 727.0933632 512.5867168 751.2856864 488.3943936 781.1284256 488.3943936 810.9711648 488.3943936 835.1634848 512.5867168 835.1634848 542.429456 838.6847584 560.4011296 845.5262144 577.5586592 855.3370944 593.0223936 871.0537888 608.2166208 882.4379744 627.3243168 888.3180928 648.3790848 869.6373984 645.3981472 852.5734656 636.017312 840.046784 621.8421056L839.8475424 621.8421056 839.887392 621.8411552ZM750.8684864 431.3972864C734.5781792 294.94863136 593.2860736 188.03885088 422.3355456 188.03885088 240.21615008 188.03885088 92.03979968 309.2379936 92.03979936 458.2948 94.95593632 541.9888 139.14855232 618.8011392 210.0368576 663.38856 221.5372432 671.8631712 233.5698912 679.5906336 246.06054752 686.5232672L231.41160288 745.0013984C236.6943312 747.4833696 241.81766656 750.1247328 247.220888 752.4065152L321.18952 715.4226752C331.9959616 718.2243776 343.3640736 720.025136 354.650592 721.9463872 361.85552 723.2272224 369.060448 724.547904 376.4655648 725.4283584 422.593232 731.2438688 469.3960992 728.5578336 514.5555872 717.5033184 515.9529792 737.516592 519.6048064 757.3082016 525.4417248 776.50232 491.6425696 784.4255424 457.0499232 788.4674784 422.3345984 788.5497504 391.1907104 788.3740096 360.1499136 784.9532608 329.7151296 778.3429248L195.50556 845.347616C185.07039904 850.6853344 172.46917184 849.3674432 163.36421984 841.9861376 154.22346368 834.663392 150.17630784 822.6930592 152.99800448 811.3258208L177.01316512 714.622864C89.00876864 658.6573248 34.6398832 562.5538336 32 458.2948 32 275.85661632 206.75317888 128 422.3345984 128 627.0270304 128 794.6568768 261.44676096 810.9870336 431.077552 801.5855328 429.6306336 792.1123872 428.6953568 782.6094496 428.2758464 772.0022464 428.6762272 761.3950432 429.6762272 750.8675392 431.35744L750.8684864 431.3972864ZM626.1873728 644.4559392C644.1598464 640.8534752 661.250912 633.9692288 676.6209184 624.0432416 691.71416 608.248368 710.757408 596.778 731.7764736 590.8212576 728.9118528 609.5693568 719.631904 626.7430496 705.5193792 639.413248 693.7119872 657.4246176 685.2262272 677.4378848 680.4235744 698.4113024 680.4673568 728.2381472 656.3353184 752.4593408 626.5085184 752.5256864 596.6817152 752.59176 572.442384 728.4779392 572.353504 698.6511968 572.2651136 668.8244512 596.360704 644.5669952 626.1873728 644.4559392L626.1873728 644.4559392ZM723.5307488 774.460576C741.3827264 786.4283072 761.2356512 795.0744128 782.1293728 800.0772544 803.9845152 800.0772544 823.6876576 813.2424736 832.0512608 833.4339936 840.4148608 853.6255104 835.7918496 876.8669536 820.3379296 892.3208736 804.8840128 907.7747904 781.6425696 912.3978016 761.4510496 904.0342016 741.2595328 895.6706016 728.0943136 875.967456 728.0943136 854.1123136 724.6504032 836.118624 717.8619424 818.9305632 708.0810464 803.43968 692.4234336 788.1759744 681.1209152 769.0118048 675.339136 747.9235968 694.0371744 751.0004768 711.0783168 760.4976768 723.5307488 774.7812608L723.5307488 774.460576Z"}}]}'),a=function(n,o){var a=Object.assign(Object.assign({},n),o.attrs);return(0,e.createVNode)(t.Z,(0,e.mergeProps)(a,{data:r,name:"weixinPro"}),null)};a.displayName="weixinPro",a.inheritAttrs=!1;const i=a})(),o})()));

package/lib/image/image-viewer.d.ts

@@ -64,10 +64,10 @@ declare const _default: import("vue").DefineComponent<{
     onClose?: (...args: any[]) => any;
 }, {
     zIndex: number;
+    maskClose: boolean;
     urlList: string[];
     initialIndex: number;
     isShowTitle: boolean;
     loops: boolean;
-    maskClose: boolean;
 }>;
 export default _default;

package/lib/image/image.d.ts

@@ -82,9 +82,9 @@ declare const _default: import("vue").DefineComponent<{
     onLoaded?: (...args: any[]) => any;
 }, {
     zIndex: number;
+    maskClose: boolean;
     fit: "fill" | "none" | "contain" | "cover" | "scale-down";
     urlList: unknown[];
-    maskClose: boolean;
     src: string;
     fallback: string;
     lazy: boolean;

package/lib/image/index.d.ts

@@ -7,9 +7,9 @@ declare const BkImage: {
         $data: {};
         $props: Partial<{
             zIndex: number;
+            maskClose: boolean;
             fit: "fill" | "none" | "contain" | "cover" | "scale-down";
             urlList: unknown[];
-            maskClose: boolean;
             src: string;
             fallback: string;
             lazy: boolean;
@@ -57,7 +57,7 @@ declare const BkImage: {
             onError?: (...args: any[]) => any;
             onClose?: (...args: any[]) => any;
             onLoaded?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "zIndex" | "fit" | "urlList" | "maskClose" | "src" | "fallback" | "lazy" | "isShowPreviewTitle">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "zIndex" | "maskClose" | "fit" | "urlList" | "src" | "fallback" | "lazy" | "isShowPreviewTitle">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -116,9 +116,9 @@ declare const BkImage: {
             onLoaded?: (...args: any[]) => any;
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "error" | "loaded")[], string, {
             zIndex: number;
+            maskClose: boolean;
             fit: "fill" | "none" | "contain" | "cover" | "scale-down";
             urlList: unknown[];
-            maskClose: boolean;
             src: string;
             fallback: string;
             lazy: boolean;
@@ -235,9 +235,9 @@ declare const BkImage: {
     onLoaded?: (...args: any[]) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "error" | "loaded")[], "change" | "close" | "error" | "loaded", {
     zIndex: number;
+    maskClose: boolean;
     fit: "fill" | "none" | "contain" | "cover" | "scale-down";
     urlList: unknown[];
-    maskClose: boolean;
     src: string;
     fallback: string;
     lazy: boolean;

package/lib/info-box/info-box.d.ts

@@ -3,6 +3,7 @@ export interface ModalFuncProps {
     isShow?: boolean;
     width?: string | number;
     type?: 'primary' | 'warning' | 'success' | 'danger';
+    infoType?: 'success' | 'danger' | 'warning' | 'loading';
     title?: string | (() => VNode | string) | VNode;
     subTitle?: string | (() => VNode) | VNode;
     confirmText?: string | (() => VNode) | VNode;

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 l=t();for(var a in l)("object"==typeof exports?exports:e)[a]=l[a]}}(self,(()=>(()=>{"use strict";var e={d:(t,l)=>{for(var a in l)e.o(l,a)&&!e.o(t,a)&&Object.defineProperty(t,a,{enumerable:!0,get:l[a]})},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:()=>l,zhCn:()=>a});const l={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"}},a={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结束"}};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"},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})()));

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

@@ -115,6 +115,12 @@ declare const en: {
     tagInput: {
         placeholder: string;
     };
+    message: {
+        assistant: string;
+        details: string;
+        copySuccess: string;
+        copyFailed: string;
+    };
 };
 export declare type Language = typeof en;
 export default en;

package/lib/message/index.js

@@ -1 +1,2 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"),require("../shared"),require("vue-types"),require("../icon"));else if("function"==typeof define&&define.amd)define(["vue","../shared","vue-types","../icon"],t);else{var o="object"==typeof exports?t(require("vue"),require("../shared"),require("vue-types"),require("../icon")):t(e.vue,e["../shared"],e["vue-types"],e["../icon"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t,o,r)=>(()=>{"use strict";var n={6870:e=>{e.exports=r},4212:e=>{e.exports=t},748:t=>{t.exports=e},210:e=>{e.exports=o}},s={};function i(e){var t=s[e];if(void 0!==t)return t.exports;var o=s[e]={exports:{}};return n[e](o,o.exports,i),o.exports}i.d=(e,t)=>{for(var o in t)i.o(t,o)&&!i.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{i.r(a),i.d(a,{default:()=>p});var e=i(748),t=i(4212),o={"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]},r=1;var n,s=i(210),u=i(6870);!function(e){e.PRIMARY="primary",e.WARNING="warning",e.SUCCESS="success",e.ERROR="error"}(n||(n={}));var c={id:t.PropTypes.string.def(""),message:t.PropTypes.string.def(""),theme:(0,s.toType)("messageTheme",{}).def(n.PRIMARY),delay:t.PropTypes.number.def(3e3),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)};const l=(0,e.defineComponent)({name:"Message",props:c,emits:["destroy"],setup:function(o,r){var n=r.emit,s=(0,e.computed)((function(){return["bk-message","bk-message-".concat(o.theme),"".concat(o.extCls)]})),i=t.bkZIndexManager.getMessageNextIndex(),a=(0,e.computed)((function(){return o.getContainer&&(0,t.isElement)(o.getContainer)})),u=(0,e.computed)((function(){return{top:"".concat(o.offsetY,"px"),zIndex:i,position:a.value?"absolute":"fixed"}})),c=(0,e.ref)(!1),l=null;return(0,e.onMounted)((function(){o.delay&&(l=setTimeout((function(){c.value=!1}),o.delay)),c.value=!0})),(0,e.onUnmounted)((function(){clearTimeout(l)})),(0,e.watch)(c,(function(){c.value||n("destroy",o.id)})),{classNames:s,styles:u,visible:c,close:function(e){e.preventDefault(),e.stopPropagation(),c.value=!1}}},render:function(){var t=this;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},[(0,e.createVNode)("div",{class:"bk-message-content"},[(0,e.createVNode)("div",{class:"bk-message-icon"},[{primary:(0,e.createVNode)(u.Info,null,null),warning:(0,e.createVNode)(u.Warn,null,null),success:(0,e.createVNode)(u.Success,null,null),error:(0,e.createVNode)(u.Close,null,null)}[t.theme]]),t.message]),t.dismissable&&(0,e.createVNode)(u.Error,{class:"bk-message-close",onClick:t.close},null)]),[[e.vShow,t.visible]])]}})}}),p=function(n){!function(n,s){var i=s,a=i.position||"top-right";"string"==typeof s&&(i={message:s});var u=s.onClose,c=i.offsetX||10,l=i.offsetY||30,p=i.spacing,f=void 0===p?10:p;o[a].forEach((function(e){l+=(e.el.offsetHeight||0)+f}));var d="message_".concat(r+=1);i=Object.assign(Object.assign({},i),{offsetX:c,offsetY:l,id:d});var m=document.createElement("div"),v=(0,e.createVNode)(n,i);v.props.onDestroy=function(t){!function(e,t,r,n){null==n||n();var s=t.startsWith("top")?"top":"bottom",i=-1;o[t].forEach((function(t,o){t.props.id===e&&(i=o)}));for(var a=o[t][i].el.offsetHeight,u=o[t].length,c=i;c<u;c++){var l=parseInt(o[t][c].el.style[s],10)-a-r;o[t][c].component.props.offsetY=l}o[t].splice(i,1)}(t,a,f,u),(0,e.render)(null,m)},(0,e.render)(v,m),o[a].push(v),(v.props.getContainer&&(0,t.isElement)(v.props.getContainer)?v.props.getContainer:document.body).appendChild(m.firstElementChild)}(l,n)}})(),a})()));
+/*! 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("./preset"),require("./components"),require("./directives"),require("./plugins"),require("./config-provider"),require("./hooks"),require("vue-types"),require("../icon"));else if("function"==typeof define&&define.amd)define(["vue","../shared","./preset","./components","./directives","./plugins","./config-provider","./hooks","vue-types","../icon"],t);else{var n="object"==typeof exports?t(require("vue"),require("../shared"),require("./preset"),require("./components"),require("./directives"),require("./plugins"),require("./config-provider"),require("./hooks"),require("vue-types"),require("../icon")):t(e.vue,e["../shared"],e["./preset"],e["./components"],e["./directives"],e["./plugins"],e["./config-provider"],e["./hooks"],e["vue-types"],e["../icon"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(self,((e,t,n,r,o,i,s,a,c,l)=>(()=>{var u={6064:(e,t,n)=>{"use strict";n(9887);var r=n(4689);n.o(r,"useLocale")&&n.d(t,{useLocale:function(){return r.useLocale}});var o=n(7257);n.o(o,"useLocale")&&n.d(t,{useLocale:function(){return o.useLocale}}),n(368);var i=n(7623);n.o(i,"useLocale")&&n.d(t,{useLocale:function(){return i.useLocale}});var s=n(5737);n.o(s,"useLocale")&&n.d(t,{useLocale:function(){return s.useLocale}})},7647:function(e){var t;t=function(){return function(){var e={686:function(e,t,n){"use strict";n.d(t,{default:function(){return w}});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},p=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 d(e){return d="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},d(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,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}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}function j(e,t){var n="data-clipboard-".concat(e);if(t.hasAttribute(n))return t.getAttribute(n)}var b=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=g(o);if(i){var n=g(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return v(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"!==d(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?p(i,{container:r}):o?"cut"===n?u(o):p(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 j("action",e)}},{key:"defaultTarget",value:function(e){var t=j("target",e);if(t)return document.querySelector(t)}},{key:"defaultText",value:function(e){return j("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 p(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()),w=b},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("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 p(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(p.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(p.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(p.prototype,"isUrl",{get:function(){return"string"===this.type&&0===this.json.indexOf("http")},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"isArray",{get:function(){return Array.isArray(this.json)},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"isObject",{get:function(){return t(this.json)},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"isEmptyObject",{get:function(){return!this.keys.length&&!this.isArray},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"isEmpty",{get:function(){return this.isEmptyObject||this.keys&&!this.keys.length&&this.isArray},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"useToJSON",{get:function(){return this.config.useToJSON&&"stringifiable"===this.type},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"hasKey",{get:function(){return void 0!==this.key},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"constructorName",{get:function(){return n(this.json)},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"type",{get:function(){return this.config.useToJSON&&this.json&&this.json.toJSON?"stringifiable":e(this.json)},enumerable:!0,configurable:!0}),Object.defineProperty(p.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}),p.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")))},p.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")))))},p.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+"}"},p.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},p.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 p(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 p(t.json[e],t.open-1,t.config,e);n.appendChild(r.render())}))},p.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="")},p}()}()},6870:e=>{"use strict";e.exports=l},4212:e=>{"use strict";e.exports=t},4689:e=>{"use strict";e.exports=r},7623:e=>{"use strict";e.exports=s},7257:e=>{"use strict";e.exports=o},5737:e=>{"use strict";e.exports=a},368:e=>{"use strict";e.exports=i},9887:e=>{"use strict";e.exports=n},748:t=>{"use strict";t.exports=e},210:e=>{"use strict";e.exports=c}},f={};function p(e){var t=f[e];if(void 0!==t)return t.exports;var n=f[e]={exports:{}};return u[e].call(n.exports,n,n.exports,p),n.exports}p.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return p.d(t,{a:t}),t},p.d=(e,t)=>{for(var n in t)p.o(t,n)&&!p.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},p.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),p.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var d={};return(()=>{"use strict";p.r(d),p.d(d,{default:()=>S});var e=p(748),t=p(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,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e){return a="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},a(e)}var c,l,u,f=p(6064),m=p(7647),y=p.n(m),h=p(4346),v=p.n(h),g=p(210),j=p(6870);!function(e){e.PRIMARY="primary",e.WARNING="warning",e.SUCCESS="success",e.ERROR="error"}(c||(c={})),function(e){e.KEY_VALUE="key-value",e.JSON="json"}(l||(l={})),function(e){e.ASSISTANT="assistant",e.DETAILS="details",e.FIX="fix",e.CLOSE="close"}(u||(u={}));var b={code:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.number]),overview:t.PropTypes.string,suggestion:t.PropTypes.string,details:t.PropTypes.string,assistant:t.PropTypes.string,type:(0,g.toType)("MessageContentType",{})},w={id:t.PropTypes.string.def(""),message:t.PropTypes.oneOfType([t.PropTypes.shape(b).loose,t.PropTypes.string]),theme:(0,g.toType)("messageTheme",{}).def(c.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:t.PropTypes.shape([])};const k=(0,e.defineComponent)({name:"Message",props:w,emits:["destroy"],setup:function(n,r){var o,c=this,p=r.emit,d=r.slots,m=(0,f.useLocale)("message"),h=(0,e.computed)((function(){return["bk-message","bk-message-".concat(n.theme),"".concat(n.extCls)]})),g=t.bkZIndexManager.getMessageNextIndex(),b=(0,e.computed)((function(){return/^\d+\.?\d*$/.test("".concat(n.delay))?n.delay:"object"===a(n.message)?8e3:3e3})),w=(0,e.computed)((function(){return/^\d+/.test("".concat(n.width))?/^\d+\.?\d*$/.test("".concat(n.width))?"".concat(n.width,"px"):n.width:"object"===a(n.message)?"".concat(800,"px"):"".concat(560,"px")})),k=(0,e.computed)((function(){return n.getContainer&&(0,t.isElement)(n.getContainer)})),S=(0,e.computed)((function(){return{top:"".concat(n.offsetY,"px"),zIndex:g,position:k.value?"absolute":"fixed",width:w.value}})),C=(0,e.ref)(null),O=(0,e.ref)(null),T=(0,e.ref)(null),x=(0,e.ref)(!1),E=(0,e.reactive)({isFix:!1,isDetailShow:!1}),L=null,A=function(){L=setTimeout((function(){E.isFix||(x.value=!1)}),b.value)},N=function(e){e.preventDefault(),e.stopPropagation(),x.value=!1},P=(0,e.ref)(!1),M=(0,e.ref)(null),V=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},F=function(e,t){if(E.isDetailShow=null!=t?t:!E.isDetailShow,I(e,E.isDetailShow),E.isDetailShow&&"object"===a(n.message)&&(n.message.type===l.JSON||!n.message.type)){var r=V(n.message.details),o=new(v())(r);setTimeout((function(){C.value&&(C.value.innerHTML="",C.value.append(o.render()))}))}},I=function(e,t){E.isFix=null!=t?t:!E.isFix};(0,e.onMounted)((function(){b.value&&A(),x.value=!0})),(0,e.onUnmounted)((function(){clearTimeout(L)})),(0,e.watch)(x,(function(){x.value||p("destroy",n.id)}));var D=(0,e.computed)((function(){var t;return s(t={},u.ASSISTANT,{id:u.ASSISTANT,icon:function(){return(0,e.createVNode)(j.WeixinPro,null,null)},text:function(){return m.value.assistant},onClick:function(e){n.message.assistant&&window.open(n.message.assistant,"_blank")}}),s(t,u.DETAILS,{id:u.DETAILS,icon:function(){return E.isDetailShow?(0,e.createVNode)(j.AngleDoubleUpLine,null,null):(0,e.createVNode)(j.AngleDoubleDownLine,null,null)},text:function(){return m.value.details},onClick:function(e){return F(e)}}),s(t,u.FIX,{id:u.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 I(e)}}),s(t,u.CLOSE,{id:u.CLOSE,classList:"normal-color",icon:function(){return n.dismissable&&(0,e.createVNode)(j.Error,{class:"bk-message-close",onClick:N},null)},onClick:N}),t})),q=[u.ASSISTANT,u.DETAILS,u.FIX,u.CLOSE],R=(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=D.value[t],r=null==n?void 0:n.onClick,o=Object.assign({},D.value[t]||{},e);if(o.id=t,void 0!==e.classList){var s=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(s))}return"function"==typeof e.onClick?(o.onClick=function(){var t=Reflect.apply(e.onClick,c,[]);void 0!==a(t)&&!t||"function"!=typeof r||Reflect.apply(r,c,[])},o):(o.onClick=r,o)})),r=q.filter((function(e){return!t.some((function(t){return t.id===e}))})).map((function(e){return D.value[e]}));return t.push.apply(t,i(r)),t}return q.map((function(e){return D.value[e]}))}));return{classNames:h,styles:S,visible:x,close:N,setDetailsShow:F,fixMesage:I,copyMessage:function(e){if(!P.value){var t=new(y())(T.value,{text:function(){return n.message.details}});["success","error"].forEach((function(e){t.on(e,(function(){var t,n,r=O.value;M.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))})),P.value=!0,setTimeout((function(){T.value.click()}))}))}},parseJson:V,handleMouseenter:function(e){clearTimeout(L)},handleMouseleave:function(e){b.value&&A()},renderMessageActions:function(){var t,n,r=function(t){var n=t.text,r=void 0;if("function"==typeof n&&(r=Reflect.apply(n,c,[])),void 0!==r)return"string"==typeof r?(0,e.createVNode)("span",{class:"message-action-text"},[r]):r};return null!==(n=null===(t=d.action)||void 0===t?void 0:t.call(d))&&void 0!==n?n:R.value.map((function(t){if(t.disabled)return null;if("function"==typeof t.render)return Reflect.apply(t.render,c,[]);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,c,[e,t])}(e,t)}},[(n=t,o=n.icon,"function"==typeof o?Reflect.apply(o,c,[]):(0,e.createVNode)("span",{class:o},null)),r(t)])}))},refJsonContent:C,refCopyStatus:O,refCopyMsgDiv:T,toolOperation:E,copyStatus:M,t:m}},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===l.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"===a(t.message)?(0,e.createVNode)("div",{class:"bk-message-content multi"},[(0,e.createVNode)("div",{class:"overview"},[(0,e.createVNode)("div",{class:"left-content"},[(0,e.createVNode)("div",{class:"bk-message-icon"},[n()]),(0,e.createVNode)("div",{class:"describe"},[null!==(s=null===(i=(o=t.$slots).title)||void 0===i?void 0:i.call(o))&&void 0!==s?s:"【".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)])])]):(0,e.createVNode)(e.Fragment,null,[(0,e.createVNode)("div",{class:"bk-message-content"},[(0,e.createVNode)("div",{class:"bk-message-icon"},[n()]),t.message]),t.dismissable&&(0,e.createVNode)(j.Error,{class:"bk-message-close",onClick:t.close},null)])]),[[e.vShow,t.visible]])];var o,i,s}})}}),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,p=void 0===f?10:f;n[a].forEach((function(e){u+=(e.el.offsetHeight||0)+p}));var d="message_".concat(r+=1);s=Object.assign(Object.assign({},s),{offsetX:l,offsetY:u,id:d});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,p,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)}(k,o)}})(),d})()));

package/lib/message/index.js.LICENSE.txt

@@ -0,0 +1,6 @@
+/*!
+ * clipboard.js v2.0.11
+ * https://clipboardjs.com/
+ *
+ * Licensed MIT © Zeno Rocha
+ */

package/lib/message/message.css

@@ -17,7 +17,7 @@
 .bk-message .bk-message-close {
   padding-left: 20px;
   margin-right: 0;
-  font-size: 18px;
+  font-size: 14px;
   color: #c4c6cc;
   cursor: pointer;
 }
@@ -70,5 +70,157 @@
 }
 .bk-message-content {
   display: flex;
+  width: 100%;
   word-break: break-all;
 }
+.bk-message-content.multi {
+  flex-direction: column;
+  position: relative;
+}
+.bk-message-content.multi .overview {
+  display: flex;
+  justify-content: space-between;
+  align-items: self-start;
+}
+.bk-message-content.multi .overview .left-content {
+  display: flex;
+}
+.bk-message-content.multi .overview .left-content .describe {
+  display: box;
+  max-width: 560px;
+  max-height: 60px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+.bk-message-content.multi .overview .tools {
+  display: flex;
+  align-items: center;
+}
+.bk-message-content.multi .overview .tools .tool {
+  display: flex;
+  padding: 0 5px;
+  font-size: 14px;
+  cursor: pointer;
+  align-items: center;
+}
+.bk-message-content.multi .overview .tools .tool .bk-message-close {
+  padding-left: 0;
+}
+.bk-message-content.multi .overview .tools .tool .message-action-text {
+  padding-left: 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bk-message-content.multi .overview .tools .tool:not(.fix) span {
+  color: #3a84ff;
+}
+.bk-message-content.multi .overview .tools .tool.fix.fixed span {
+  color: #3a84ff;
+}
+.bk-message-content.multi .overview .tools .tool.fix span {
+  color: #979ba5;
+}
+.bk-message-content.multi .overview .tools .tool.fix:hover span {
+  color: #3a84ff;
+}
+.bk-message-content.multi .overview .tools .tool.close span {
+  color: #c4c6cc;
+}
+.bk-message-content.multi .overview .tools .tool.close span:hover {
+  color: #979ba5;
+}
+.bk-message-content.multi .message-detail {
+  position: relative;
+  margin-top: 10px;
+}
+.bk-message-content.multi .message-detail .message-tree {
+  max-height: 480px;
+  padding: 14px 24px;
+  overflow: auto;
+  background: #fff;
+  border-radius: 2px;
+}
+.bk-message-content.multi .message-detail .message-tree .message-row {
+  display: inline-flex;
+  font-size: 14px;
+  line-height: 34px;
+  color: #313238;
+}
+.bk-message-content.multi .message-detail .message-tree .message-row label {
+  display: inline-block;
+  width: 94px;
+  min-width: 94px;
+  margin-right: 8px;
+  overflow: hidden;
+  color: #63656e;
+  text-align: right;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bk-message-content.multi .message-detail .message-tree .message-row label::after {
+  content: ':';
+}
+.bk-message-content.multi .message-detail .message-copy {
+  position: absolute;
+  top: 20px;
+  right: 40px;
+  font-size: 16px;
+  cursor: pointer;
+}
+.bk-message-content.multi .message-detail .message-copy:hover span {
+  color: #3a84ff;
+}
+.bk-message-content.multi .message-detail .message-copy .copy-status {
+  display: none;
+  padding-bottom: 4px;
+}
+.bk-message-content.multi .message-detail .message-copy .copy-status .inner {
+  position: relative;
+  display: flex;
+  padding: 6px 8px;
+  font-size: 12px;
+  line-height: 20px;
+  color: #63656e;
+  background: #fff;
+  border: 1px solid #dcdee5;
+  box-shadow: 0 2px 6px 0 #0000001a;
+  align-items: center;
+}
+.bk-message-content.multi .message-detail .message-copy .copy-status .inner span {
+  margin-right: 4px;
+}
+.bk-message-content.multi .message-detail .message-copy .copy-status .inner::after {
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  width: 8px;
+  height: 8px;
+  background: #fff;
+  border-color: #dcdee5;
+  border-style: solid;
+  border-width: 0px 1px 1px 0px;
+  content: '';
+  transform: translate(0, 4px) rotate(45deg);
+  box-shadow: 5px 3px 6px 0 #0000001a;
+  box-sizing: border-box;
+}
+.bk-message-content.multi .message-detail .message-copy .copy-status.success .inner span {
+  color: #2dcb9d;
+}
+.bk-message-content.multi .message-detail .message-copy .copy-status.error .inner span {
+  color: #ea3636;
+}
+.bk-message-content.multi .message-detail .message-copy .copy-status.is-show {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: inline-flex;
+  white-space: nowrap;
+  transform: translate(-50%, -100%);
+}
+.bk-message-content.multi .message-detail .message-copy .copy-status.is-hidden {
+  display: none;
+}

package/lib/message/message.less

@@ -19,7 +19,7 @@
   .bk-message-close {
     padding-left: 20px;
     margin-right: 0;
-    font-size: 18px;
+    font-size: 14px;
     color: @light-gray;
     cursor: pointer;
 
@@ -69,19 +69,219 @@
   }
 }
 
-.bk-message-fade-enter-active,
-.bk-message-fade-leave-active {
+.@{bk-prefix}-message-fade-enter-active,
+.@{bk-prefix}-message-fade-leave-active {
   transition: margin .2s linear;
 }
 
-.bk-message-fade-enter-from,
-.bk-message-fade-leave-to {
+.@{bk-prefix}-message-fade-enter-from,
+.@{bk-prefix}-message-fade-leave-to {
   margin-top: -50px;
   opacity: 0;
 }
 
-.bk-message-content {
+.@{bk-prefix}-message-content {
   display: flex;
-  // align-items: baseline;
+  width: 100%;
   word-break: break-all;
+
+  &.multi {
+    flex-direction: column;
+    position: relative;
+
+    .overview {
+      display: flex;
+      justify-content: space-between;
+      align-items: self-start;
+
+      .left-content {
+        display: flex;
+
+        .describe {
+          display: box;
+          max-width: 560px;
+          max-height: 60px;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 3;
+        }
+      }
+
+      .tools {
+        display: flex;
+        align-items: center;
+
+        .tool {
+          display: flex;
+          padding: 0 5px;
+          font-size: 14px;
+          cursor: pointer;
+          align-items: center;
+
+          .@{bk-prefix}-message-close {
+            padding-left: 0;
+          }
+
+          .message-action-text {
+            padding-left: 4px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
+
+          &:not(.fix) {
+            span {
+              color: #3a84ff;
+            }
+          }
+        
+          &.fix {
+            &.fixed {
+              span {
+                color: #3a84ff;
+              }
+            }
+          
+            span {
+              color: #979ba5;
+            }
+
+            &:hover {
+              span {
+                color: #3a84ff;
+              }
+            }
+          }
+
+          &.close {
+            span {
+              color: #c4c6cc;
+
+              &:hover {
+                color: #979ba5;
+              }
+            }
+          }
+        }
+      }
+    }
+
+    .message-detail {
+      position: relative;
+      margin-top: 10px;
+
+      .message-tree {
+        max-height: 480px;
+        padding: 14px 24px;
+        overflow: auto;
+        background: #fff;
+        border-radius: 2px;
+
+        .message-row {
+          display: inline-flex;
+          font-size: 14px;
+          line-height: 34px;
+          color: #313238;
+
+          label {
+            display: inline-block;
+            width: 94px;
+            min-width: 94px;
+            margin-right: 8px;
+            overflow: hidden;
+            color: #63656e;
+            text-align: right;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+
+            &::after {
+              content: ':';
+            }
+          }
+        }
+      }
+
+      .message-copy {
+        position: absolute;
+        top: 20px;
+        right: 40px;
+        font-size: 16px;
+        cursor: pointer;
+
+        &:hover {
+          span {
+            color: #3a84ff;
+          }
+        }
+
+        .copy-status {
+          display: none;
+          padding-bottom: 4px;
+
+          .inner {
+            position: relative;
+            display: flex;
+            padding: 6px 8px;
+            font-size: 12px;
+            line-height: 20px;
+            color: #63656e;
+            background: #fff;
+            border: 1px solid #dcdee5;
+            box-shadow: 0 2px 6px 0 #0000001a;
+            align-items: center;
+
+            span {
+              margin-right: 4px;
+            }
+
+            &::after {
+              position: absolute;
+              bottom: 0;
+              left: 50%;
+              width: 8px;
+              height: 8px;
+              background: #fff;
+              border-color: #dcdee5;
+              border-style: solid;
+              border-width: 0px 1px 1px 0px;
+              content: '';
+              transform: translate(0, 4px) rotate(45deg);
+              box-shadow: 5px 3px 6px 0 #0000001a;
+              box-sizing: border-box;
+            }
+          }
+
+          &.success {
+            .inner {
+              span {
+                color: #2dcb9d;
+              }
+            }
+          }
+
+          &.error {
+            .inner {
+              span {
+                color: #ea3636;
+              }
+            }
+          }
+
+          &.is-show {
+            position: absolute;
+            top: 0;
+            left: 0;
+            display: inline-flex;
+            white-space: nowrap;
+            transform: translate(-50%, -100%);
+          }
+
+          &.is-hidden {
+            display: none;
+          }
+        }
+      }
+    }
+  }
 }