bkui-vue 0.0.1-beta.191 → 0.0.1-beta.193

package/lib/dialog/dialog.d.ts

@@ -108,6 +108,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
     maxHeight: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -257,6 +260,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
     maxHeight: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -290,6 +296,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     title: string;
     multiInstance: boolean;
+    zIndex: number;
     showMask: boolean;
     theme: string;
     extCls: string | unknown[];

package/lib/dialog/index.d.ts

@@ -5,6 +5,7 @@ declare const BkDialog: {
         $props: Partial<{
             title: string;
             multiInstance: boolean;
+            zIndex: number;
             showMask: boolean;
             theme: string;
             extCls: string | unknown[];
@@ -144,6 +145,9 @@ declare const BkDialog: {
             } & {
                 default: boolean;
             };
+            zIndex: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            };
             maxHeight: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             };
@@ -174,7 +178,7 @@ declare const BkDialog: {
             onNext?: (...args: any[]) => any;
             onClosed?: (...args: any[]) => any;
             "onValue-change"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "multiInstance" | "showMask" | "theme" | "extCls" | "width" | "height" | "isShow" | "draggable" | "size" | "direction" | "maxHeight" | "renderDirective" | "transfer" | "dialogType" | "infoType" | "quickClose" | "scrollable" | "closeIcon" | "escClose" | "fullscreen" | "animateType" | "headerAlign" | "footerAlign" | "confirmText" | "cancelText" | "prevText" | "nextText" | "current" | "totalStep" | "isLoading">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "multiInstance" | "zIndex" | "showMask" | "theme" | "extCls" | "width" | "height" | "isShow" | "draggable" | "size" | "direction" | "maxHeight" | "renderDirective" | "transfer" | "dialogType" | "infoType" | "quickClose" | "scrollable" | "closeIcon" | "escClose" | "fullscreen" | "animateType" | "headerAlign" | "footerAlign" | "confirmText" | "cancelText" | "prevText" | "nextText" | "current" | "totalStep" | "isLoading">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -298,6 +302,9 @@ declare const BkDialog: {
             } & {
                 default: boolean;
             };
+            zIndex: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            };
             maxHeight: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             };
@@ -347,6 +354,7 @@ declare const BkDialog: {
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:isShow" | "confirm" | "prev" | "next" | "closed" | "value-change")[], string, {
             title: string;
             multiInstance: boolean;
+            zIndex: number;
             showMask: boolean;
             theme: string;
             extCls: string | unknown[];
@@ -506,6 +514,9 @@ declare const BkDialog: {
         } & {
             default: boolean;
         };
+        zIndex: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        };
         maxHeight: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -666,6 +677,9 @@ declare const BkDialog: {
     } & {
         default: boolean;
     };
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
     maxHeight: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -715,6 +729,7 @@ declare const BkDialog: {
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:isShow" | "confirm" | "prev" | "next" | "closed" | "value-change")[], "update:isShow" | "confirm" | "prev" | "next" | "closed" | "value-change", {
     title: string;
     multiInstance: boolean;
+    zIndex: number;
     showMask: boolean;
     theme: string;
     extCls: string | unknown[];

package/lib/dialog/props.d.ts

@@ -108,6 +108,9 @@ declare const props: {
     } & {
         default: boolean;
     };
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
     maxHeight: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };

package/lib/modal/index.d.ts

@@ -8,6 +8,7 @@ declare const BkModal: {
         $props: Partial<{
             title: string;
             multiInstance: boolean;
+            zIndex: number;
             showMask: boolean;
             extCls: string | unknown[];
             width: string | number;
@@ -87,6 +88,9 @@ declare const BkModal: {
             } & {
                 default: boolean;
             };
+            zIndex: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            };
             maxHeight: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             };
