bkui-vue 0.0.1-beta.99 → 0.0.2-beta.1

package/lib/menu/index.d.ts

@@ -1,31 +1,65 @@
+import Group from './menu-group';
+import Item from './menu-item';
+import Submenu from './submenu';
 declare const BkMenu: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
-            collapse: boolean;
-            mode: "vertical";
-            uniqueOpen: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            activeKey: StringConstructor;
-            collapse: BooleanConstructor;
-            openedKeys: {
-                type: import("vue").PropType<string[]>;
-            };
-            mode: {
-                type: import("vue").PropType<"vertical">;
-                default: string;
-            };
-            uniqueOpen: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & {
+        $props: {
+            mode?: "vertical";
+            collapse?: boolean;
+            uniqueOpen?: boolean;
+            class?: unknown;
+            style?: unknown;
             onClick?: (...args: any[]) => any;
+            key?: string | number | symbol;
+            ref?: import("vue").VNodeRef;
+            ref_for?: boolean;
+            ref_key?: string;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
             "onUpdate:activeKey"?: (...args: any[]) => any;
             "onUpdate:openKeys"?: (...args: any[]) => any;
             onOpenChange?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "collapse" | "mode" | "uniqueOpen">;
+            readonly activeKey?: string;
+            readonly openedKeys?: string[];
+        };
         $attrs: {
             [x: string]: unknown;
         };
@@ -33,10 +67,10 @@ declare const BkMenu: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            [name: string]: import("vue").Slot;
+            [name: string]: import("vue").Slot<any>;
         }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
         $emit: (event: "click" | "update:activeKey" | "update:openKeys" | "openChange", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
@@ -59,10 +93,10 @@ declare const BkMenu: {
             "onUpdate:openKeys"?: (...args: any[]) => any;
             onOpenChange?: (...args: any[]) => any;
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:activeKey" | "update:openKeys" | "openChange")[], string, {
-            collapse: boolean;
             mode: "vertical";
+            collapse: boolean;
             uniqueOpen: boolean;
-        }> & {
+        }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -77,11 +111,11 @@ declare const BkMenu: {
             unmounted?: (() => void) | (() => void)[];
             renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
             renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
         };
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
-        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         activeKey: StringConstructor;
         collapse: BooleanConstructor;
@@ -101,7 +135,7 @@ declare const BkMenu: {
         "onUpdate:activeKey"?: (...args: any[]) => any;
         "onUpdate:openKeys"?: (...args: any[]) => any;
         onOpenChange?: (...args: any[]) => any;
-    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -125,10 +159,10 @@ declare const BkMenu: {
     "onUpdate:openKeys"?: (...args: any[]) => any;
     onOpenChange?: (...args: any[]) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:activeKey" | "update:openKeys" | "openChange")[], "click" | "update:activeKey" | "update:openKeys" | "openChange", {
-    collapse: boolean;
     mode: "vertical";
+    collapse: boolean;
     uniqueOpen: boolean;
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
     Item: import("vue").DefineComponent<{
         needIcon: {
             type: BooleanConstructor;
@@ -143,7 +177,10 @@ declare const BkMenu: {
         onClick?: (...args: any[]) => any;
     }, {
         needIcon: boolean;
-    }>;
+    }, import("vue").SlotsType<{
+        default?: () => HTMLElement;
+        icon?: () => HTMLElement;
+    }>>;
     Submenu: import("vue").DefineComponent<{
         title: {
             type: StringConstructor;
@@ -158,19 +195,23 @@ declare const BkMenu: {
         onCollapse?: (...args: any[]) => any;
     }, {
         title: string;
-    }>;
+    }, import("vue").SlotsType<{
+        default?: () => HTMLElement;
+        icon?: () => HTMLElement;
+    }>>;
     Group: import("vue").DefineComponent<{
         name: {
             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<import("vue").ExtractPropTypes<{
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         name: {
             type: StringConstructor;
             default: string;
         };
     }>>, {
         name: string;
-    }>;
+    }, {}>;
 }>;
 export default BkMenu;
+export { BkMenu, Item as BkMenuItem, Submenu as BkSubmenu, Group as BkMenuGroup, };

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

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

@@ -3,12 +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<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, 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

@@ -1,3 +1,4 @@
+import { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     needIcon: {
         type: BooleanConstructor;
@@ -12,5 +13,8 @@ declare const _default: import("vue").DefineComponent<{
     onClick?: (...args: any[]) => any;
 }, {
     needIcon: boolean;
-}>;
+}, SlotsType<{
+    default?: () => HTMLElement;
+    icon?: () => HTMLElement;
+}>>;
 export default _default;

package/lib/menu/menu.css

@@ -27,6 +27,49 @@
   content: '';
   visibility: hidden;
 }
+.bk-popper {
+  display: none;
+  padding: 7px 14px;
+  font-size: 12px;
+  color: #fff;
+  background: #333;
+  border-radius: 4px;
+}
+.bk-popper.light {
+  color: #63656e;
+  background: #fff;
+  box-shadow: #dcdee5 0 0 6px 0;
+}
+.bk-popper .bk-popper-arrow,
+.bk-popper .bk-popper-arrow::before {
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  background: inherit;
+}
+.bk-popper .bk-popper-arrow {
+  visibility: hidden;
+}
+.bk-popper .bk-popper-arrow::before {
+  content: '';
+  visibility: visible;
+  transform: rotate(45deg);
+}
+.bk-popper[data-show] {
+  display: block;
+}
+.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
+  bottom: -4px;
+}
+.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
+  top: -4px;
+}
+.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
+  right: -4px;
+}
+.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
+  left: -4px;
+}
 .collapse {
   width: 60px;
 }

package/lib/menu/menu.d.ts

@@ -48,8 +48,8 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:openKeys"?: (...args: any[]) => any;
     onOpenChange?: (...args: any[]) => any;
 }, {
-    collapse: boolean;
     mode: "vertical";
+    collapse: boolean;
     uniqueOpen: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/menu/menu.variable.css

@@ -19,10 +19,11 @@
   --line-height-large: 18px;
   --component-size-small: 26px;
   --component-size-base: 32px;
-  --component-size-large: 38px;
+  --component-size-large: 40px;
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
   --input-disabled-bg: #fafbfd;
   --input-disabled-border: var(--disable-color);
   --input-height-base: var(--component-size-base);
@@ -32,8 +33,9 @@
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
   --input-horizontal-padding: 10px;
-  --input-block-color: #f4f6fa;
-  --input-icon-size: var(--font-size-large);
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
+  --input-icon-size: var(--font-size-medium);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
   --button-danger-hover-color: #ff5656;
@@ -44,6 +46,17 @@
   --button-danger-active-color: #db2626;
   --button-success-active-color: #1ab943;
   --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #5594fa;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6cc;
+  --radio-disabled-checked-bg: #a3c5fd;
+  --radio-button-checked-bg: #e1ecff;
+  --radio-button-disabled-checked-bg: #fafbfd;
+  --checkbox-disabled-checked-bg: #a3c5fd;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;
@@ -64,12 +77,16 @@
   --message-color: var(--default-color);
   --message-primary-bg-color: #f0f8ff;
   --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
   --message-warning-bg-color: #fff4e2;
   --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
   --message-success-bg-color: #f2fff4;
   --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
   --slider-default-bg: #dcdee5;
   --slider-disable-bar-bg: #979ba5;
   --menu-bg-color: #182132;
@@ -89,13 +106,19 @@
   --table-border-color: #dcdee5;
   --table-head-bg-color: #fafbfd;
   --table-head-font-color: #313238;
-  --table-body-font-color: #575961;
+  --table-body-font-color: #63656E;
   --table-row-hover-bg-color: #f5f7fa;
   --table-row-active-bg-color: #f0f1f5;
   --cascader-panel-border-color: #dcdee5;
-  --cascader-panel-hover: #eaf3ff;
-  --cascader-panel-active: #f4f6fa;
+  --cascader-panel-hover: #f5f7fa;
+  --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
+  --search-select-menu-border-color: var(--disable-color);
 }
 @keyframes loading-scale-animate {
   0% {
@@ -126,21 +149,64 @@
   content: '';
   visibility: hidden;
 }
+.bk-popper {
+  display: none;
+  padding: 7px 14px;
+  font-size: 12px;
+  color: #fff;
+  background: #333;
+  border-radius: 4px;
+}
+.bk-popper.light {
+  color: #63656e;
+  background: #fff;
+  box-shadow: #dcdee5 0 0 6px 0;
+}
+.bk-popper .bk-popper-arrow,
+.bk-popper .bk-popper-arrow::before {
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  background: inherit;
+}
+.bk-popper .bk-popper-arrow {
+  visibility: hidden;
+}
+.bk-popper .bk-popper-arrow::before {
+  content: '';
+  visibility: visible;
+  transform: rotate(45deg);
+}
+.bk-popper[data-show] {
+  display: block;
+}
+.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
+  bottom: -4px;
+}
+.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
+  top: -4px;
+}
+.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
+  right: -4px;
+}
+.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
+  left: -4px;
+}
 .collapse {
-  width: var(--menu-collapse-width);
+  width: 60px;
 }
 .open {
-  background: var(--submenu-bg-color);
+  background: #151d2c;
 }
 .bk-menu {
   display: flex;
-  width: var(--menu-width);
-  background-color: var(--menu-bg-color);
+  width: 260px;
+  background-color: #182132;
   flex-direction: column;
   transition: width 0.3s ease-out;
 }
 .bk-menu.is-collapse {
-  width: var(--menu-collapse-width);
+  width: 60px;
 }
 .bk-menu-submenu {
   display: flex;
@@ -152,10 +218,10 @@
   transition: width 0.3s ease-out;
 }
 .bk-menu-submenu.is-opened {
-  background: var(--submenu-bg-color);
+  background: #151d2c;
 }
 .bk-menu-submenu:hover {
-  color: var(--menu-active-color);
+  color: white;
   cursor: pointer;
 }
 .bk-menu-submenu .submenu-header {
@@ -165,14 +231,14 @@
   align-items: center;
 }
 .bk-menu-submenu .submenu-header.is-collapse {
-  color: var(--menu-active-color);
-  background: var(--menu-active-bg-color);
+  color: white;
+  background: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
 }
 .bk-menu-submenu .submenu-header-icon {
   display: flex;
   height: 100%;
   font-size: 18px;
-  flex: 0 0 var(--menu-collapse-width);
+  flex: 0 0 60px;
   align-items: center;
   justify-content: center;
 }
