bkui-vue 0.0.1-beta.73 → 0.0.1-beta.74

package/lib/dialog/dialog.css

@@ -48,6 +48,9 @@
 .bk-modal-wrapper.bk-dialog-wrapper.scroll-able .bk-modal-content {
   overflow: auto;
 }
+.bk-modal-wrapper.bk-dialog-wrapper.multi-instance {
+  position: absolute;
+}
 .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool {
   position: absolute;
   top: 0;

package/lib/dialog/dialog.d.ts

@@ -133,6 +133,11 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     beforeClose: import("vue-types").VueTypeDef<unknown>;
+    multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }, {
     data: {
         positionX: number;
@@ -283,6 +288,11 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     beforeClose: import("vue-types").VueTypeDef<unknown>;
+    multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }>> & {
     "onUpdate:isShow"?: (...args: any[]) => any;
     onConfirm?: (...args: any[]) => any;
@@ -291,6 +301,7 @@ declare const _default: import("vue").DefineComponent<{
     onClosed?: (...args: any[]) => any;
 }, {
     title: string;
+    multiInstance: boolean;
     showMask: boolean;
     width: string | number;
     height: string | number;
@@ -303,6 +314,7 @@ declare const _default: import("vue").DefineComponent<{
     isShow: boolean;
     transfer: boolean;
     renderDirective: string;
+    dialogType: string;
     customClass: string | unknown[];
     scrollable: boolean;
     closeIcon: boolean;
@@ -313,7 +325,6 @@ declare const _default: import("vue").DefineComponent<{
     animateType: string;
     headerAlign: string;
     footerAlign: string;
-    dialogType: string;
     confirmText: string;
     cancelText: string;
     prevText: string;

package/lib/dialog/dialog.less

@@ -14,6 +14,9 @@
         overflow: auto;
       }
     }
+    &.multi-instance {
+      position: absolute;
+    }
 
     .bk-dialog-tool {
       position: absolute;

package/lib/dialog/dialog.variable.css

@@ -48,6 +48,9 @@
 .bk-modal-wrapper.bk-dialog-wrapper.scroll-able .bk-modal-content {
   overflow: auto;
 }
+.bk-modal-wrapper.bk-dialog-wrapper.multi-instance {
+  position: absolute;
+}
 .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool {
   position: absolute;
   top: 0;

package/lib/dialog/index.d.ts

@@ -4,6 +4,7 @@ declare const BkDialog: {
         $data: {};
         $props: Partial<{
             title: string;
+            multiInstance: boolean;
             showMask: boolean;
             width: string | number;
             height: string | number;
@@ -16,6 +17,7 @@ declare const BkDialog: {
             isShow: boolean;
             transfer: boolean;
             renderDirective: string;
+            dialogType: string;
             customClass: string | unknown[];
             scrollable: boolean;
             closeIcon: boolean;
@@ -26,7 +28,6 @@ declare const BkDialog: {
             animateType: string;
             headerAlign: string;
             footerAlign: string;
-            dialogType: string;
             confirmText: string;
             cancelText: string;
             prevText: string;
@@ -169,13 +170,18 @@ declare const BkDialog: {
                 default: string;
             };
             beforeClose: import("vue-types").VueTypeDef<unknown>;
+            multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
         }>> & {
             "onUpdate:isShow"?: (...args: any[]) => any;
             onConfirm?: (...args: any[]) => any;
             onPrev?: (...args: any[]) => any;
             onNext?: (...args: any[]) => any;
             onClosed?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "showMask" | "width" | "height" | "draggable" | "theme" | "size" | "extCls" | "direction" | "maxHeight" | "isShow" | "transfer" | "renderDirective" | "customClass" | "scrollable" | "closeIcon" | "escClose" | "maskClose" | "fullscreen" | "quickClose" | "animateType" | "headerAlign" | "footerAlign" | "dialogType" | "confirmText" | "cancelText" | "prevText" | "nextText" | "current" | "totalStep" | "isLoading">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "multiInstance" | "showMask" | "width" | "height" | "draggable" | "theme" | "size" | "extCls" | "direction" | "maxHeight" | "isShow" | "transfer" | "renderDirective" | "dialogType" | "customClass" | "scrollable" | "closeIcon" | "escClose" | "maskClose" | "fullscreen" | "quickClose" | "animateType" | "headerAlign" | "footerAlign" | "confirmText" | "cancelText" | "prevText" | "nextText" | "current" | "totalStep" | "isLoading">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -324,6 +330,11 @@ declare const BkDialog: {
                 default: string;
             };
             beforeClose: import("vue-types").VueTypeDef<unknown>;
+            multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
         }>> & {
             "onUpdate:isShow"?: (...args: any[]) => any;
             onConfirm?: (...args: any[]) => any;
@@ -347,6 +358,7 @@ declare const BkDialog: {
             handleNextStep: () => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:isShow" | "confirm" | "prev" | "next" | "closed")[], string, {
             title: string;
+            multiInstance: boolean;
             showMask: boolean;
             width: string | number;
             height: string | number;
@@ -359,6 +371,7 @@ declare const BkDialog: {
             isShow: boolean;
             transfer: boolean;
             renderDirective: string;
+            dialogType: string;
             customClass: string | unknown[];
             scrollable: boolean;
             closeIcon: boolean;
@@ -369,7 +382,6 @@ declare const BkDialog: {
             animateType: string;
             headerAlign: string;
             footerAlign: string;
-            dialogType: string;
             confirmText: string;
             cancelText: string;
             prevText: string;
@@ -532,6 +544,11 @@ declare const BkDialog: {
             default: string;
         };
         beforeClose: import("vue-types").VueTypeDef<unknown>;
+        multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>> & {
         "onUpdate:isShow"?: (...args: any[]) => any;
         onConfirm?: (...args: any[]) => any;
@@ -692,6 +709,11 @@ declare const BkDialog: {
         default: string;
     };
     beforeClose: import("vue-types").VueTypeDef<unknown>;
+    multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }>> & {
     "onUpdate:isShow"?: (...args: any[]) => any;
     onConfirm?: (...args: any[]) => any;
@@ -715,6 +737,7 @@ declare const BkDialog: {
     handleNextStep: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:isShow" | "confirm" | "prev" | "next" | "closed")[], "update:isShow" | "confirm" | "prev" | "next" | "closed", {
     title: string;
+    multiInstance: boolean;
     showMask: boolean;
     width: string | number;
     height: string | number;
@@ -727,6 +750,7 @@ declare const BkDialog: {
     isShow: boolean;
     transfer: boolean;
     renderDirective: string;
+    dialogType: string;
     customClass: string | unknown[];
     scrollable: boolean;
     closeIcon: boolean;
@@ -737,7 +761,6 @@ declare const BkDialog: {
     animateType: string;
     headerAlign: string;
     footerAlign: string;
-    dialogType: string;
     confirmText: string;
     cancelText: string;
     prevText: string;

package/lib/dialog/index.js

@@ -1 +1 @@
-!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../button"),require("../modal"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../button","../modal"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../button"),require("../modal")):o(e["../shared"],e.vue,e["../button"],e["../modal"]);for(var n in t)("object"==typeof exports?exports:e)[n]=t[n]}}(self,((e,o,t,n)=>(()=>{"use strict";var r={4976:e=>{e.exports=t},8014:e=>{e.exports=n},4212:o=>{o.exports=e},748:e=>{e.exports=o}},i={};function l(e){var o=i[e];if(void 0!==o)return o.exports;var t=i[e]={exports:{}};return r[e](t,t.exports,l),t.exports}l.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return l.d(o,{a:o}),o},l.d=(e,o)=>{for(var t in o)l.o(o,t)&&!l.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},l.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{l.r(a),l.d(a,{default:()=>c});var e=l(4212),o=l(748),t=l(4976),n=l.n(t),r=l(8014),i=l.n(r);const d=(0,o.defineComponent)({name:"Dialog",components:{BkModal:i(),BkButton:n()},props:Object.assign(Object.assign({},r.propsMixin),{width:e.PropTypes.oneOfType([String,Number]).def(""),height:e.PropTypes.oneOfType([String,Number]).def(""),confirmText:e.PropTypes.string.def("确定"),cancelText:e.PropTypes.string.def("取消"),prevText:e.PropTypes.string.def("上一步"),nextText:e.PropTypes.string.def("下一步"),current:e.PropTypes.number.def(1),totalStep:e.PropTypes.number,title:e.PropTypes.string.def("title"),headerAlign:e.PropTypes.commonType(["left","center","right"],"headerAlign").def("left"),footerAlign:e.PropTypes.commonType(["left","center","right"],"footerAlign").def("right"),theme:e.PropTypes.commonType(["primary","warning","success","danger"],"theme").def("primary"),dialogType:e.PropTypes.commonType(["show","operation","confirm","process"],"dialogType").def("operation"),isLoading:e.PropTypes.bool.def(!1)}),emits:["closed","update:isShow","confirm","prev","next"],setup:function(e,t){var n=t.emit,r=(0,o.reactive)({positionX:0,positionY:0,moveStyle:{top:"",left:""}});(0,o.onMounted)((function(){e.escClose&&addEventListener("keydown",l)})),(0,o.onBeforeUnmount)((function(){e.escClose&&removeEventListener("keydown",l)})),(0,o.watch)((function(){return e.isShow}),(function(e){e||(r.moveStyle={top:"50%",left:"50%"},r.positionX=0,r.positionY=0)}));var i=function(){n("update:isShow",!1),n("closed")},l=function(o){e.isShow&&e.closeIcon&&27===o.keyCode&&i()};return{data:r,handleClose:i,handleConfirm:function(){n("update:isShow",!1),n("confirm")},escCloseHandler:l,moveHandler:function(o){if(e.fullscreen)return!1;var t,n,i=o.target,l=o.currentTarget.parentNode.parentNode.offsetHeight,a=o.currentTarget.parentNode.parentNode.offsetWidth;0!==r.positionX&&0!==r.positionY?(t=o.clientX-r.positionX,n=o.clientY-r.positionY):(t=o.clientX-i.offsetLeft,n=o.clientY-i.offsetTop),document.onmousemove=function(e){var o=window.innerWidth-a,i=window.innerHeight-l,d=e.clientX-t,c=e.clientY-n;o/2-d<=0?d=o/2:o/2+d<=0&&(d=-o/2),i/2-c<=0?c=i/2:i/2+c<=0&&(c=-i/2),r.positionX=d,r.positionY=c,r.moveStyle.left="calc(50% + ".concat(d,"px)"),r.moveStyle.top="calc(50% + ".concat(c,"px)")},document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null}},handlePrevStep:function(){n("prev")},handleNextStep:function(){n("next")}}},render:function(){var e,t=this,r={header:function(){var e,n,r;return[(0,o.createVNode)("div",{class:["bk-dialog-tool",t.fullscreen||!t.draggable?"":"move",t.draggable?"content-dragging":""],onMousedown:t.moveHandler},[(0,o.createVNode)("span",{class:["bk-dialog-close",t.closeIcon?"":"close-icon"],onClick:t.handleClose},[(0,o.createTextVNode)("+")])]),(0,o.createVNode)("div",{class:"bk-dialog-header"},[(0,o.createVNode)("span",{class:"bk-dialog-title",style:"text-align: ".concat(t.headerAlign)},[null!==(r=null===(n=(e=t.$slots).header)||void 0===n?void 0:n.call(e))&&void 0!==r?r:t.title])])]},default:function(){var e,o,n;return null!==(n=null===(o=(e=t.$slots).default)||void 0===o?void 0:o.call(e))&&void 0!==n?n:"default"},footer:function(){var e,r,i,l,a,d,c,s,u;return(0,o.createVNode)("div",{class:"bk-dialog-footer",style:"text-align: ".concat(t.footerAlign)},["process"===t.dialogType?null!==(i=null===(r=(e=t.$slots).footer)||void 0===r?void 0:r.call(e))&&void 0!==i?i:(0,o.createVNode)(o.Fragment,null,[1===t.current?"":(0,o.createVNode)(n(),{style:"float: left;margin-right: 8px",onClick:t.handlePrevStep},{default:function(){return[t.prevText]}}),t.current===t.totalStep?"":(0,o.createVNode)(n(),{style:"float: left",onClick:t.handleNextStep},{default:function(){return[t.nextText]}}),t.current===t.totalStep?(0,o.createVNode)(n(),{onClick:t.handleConfirm,theme:t.theme,loading:t.isLoading},{default:function(){return[t.confirmText]}}):"",(0,o.createVNode)(n(),{style:"margin-left: 8px",onClick:t.handleClose},{default:function(){return[t.cancelText]}})]):"","operation"===t.dialogType?null!==(d=null===(a=(l=t.$slots).footer)||void 0===a?void 0:a.call(l))&&void 0!==d?d:(0,o.createVNode)(o.Fragment,null,[(0,o.createVNode)(n(),{onClick:t.handleConfirm,theme:t.theme,loading:t.isLoading},{default:function(){return[t.confirmText]}}),(0,o.createVNode)(n(),{style:"margin-left: 8px",onClick:t.handleClose},{default:function(){return[t.cancelText]}})]):"","confirm"===t.dialogType?null!==(u=null===(s=(c=t.$slots).footer)||void 0===s?void 0:s.call(c))&&void 0!==u?u:(0,o.createVNode)(o.Fragment,null,[(0,o.createVNode)(n(),{onClick:t.handleConfirm,theme:t.theme,loading:t.isLoading},{default:function(){return[t.confirmText]}})]):""])}},l="bk-dialog-wrapper ".concat(this.scrollable?"scroll-able":"");return(0,o.createVNode)(i(),(0,o.mergeProps)(this.$props,{class:[l,this.fullscreen?"bk-model-fullscreen":this.size],style:this.data.moveStyle}),"function"==typeof(e=r)||"[object Object]"===Object.prototype.toString.call(e)&&!(0,o.isVNode)(e)?r:{default:function(){return[r]}})}}),c=(0,e.withInstall)(d)})(),a})()));
+!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../button"),require("../modal"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../button","../modal"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../button"),require("../modal")):o(e["../shared"],e.vue,e["../button"],e["../modal"]);for(var n in t)("object"==typeof exports?exports:e)[n]=t[n]}}(self,((e,o,t,n)=>(()=>{"use strict";var r={4976:e=>{e.exports=t},8014:e=>{e.exports=n},4212:o=>{o.exports=e},748:e=>{e.exports=o}},i={};function l(e){var o=i[e];if(void 0!==o)return o.exports;var t=i[e]={exports:{}};return r[e](t,t.exports,l),t.exports}l.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return l.d(o,{a:o}),o},l.d=(e,o)=>{for(var t in o)l.o(o,t)&&!l.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},l.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{l.r(a),l.d(a,{default:()=>c});var e=l(4212),o=l(748),t=l(4976),n=l.n(t),r=l(8014),i=l.n(r);const d=(0,o.defineComponent)({name:"Dialog",components:{BkModal:i(),BkButton:n()},props:Object.assign(Object.assign({},r.propsMixin),{width:e.PropTypes.oneOfType([String,Number]).def(""),height:e.PropTypes.oneOfType([String,Number]).def(""),confirmText:e.PropTypes.string.def("确定"),cancelText:e.PropTypes.string.def("取消"),prevText:e.PropTypes.string.def("上一步"),nextText:e.PropTypes.string.def("下一步"),current:e.PropTypes.number.def(1),totalStep:e.PropTypes.number,title:e.PropTypes.string.def("title"),headerAlign:e.PropTypes.commonType(["left","center","right"],"headerAlign").def("left"),footerAlign:e.PropTypes.commonType(["left","center","right"],"footerAlign").def("right"),theme:e.PropTypes.commonType(["primary","warning","success","danger"],"theme").def("primary"),dialogType:e.PropTypes.commonType(["show","operation","confirm","process"],"dialogType").def("operation"),isLoading:e.PropTypes.bool.def(!1)}),emits:["closed","update:isShow","confirm","prev","next"],setup:function(e,t){var n=t.emit,r=(0,o.reactive)({positionX:0,positionY:0,moveStyle:{top:"",left:""}});(0,o.onMounted)((function(){e.escClose&&addEventListener("keydown",l)})),(0,o.onBeforeUnmount)((function(){e.escClose&&removeEventListener("keydown",l)})),(0,o.watch)((function(){return e.isShow}),(function(e){e||setTimeout((function(){r.moveStyle={top:"50%",left:"50%"},r.positionX=0,r.positionY=0}),1e3)}));var i=function(){n("update:isShow",!1),n("closed")},l=function(o){e.isShow&&e.closeIcon&&27===o.keyCode&&i()};return{data:r,handleClose:i,handleConfirm:function(){n("update:isShow",!1),n("confirm")},escCloseHandler:l,moveHandler:function(o){if(e.fullscreen)return!1;if(!e.draggable)return!1;var t,n,i=o.target,l=o.currentTarget.parentNode.parentNode.offsetHeight,a=o.currentTarget.parentNode.parentNode.offsetWidth;0!==r.positionX&&0!==r.positionY?(t=o.clientX-r.positionX,n=o.clientY-r.positionY):(t=o.clientX-i.offsetLeft,n=o.clientY-i.offsetTop),document.onmousemove=function(e){var o=window.innerWidth-a,i=window.innerHeight-l,d=e.clientX-t,c=e.clientY-n;o/2-d<=0?d=o/2:o/2+d<=0&&(d=-o/2),i/2-c<=0?c=i/2:i/2+c<=0&&(c=-i/2),r.positionX=d,r.positionY=c,r.moveStyle.left="calc(50% + ".concat(d,"px)"),r.moveStyle.top="calc(50% + ".concat(c,"px)")},document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null}},handlePrevStep:function(){n("prev")},handleNextStep:function(){n("next")}}},render:function(){var e,t=this,r={header:function(){var e,n,r,i,l,a;return[(0,o.createVNode)("div",{class:["bk-dialog-tool",t.fullscreen||!t.draggable?"":"move",t.draggable?"content-dragging":""],onMousedown:t.moveHandler},[null!==(r=null===(n=(e=t.$slots).tools)||void 0===n?void 0:n.call(e))&&void 0!==r?r:"",(0,o.createVNode)("span",{class:["bk-dialog-close",t.closeIcon?"":"close-icon"],onClick:t.handleClose},[(0,o.createTextVNode)("+")])]),(0,o.createVNode)("div",{class:"bk-dialog-header"},[(0,o.createVNode)("span",{class:"bk-dialog-title",style:"text-align: ".concat(t.headerAlign)},[null!==(a=null===(l=(i=t.$slots).header)||void 0===l?void 0:l.call(i))&&void 0!==a?a:t.title])])]},default:function(){var e,o,n;return null!==(n=null===(o=(e=t.$slots).default)||void 0===o?void 0:o.call(e))&&void 0!==n?n:"default"},footer:function(){var e,r,i,l,a,d,c,s,u;return(0,o.createVNode)("div",{class:"bk-dialog-footer",style:"text-align: ".concat(t.footerAlign)},["process"===t.dialogType?null!==(i=null===(r=(e=t.$slots).footer)||void 0===r?void 0:r.call(e))&&void 0!==i?i:(0,o.createVNode)(o.Fragment,null,[1===t.current?"":(0,o.createVNode)(n(),{style:"float: left;margin-right: 8px",onClick:t.handlePrevStep},{default:function(){return[t.prevText]}}),t.current===t.totalStep?"":(0,o.createVNode)(n(),{style:"float: left",onClick:t.handleNextStep},{default:function(){return[t.nextText]}}),t.current===t.totalStep?(0,o.createVNode)(n(),{onClick:t.handleConfirm,theme:t.theme,loading:t.isLoading},{default:function(){return[t.confirmText]}}):"",(0,o.createVNode)(n(),{style:"margin-left: 8px",onClick:t.handleClose},{default:function(){return[t.cancelText]}})]):"","operation"===t.dialogType?null!==(d=null===(a=(l=t.$slots).footer)||void 0===a?void 0:a.call(l))&&void 0!==d?d:(0,o.createVNode)(o.Fragment,null,[(0,o.createVNode)(n(),{onClick:t.handleConfirm,theme:t.theme,loading:t.isLoading},{default:function(){return[t.confirmText]}}),(0,o.createVNode)(n(),{style:"margin-left: 8px",onClick:t.handleClose},{default:function(){return[t.cancelText]}})]):"","confirm"===t.dialogType?null!==(u=null===(s=(c=t.$slots).footer)||void 0===s?void 0:s.call(c))&&void 0!==u?u:(0,o.createVNode)(o.Fragment,null,[(0,o.createVNode)(n(),{onClick:t.handleConfirm,theme:t.theme,loading:t.isLoading},{default:function(){return[t.confirmText]}})]):""])}},l="bk-dialog-wrapper ".concat(this.scrollable?"scroll-able":""," ").concat(this.multiInstance?"multi-instance":"");return(0,o.createVNode)(i(),(0,o.mergeProps)(this.$props,{class:[l,this.fullscreen?"bk-model-fullscreen":this.size],style:this.data.moveStyle}),"function"==typeof(e=r)||"[object Object]"===Object.prototype.toString.call(e)&&!(0,o.isVNode)(e)?r:{default:function(){return[r]}})}}),c=(0,e.withInstall)(d)})(),a})()));

package/lib/menu/index.d.ts

@@ -12,7 +12,7 @@ declare const BkMenu: {
                 type: BooleanConstructor;
                 default: boolean;
             };
-            OpenedKeys: {
+            openedKeys: {
                 type: import("vue").PropType<string[]>;
             };
             mode: {
@@ -48,7 +48,7 @@ declare const BkMenu: {
                 type: BooleanConstructor;
                 default: boolean;
             };
-            OpenedKeys: {
+            openedKeys: {
                 type: import("vue").PropType<string[]>;
             };
             mode: {
@@ -94,7 +94,7 @@ declare const BkMenu: {
             type: BooleanConstructor;
             default: boolean;
         };
-        OpenedKeys: {
+        openedKeys: {
             type: import("vue").PropType<string[]>;
         };
         mode: {
@@ -120,7 +120,7 @@ declare const BkMenu: {
         type: BooleanConstructor;
         default: boolean;
     };
-    OpenedKeys: {
+    openedKeys: {
         type: import("vue").PropType<string[]>;
     };
     mode: {

package/lib/menu/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../icon/"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon/"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon/")):t(e["../shared"],e.vue,e["../icon/"]);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(self,((e,t,n)=>(()=>{"use strict";var o={7685:e=>{e.exports=n},4212:t=>{t.exports=e},748:e=>{e.exports=t}},r={};function a(e){var t=r[e];if(void 0!==t)return t.exports;var n=r[e]={exports:{}};return o[e](n,n.exports,a),n.exports}a.d=(e,t)=>{for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{a.r(l),a.d(l,{default:()=>x});var e=a(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function n(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,n){if(e){if("string"==typeof e)return t(e,n);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?t(e,n):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.")}()}var o=a(748),r=Symbol("MENU_PROVIDER_KEY"),i=Symbol("MENU_PROVIDER_KEY_PATH"),u=function(){return(0,o.inject)(r)},c=function(){var e,t=(0,o.getCurrentInstance)(),n=t.parent?t.parent.provides:null===(e=t.vnode.appContext)||void 0===e?void 0:e.provides;return n&&i in n?(0,o.inject)(i):{parentInfo:void 0,parentKeys:(0,o.ref)([])}},s=function(e){return(e||"").split(" ").filter((function(e){return!!e.trim()}))};function d(e,t){if(e&&t){var o=s(t),r=e.getAttribute("class")||"";if(e.classList){var a;(a=e.classList).remove.apply(a,n(o))}else{o.forEach((function(e){r=r.replace(" ".concat(e," ")," ")}));var l=s(r).join(" ");e.setAttribute("class",l)}}}function v(e,t){if(e){var o,r=e.getAttribute("class")||"",a=s(r),l=(t||"").split(" ").filter((function(e){return!a.includes(e)&&!!e.trim()}));e.classList?(o=e.classList).add.apply(o,n(l)):(r+=" ".concat(l.join(" ")),e.setAttribute("class",r))}}var p={activeKey:String,collapse:{type:Boolean,default:!1},OpenedKeys:{type:Array},mode:{type:String,default:"vertical"},uniqueOpen:{type:Boolean,default:!0}};const f=(0,o.defineComponent)({name:"Menu",props:p,emits:["update:activeKey","update:openKeys","click","openChange"],setup:function(e,t){var a,l=t.slots,i=t.emit,u=(0,o.ref)(""),c=(0,o.ref)([]),s=(0,o.ref)({}),d=(0,o.computed)((function(){return e.mode})),v=(0,o.ref)(e.collapse),p=(0,o.ref)([]);return(0,o.watch)((function(){return e.OpenedKeys}),(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:c.value;c.value=e}),{immediate:!0}),(0,o.watchEffect)((function(){void 0!==e.activeKey&&(u.value=e.activeKey)})),(0,o.watch)((function(){return e.collapse}),(function(){v.value=e.collapse;var t=n(p.value),o=n(c.value);c.value=v.value?[]:t,p.value=v.value?o:[]}),{immediate:!0}),a={activeKey:u,menuStore:s,registerMenuInfo:function(e,t){s.value=Object.assign(Object.assign({},s.value),function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}({},e,t))},unregisterMenuInfo:function(e){delete s.value[e],s.value=Object.assign({},s.value)},mode:d.value,openedKeys:c,collapse:v,handleOpenChange:function(t,o){o?e.uniqueOpen?c.value=[t]:c.value.push(t):c.value=c.value.filter((function(e){return e!==t})),i("openChange",o,s.value[t]),i("update:openKeys",n(c.value))},handleActiveChange:function(e){u.value=e,i("click",s.value[e]),i("update:activeKey",e,s.value[e])}},(0,o.provide)(r,a),function(){var e;return(0,o.createVNode)("div",{class:{"bk-menu":!0,"is-collapse":v.value}},[null===(e=null==l?void 0:l.default)||void 0===e?void 0:e.call(l)])}}}),y=(0,o.defineComponent)({name:"MenuGroup",props:{name:{type:String,default:""}},setup:function(e,t){var n=t.slots;return function(){var t;return(0,o.createVNode)("div",{class:"bk-menu-group"},[(0,o.createVNode)("div",{class:"group-name"},[e.name]),(0,o.createVNode)("ul",{class:"group-wrap"},[null===(t=n.default)||void 0===t?void 0:t.call(n)])])}}}),m=(0,o.defineComponent)({name:"MenuItem",props:{needIcon:{type:Boolean,default:!0}},emits:["click"],slots:["icon"],setup:function(e,t){var n,r,a=t.slots,l=t.emit,i=u(),s=i.registerMenuInfo,d=i.unregisterMenuInfo,v=i.activeKey,p=i.handleActiveChange,f=(0,o.getCurrentInstance)(),y=c().parentInfo,m=(null===(r=null===(n=f.vnode.key)||void 0===n?void 0:n.toString)||void 0===r?void 0:r.call(n))||String(f.uid),g=(0,o.computed)((function(){return v.value===m})),h=(0,o.computed)((function(){return e.needIcon}));s(m,{key:m,parentKey:null==y?void 0:y.key});var b=function(e){p(m),l("click",e)};return(0,o.onBeforeUnmount)((function(){return d(m)})),function(){var e,t;return(0,o.createVNode)("li",{class:{"bk-menu-item":!0,"is-active":g.value},onClick:b},[h.value&&(0,o.createVNode)("span",{class:"item-icon"},[(null===(e=null==a?void 0:a.icon)||void 0===e?void 0:e.call(a))||(0,o.createVNode)("i",{class:"default-icon"},null)]),(0,o.createVNode)("span",{class:"item-content"},[null===(t=a.default)||void 0===t?void 0:t.call(a)])])}}});var g=a(7685),h={title:{type:String,default:"title"}};const b=(0,o.defineComponent)({name:"Submenu",props:h,emits:["collapse"],slots:["icon"],setup:function(e,t){var r,a,l=t.slots,s=t.emit,p=u(),f=p.registerMenuInfo,y=p.unregisterMenuInfo,m=p.openedKeys,h=p.handleOpenChange,b=p.collapse,x=p.activeKey,S=p.menuStore,I=c().parentInfo,w=(0,o.getCurrentInstance)(),K=(null===(a=null===(r=w.vnode.key)||void 0===r?void 0:r.toString)||void 0===a?void 0:a.call(r))||String(w.uid),O=(0,o.ref)({css:!0,onBeforeEnter:function(e){v(e,"collapse-transition"),e.dataset||(e.dataset={}),e.style.height="0px",e.style.maxHeight="0px"},onEnter:function(e){e.dataset.oldOverflow=e.style.overflow,0!==e.scrollHeight?(e.style.height="".concat(e.scrollHeight,"px"),e.style.maxHeight="".concat(e.scrollHeight,"px")):(e.style.height="0px",e.style.maxHeight="0px"),e.style.overflow="hidden"},onAfterEnter:function(e){e.style.height="",e.style.maxHeight="",e.style.overflow=e.dataset.oldOverflow,d(e,"collapse-transition")},onBeforeLeave:function(e){e.dataset||(e.dataset={}),e.dataset.oldOverflow=e.style.overflow,e.style.height="".concat(e.scrollHeight,"px"),e.style.maxHeight="".concat(e.scrollHeight,"px"),e.style.overflow="hidden"},onLeave:function(e){0!==e.scrollHeight&&(v(e,"collapse-transition"),e.style.transitionProperty="height",e.style.height="0px",e.style.maxHeight="0px")},onAfterLeave:function(e){d(e,"collapse-transition"),e.style.height="",e.style.maxHeight="",e.style.overflow=e.dataset.oldOverflow}}),j=(0,o.computed)((function(){return m.value.includes(K)})),A=(0,o.computed)((function(){var e,t,n=null===(t=null===(e=S.value)||void 0===e?void 0:e[x.value])||void 0===t?void 0:t.parentKey;return b.value&&n===K&&j}));!function(e){var t=c(),r=t.parentKeys,a=t.parentInfo,l=(0,o.computed)((function(){return[].concat(n(r.value),[e])}));(0,o.provide)(i,{parentInfo:{key:e,parentKey:null==a?void 0:a.key},parentKeys:l})}(K),f(K,{key:K,parentKey:null==I?void 0:I.key}),(0,o.onBeforeUnmount)((function(){return y(K)}));var k=function(){h(K,!j.value),s("collapse",!j.value,w)};return function(){var t,n;return(0,o.createVNode)("li",{class:{"bk-menu-submenu":!0,"is-opened":j.value}},[(0,o.createVNode)("div",{class:{"submenu-header":!0,"is-collapse":A.value},onClick:k},[(0,o.createVNode)("span",{class:"submenu-header-icon"},[(null===(t=l.icon)||void 0===t?void 0:t.call(l))||(0,o.createVNode)(g.TreeApplicationShape,{class:"menu-icon"},null)]),(0,o.createVNode)("span",{class:"submenu-header-content"},[e.title]),(0,o.createVNode)(g.AngleDown,{class:{"submenu-header-collapse":!0,"is-collapse":m.value.includes(K)}},null)]),(0,o.createVNode)(o.Transition,O.value,{default:function(){return[(0,o.withDirectives)((0,o.createVNode)("ul",{class:"submenu-list"},[null===(n=l.default)||void 0===n?void 0:n.call(l)]),[[o.vShow,j.value]])]}})])}}}),x=(0,e.withInstallProps)(f,{Item:m,Submenu:b,Group:y})})(),l})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../icon/"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon/"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon/")):t(e["../shared"],e.vue,e["../icon/"]);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(self,((e,t,n)=>(()=>{"use strict";var o={7685:e=>{e.exports=n},4212:t=>{t.exports=e},748:e=>{e.exports=t}},r={};function a(e){var t=r[e];if(void 0!==t)return t.exports;var n=r[e]={exports:{}};return o[e](n,n.exports,a),n.exports}a.d=(e,t)=>{for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{a.r(l),a.d(l,{default:()=>x});var e=a(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function n(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,n){if(e){if("string"==typeof e)return t(e,n);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?t(e,n):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.")}()}var o=a(748),r=Symbol("MENU_PROVIDER_KEY"),i=Symbol("MENU_PROVIDER_KEY_PATH"),u=function(){return(0,o.inject)(r)},c=function(){var e,t=(0,o.getCurrentInstance)(),n=t.parent?t.parent.provides:null===(e=t.vnode.appContext)||void 0===e?void 0:e.provides;return n&&i in n?(0,o.inject)(i):{parentInfo:void 0,parentKeys:(0,o.ref)([])}},s=function(e){return(e||"").split(" ").filter((function(e){return!!e.trim()}))};function d(e,t){if(e&&t){var o=s(t),r=e.getAttribute("class")||"";if(e.classList){var a;(a=e.classList).remove.apply(a,n(o))}else{o.forEach((function(e){r=r.replace(" ".concat(e," ")," ")}));var l=s(r).join(" ");e.setAttribute("class",l)}}}function v(e,t){if(e){var o,r=e.getAttribute("class")||"",a=s(r),l=(t||"").split(" ").filter((function(e){return!a.includes(e)&&!!e.trim()}));e.classList?(o=e.classList).add.apply(o,n(l)):(r+=" ".concat(l.join(" ")),e.setAttribute("class",r))}}var p={activeKey:String,collapse:{type:Boolean,default:!1},openedKeys:{type:Array},mode:{type:String,default:"vertical"},uniqueOpen:{type:Boolean,default:!0}};const f=(0,o.defineComponent)({name:"Menu",props:p,emits:["update:activeKey","update:openKeys","click","openChange"],setup:function(e,t){var a,l=t.slots,i=t.emit,u=(0,o.ref)(""),c=(0,o.ref)([]),s=(0,o.ref)({}),d=(0,o.computed)((function(){return e.mode})),v=(0,o.ref)(e.collapse),p=(0,o.ref)([]);return(0,o.watch)((function(){return e.openedKeys}),(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:c.value;c.value=e}),{immediate:!0}),(0,o.watchEffect)((function(){void 0!==e.activeKey&&(u.value=e.activeKey)})),(0,o.watch)((function(){return e.collapse}),(function(){v.value=e.collapse;var t=n(p.value),o=n(c.value);c.value=v.value?[]:t,p.value=v.value?o:[]}),{immediate:!0}),a={activeKey:u,menuStore:s,registerMenuInfo:function(e,t){s.value=Object.assign(Object.assign({},s.value),function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}({},e,t))},unregisterMenuInfo:function(e){delete s.value[e],s.value=Object.assign({},s.value)},mode:d.value,openedKeys:c,collapse:v,handleOpenChange:function(t,o){o?e.uniqueOpen?c.value=[t]:c.value.push(t):c.value=c.value.filter((function(e){return e!==t})),i("openChange",o,s.value[t]),i("update:openKeys",n(c.value))},handleActiveChange:function(e){u.value=e,i("click",s.value[e]),i("update:activeKey",e,s.value[e])}},(0,o.provide)(r,a),function(){var e;return(0,o.createVNode)("div",{class:{"bk-menu":!0,"is-collapse":v.value}},[null===(e=null==l?void 0:l.default)||void 0===e?void 0:e.call(l)])}}}),y=(0,o.defineComponent)({name:"MenuGroup",props:{name:{type:String,default:""}},setup:function(e,t){var n=t.slots;return function(){var t;return(0,o.createVNode)("div",{class:"bk-menu-group"},[(0,o.createVNode)("div",{class:"group-name"},[e.name]),(0,o.createVNode)("ul",{class:"group-wrap"},[null===(t=n.default)||void 0===t?void 0:t.call(n)])])}}}),m=(0,o.defineComponent)({name:"MenuItem",props:{needIcon:{type:Boolean,default:!0}},emits:["click"],slots:["icon"],setup:function(e,t){var n,r,a=t.slots,l=t.emit,i=u(),s=i.registerMenuInfo,d=i.unregisterMenuInfo,v=i.activeKey,p=i.handleActiveChange,f=(0,o.getCurrentInstance)(),y=c().parentInfo,m=(null===(r=null===(n=f.vnode.key)||void 0===n?void 0:n.toString)||void 0===r?void 0:r.call(n))||String(f.uid),g=(0,o.computed)((function(){return v.value===m})),h=(0,o.computed)((function(){return e.needIcon}));s(m,{key:m,parentKey:null==y?void 0:y.key});var b=function(e){p(m),l("click",e)};return(0,o.onBeforeUnmount)((function(){return d(m)})),function(){var e,t;return(0,o.createVNode)("li",{class:{"bk-menu-item":!0,"is-active":g.value},onClick:b},[h.value&&(0,o.createVNode)("span",{class:"item-icon"},[(null===(e=null==a?void 0:a.icon)||void 0===e?void 0:e.call(a))||(0,o.createVNode)("i",{class:"default-icon"},null)]),(0,o.createVNode)("span",{class:"item-content"},[null===(t=a.default)||void 0===t?void 0:t.call(a)])])}}});var g=a(7685),h={title:{type:String,default:"title"}};const b=(0,o.defineComponent)({name:"Submenu",props:h,emits:["collapse"],slots:["icon"],setup:function(e,t){var r,a,l=t.slots,s=t.emit,p=u(),f=p.registerMenuInfo,y=p.unregisterMenuInfo,m=p.openedKeys,h=p.handleOpenChange,b=p.collapse,x=p.activeKey,S=p.menuStore,I=c().parentInfo,w=(0,o.getCurrentInstance)(),K=(null===(a=null===(r=w.vnode.key)||void 0===r?void 0:r.toString)||void 0===a?void 0:a.call(r))||String(w.uid),O=(0,o.ref)({css:!0,onBeforeEnter:function(e){v(e,"collapse-transition"),e.dataset||(e.dataset={}),e.style.height="0px",e.style.maxHeight="0px"},onEnter:function(e){e.dataset.oldOverflow=e.style.overflow,0!==e.scrollHeight?(e.style.height="".concat(e.scrollHeight,"px"),e.style.maxHeight="".concat(e.scrollHeight,"px")):(e.style.height="0px",e.style.maxHeight="0px"),e.style.overflow="hidden"},onAfterEnter:function(e){e.style.height="",e.style.maxHeight="",e.style.overflow=e.dataset.oldOverflow,d(e,"collapse-transition")},onBeforeLeave:function(e){e.dataset||(e.dataset={}),e.dataset.oldOverflow=e.style.overflow,e.style.height="".concat(e.scrollHeight,"px"),e.style.maxHeight="".concat(e.scrollHeight,"px"),e.style.overflow="hidden"},onLeave:function(e){0!==e.scrollHeight&&(v(e,"collapse-transition"),e.style.transitionProperty="height",e.style.height="0px",e.style.maxHeight="0px")},onAfterLeave:function(e){d(e,"collapse-transition"),e.style.height="",e.style.maxHeight="",e.style.overflow=e.dataset.oldOverflow}}),j=(0,o.computed)((function(){return m.value.includes(K)})),A=(0,o.computed)((function(){var e,t,n=null===(t=null===(e=S.value)||void 0===e?void 0:e[x.value])||void 0===t?void 0:t.parentKey;return b.value&&n===K&&j}));!function(e){var t=c(),r=t.parentKeys,a=t.parentInfo,l=(0,o.computed)((function(){return[].concat(n(r.value),[e])}));(0,o.provide)(i,{parentInfo:{key:e,parentKey:null==a?void 0:a.key},parentKeys:l})}(K),f(K,{key:K,parentKey:null==I?void 0:I.key}),(0,o.onBeforeUnmount)((function(){return y(K)}));var k=function(){h(K,!j.value),s("collapse",!j.value,w)};return function(){var t,n;return(0,o.createVNode)("li",{class:{"bk-menu-submenu":!0,"is-opened":j.value}},[(0,o.createVNode)("div",{class:{"submenu-header":!0,"is-collapse":A.value},onClick:k},[(0,o.createVNode)("span",{class:"submenu-header-icon"},[(null===(t=l.icon)||void 0===t?void 0:t.call(l))||(0,o.createVNode)(g.TreeApplicationShape,{class:"menu-icon"},null)]),(0,o.createVNode)("span",{class:"submenu-header-content"},[e.title]),(0,o.createVNode)(g.AngleDown,{class:{"submenu-header-collapse":!0,"is-collapse":m.value.includes(K)}},null)]),(0,o.createVNode)(o.Transition,O.value,{default:function(){return[(0,o.withDirectives)((0,o.createVNode)("ul",{class:"submenu-list"},[null===(n=l.default)||void 0===n?void 0:n.call(l)]),[[o.vShow,j.value]])]}})])}}}),x=(0,e.withInstallProps)(f,{Item:m,Submenu:b,Group:y})})(),l})()));

package/lib/menu/menu.d.ts

@@ -5,7 +5,7 @@ export declare const menuProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    OpenedKeys: {
+    openedKeys: {
         type: PropType<string[]>;
     };
     mode: {
@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    OpenedKeys: {
+    openedKeys: {
         type: PropType<string[]>;
     };
     mode: {
@@ -40,7 +40,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    OpenedKeys: {
+    openedKeys: {
         type: PropType<string[]>;
     };
     mode: {