@@ -124,7 +128,7 @@ declare const BkModal: {
             "onQuick-close"?: (...args: any[]) => any;
             onQuickClose?: (...args: any[]) => any;
             onShown?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "multiInstance" | "showMask" | "extCls" | "width" | "height" | "isShow" | "draggable" | "size" | "direction" | "maxHeight" | "renderDirective" | "transfer" | "dialogType" | "infoType" | "quickClose" | "scrollable" | "closeIcon" | "escClose" | "fullscreen" | "animateType">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "multiInstance" | "zIndex" | "showMask" | "extCls" | "width" | "height" | "isShow" | "draggable" | "size" | "direction" | "maxHeight" | "renderDirective" | "transfer" | "dialogType" | "infoType" | "quickClose" | "scrollable" | "closeIcon" | "escClose" | "fullscreen" | "animateType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -198,6 +202,9 @@ declare const BkModal: {
             } & {
                 default: boolean;
             };
+            zIndex: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            };
             maxHeight: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             };
@@ -247,6 +254,7 @@ declare const BkModal: {
         }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "hidden" | "quick-close" | "quickClose" | "shown")[], string, {
             title: string;
             multiInstance: boolean;
+            zIndex: number;
             showMask: boolean;
             extCls: string | unknown[];
             width: string | number;
@@ -346,6 +354,9 @@ declare const BkModal: {
         } & {
             default: boolean;
         };
+        zIndex: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        };
         maxHeight: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -456,6 +467,9 @@ declare const BkModal: {
     } & {
         default: boolean;
     };
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
     maxHeight: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -505,6 +519,7 @@ declare const BkModal: {
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "hidden" | "quick-close" | "quickClose" | "shown")[], "close" | "hidden" | "quick-close" | "quickClose" | "shown", {
     title: string;
     multiInstance: boolean;
+    zIndex: number;
     showMask: boolean;
     extCls: string | unknown[];
     width: string | number;
@@ -585,6 +600,9 @@ declare const BkModal: {
         } & {
             default: boolean;
         };
+        zIndex: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        };
         maxHeight: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };

package/lib/modal/index.js

