bkui-vue 0.0.2-beta.8 → 0.0.2-beta.80

package/lib/message/message.less

@@ -173,10 +173,12 @@
 
       .message-tree {
         max-height: 480px;
-        padding: 14px 24px;
+        padding: 14px 32px;
         overflow: auto;
         background: #fff;
         border-radius: 2px;
+        display: flex;
+        flex-direction: column;
 
         .message-row {
           display: inline-flex;
@@ -199,6 +201,16 @@
               content: ':';
             }
           }
+
+          .copy-value {
+            padding-left: 4px;
+            
+            &:hover {
+              background: rgba(186, 188, 192, 0.2);
+              cursor: pointer;
+              border-radius: 2px;
+            }
+          }
         }
       }
 
@@ -207,79 +219,91 @@
         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;
 
         &:hover {
+          background: #F0F5FF;
           span {
             color: #3a84ff;
           }
         }
+      }
 
-        .copy-status {
-          display: none;
-          padding-bottom: 4px;
+      .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;
+        .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;
-            }
+          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;
-            }
+          &::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;
-              }
+        &.success {
+          .inner {
+            span {
+              color: #2dcb9d;
             }
           }
+        }
 
-          &.error {
-            .inner {
-              span {
-                color: #ea3636;
-              }
+        &.error {
+          .inner {
+            span {
+              color: #ea3636;
             }
           }
+        }
 
-          &.is-show {
-            position: absolute;
-            top: 0;
-            left: 0;
-            display: inline-flex;
-            white-space: nowrap;
-            transform: translate(-50%, -100%);
-          }
+        &.is-show {
+          position: absolute;
+          top: 0;
+          left: 0;
+          display: inline-flex;
+          white-space: nowrap;
+          transform: translate(-50%, -100%);
+        }
 
-          &.is-hidden {
-            display: none;
-          }
+        &.is-hidden {
+          display: none;
         }
       }
     }

package/lib/message/message.variable.css

@@ -260,10 +260,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;
@@ -285,21 +287,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;
@@ -311,10 +335,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%;
@@ -329,13 +353,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;
@@ -343,6 +367,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;
 }

package/lib/message/messageConstructor.d.ts

@@ -91,13 +91,14 @@ export type IMessage = {
      */
     type: MessageContentType;
 };
+export type IMessageProp = IMessage | string;
 declare const _default: import("vue").DefineComponent<{
     id: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
         default: string;
     };
-    message: import("vue-types").VueTypeDef<string | IMessage>;
+    message: import("vue-types").VueTypeDef<IMessageProp>;
     theme: import("vue-types").VueTypeDef<"error" | "success" | "warning" | "primary"> & {
         default: "error" | "success" | "warning" | "primary";
     };
@@ -129,21 +130,32 @@ declare const _default: import("vue").DefineComponent<{
     };
     getContainer: import("vue-types").VueTypeDef<HTMLElement>;
     width: import("vue-types").VueTypeDef<string | number>;
-    actions: import("vue-types").VueTypeShape<IMessageActions>;
+    minWidth: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    maxWidth: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    actions: import("vue-types").VueTypeDef<IMessageActions>;
 }, {
     classNames: import("vue").ComputedRef<string[]>;
     styles: import("vue").ComputedRef<{
         top: string;
         zIndex: number;
         position: "absolute" | "fixed";
+    } & ({
+        maxWidth: any;
+        minWidth: any;
         width: string | number;
-    }>;
+    } | {
+        width: string;
+    })>;
     visible: import("vue").Ref<boolean>;
     close: (e: Event) => void;
     setDetailsShow: (e: MouseEvent, isShow?: boolean) => void;
     fixMesage: (_e: MouseEvent, isFix?: boolean) => void;
-    copyMessage: (_e: MouseEvent) => void;
-    parseJson: (value: any) => any;
+    copyMessage: () => void;
+    parseToJson: (value: any) => any;
     handleMouseenter: (_e: MouseEvent) => void;
     handleMouseleave: (_e: MouseEvent) => void;
     renderMessageActions: () => unknown[];
@@ -162,13 +174,14 @@ declare const _default: import("vue").DefineComponent<{
         copyFailed: string;
     }>;
     resolveClassName: (cls: string) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "destroy"[], "destroy", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    copyValueItem: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("destroy" | "detail")[], "destroy" | "detail", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     id: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
         default: string;
     };
-    message: import("vue-types").VueTypeDef<string | IMessage>;
+    message: import("vue-types").VueTypeDef<IMessageProp>;
     theme: import("vue-types").VueTypeDef<"error" | "success" | "warning" | "primary"> & {
         default: "error" | "success" | "warning" | "primary";
     };
@@ -200,14 +213,23 @@ declare const _default: import("vue").DefineComponent<{
     };
     getContainer: import("vue-types").VueTypeDef<HTMLElement>;
     width: import("vue-types").VueTypeDef<string | number>;
