bkui-vue 0.0.1-beta.14 → 0.0.1-beta.17

package/lib/menu/index.d.ts

@@ -6,20 +6,24 @@ declare const BkMenu: {
             collapse: boolean;
             mode: "vertical";
             uniqueOpen: boolean;
-        }> & Omit<Readonly<{
-            activeKey?: unknown;
-            collapse?: unknown;
-            OpenedKeys?: unknown;
-            mode?: unknown;
-            uniqueOpen?: unknown;
-        } & {
-            collapse: boolean;
-            mode: "vertical";
-            uniqueOpen: boolean;
-        } & {
-            activeKey?: string;
-            OpenedKeys?: string[];
-        }> & {
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            activeKey: StringConstructor;
+            collapse: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            OpenedKeys: {
+                type: import("vue").PropType<string[]>;
+            };
+            mode: {
+                type: import("vue").PropType<"vertical">;
+                default: string;
+            };
+            uniqueOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
             onClick?: (...args: any[]) => any;
             "onUpdate:activeKey"?: (...args: any[]) => any;
             "onUpdate:openKeys"?: (...args: any[]) => any;
@@ -38,20 +42,24 @@ declare const BkMenu: {
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
         $emit: (event: "click" | "update:activeKey" | "update:openKeys" | "openChange", ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<{
-            activeKey?: unknown;
-            collapse?: unknown;
-            OpenedKeys?: unknown;
-            mode?: unknown;
-            uniqueOpen?: unknown;
-        } & {
-            collapse: boolean;
-            mode: "vertical";
-            uniqueOpen: boolean;
-        } & {
-            activeKey?: string;
-            OpenedKeys?: string[];
-        }> & {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            activeKey: StringConstructor;
+            collapse: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            OpenedKeys: {
+                type: import("vue").PropType<string[]>;
+            };
+            mode: {
+                type: import("vue").PropType<"vertical">;
+                default: string;
+            };
+            uniqueOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
             onClick?: (...args: any[]) => any;
             "onUpdate:activeKey"?: (...args: any[]) => any;
             "onUpdate:openKeys"?: (...args: any[]) => any;
@@ -80,20 +88,24 @@ declare const BkMenu: {
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<{
-        activeKey?: unknown;
-        collapse?: unknown;
-        OpenedKeys?: unknown;
-        mode?: unknown;
-        uniqueOpen?: unknown;
-    } & {
-        collapse: boolean;
-        mode: "vertical";
-        uniqueOpen: boolean;
-    } & {
-        activeKey?: string;
-        OpenedKeys?: string[];
-    }> & {
+    } & Readonly<import("vue").ExtractPropTypes<{
+        activeKey: StringConstructor;
+        collapse: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        OpenedKeys: {
+            type: import("vue").PropType<string[]>;
+        };
+        mode: {
+            type: import("vue").PropType<"vertical">;
+            default: string;
+        };
+        uniqueOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
         onClick?: (...args: any[]) => any;
         "onUpdate:activeKey"?: (...args: any[]) => any;
         "onUpdate:openKeys"?: (...args: any[]) => any;
@@ -102,20 +114,24 @@ declare const BkMenu: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<{
-    activeKey?: unknown;
-    collapse?: unknown;
-    OpenedKeys?: unknown;
-    mode?: unknown;
-    uniqueOpen?: unknown;
-} & {
-    collapse: boolean;
-    mode: "vertical";
-    uniqueOpen: boolean;
-} & {
-    activeKey?: string;
-    OpenedKeys?: string[];
-}> & {
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    activeKey: StringConstructor;
+    collapse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    OpenedKeys: {
+        type: import("vue").PropType<string[]>;
+    };
+    mode: {
+        type: import("vue").PropType<"vertical">;
+        default: string;
+    };
+    uniqueOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
     onClick?: (...args: any[]) => any;
     "onUpdate:activeKey"?: (...args: any[]) => any;
     "onUpdate:openKeys"?: (...args: any[]) => any;
@@ -130,11 +146,12 @@ declare const BkMenu: {
             type: BooleanConstructor;
             default: boolean;
         };
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-        needIcon?: unknown;
-    } & {
-        needIcon: boolean;
-    } & {}> & {
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        needIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
         onClick?: (...args: any[]) => any;
     }, {
         needIcon: boolean;
@@ -144,11 +161,12 @@ declare const BkMenu: {
             type: StringConstructor;
             default: string;
         };
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "collapse"[], "collapse", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-        title?: unknown;
-    } & {
-        title: string;
-    } & {}> & {
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "collapse"[], "collapse", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & {
         onCollapse?: (...args: any[]) => any;
     }, {
         title: string;
@@ -158,11 +176,12 @@ declare const BkMenu: {
             type: StringConstructor;
             default: string;
         };
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-        name?: unknown;
-    } & {
-        name: string;
-    } & {}> & {}, {
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>>, {
         name: string;
     }>;
 }>;

package/lib/menu/index.js

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

package/lib/menu/menu-group.d.ts

@@ -3,11 +3,12 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    name?: unknown;
-} & {
-    name: string;
-} & {}> & {}, {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
     name: string;
 }>;
 export default _default;

package/lib/menu/menu-item.d.ts

@@ -3,11 +3,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    needIcon?: unknown;
-} & {
-    needIcon: boolean;
-} & {}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    needIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
     onClick?: (...args: any[]) => any;
 }, {
     needIcon: boolean;

package/lib/menu/menu.d.ts

@@ -34,20 +34,24 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:activeKey" | "update:openKeys" | "openChange")[], "click" | "update:activeKey" | "update:openKeys" | "openChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    activeKey?: unknown;
-    collapse?: unknown;
-    OpenedKeys?: unknown;
-    mode?: unknown;
-    uniqueOpen?: unknown;
-} & {
-    collapse: boolean;
-    mode: "vertical";
-    uniqueOpen: boolean;
-} & {
-    activeKey?: string;
-    OpenedKeys?: string[];
-}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:activeKey" | "update:openKeys" | "openChange")[], "click" | "update:activeKey" | "update:openKeys" | "openChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    activeKey: StringConstructor;
+    collapse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    OpenedKeys: {
+        type: PropType<string[]>;
+    };
+    mode: {
+        type: PropType<"vertical">;
+        default: string;
+    };
+    uniqueOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
     onClick?: (...args: any[]) => any;
     "onUpdate:activeKey"?: (...args: any[]) => any;
     "onUpdate:openKeys"?: (...args: any[]) => any;

package/lib/menu/menu.variable.css

@@ -83,6 +83,12 @@
   --date-picker-disabled-bg: #fafbfd;
   --date-picker-dropdown-mb: 4px;
   --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #575961;
+  --table-row-hover-bg-color: #f5f7fa;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/menu/submenu.css

@@ -0,0 +1,3 @@
+.bk-menu {
+  display: block;
+}

package/lib/menu/submenu.d.ts

@@ -9,11 +9,12 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "collapse"[], "collapse", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    title?: unknown;
-} & {
-    title: string;
-} & {}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "collapse"[], "collapse", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
     onCollapse?: (...args: any[]) => any;
 }, {
     title: string;

package/lib/menu/submenu.less

@@ -1,5 +1,5 @@
 @import '../styles/themes/themes.less';
 
 .@{bk-prefix}-menu {
-  
+  display: block;
 }

package/lib/menu/submenu.variable.css

@@ -83,4 +83,13 @@
   --date-picker-disabled-bg: #fafbfd;
   --date-picker-dropdown-mb: 4px;
   --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #575961;
+  --table-row-hover-bg-color: #f5f7fa;
+}
+.bk-menu {
+  display: block;
 }

package/lib/message/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared"),require("@bkui-vue/icon")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","@bkui-vue/icon"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e["@bkui-vue/icon/icons"])}(this,(function(e,t,n,o){"use strict";var s={"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]},r=1,i=function(e,n){var o=n,i=o.position||"top-right";"string"==typeof n&&(o={message:n});var a=n.onClose,u=o.offset||20;s[i].forEach((function(e){u+=(e.el.offsetHeight||0)+16})),u+=16;var c="message_".concat(r+=1);o=Object.assign(Object.assign({},o),{offset:u,id:c});var l=document.createElement("div"),d=t.createVNode(e,o);d.props.onDestory=function(e){!function(e,t,n){null==n||n();var o=t.startsWith("top")?"top":"bottom",r=-1;s[t].forEach((function(t,n){t.props.id===e&&(r=n)}));for(var i=s[t][r].el.offsetHeight,a=s[t].length,u=r;u<a;u++){var c=parseInt(s[t][u].el.style[o],10)-i-16;s[t][u].component.props.offset=c}s[t].splice(r,1)}(e,i,a),t.render(null,l)},t.render(d,l),s[i].push(d),document.body.appendChild(l.firstElementChild)};var a={id:n.PropTypes.string.def(""),message:n.PropTypes.string.def(""),theme:n.PropTypes.theme(["primary","warning","success","danger"]).def("primary"),delay:n.PropTypes.number.def(3e3),offset:n.PropTypes.number.def(0),onClose:n.PropTypes.func},u=t.defineComponent({name:"Message",props:a,emits:["destory"],setup:function(e,o){var s=o.emit,r=t.computed((function(){return["bk-message","bk-message-".concat(e.theme)]})),i=n.bkZIndexManager.getMessageNextIndex(),a=t.computed((function(){return{top:"".concat(e.offset,"px"),zIndex:i}})),u=t.ref(!1),c=null;return t.onMounted((function(){c=setTimeout((function(){u.value=!1}),e.delay),u.value=!0})),t.onUnmounted((function(){clearTimeout(c)})),t.watch(u,(function(){u.value||s("destory",e.id)})),{classNames:r,styles:a,visible:u,handleClose:function(){u.value=!1}}},render:function(){var e=this;return t.createVNode(t.Transition,{name:"bk-message-fade"},{default:function(){return[t.withDirectives(t.createVNode("div",{class:e.classNames,style:e.styles},[t.createVNode("div",{class:"bk-message-content"},[t.createVNode("div",{class:"bk-message-icon"},[{primary:t.createVNode(o.Info,null,null),warning:t.createVNode(o.Warn,null,null),success:t.createVNode(o.Success,null,null),danger:t.createVNode(o.Close,null,null)}[e.theme]]),e.message]),t.createVNode(o.Error,{class:"bk-message-icon bk-message-close",onClick:e.handleClose},null)]),[[t.vShow,e.visible]])]}})}});e.default=function(e){i(u,e)},Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared"),require("../icon")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","../icon"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e["@bkui-vue/icon/icons"])}(this,(function(e,t,n,o){"use strict";var s={"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]},r=1,a=function(e,n){var o=n,a=o.position||"top-right";"string"==typeof n&&(o={message:n});var i=n.onClose,c=o.offset||20;s[a].forEach((function(e){c+=(e.el.offsetHeight||0)+16})),c+=16;var u="message_".concat(r+=1);o=Object.assign(Object.assign({},o),{offset:c,id:u});var l=document.createElement("div"),d=t.createVNode(e,o);d.props.onDestory=function(e){!function(e,t,n){null==n||n();var o=t.startsWith("top")?"top":"bottom",r=-1;s[t].forEach((function(t,n){t.props.id===e&&(r=n)}));for(var a=s[t][r].el.offsetHeight,i=s[t].length,c=r;c<i;c++){var u=parseInt(s[t][c].el.style[o],10)-a-16;s[t][c].component.props.offset=u}s[t].splice(r,1)}(e,a,i),t.render(null,l)},t.render(d,l),s[a].push(d),document.body.appendChild(l.firstElementChild)};var i={id:n.PropTypes.string.def(""),message:n.PropTypes.string.def(""),theme:n.PropTypes.theme(["primary","warning","success","danger"]).def("primary"),delay:n.PropTypes.number.def(3e3),offset:n.PropTypes.number.def(0),onClose:n.PropTypes.func},c=t.defineComponent({name:"Message",props:i,emits:["destory"],setup:function(e,o){var s=o.emit,r=t.computed((function(){return["bk-message","bk-message-".concat(e.theme)]})),a=n.bkZIndexManager.getMessageNextIndex(),i=t.computed((function(){return{top:"".concat(e.offset,"px"),zIndex:a}})),c=t.ref(!1),u=null;return t.onMounted((function(){u=setTimeout((function(){c.value=!1}),e.delay),c.value=!0})),t.onUnmounted((function(){clearTimeout(u)})),t.watch(c,(function(){c.value||s("destory",e.id)})),{classNames:r,styles:i,visible:c,handleClose:function(){c.value=!1}}},render:function(){var e=this;return t.createVNode(t.Transition,{name:"bk-message-fade"},{default:function(){return[t.withDirectives(t.createVNode("div",{class:e.classNames,style:e.styles},[t.createVNode("div",{class:"bk-message-content"},[t.createVNode("div",{class:"bk-message-icon"},[{primary:t.createVNode(o.Info,null,null),warning:t.createVNode(o.Warn,null,null),success:t.createVNode(o.Success,null,null),danger:t.createVNode(o.Close,null,null)}[e.theme]]),e.message]),t.createVNode(o.Error,{class:"bk-message-icon bk-message-close",onClick:e.handleClose},null)]),[[t.vShow,e.visible]])]}})}});e.default=function(e){a(c,e)},Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/message/message.variable.css

@@ -83,6 +83,12 @@
   --date-picker-disabled-bg: #fafbfd;
   --date-picker-dropdown-mb: 4px;
   --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #575961;
+  --table-row-hover-bg-color: #f5f7fa;
 }
 .bk-message {
   position: fixed;

package/lib/message/messageConstructor.d.ts

@@ -33,22 +33,34 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     visible: import("vue").Ref<boolean>;
     handleClose: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "destory"[], "destory", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    id?: unknown;
-    message?: unknown;
-    theme?: unknown;
-    delay?: unknown;
-    offset?: unknown;
-    onClose?: unknown;
-} & {
-    offset: number;
-    id: string;
-    theme: string;
-    message: string;
-    delay: number;
-} & {
-    onClose?: (...args: any[]) => any;
-}> & {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "destory"[], "destory", 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").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    theme: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    delay: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    offset: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    onClose: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
+}>> & {
     onDestory?: (...args: any[]) => any;
 }, {
     offset: number;