@@ -1 +1 @@
-!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue")):o(e["../shared"],e.vue);for(var i in t)("object"==typeof exports?exports:e)[i]=t[i]}}(self,((e,o)=>(()=>{"use strict";var t={4212:o=>{o.exports=e},748:e=>{e.exports=o}},i={};function s(e){var o=i[e];if(void 0!==o)return o.exports;var r=i[e]={exports:{}};return t[e](r,r.exports,s),r.exports}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]})},s.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{s.r(r),s.d(r,{BkModal:()=>n,default:()=>l,propsMixin:()=>t});var e=s(4212),o=s(748),t={isShow:e.PropTypes.bool.def(!1),width:e.PropTypes.oneOfType([String,Number]).def("50%"),height:e.PropTypes.oneOfType([String,Number]).def("50%"),extCls:e.PropTypes.string||e.PropTypes.array,scrollable:e.PropTypes.bool.def(!0),showMask:e.PropTypes.bool.def(!0),closeIcon:e.PropTypes.bool.def(!0),escClose:e.PropTypes.bool.def(!0),fullscreen:e.PropTypes.bool.def(!1),size:e.PropTypes.commonType(["normal","small","medium","large"],"size").def(),draggable:e.PropTypes.bool.def(!0),quickClose:e.PropTypes.bool.def(!0),transfer:e.PropTypes.bool.def(!1),maxHeight:e.PropTypes.string,direction:e.PropTypes.string,title:e.PropTypes.string.def(""),animateType:e.PropTypes.string.def("slide"),renderDirective:e.PropTypes.commonType(["show","if"],"renderDirective").def("show"),beforeClose:e.PropTypes.custom((function(){return!0})),dialogType:e.PropTypes.commonType(["show","operation","confirm","process"],"dialogType").def("operation"),multiInstance:e.PropTypes.bool.def(!0),infoType:e.PropTypes.commonType(["success","warning","danger","loading"],"infoType").def()};const i=(0,o.defineComponent)({name:"Modal",props:Object.assign({},t),emits:["quick-close","quickClose","hidden","shown","close"],data:function(){return{visible:!1}},computed:{dialogWidth:function(){return/^\d+$/.test("".concat(this.width))?"".concat(this.width,"px"):this.width},dialogHeight:function(){return/^\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"}},fullscreenStyle:function(){return{width:"".concat(100,"%"),height:"".concat(100,"%")}}},watch:{isShow:{handler:function(e){var o=this;e?this.visible=e:(this.$emit("hidden"),setTimeout((function(){o.visible=e}),250))},deep:!0},visible:function(o){var t=this;o?this.$nextTick((function(){var o=t.showMask?{}:{"background-color":"rgba(0,0,0,0)"};e.bkPopIndexManager.show(t.$el,t.showMask,o,t.transfer),t.$emit("shown"),t.$emit("quick-close",t.$el),t.$emit("quickClose",t.$el)})):e.bkPopIndexManager.hide(this.$el,this.transfer)}},beforeUnmount:function(){e.bkPopIndexManager.hide(this.$el)},methods:{handleClickOutSide:function(){this.quickClose&&this.$emit("close")}},render:function(){var e,t,i,s,r,n,l,d,a,c,p,h,u=this,f=this.maxHeight?{maxHeight:this.maxHeight}:{},y="bk-modal-body ".concat("slide"===this.animateType?this.direction:"");return(0,o.createVNode)("div",{class:["bk-modal-wrapper",this.extCls,this.size],style:[this.compStyle,this.fullscreen?this.fullscreenStyle:""]},[(0,o.withDirectives)((0,o.createVNode)("div",{class:"bk-modal-outside",onClick:this.handleClickOutSide},null),[[o.vShow,this.isShow]]),(0,o.createVNode)(o.Transition,{name:this.animateType},{default:function(){return[u.isShow?(0,o.createVNode)("div",{class:y},[(0,o.createVNode)("div",{class:"bk-modal-header"},[null!==(i=null===(t=(e=u.$slots).header)||void 0===t?void 0:t.call(e))&&void 0!==i?i:""]),(0,o.createVNode)("div",{class:"bk-modal-content",style:["show"===u.dialogType?"padding-bottom: 20px":"",Object.assign({},f)]},[null!==(n=null===(r=(s=u.$slots).default)||void 0===r?void 0:r.call(s))&&void 0!==n?n:""]),"show"===u.dialogType?"":(0,o.createVNode)("div",{class:"bk-modal-footer"},[null!==(a=null===(d=(l=u.$slots).footer)||void 0===d?void 0:d.call(l))&&void 0!==a?a:""]),(0,o.createVNode)("div",{class:["bk-modal-close",u.closeIcon?"":"close-icon"]},[null!==(h=null===(p=(c=u.$slots).close)||void 0===p?void 0:p.call(c))&&void 0!==h?h:""])]):""]}})])}});var n=(0,e.withInstallProps)(i,{propsMixin:t},!0);const l=n})(),r})()));
+!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue")):o(e["../shared"],e.vue);for(var i in t)("object"==typeof exports?exports:e)[i]=t[i]}}(self,((e,o)=>(()=>{"use strict";var t={4212:o=>{o.exports=e},748:e=>{e.exports=o}},i={};function s(e){var o=i[e];if(void 0!==o)return o.exports;var r=i[e]={exports:{}};return t[e](r,r.exports,s),r.exports}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]})},s.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{s.r(r),s.d(r,{BkModal:()=>n,default:()=>l,propsMixin:()=>t});var e=s(4212),o=s(748),t={isShow:e.PropTypes.bool.def(!1),width:e.PropTypes.oneOfType([String,Number]).def("50%"),height:e.PropTypes.oneOfType([String,Number]).def("50%"),extCls:e.PropTypes.string||e.PropTypes.array,scrollable:e.PropTypes.bool.def(!0),showMask:e.PropTypes.bool.def(!0),closeIcon:e.PropTypes.bool.def(!0),escClose:e.PropTypes.bool.def(!0),fullscreen:e.PropTypes.bool.def(!1),size:e.PropTypes.commonType(["normal","small","medium","large"],"size").def(),draggable:e.PropTypes.bool.def(!0),quickClose:e.PropTypes.bool.def(!0),transfer:e.PropTypes.bool.def(!1),zIndex:e.PropTypes.number,maxHeight:e.PropTypes.string,direction:e.PropTypes.string,title:e.PropTypes.string.def(""),animateType:e.PropTypes.string.def("slide"),renderDirective:e.PropTypes.commonType(["show","if"],"renderDirective").def("show"),beforeClose:e.PropTypes.custom((function(){return!0})),dialogType:e.PropTypes.commonType(["show","operation","confirm","process"],"dialogType").def("operation"),multiInstance:e.PropTypes.bool.def(!0),infoType:e.PropTypes.commonType(["success","warning","danger","loading"],"infoType").def()};const i=(0,o.defineComponent)({name:"Modal",props:Object.assign({},t),emits:["quick-close","quickClose","hidden","shown","close"],data:function(){return{visible:!1}},computed:{dialogWidth:function(){return/^\d+$/.test("".concat(this.width))?"".concat(this.width,"px"):this.width},dialogHeight:function(){return/^\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"}},fullscreenStyle:function(){return{width:"".concat(100,"%"),height:"".concat(100,"%")}}},watch:{isShow:{handler:function(e){var o=this;e?this.visible=e:(this.$emit("hidden"),setTimeout((function(){o.visible=e}),250))},deep:!0},visible:function(o){var t=this;o?this.$nextTick((function(){var o=t.showMask?{}:{"background-color":"rgba(0,0,0,0)"};e.bkPopIndexManager.show(t.$el,t.showMask,o,t.transfer,t.zIndex),t.$emit("shown"),t.$emit("quick-close",t.$el),t.$emit("quickClose",t.$el)})):e.bkPopIndexManager.hide(this.$el,this.transfer)}},beforeUnmount:function(){e.bkPopIndexManager.hide(this.$el)},methods:{handleClickOutSide:function(){this.quickClose&&this.$emit("close")}},render:function(){var e,t,i,s,r,n,l,d,a,c,p,h,u=this,f=this.maxHeight?{maxHeight:this.maxHeight}:{},y="bk-modal-body ".concat("slide"===this.animateType?this.direction:"");return(0,o.createVNode)("div",{class:["bk-modal-wrapper",this.extCls,this.size],style:[this.compStyle,this.fullscreen?this.fullscreenStyle:""]},[(0,o.withDirectives)((0,o.createVNode)("div",{class:"bk-modal-outside",onClick:this.handleClickOutSide},null),[[o.vShow,this.isShow]]),(0,o.createVNode)(o.Transition,{name:this.animateType},{default:function(){return[u.isShow?(0,o.createVNode)("div",{class:y},[(0,o.createVNode)("div",{class:"bk-modal-header"},[null!==(i=null===(t=(e=u.$slots).header)||void 0===t?void 0:t.call(e))&&void 0!==i?i:""]),(0,o.createVNode)("div",{class:"bk-modal-content",style:["show"===u.dialogType?"padding-bottom: 20px":"",Object.assign({},f)]},[null!==(n=null===(r=(s=u.$slots).default)||void 0===r?void 0:r.call(s))&&void 0!==n?n:""]),"show"===u.dialogType?"":(0,o.createVNode)("div",{class:"bk-modal-footer"},[null!==(a=null===(d=(l=u.$slots).footer)||void 0===d?void 0:d.call(l))&&void 0!==a?a:""]),(0,o.createVNode)("div",{class:["bk-modal-close",u.closeIcon?"":"close-icon"]},[null!==(h=null===(p=(c=u.$slots).close)||void 0===p?void 0:p.call(c))&&void 0!==h?h:""])]):""]}})])}});var n=(0,e.withInstallProps)(i,{propsMixin:t},!0);const l=n})(),r})()));