-    actions: import("vue-types").VueTypeShape<IMessageActions>;
+    minWidth: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    maxWidth: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    actions: import("vue-types").VueTypeDef<IMessageActions>;
 }>> & {
     onDestroy?: (...args: any[]) => any;
+    onDetail?: (...args: any[]) => any;
 }, {
+    maxWidth: string | number;
     extCls: string;
     theme: "error" | "success" | "warning" | "primary";
     id: string;
     onClose: (...args: any[]) => any;
+    minWidth: string | number;
     delay: number;
     offsetY: number;
     spacing: number;

package/lib/modal/index.d.ts

@@ -29,8 +29,8 @@ declare const BkModal: {
             animateType?: string;
             class?: unknown;
             style?: unknown;
-            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, {
@@ -557,4 +557,4 @@ declare const BkModal: {
     };
 }>;
 export default BkModal;
-export { BkModal, propsMixin, };
+export { BkModal, propsMixin };

package/lib/modal/index.js

@@ -1 +1 @@
-!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../config-provider"),require("vue-types"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../config-provider","vue-types"],o);else{var i="object"==typeof exports?o(require("../shared"),require("vue"),require("../config-provider"),require("vue-types")):o(e["../shared"],e.vue,e["../config-provider"],e["vue-types"]);for(var t in i)("object"==typeof exports?exports:e)[t]=i[t]}}(self,((e,o,i,t)=>(()=>{"use strict";var s={2717:e=>{e.exports=i},4212:o=>{o.exports=e},748:e=>{e.exports=o},210:e=>{e.exports=t}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var i=r[e]={exports:{}};return s[e](i,i.exports,n),i.exports}n.d=(e,o)=>{for(var i in o)n.o(o,i)&&!n.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:o[i]})},n.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{n.r(l),n.d(l,{BkModal:()=>a,default:()=>c,propsMixin:()=>r});var e,o=n(4212),i=n(748),t=n(2717),s=n(210);!function(e){e.NORMAL="normal",e.SMALL="small",e.MEDIUM="medium",e.LARGE="large"}(e||(e={}));var r={isShow:o.PropTypes.bool.def(!1),width:o.PropTypes.oneOfType([String,Number]).def("50%"),height:o.PropTypes.oneOfType([String,Number]).def("50%"),extCls:o.PropTypes.string||o.PropTypes.array,scrollable:o.PropTypes.bool.def(!0),showMask:o.PropTypes.bool.def(!0),closeIcon:o.PropTypes.bool.def(!0),escClose:o.PropTypes.bool.def(!0),fullscreen:o.PropTypes.bool.def(!1),size:(0,s.toType)("size",{}),draggable:o.PropTypes.bool.def(!0),quickClose:o.PropTypes.bool.def(!0),transfer:o.PropTypes.oneOfType([Boolean,String,HTMLElement]).def(!1),zIndex:o.PropTypes.oneOfType([String,Number]).def("inherit"),maxHeight:o.PropTypes.string,direction:o.PropTypes.string,title:o.PropTypes.string.def(""),animateType:o.PropTypes.string.def("slide"),renderDirective:(0,o.renderDirectiveType)(),beforeClose:o.PropTypes.custom((function(){return!0})),dialogType:(0,o.dialogTypeUnion)(),multiInstance:o.PropTypes.bool.def(!0),infoType:o.PropTypes.theme()};const d=(0,i.defineComponent)({name:"Modal",props:Object.assign({},r),emits:["quick-close","quickClose","hidden","shown","close"],data:function(){return{visible:!1,closeTimer:null,bkPopIndexManager:null}},computed:{dialogWidth:function(){return/^\d+\.?\d*$/.test("".concat(this.width))?"".concat(this.width,"px"):this.width},dialogHeight:function(){return/^\d+\.?\d*$/.test("".concat(this.height))?"".concat(this.height,"px"):this.height},compStyle:function(){return{width:this.dialogWidth,height:this.dialogHeight,minHeigth:"".concat(200,"px"),display:this.visible?"inherit":"none",zIndex:this.zIndex||"inherit"}},fullscreenStyle:function(){return{width:"".concat(100,"%"),height:"".concat(100,"%")}}},watch:{isShow:{handler:function(e){var o=this;e?(this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=null,this.visible=e):this.closeTimer=setTimeout((function(){o.$emit("hidden"),o.visible=e}),250)},immediate:!0},visible:{handler:function(e){var o,i,t=this;e?this.$nextTick((function(){t.bkPopIndexManager.onMaskClick((function(e){t.handleClickOutSide()}),t.$el);var e=t.showMask?{}:{"background-color":"rgba(0,0,0,0)"};t.bkPopIndexManager.show(t.$el,t.showMask,e,!!t.transfer,t.zIndex),t.$emit("shown")})):(null===(o=this.bkPopIndexManager)||void 0===o||o.hide(this.$el,!!this.transfer),null===(i=this.bkPopIndexManager)||void 0===i||i.destroy())},immediate:!0}},created:function(){},mounted:function(){var e,i=Object.assign(Object.assign({},this.$props),{transfer:"parent"===this.transfer?null===(e=this.$el)||void 0===e?void 0:e.parentElement:this.transfer});this.bkPopIndexManager=new o.BKPopIndexManager(i)},beforeUnmount:function(){var e,o;this.visible&&(null===(e=this.bkPopIndexManager)||void 0===e||e.hide(this.$el),null===(o=this.bkPopIndexManager)||void 0===o||o.destroy())},methods:{handleClickOutSide:function(){this.quickClose&&(this.$emit("close"),this.$emit("quick-close",this.$el),this.$emit("quickClose",this.$el))}},render:function(){var e,o,s,r,n,l,d,a,c,p,h,u,f=this,v=(0,t.usePrefix)().resolveClassName,y=this.maxHeight?{maxHeight:this.maxHeight}:{},m="".concat(v("modal-body")," ").concat("slide"===this.animateType?this.direction:"");return(0,i.createVNode)("div",{class:[v("modal-wrapper"),this.extCls,this.size,this.fullscreen?"fullscreen":""],style:[this.compStyle,this.fullscreen?this.fullscreenStyle:""]},[(0,i.createVNode)(i.Transition,{name:this.animateType},{default:function(){return[f.isShow?(0,i.createVNode)("div",{class:m},[(0,i.createVNode)("div",{class:v("modal-header")},[null!==(s=null===(o=(e=f.$slots).header)||void 0===o?void 0:o.call(e))&&void 0!==s?s:""]),(0,i.createVNode)("div",{class:v("modal-content"),style:["show"===f.dialogType?"padding-bottom: 20px":"",Object.assign({},y)]},[null!==(l=null===(n=(r=f.$slots).default)||void 0===n?void 0:n.call(r))&&void 0!==l?l:""]),"show"===f.dialogType?"":(0,i.createVNode)("div",{class:v("modal-footer")},[null!==(c=null===(a=(d=f.$slots).footer)||void 0===a?void 0:a.call(d))&&void 0!==c?c:""]),(0,i.createVNode)("div",{class:[v("modal-close"),f.closeIcon?"":"close-icon"]},[null!==(u=null===(h=(p=f.$slots).close)||void 0===h?void 0:h.call(p))&&void 0!==u?u:""])]):""]}})])}});var a=(0,o.withInstallProps)(d,{propsMixin:r},!0);const c=a})(),l})()));
+import*as e from"../shared";import*as i from"vue";import*as o from"../config-provider";import*as t from"vue-types";var s={d:(e,i)=>{for(var o in i)s.o(i,o)&&!s.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:i[o]})},o:(e,i)=>Object.prototype.hasOwnProperty.call(e,i)},n={};s.d(n,{$S:()=>m,ZP:()=>y,ty:()=>u});const r=(l={BKPopIndexManager:()=>e.BKPopIndexManager,PropTypes:()=>e.PropTypes,dialogTypeUnion:()=>e.dialogTypeUnion,renderDirectiveType:()=>e.renderDirectiveType,withInstallProps:()=>e.withInstallProps},a={},s.d(a,l),a);var l,a;const d=(e=>{var i={};return s.d(i,e),i})({Transition:()=>i.Transition,createVNode:()=>i.createVNode,defineComponent:()=>i.defineComponent}),p=(e=>{var i={};return s.d(i,e),i})({usePrefix:()=>o.usePrefix}),c=(e=>{var i={};return s.d(i,e),i})({toType:()=>t.toType});var h;!function(e){e.NORMAL="normal",e.SMALL="small",e.MEDIUM="medium",e.LARGE="large"}(h||(h={}));var u={isShow:r.PropTypes.bool.def(!1),width:r.PropTypes.oneOfType([String,Number]).def("50%"),height:r.PropTypes.oneOfType([String,Number]).def("50%"),extCls:r.PropTypes.string||r.PropTypes.array,scrollable:r.PropTypes.bool.def(!0),showMask:r.PropTypes.bool.def(!0),closeIcon:r.PropTypes.bool.def(!0),escClose:r.PropTypes.bool.def(!0),fullscreen:r.PropTypes.bool.def(!1),size:(0,c.toType)("size",{}),draggable:r.PropTypes.bool.def(!0),quickClose:r.PropTypes.bool.def(!0),transfer:r.PropTypes.oneOfType([Boolean,String,HTMLElement]).def(!1),zIndex:r.PropTypes.oneOfType([String,Number]).def("inherit"),maxHeight:r.PropTypes.string,direction:r.PropTypes.string,title:r.PropTypes.string.def(""),animateType:r.PropTypes.string.def("slide"),renderDirective:(0,r.renderDirectiveType)(),beforeClose:r.PropTypes.custom((function(){return!0})),dialogType:(0,r.dialogTypeUnion)(),multiInstance:r.PropTypes.bool.def(!0),infoType:r.PropTypes.theme()};const f=(0,d.defineComponent)({name:"Modal",props:Object.assign({},u),emits:["quick-close","quickClose","hidden","shown","close"],data:function(){return{visible:!1,closeTimer:null,bkPopIndexManager:null}},computed:{dialogWidth:function(){return/^\d+\.?\d*$/.test("".concat(this.width))?"".concat(this.width,"px"):this.width},dialogHeight:function(){return/^\d+\.?\d*$/.test("".concat(this.height))?"".concat(this.height,"px"):this.height},compStyle:function(){return{width:this.dialogWidth,height:this.dialogHeight,minHeigth:"".concat(200,"px"),display:this.visible?"inherit":"none",zIndex:this.zIndex||"inherit"}},fullscreenStyle:function(){return{width:"".concat(100,"%"),height:"".concat(100,"%")}}},watch:{isShow:{handler:function(e){var i=this;e?(this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=null,this.visible=e):this.closeTimer=setTimeout((function(){i.$emit("hidden"),i.visible=e}),250)},immediate:!0},visible:{handler:function(e){var i,o,t,s=this;e?this.$nextTick((function(){var e=s.showMask?{}:{"background-color":"rgba(0,0,0,0)"};s.bkPopIndexManager.show(s.$el,s.showMask,e,!!s.transfer,s.zIndex,(function(e){s.handleClickOutSide()})),s.$emit("shown")})):(null===(i=this.bkPopIndexManager)||void 0===i||i.removeLastEvent(),null===(o=this.bkPopIndexManager)||void 0===o||o.hide(this.$el,!!this.transfer),null===(t=this.bkPopIndexManager)||void 0===t||t.destroy())},immediate:!0}},mounted:function(){var e,i=Object.assign(Object.assign({},this.$props),{transfer:"parent"===this.transfer?null===(e=this.$el)||void 0===e?void 0:e.parentElement:this.transfer});this.bkPopIndexManager=new r.BKPopIndexManager(i)},beforeUnmount:function(){var e,i;this.visible&&(null===(e=this.bkPopIndexManager)||void 0===e||e.hide(this.$el),null===(i=this.bkPopIndexManager)||void 0===i||i.destroy())},methods:{handleClickOutSide:function(){this.quickClose&&(this.$emit("close"),this.$emit("quick-close",this.$el),this.$emit("quickClose",this.$el))}},render:function(){var e,i,o,t,s,n,r,l,a,c,h,u,f=this,m=(0,p.usePrefix)().resolveClassName,y=this.maxHeight?{maxHeight:this.maxHeight}:{},v="".concat(m("modal-body")," ").concat("slide"===this.animateType?this.direction:"");return(0,d.createVNode)("div",{class:[m("modal-wrapper"),this.extCls,this.size,this.fullscreen?"fullscreen":""],style:[this.compStyle,this.fullscreen?this.fullscreenStyle:""]},[(0,d.createVNode)(d.Transition,{name:this.animateType},{default:function(){return[f.isShow?(0,d.createVNode)("div",{class:v},[(0,d.createVNode)("div",{class:m("modal-header")},[null!==(o=null===(i=(e=f.$slots).header)||void 0===i?void 0:i.call(e))&&void 0!==o?o:""]),(0,d.createVNode)("div",{class:m("modal-content"),style:["show"===f.dialogType?"padding-bottom: 20px":"",Object.assign({},y)]},[null!==(n=null===(s=(t=f.$slots).default)||void 0===s?void 0:s.call(t))&&void 0!==n?n:""]),"show"===f.dialogType?"":(0,d.createVNode)("div",{class:m("modal-footer")},[null!==(a=null===(l=(r=f.$slots).footer)||void 0===l?void 0:l.call(r))&&void 0!==a?a:""]),f.closeIcon&&(0,d.createVNode)("div",{class:m("modal-close")},[null!==(u=null===(h=(c=f.$slots).close)||void 0===h?void 0:h.call(c))&&void 0!==u?u:""])]):""]}})])}});var m=(0,r.withInstallProps)(f,{propsMixin:u},!0);const y=m;var v=n.$S,g=n.ZP,T=n.ty;export{v as BkModal,g as default,T as propsMixin};