@@ -225,25 +291,25 @@
   margin: 2px 0;
   overflow: hidden;
   font-size: 14px;
-  color: var(--menu-color);
+  color: #96a2b9;
   text-overflow: clip;
   white-space: nowrap;
   align-items: center;
   transition: width 0.3s ease-in-out;
 }
 .bk-menu-item:hover {
-  color: var(--menu-active-color);
+  color: white;
   cursor: pointer;
 }
 .bk-menu-item.is-active {
-  color: var(--menu-active-color);
-  background: var(--menu-active-bg-color);
+  color: white;
+  background: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
 }
 .bk-menu-item .item-icon {
   display: flex;
   height: 100%;
   font-size: 18px;
-  flex: 0 0 var(--menu-collapse-width);
+  flex: 0 0 60px;
   align-items: center;
   justify-content: center;
 }
@@ -251,8 +317,8 @@
   display: inline-block;
   width: 3px;
   height: 3px;
-  background: var(--menu-group-color);
-  background-color: var(--menu-active-color);
+  background: #63656e;
+  background-color: white;
   border-radius: 50%;
 }
 .bk-menu-item .item-content {
@@ -272,7 +338,7 @@
   overflow: hidden;
   font-size: 12px;
   line-height: 16px;
-  color: var(--menu-group-color);
+  color: #63656e;
   text-overflow: clip;
   white-space: nowrap;
   flex-wrap: nowrap;

package/lib/menu/submenu.d.ts

@@ -1,3 +1,4 @@
+import { SlotsType } from 'vue';
 export declare const subMenuProps: {
     title: {
         type: StringConstructor;
@@ -18,5 +19,8 @@ declare const _default: import("vue").DefineComponent<{
     onCollapse?: (...args: any[]) => any;
 }, {
     title: string;
-}>;
+}, SlotsType<{
+    default?: () => HTMLElement;
+    icon?: () => HTMLElement;
+}>>;
 export default _default;