package/lib/modal/modal.d.ts

@@ -58,6 +58,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
     maxHeight: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -158,6 +161,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
     maxHeight: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -198,6 +204,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     title: string;
     multiInstance: boolean;
+    zIndex: number;
     showMask: boolean;
     extCls: string | unknown[];
     width: string | number;

package/lib/modal/props.mixin.d.ts

@@ -58,6 +58,9 @@ export declare const propsMixin: {
     } & {
         default: boolean;
     };
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
     maxHeight: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };

package/lib/sideslider/index.d.ts

@@ -5,6 +5,7 @@ declare const BkSideslider: {
         $props: Partial<{
             title: string;
             multiInstance: boolean;
+            zIndex: number;
             showMask: boolean;
             extCls: string | unknown[];
             width: string | number;
@@ -89,6 +90,9 @@ declare const BkSideslider: {
             } & {
                 default: boolean;
             };
+            zIndex: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            };
             maxHeight: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             };
@@ -123,7 +127,7 @@ declare const BkSideslider: {
             onShown?: (...args: any[]) => any;
             onClosed?: (...args: any[]) => any;
             "onAnimation-end"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "multiInstance" | "showMask" | "extCls" | "width" | "height" | "isShow" | "draggable" | "size" | "direction" | "maxHeight" | "renderDirective" | "transfer" | "dialogType" | "infoType" | "quickClose" | "scrollable" | "closeIcon" | "escClose" | "fullscreen" | "animateType">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "multiInstance" | "zIndex" | "showMask" | "extCls" | "width" | "height" | "isShow" | "draggable" | "size" | "direction" | "maxHeight" | "renderDirective" | "transfer" | "dialogType" | "infoType" | "quickClose" | "scrollable" | "closeIcon" | "escClose" | "fullscreen" | "animateType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -202,6 +206,9 @@ declare const BkSideslider: {
             } & {
                 default: boolean;
             };