package/lib/modal/modal.css

@@ -22,10 +22,12 @@
   max-height: 100%;
   min-height: 100%;
   padding: 0 50px 10px;
+  word-break: break-all;
 }
 .bk-modal-wrapper.bk-info-wrapper .bk-modal-content .bk-info-sub-title {
   margin-bottom: 10px;
   text-align: center;
+  word-break: break-all;
 }
 .bk-modal-wrapper.bk-info-wrapper .bk-modal-footer {
   padding: 0 65px 33px;

package/lib/modal/modal.variable.css

@@ -144,10 +144,12 @@
   max-height: 100%;
   min-height: 100%;
   padding: 0 50px 10px;
+  word-break: break-all;
 }
 .bk-modal-wrapper.bk-info-wrapper .bk-modal-content .bk-info-sub-title {
   margin-bottom: 10px;
   text-align: center;
+  word-break: break-all;
 }
 .bk-modal-wrapper.bk-info-wrapper .bk-modal-footer {
   padding: 0 65px 33px;

package/lib/navigation/index.d.ts

@@ -16,8 +16,8 @@ declare const Navigation: {
             needMenu?: boolean;
             class?: unknown;
             style?: unknown;
-            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, {
@@ -76,6 +76,7 @@ declare const Navigation: {
             footer?: () => HTMLElement;
             'side-icon'?: () => HTMLElement;
             'side-header'?: () => HTMLElement;
+            'side-footer'?: () => HTMLElement;
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
@@ -162,6 +163,7 @@ declare const Navigation: {
             footer?: () => HTMLElement;
             'side-icon'?: () => HTMLElement;
             'side-header'?: () => HTMLElement;
+            'side-footer'?: () => HTMLElement;
         }>> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -329,5 +331,6 @@ declare const Navigation: {
     footer?: () => HTMLElement;
     'side-icon'?: () => HTMLElement;
     'side-header'?: () => HTMLElement;
+    'side-footer'?: () => HTMLElement;
 }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default Navigation;

package/lib/navigation/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../config-provider"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../config-provider","../icon"],t);else{var i="object"==typeof exports?t(require("../shared"),require("vue"),require("../config-provider"),require("../icon")):t(e["../shared"],e.vue,e["../config-provider"],e["../icon"]);for(var o in i)("object"==typeof exports?exports:e)[o]=i[o]}}(self,((e,t,i,o)=>(()=>{"use strict";var a={2717:e=>{e.exports=i},6870:e=>{e.exports=o},4212:t=>{t.exports=e},748:e=>{e.exports=t}},r={};function s(e){var t=r[e];if(void 0!==t)return t.exports;var i=r[e]={exports:{}};return a[e](i,i.exports,s),i.exports}s.d=(e,t)=>{for(var i in t)s.o(t,i)&&!s.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{s.r(n),s.d(n,{default:()=>c});var e=s(4212),t=s(748),i=s(2717),o=s(6870),a={sideTitle:{type:String,default:""},navigationType:{type:String,default:"left-right"}};const r=(0,t.defineComponent)({props:a,slots:Object,setup:function(e,o){var a=o.slots,r=(0,i.usePrefix)().resolveClassName;return function(){var i,o;return(0,t.createVNode)("div",{class:"".concat(r("navigation-title")),style:{borderBottomWidth:"left-right"===e.navigationType?"0":"1px"}},[(null===(i=a.default)||void 0===i?void 0:i.call(a))||[(0,t.createVNode)("span",{class:"title-icon"},[(null===(o=a["side-icon"])||void 0===o?void 0:o.call(a))||(0,t.createVNode)("i",{class:"".concat(r("icon")," icon-rtx")},null)]),(0,t.createVNode)("span",{class:"title-desc"},[e.sideTitle])]])}}});var l={navWidth:{type:[Number,String],default:60},hoverWidth:{type:[Number,String],default:260},showSideNavTitle:{type:Boolean,default:!0},sideTitle:{type:String,default:""},headerTitle:{type:String,default:""},hoverLeaveDelay:{type:Number,default:0},hoverEnterDelay:{type:Number,default:100},defaultOpen:Boolean,headHeight:{type:[Number,String],default:52},navigationType:{type:String,default:"left-right",validator:function(e){return["top-bottom","left-right"].includes(e)}},needMenu:{type:Boolean,default:!0}};const d=(0,t.defineComponent)({name:"Navigation",props:l,emits:["leave","toggle","hover","toggle-click"],slots:Object,setup:function(e,o){var a=o.emit,r=(0,t.ref)(e.headerTitle),s=(0,t.reactive)({click:!1,hover:!1,delay:!1,timer:null,enterTimer:null});e.defaultOpen&&(s.click=!s.click,s.hover=s.click,a("toggle",s.hover)),(0,t.onBeforeUnmount)((function(){s.timer&&window.clearTimeout(s.timer)}));var n=(0,i.usePrefix)().resolveClassName;return{defaultHeaderTitle:r,nav:s,onBeforeUnmount:t.onBeforeUnmount,handleMouseOver:function(){s.click||(s.enterTimer=setTimeout((function(){s.hover=!0,s.enterTimer&&window.clearTimeout(s.enterTimer),s.timer&&window.clearTimeout(s.timer),a("hover",s.hover),a("toggle",s.hover)}),e.hoverEnterDelay))},handleMouseLeave:function(){s.click||(s.enterTimer&&window.clearTimeout(s.enterTimer),s.timer=setTimeout((function(){s.hover=!1,window.clearTimeout(s.timer),a("leave",s.hover),a("toggle",s.hover)}),e.hoverLeaveDelay))},handleClick:function(){s.click=!s.click,s.hover=s.click,a("toggle",s.hover),a("toggle-click",s.hover)},resolveClassName:n}},render:function(){var e,i,a,s,n,l,d,c,v,h,u,p;return(0,t.createVNode)("div",{class:"".concat(this.resolveClassName("navigation"))},["top-bottom"===this.navigationType&&(0,t.createVNode)("div",{class:"".concat(this.resolveClassName("navigation-header")),style:{flexBasis:"".concat(this.headHeight,"px")}},[(0,t.createVNode)(r,{sideTitle:this.sideTitle},{default:this.$slots["side-header"],"side-icon":this.$slots["side-header"]?void 0:this.$slots["side-icon"]}),(0,t.createVNode)("div",{class:"header-right"},[null===(i=(e=this.$slots).header)||void 0===i?void 0:i.call(e)])]),(0,t.createVNode)("div",{class:"".concat(this.resolveClassName("navigation-wrapper"))},[this.needMenu&&(0,t.createVNode)("div",{class:"navigation-nav",style:{width:this.nav.click?"".concat(this.hoverWidth,"px"):"".concat(this.navWidth,"px")}},[(0,t.createVNode)("div",{class:"nav-slider",onMouseenter:this.handleMouseOver,onMouseleave:this.handleMouseLeave,style:{width:this.nav.hover?"".concat(this.hoverWidth,"px"):"".concat(this.navWidth,"px"),borderRight:"top-bottom"!==this.navigationType?"none":"1px solid #DCDEE5"}},["top-bottom"!==this.navigationType&&this.showSideNavTitle&&(0,t.createVNode)(r,{style:{flexBasis:"".concat(this.headHeight,"px")},sideTitle:this.sideTitle},{default:this.$slots["side-header"],"side-icon":this.$slots["side-header"]?void 0:this.$slots["side-icon"]}),(0,t.createVNode)("div",{class:"nav-slider-list",style:{height:"calc(100vh - ".concat(+this.headHeight+56,"px)")}},[null===(s=(a=this.$slots).menu)||void 0===s?void 0:s.call(a)]),(0,t.createVNode)("div",{class:"nav-slider-footer"},[(0,t.createVNode)("div",{class:{"is-left":"top-bottom"!==this.navigationType,"footer-icon":!0},onClick:this.handleClick},[(0,t.createVNode)(o.CollapseLeft,{class:"footer-icon-svg",style:{transform:this.nav.click?"rotate(180deg)":"rotate(0deg)"}},null)])])])]),(0,t.createVNode)("div",{class:"navigation-container",style:{maxWidth:this.needMenu?"calc(100vw - 60px)":"100vw"}},["top-bottom"!==this.navigationType&&(0,t.createVNode)("div",{class:"container-header",style:{flexBasis:"".concat(this.headHeight,"px")}},[(null===(l=(n=this.$slots).header)||void 0===l?void 0:l.call(n))||[(0,t.createVNode)("div",{class:"container-header-title"},[this.headerTitle]),(0,t.createVNode)("div",{class:"container-header-sets"},[null===(c=(d=this.$slots)["header-set"])||void 0===c?void 0:c.call(d)])]]),(0,t.createVNode)("div",{class:"container-content",style:{maxHeight:"calc(100vh - ".concat(this.headHeight,"px)")}},[null===(h=(v=this.$slots).default)||void 0===h?void 0:h.call(v),(0,t.createVNode)("div",{class:"container-footer"},[null===(p=(u=this.$slots).footer)||void 0===p?void 0:p.call(u)])])])])])}}),c=(0,e.withInstall)(d)})(),n})()));
+import*as e from"../shared";import*as t from"vue";import*as i from"../config-provider";import*as o from"../icon";var a={d:(e,t)=>{for(var i in t)a.o(t,i)&&!a.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},l={};a.d(l,{Z:()=>m});const s=(n={withInstall:()=>e.withInstall},r={},a.d(r,n),r);var n,r;const d=(e=>{var t={};return a.d(t,e),t})({createVNode:()=>t.createVNode,defineComponent:()=>t.defineComponent,onBeforeUnmount:()=>t.onBeforeUnmount,reactive:()=>t.reactive,ref:()=>t.ref}),c=(e=>{var t={};return a.d(t,e),t})({usePrefix:()=>i.usePrefix}),v=(e=>{var t={};return a.d(t,e),t})({CollapseLeft:()=>o.CollapseLeft});var h={sideTitle:{type:String,default:""},navigationType:{type:String,default:"left-right"}};const u=(0,d.defineComponent)({props:h,slots:Object,setup:function(e,t){var i=t.slots,o=(0,c.usePrefix)().resolveClassName;return function(){var t,a;return(0,d.createVNode)("div",{class:"".concat(o("navigation-title")),style:{borderBottomWidth:"left-right"===e.navigationType?"0":"1px"}},[(null===(t=i.default)||void 0===t?void 0:t.call(i))||[(0,d.createVNode)("span",{class:"title-icon"},[(null===(a=i["side-icon"])||void 0===a?void 0:a.call(i))||(0,d.createVNode)("i",{class:"".concat(o("icon")," icon-rtx")},null)]),(0,d.createVNode)("span",{class:"title-desc"},[e.sideTitle])]])}}});var f={navWidth:{type:[Number,String],default:60},hoverWidth:{type:[Number,String],default:260},showSideNavTitle:{type:Boolean,default:!0},sideTitle:{type:String,default:""},headerTitle:{type:String,default:""},hoverLeaveDelay:{type:Number,default:0},hoverEnterDelay:{type:Number,default:100},defaultOpen:Boolean,headHeight:{type:[Number,String],default:52},navigationType:{type:String,default:"left-right",validator:function(e){return["top-bottom","left-right"].includes(e)}},needMenu:{type:Boolean,default:!0}};const p=(0,d.defineComponent)({name:"Navigation",props:f,emits:["leave","toggle","hover","toggle-click"],slots:Object,setup:function(e,t){var i=t.emit,o=(0,d.ref)(e.headerTitle),a=(0,d.reactive)({click:!1,hover:!1,delay:!1,timer:null,enterTimer:null});e.defaultOpen&&(a.click=!a.click,a.hover=a.click,i("toggle",a.hover)),(0,d.onBeforeUnmount)((function(){a.timer&&window.clearTimeout(a.timer)}));var l=(0,c.usePrefix)().resolveClassName;return{defaultHeaderTitle:o,nav:a,onBeforeUnmount:d.onBeforeUnmount,handleMouseOver:function(){a.click||(a.enterTimer=setTimeout((function(){a.hover=!0,a.enterTimer&&window.clearTimeout(a.enterTimer),a.timer&&window.clearTimeout(a.timer),i("hover",a.hover),i("toggle",a.hover)}),e.hoverEnterDelay))},handleMouseLeave:function(){a.click||(a.enterTimer&&window.clearTimeout(a.enterTimer),a.timer=setTimeout((function(){a.hover=!1,window.clearTimeout(a.timer),i("leave",a.hover),i("toggle",a.hover)}),e.hoverLeaveDelay))},handleClick:function(){a.click=!a.click,a.hover=a.click,i("toggle",a.hover),i("toggle-click",a.hover)},resolveClassName:l}},render:function(){var e,t,i,o,a,l,s,n,r,c,h,f,p,m;return(0,d.createVNode)("div",{class:"".concat(this.resolveClassName("navigation"))},["top-bottom"===this.navigationType&&(0,d.createVNode)("div",{class:"".concat(this.resolveClassName("navigation-header")),style:{flexBasis:"".concat(this.headHeight,"px")}},[(0,d.createVNode)(u,{sideTitle:this.sideTitle},{default:this.$slots["side-header"],"side-icon":this.$slots["side-header"]?void 0:this.$slots["side-icon"]}),(0,d.createVNode)("div",{class:"header-right"},[null===(t=(e=this.$slots).header)||void 0===t?void 0:t.call(e)])]),(0,d.createVNode)("div",{class:"".concat(this.resolveClassName("navigation-wrapper"))},[this.needMenu&&(0,d.createVNode)("div",{class:"navigation-nav",style:{width:this.nav.click?"".concat(this.hoverWidth,"px"):"".concat(this.navWidth,"px")}},[(0,d.createVNode)("div",{class:"nav-slider",onMouseenter:this.handleMouseOver,onMouseleave:this.handleMouseLeave,style:{width:this.nav.hover?"".concat(this.hoverWidth,"px"):"".concat(this.navWidth,"px"),borderRight:"top-bottom"!==this.navigationType?"none":"1px solid #DCDEE5"}},["top-bottom"!==this.navigationType&&this.showSideNavTitle&&(0,d.createVNode)(u,{style:{flexBasis:"".concat(this.headHeight,"px")},sideTitle:this.sideTitle},{default:this.$slots["side-header"],"side-icon":this.$slots["side-header"]?void 0:this.$slots["side-icon"]}),(0,d.createVNode)("div",{class:"nav-slider-list",style:{height:"calc(100vh - ".concat(+this.headHeight+56,"px)")}},[null===(o=(i=this.$slots).menu)||void 0===o?void 0:o.call(i)]),(0,d.createVNode)("div",{class:"nav-slider-footer"},[(0,d.createVNode)("div",{class:{"is-left":"top-bottom"!==this.navigationType,"footer-icon":!0},onClick:this.handleClick},[(0,d.createVNode)(v.CollapseLeft,{class:"footer-icon-svg",style:{transform:this.nav.click?"rotate(180deg)":"rotate(0deg)"}},null)])]),null===(l=(a=this.$slots)["side-footer"])||void 0===l?void 0:l.call(a)])]),(0,d.createVNode)("div",{class:"navigation-container",style:{maxWidth:this.needMenu?"calc(100vw - 60px)":"100vw"}},["top-bottom"!==this.navigationType&&(0,d.createVNode)("div",{class:"container-header",style:{flexBasis:"".concat(this.headHeight,"px")}},[(null===(n=(s=this.$slots).header)||void 0===n?void 0:n.call(s))||[(0,d.createVNode)("div",{class:"container-header-title"},[this.headerTitle]),(0,d.createVNode)("div",{class:"container-header-sets"},[null===(c=(r=this.$slots)["header-set"])||void 0===c?void 0:c.call(r)])]]),(0,d.createVNode)("div",{class:"container-content",style:{maxHeight:"calc(100vh - ".concat(this.headHeight,"px)")}},[null===(f=(h=this.$slots).default)||void 0===f?void 0:f.call(h),(0,d.createVNode)("div",{class:"container-footer"},[null===(m=(p=this.$slots).footer)||void 0===m?void 0:m.call(p)])])])])])}}),m=(0,s.withInstall)(p);var g=l.Z;export{g as default};

package/lib/navigation/navigation.d.ts

@@ -124,5 +124,6 @@ declare const _default: import("vue").DefineComponent<{
     footer?: () => HTMLElement;
     'side-icon'?: () => HTMLElement;
     'side-header'?: () => HTMLElement;
+    'side-footer'?: () => HTMLElement;
 }>>;
 export default _default;

package/lib/notify/index.js

@@ -1 +1 @@
-!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 o="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 o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t,o,r,n)=>(()=>{"use strict";var s={2717:e=>{e.exports=r},6870:e=>{e.exports=n},4212:e=>{e.exports=t},748:t=>{t.exports=e},210:e=>{e.exports=o}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var o=i[e]={exports:{}};return s[e](o,o.exports,a),o.exports}a.d=(e,t)=>{for(var o in t)a.o(t,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},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(()=>{a.r(c),a.d(c,{default:()=>y});var e=a(748),t=a(4212),o={"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]},r=1;function n(e){return n="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},n(e)}function s(e,t,o){return(t=function(e){var t=function(e,t){if("object"!==n(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,"string");if("object"!==n(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===n(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}var i,u=a(210),f=a(2717),l=a(6870);!function(e){e.PRIMARY="primary",e.WARNING="warning",e.SUCCESS="success",e.ERROR="error"}(i||(i={}));var p={id:t.PropTypes.string.def(""),title:t.PropTypes.string.def(""),message:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.func]).def(""),theme:(0,u.toType)("notifyTheme",{}).def(i.PRIMARY),position:t.PropTypes.position().def("top-right"),delay:t.PropTypes.number.def(5e3),dismissable:t.PropTypes.bool.def(!0),offsetX:t.PropTypes.number.def(100),offsetY:t.PropTypes.number.def(30),spacing:t.PropTypes.number.def(10),extCls:t.PropTypes.string.def(""),onClose:t.PropTypes.func};const d=(0,e.defineComponent)({name:"Notify",props:p,emits:["destroy"],setup:function(o,r){var n=r.emit,i=t.bkZIndexManager.getMessageNextIndex(),a=(0,e.computed)((function(){return o.position.indexOf("right")>1?"right":"left"})),c=(0,e.computed)((function(){return o.position.startsWith("top")?"top":"bottom"})),u=(0,e.computed)((function(){var e;return s(e={},a.value,"".concat(o.offsetX,"px")),s(e,c.value,"".concat(o.offsetY,"px")),s(e,"zIndex",i),e})),l=(0,f.usePrefix)().resolveClassName,p=(0,e.computed)((function(){return[l("notify"),l("notify-".concat(o.theme)),a.value]})),d=(0,e.computed)((function(){return"function"==typeof o.message?o.message():o.message})),y=(0,e.ref)(!1),m=null;return(0,e.onMounted)((function(){o.delay&&(m=setTimeout((function(){y.value=!1}),o.delay)),y.value=!0})),(0,e.onUnmounted)((function(){clearTimeout(m)})),(0,e.watch)(y,(function(){y.value||n("destroy",o.id)})),{classNames:p,styles:u,visible:y,renderMessage:d,handleClose:function(){y.value=!1},resolveClassName:l}},render:function(){var t=this;return(0,e.createVNode)(e.Transition,{name:"bk-notify-fade"},{default:function(){return[(0,e.withDirectives)((0,e.createVNode)("div",{class:t.classNames,style:t.styles},[(0,e.createVNode)("div",{class:"".concat(t.resolveClassName("notify-content"))},[(0,e.createVNode)("div",{class:"".concat(t.resolveClassName("notify-icon"))},[{primary:(0,e.createVNode)(l.Info,null,null),warning:(0,e.createVNode)(l.Warn,null,null),success:(0,e.createVNode)(l.Success,null,null),error:(0,e.createVNode)(l.Close,null,null)}[t.theme]]),t.title?(0,e.createVNode)("div",{class:"".concat(t.resolveClassName("notify-content-header"))},[t.title]):"",(0,e.createVNode)("div",{class:"".concat(t.resolveClassName("notify-content-text"))},[t.renderMessage])]),t.dismissable&&(0,e.createVNode)(l.Error,{class:"".concat(t.resolveClassName("notify-icon")," ").concat(t.resolveClassName("notify-close")),onClick:t.handleClose},null)]),[[e.vShow,t.visible]])]}})}}),y=function(n){!function(n,s){var i=s,a=i.position||"top-right";"string"==typeof s&&(i={message:s});var c=s.onClose,u=i.offsetX||10,f=i.offsetY||30,l=i.spacing,p=void 0===l?10:l;o[a].forEach((function(e){f+=(e.el.offsetHeight||0)+p}));var d="message_".concat(r+=1);i=Object.assign(Object.assign({},i),{offsetX:u,offsetY:f,id:d});var y=document.createElement("div"),m=(0,e.createVNode)(n,i);m.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,c=o[t].length,u=i;u<c;u++){var f=parseInt(o[t][u].el.style[s],10)-a-r;o[t][u].component.props.offsetY=f}o[t].splice(i,1)}(t,a,p,c),(0,e.render)(null,y)},(0,e.render)(m,y),o[a].push(m),(m.props.getContainer&&(0,t.isElement)(m.props.getContainer)?m.props.getContainer:document.body).appendChild(y.firstElementChild)}(d,n)}})(),c})()));
+import*as e from"vue";import*as o from"../shared";import*as t from"vue-types";import*as n from"../config-provider";import*as r from"../icon";var s={d:(e,o)=>{for(var t in o)s.o(o,t)&&!s.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},o:(e,o)=>Object.prototype.hasOwnProperty.call(e,o)},i={};s.d(i,{Z:()=>C});const a=(c={Transition:()=>e.Transition,computed:()=>e.computed,createVNode:()=>e.createVNode,defineComponent:()=>e.defineComponent,onMounted:()=>e.onMounted,onUnmounted:()=>e.onUnmounted,ref:()=>e.ref,render:()=>e.render,vShow:()=>e.vShow,watch:()=>e.watch,withDirectives:()=>e.withDirectives},l={},s.d(l,c),l);var c,l;const f=(e=>{var o={};return s.d(o,e),o})({PropTypes:()=>o.PropTypes,bkZIndexManager:()=>o.bkZIndexManager,isElement:()=>o.isElement});var u={"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]},p=1;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,o,t){return(o=function(e){var o=function(e,o){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===d(o)?o:String(o)}(o))in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}const v=(e=>{var o={};return s.d(o,e),o})({toType:()=>t.toType}),y=(e=>{var o={};return s.d(o,e),o})({usePrefix:()=>n.usePrefix}),g=(e=>{var o={};return s.d(o,e),o})({Close:()=>r.Close,Error:()=>r.Error,Info:()=>r.Info,Success:()=>r.Success,Warn:()=>r.Warn});var b;!function(e){e.PRIMARY="primary",e.WARNING="warning",e.SUCCESS="success",e.ERROR="error"}(b||(b={}));var h={id:f.PropTypes.string.def(""),title:f.PropTypes.string.def(""),message:f.PropTypes.oneOfType([f.PropTypes.string,f.PropTypes.func]).def(""),theme:(0,v.toType)("notifyTheme",{}).def(b.PRIMARY),position:f.PropTypes.position().def("top-right"),delay:f.PropTypes.number.def(5e3),dismissable:f.PropTypes.bool.def(!0),offsetX:f.PropTypes.number.def(100),offsetY:f.PropTypes.number.def(30),spacing:f.PropTypes.number.def(10),extCls:f.PropTypes.string.def(""),onClose:f.PropTypes.func};const N=(0,a.defineComponent)({name:"Notify",props:h,emits:["destroy"],setup:function(e,o){var t=o.emit,n=f.bkZIndexManager.getMessageNextIndex(),r=(0,a.computed)((function(){return e.position.indexOf("right")>1?"right":"left"})),s=(0,a.computed)((function(){return e.position.startsWith("top")?"top":"bottom"})),i=(0,a.computed)((function(){var o;return m(o={},r.value,"".concat(e.offsetX,"px")),m(o,s.value,"".concat(e.offsetY,"px")),m(o,"zIndex",n),o})),c=(0,y.usePrefix)().resolveClassName,l=(0,a.computed)((function(){return[c("notify"),c("notify-".concat(e.theme)),r.value]})),u=(0,a.computed)((function(){return"function"==typeof e.message?e.message():e.message})),p=(0,a.ref)(!1),d=null;return(0,a.onMounted)((function(){e.delay&&(d=setTimeout((function(){p.value=!1}),e.delay)),p.value=!0})),(0,a.onUnmounted)((function(){clearTimeout(d)})),(0,a.watch)(p,(function(){p.value||t("destroy",e.id)})),{classNames:l,styles:i,visible:p,renderMessage:u,handleClose:function(){p.value=!1},resolveClassName:c}},render:function(){var e=this;return(0,a.createVNode)(a.Transition,{name:"bk-notify-fade"},{default:function(){return[(0,a.withDirectives)((0,a.createVNode)("div",{class:e.classNames,style:e.styles},[(0,a.createVNode)("div",{class:"".concat(e.resolveClassName("notify-content"))},[(0,a.createVNode)("div",{class:"".concat(e.resolveClassName("notify-icon"))},[{primary:(0,a.createVNode)(g.Info,null,null),warning:(0,a.createVNode)(g.Warn,null,null),success:(0,a.createVNode)(g.Success,null,null),error:(0,a.createVNode)(g.Close,null,null)}[e.theme]]),e.title?(0,a.createVNode)("div",{class:"".concat(e.resolveClassName("notify-content-header"))},[e.title]):"",(0,a.createVNode)("div",{class:"".concat(e.resolveClassName("notify-content-text"))},[e.renderMessage])]),e.dismissable&&(0,a.createVNode)(g.Error,{class:"".concat(e.resolveClassName("notify-icon")," ").concat(e.resolveClassName("notify-close")),onClick:e.handleClose},null)]),[[a.vShow,e.visible]])]}})}}),C=function(e){!function(e,o){var t=o,n=t.position||"top-right";"string"==typeof o&&(t={message:o});var r=o.onClose,s=t.offsetX||10,i=t.offsetY||30,c=t.spacing,l=void 0===c?10:c;u[n].forEach((function(e){i+=(e.el.offsetHeight||0)+l}));var d="message_".concat(p+=1);t=Object.assign(Object.assign({},t),{offsetX:s,offsetY:i,id:d});var m=document.createElement("div"),v=(0,a.createVNode)(e,t);v.props.onDestroy=function(e){!function(e,o,t,n){null==n||n();var r=o.startsWith("top")?"top":"bottom",s=-1;u[o].forEach((function(o,t){o.props.id===e&&(s=t)}));for(var i=u[o][s].el.offsetHeight,a=u[o].length,c=s;c<a;c++){var l=parseInt(u[o][c].el.style[r],10)-i-t;u[o][c].component.props.offsetY=l}u[o].splice(s,1)}(e,n,l,r),(0,a.render)(null,m)},v.props.onDetail=function(e,o){u[n].forEach((function(e){var t,n;e.props.id!==o&&(null===(n=null===(t=e.component)||void 0===t?void 0:t.exposed)||void 0===n||n.setDetailsShow(null,!1))}))},(0,a.render)(v,m),u[n].push(v),(v.props.getContainer&&(0,f.isElement)(v.props.getContainer)?v.props.getContainer:document.body).appendChild(m.firstElementChild)}(N,e)};var T=i.Z;export{T as default};

package/lib/notify/notifyConstructor.d.ts

@@ -121,8 +121,8 @@ declare const _default: import("vue").DefineComponent<{
     extCls: string;
     theme: "error" | "success" | "warning" | "primary";
     id: string;
-    position: string;
     message: any;
+    position: string;
     onClose: (...args: any[]) => any;
     delay: number;
     offsetX: number;