+            zIndex: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            };
             maxHeight: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             };
@@ -239,6 +246,7 @@ declare const BkSideslider: {
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hidden" | "update:isShow" | "shown" | "closed" | "animation-end")[], string, {
             title: string;
             multiInstance: boolean;
+            zIndex: number;
             showMask: boolean;
             extCls: string | unknown[];
             width: string | number;
@@ -343,6 +351,9 @@ declare const BkSideslider: {
         } & {
             default: boolean;
         };
+        zIndex: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        };
         maxHeight: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -446,6 +457,9 @@ declare const BkSideslider: {
     } & {
         default: boolean;
     };
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
     maxHeight: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -483,6 +497,7 @@ declare const BkSideslider: {
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hidden" | "update:isShow" | "shown" | "closed" | "animation-end")[], "hidden" | "update:isShow" | "shown" | "closed" | "animation-end", {
     title: string;
     multiInstance: boolean;
+    zIndex: number;
     showMask: boolean;
     extCls: string | unknown[];
     width: string | number;

package/lib/sideslider/sideslider.css

@@ -110,4 +110,5 @@
   background: #fff;
   border-top: 1px solid transparent;
   align-items: center;
+  box-shadow: rgba(0, 0, 0, 0.06) 0px -2px 4px 0px;
 }

package/lib/sideslider/sideslider.d.ts

@@ -63,6 +63,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
     maxHeight: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -156,6 +159,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
     maxHeight: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -193,6 +199,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     title: string;
     multiInstance: boolean;
+    zIndex: number;
     showMask: boolean;
     extCls: string | unknown[];
     width: string | number;

package/lib/sideslider/sideslider.less

@@ -138,6 +138,7 @@
       background: #fff;
       border-top: 1px solid transparent;
       align-items: center;
+      box-shadow: rgb(0 0 0 / 6%) 0px -2px 4px 0px;
     }
   }
 }

package/lib/sideslider/sideslider.variable.css

@@ -223,4 +223,5 @@
   background: #fff;
   border-top: 1px solid transparent;
   align-items: center;
+  box-shadow: rgba(0, 0, 0, 0.06) 0px -2px 4px 0px;
 }

package/lib/styles/mixins/animate.css

@@ -0,0 +1,21 @@
+@keyframes loading-scale-animate {
+  0% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(0.6);
+  }
+}
+@keyframes fade {
+  100% {
+    background-color: transparent;
+  }
+}
+.bk-fade-transtion .bk-fade-enter-active,
+.bk-fade-transtion .bk-fade-leave-active {
+  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
+}
+.bk-fade-transtion .bk-fade-enter,
+.bk-fade-transtion .bk-fade-leave-to {
+  opacity: 0;
+}

package/lib/tag/tag.css

@@ -18,10 +18,13 @@
   background-color: #E4FAF0;
 }
 .bk-tag.bk-tag-success.bk-tag-filled {
-  background-color: #14a568;
+  background-color: #14A568;
+}
+.bk-tag.bk-tag-success.bk-tag-filled:hover {
+  background-color: #42B685;
 }
 .bk-tag.bk-tag-success:hover:not(.bk-tag-filled) {
-  background-color: #DCF8EC;
+  background-color: #C9F5E2;
 }
 .bk-tag.bk-tag-info {
   color: #3a84ff;
@@ -29,7 +32,10 @@
   background-color: #EDF4FF;
 }
 .bk-tag.bk-tag-info.bk-tag-filled {
-  background-color: #3a84ff;
+  background-color: #3A84FF;
+}
+.bk-tag.bk-tag-info.bk-tag-filled:hover {
+  background-color: #609CFE;
 }
 .bk-tag.bk-tag-info:hover:not(.bk-tag-filled) {
   background-color: #E1ECFF;
@@ -40,7 +46,10 @@
   background-color: #FFF1DB;
 }
 .bk-tag.bk-tag-warning.bk-tag-filled {
-  background-color: #fe9c00;
+  background-color: #FE9C00;
+}
+.bk-tag.bk-tag-warning.bk-tag-filled:hover {
+  background-color: #FDAF32;
 }
 .bk-tag.bk-tag-warning:hover:not(.bk-tag-filled) {
   background-color: #FFE8C3;
@@ -51,7 +60,10 @@
   background-color: #FEEBEA;
 }
 .bk-tag.bk-tag-danger.bk-tag-filled {
-  background-color: #ea3636;
+  background-color: #EA3536;
+}
+.bk-tag.bk-tag-danger.bk-tag-filled:hover {
+  background-color: #ED5C5D;
 }
 .bk-tag.bk-tag-danger:hover:not(.bk-tag-filled) {
   background-color: #FEDDDC;
@@ -61,10 +73,10 @@
 }
 .bk-tag.bk-tag-filled {
   color: #fff;
-  background-color: #979ba5;
+  background-color: #979BA5;
 }
 .bk-tag.bk-tag-filled:hover {
-  opacity: 0.8;
+  background-color: #ACAFB6;
 }
 .bk-tag.bk-tag-stroke {
   padding: 0 9px;
@@ -72,6 +84,12 @@
   border-style: solid;
   border-width: 1px;
 }
+.bk-tag.bk-tag-stroke:not(.bk-tag-success, .bk-tag-warning, .bk-tag-info, .bk-tag-danger) {
+  background-color: #FAFBFD;
+}
+.bk-tag.bk-tag-stroke:not(.bk-tag-success, .bk-tag-warning, .bk-tag-info, .bk-tag-danger):hover {
+  background-color: #F0F1F5;
+}
 .bk-tag.bk-tag-closable {
   padding: 0 4px 0 10px;
 }

package/lib/tag/tag.less

@@ -10,17 +10,24 @@
 @tag-info-bg-color: #EDF4FF;
 @tag-warning-bg-color: #FFF1DB;
 @tag-danger-bg-color: #FEEBEA;
-@tag-filled-bg-color: #979ba5;
+@tag-stroke-bg-color: #FAFBFD;
+@tag-filled-bg-color: #979BA5;
+@tag-filled-success-bg-color: #14A568;
+@tag-filled-info-bg-color: #3A84FF;
+@tag-filled-warning-bg-color: #FE9C00;
+@tag-filled-danger-bg-color: #EA3536;
 
 @tag-success-border-color: rgba(20,165,104,.3);
 @tag-info-border-color: rgba(58,132,255,.3);
 @tag-warning-border-color: rgba(254,165,0,.3);
 @tag-danger-border-color: rgba(234,53,54,.3);
 
-@tag-success-hover-bg-color: #DCF8EC;
+@tag-success-hover-bg-color: #C9F5E2;
 @tag-info-hover-bg-color: #E1ECFF;
 @tag-warning-hover-bg-color: #FFE8C3;
 @tag-danger-hover-bg-color: #FEDDDC;
+@tag-stroke-hover-bg-color: #F0F1F5;
+@tag-filled-hover-bg-color: #ACAFB6;
 @tag-filled-success-hover-bg-color: #42B685;
 @tag-filled-info-hover-bg-color: #609CFE;
 @tag-filled-warning-hover-bg-color: #FDAF32;
@@ -48,13 +55,17 @@
     @borderColor: 'tag-@{value}-border-color';
     @bgColor: 'tag-@{value}-bg-color';
     @bgHoverColor: 'tag-@{value}-hover-bg-color';
+    @filledBgColor: 'tag-filled-@{value}-bg-color';
     @filledBgHoverColor: 'tag-filled-@{value}-hover-bg-color';
     &.bk-tag-@{value} {
       color: @@color;
       border-color: @@borderColor;
       background-color: @@bgColor;
       &.bk-tag-filled {
-        background-color: @@color;
+        background-color: @@filledBgColor;
+        &:hover {
+          background-color: @@filledBgHoverColor;
+        }
       }
       &:hover:not(.bk-tag-filled) {
         background-color: @@bgHoverColor;
@@ -71,7 +82,7 @@
     background-color: @tag-filled-bg-color;
 
     &:hover {
-      opacity: .8;
+      background-color: @tag-filled-hover-bg-color;
     }
   }
 
@@ -80,6 +91,14 @@
     line-height: 20px;
     border-style: solid;
     border-width: 1px;
+
+    &:not(.bk-tag-success, .bk-tag-warning, .bk-tag-info, .bk-tag-danger) {
+      background-color: @tag-stroke-bg-color;
+
+      &:hover {
+        background-color: @tag-stroke-hover-bg-color;
+      }
+    }
   }
 
   &.bk-tag-closable {

package/lib/tag/tag.variable.css

@@ -131,10 +131,13 @@
   background-color: #E4FAF0;
 }
 .bk-tag.bk-tag-success.bk-tag-filled {
-  background-color: #14a568;
+  background-color: #14A568;
+}
+.bk-tag.bk-tag-success.bk-tag-filled:hover {
+  background-color: #42B685;
 }
 .bk-tag.bk-tag-success:hover:not(.bk-tag-filled) {
-  background-color: #DCF8EC;
+  background-color: #C9F5E2;
 }
 .bk-tag.bk-tag-info {
   color: var(--primary-color);
@@ -142,7 +145,10 @@
   background-color: #EDF4FF;
 }
 .bk-tag.bk-tag-info.bk-tag-filled {
-  background-color: var(--primary-color);
+  background-color: #3A84FF;
+}
+.bk-tag.bk-tag-info.bk-tag-filled:hover {
+  background-color: #609CFE;
 }
 .bk-tag.bk-tag-info:hover:not(.bk-tag-filled) {
   background-color: #E1ECFF;
@@ -153,7 +159,10 @@
   background-color: #FFF1DB;
 }
 .bk-tag.bk-tag-warning.bk-tag-filled {
-  background-color: #fe9c00;
+  background-color: #FE9C00;
+}
+.bk-tag.bk-tag-warning.bk-tag-filled:hover {
+  background-color: #FDAF32;
 }
 .bk-tag.bk-tag-warning:hover:not(.bk-tag-filled) {
   background-color: #FFE8C3;
@@ -164,7 +173,10 @@
   background-color: #FEEBEA;
 }
 .bk-tag.bk-tag-danger.bk-tag-filled {
-  background-color: var(--danger-color);
+  background-color: #EA3536;
+}
+.bk-tag.bk-tag-danger.bk-tag-filled:hover {
+  background-color: #ED5C5D;
 }
 .bk-tag.bk-tag-danger:hover:not(.bk-tag-filled) {
   background-color: #FEDDDC;
@@ -174,10 +186,10 @@
 }
 .bk-tag.bk-tag-filled {
   color: #fff;
-  background-color: #979ba5;
+  background-color: #979BA5;
 }
 .bk-tag.bk-tag-filled:hover {
-  opacity: 0.8;
+  background-color: #ACAFB6;
 }
 .bk-tag.bk-tag-stroke {
   padding: 0 9px;
@@ -185,6 +197,12 @@
   border-style: solid;
   border-width: 1px;
 }
+.bk-tag.bk-tag-stroke:not(.bk-tag-success, .bk-tag-warning, .bk-tag-info, .bk-tag-danger) {
+  background-color: #FAFBFD;
+}
+.bk-tag.bk-tag-stroke:not(.bk-tag-success, .bk-tag-warning, .bk-tag-info, .bk-tag-danger):hover {
+  background-color: #F0F1F5;
+}
 .bk-tag.bk-tag-closable {
   padding: 0 4px 0 10px;
 }