bkui-vue 0.0.1-beta.47 → 0.0.1-beta.470

package/lib/locale/lang/en.d.ts

@@ -0,0 +1,126 @@
+declare const en: {
+    lang: string;
+    steps: {
+        step1: string;
+        step2: string;
+        step3: string;
+    };
+    datePicker: {
+        selectDate: string;
+        selectTime: string;
+        clear: string;
+        ok: string;
+        weekdays: {
+            sun: string;
+            mon: string;
+            tue: string;
+            wed: string;
+            thu: string;
+            fri: string;
+            sat: string;
+        };
+        hour: string;
+        min: string;
+        sec: string;
+        toNow: string;
+    };
+    dialog: {
+        ok: string;
+        cancel: string;
+        prev: string;
+        next: string;
+    };
+    popConfirm: {
+        ok: string;
+        cancel: string;
+    };
+    form: {
+        notBeEmpty: string;
+        incorrectFormat: string;
+        max: string;
+        min: string;
+        maxLen: string;
+        verifyError: string;
+    };
+    pagination: {
+        eachPage: string;
+        strip: string;
+        total: string;
+    };
+    process: {
+        step1: string;
+        step2: string;
+        step3: string;
+        step4: string;
+    };
+    searchSelect: {
+        pleaseSelect: string;
+        loading: string;
+        filterQueryMustHasValue: string;
+        ok: string;
+        cancel: string;
+        or: string;
+        and: string;
+    };
+    select: {
+        noData: string;
+        noMatchedData: string;
+        loading: string;
+        pleaseSelect: string;
+        enterKeywords: string;
+        all: string;
+    };
+    table: {
+        emptyText: string;
+        confirm: string;
+        reset: string;
+        setting: {
+            title: string;
+            fields: {
+                title: string;
+                subtitle: (max: number) => string;
+                selectAll: string;
+            };
+            lineHeight: {
+                title: string;
+                small: string;
+                medium: string;
+                large: string;
+            };
+            options: {
+                ok: string;
+                cancel: string;
+            };
+        };
+    };
+    transfer: {
+        sourceList: string;
+        targetList: string;
+        removeAll: string;
+        selectAll: string;
+        noData: string;
+        noSelected: string;
+        search: string;
+    };
+    upload: {
+        uploadSuccess: string;
+        uploadFailed: string;
+        drapFileOr: string;
+        clickUpload: string;
+        uploadLabel: string;
+    };
+    input: {
+        placeholder: string;
+    };
+    tagInput: {
+        placeholder: string;
+    };
+    message: {
+        assistant: string;
+        details: string;
+        copySuccess: string;
+        copyFailed: string;
+    };
+};
+export type Language = typeof en;
+export default en;

package/lib/locale/lang/zh-cn.d.ts

@@ -0,0 +1,3 @@
+import type { Language } from './en';
+declare const zhCn: Language;
+export default zhCn;

package/lib/menu/index.d.ts

@@ -1,34 +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: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            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;
         };
@@ -36,19 +67,16 @@ 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<{
             activeKey: StringConstructor;
-            collapse: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            OpenedKeys: {
+            collapse: BooleanConstructor;
+            openedKeys: {
                 type: import("vue").PropType<string[]>;
             };
             mode: {
@@ -65,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)[];
@@ -83,18 +111,15 @@ 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: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        OpenedKeys: {
+        collapse: BooleanConstructor;
+        openedKeys: {
             type: import("vue").PropType<string[]>;
         };
         mode: {
@@ -110,17 +135,14 @@ 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;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     activeKey: StringConstructor;
-    collapse: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    OpenedKeys: {
+    collapse: BooleanConstructor;
+    openedKeys: {
         type: import("vue").PropType<string[]>;
     };
     mode: {
@@ -137,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;
@@ -155,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;
@@ -170,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:{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,{BkMenu:()=>x,BkMenuGroup:()=>m,BkMenuItem:()=>g,BkSubmenu:()=>S,default:()=>w});var e=a(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,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 o(e){return function(e){if(Array.isArray(e))return n(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 n(e,t);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)?n(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 r=a(748),i=Symbol("MENU_PROVIDER_KEY"),u=Symbol("MENU_PROVIDER_KEY_PATH"),c=function(){return(0,r.inject)(i)},s=function(){var e,t=(0,r.getCurrentInstance)(),n=t.parent?t.parent.provides:null===(e=t.vnode.appContext)||void 0===e?void 0:e.provides;return n&&u in n?(0,r.inject)(u):{parentInfo:void 0,parentKeys:(0,r.ref)([])}},v=function(e){return(e||"").split(" ").filter((function(e){return!!e.trim()}))};function d(e,t){if(e&&t){var n=v(t),r=e.getAttribute("class")||"";if(e.classList){var a;(a=e.classList).remove.apply(a,o(n))}else{n.forEach((function(e){r=r.replace(" ".concat(e," ")," ")}));var l=v(r).join(" ");e.setAttribute("class",l)}}}function p(e,t){if(e){var n,r=e.getAttribute("class")||"",a=v(r),l=(t||"").split(" ").filter((function(e){return!a.includes(e)&&!!e.trim()}));e.classList?(n=e.classList).add.apply(n,o(l)):(r+=" ".concat(l.join(" ")),e.setAttribute("class",r))}}var f={activeKey:String,collapse:Boolean,openedKeys:{type:Array},mode:{type:String,default:"vertical"},uniqueOpen:{type:Boolean,default:!0}};const y=(0,r.defineComponent)({name:"Menu",props:f,emits:["update:activeKey","update:openKeys","click","openChange"],setup:function(e,n){var a,l=n.slots,u=n.emit,c=n.expose,s=(0,r.ref)(""),v=(0,r.ref)([]),d=(0,r.ref)({}),p=(0,r.computed)((function(){return e.mode})),f=(0,r.ref)(e.collapse),y=(0,r.ref)([]);return(0,r.watchEffect)((function(){void 0!==e.activeKey&&(s.value=e.activeKey)})),(0,r.watch)((function(){return e.collapse}),(function(){f.value=e.collapse;var t=o(y.value),n=o(v.value);v.value=f.value?[]:t,y.value=f.value?n:[]}),{immediate:!0}),(0,r.watch)((function(){return e.openedKeys}),(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:v.value;v.value=e}),{immediate:!0}),a={activeKey:s,menuStore:d,registerMenuInfo:function(e,n){d.value=Object.assign(Object.assign({},d.value),function(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}({},e,n))},unregisterMenuInfo:function(e){delete d.value[e],d.value=Object.assign({},d.value)},mode:p.value,openedKeys:v,collapse:f,handleOpenChange:function(t,n){n?e.uniqueOpen?v.value=[t]:v.value.push(t):v.value=v.value.filter((function(e){return e!==t})),u("openChange",n,d.value[t]),u("update:openKeys",o(v.value))},handleActiveChange:function(e){s.value=e,u("click",d.value[e]),u("update:activeKey",e,d.value[e])}},(0,r.provide)(i,a),c({activeKey:s,openedKeys:v,menuStore:d}),function(){var e;return(0,r.createVNode)("div",{class:{"bk-menu":!0,"is-collapse":f.value}},[null===(e=l.default)||void 0===e?void 0:e.call(l)])}}}),m=(0,r.defineComponent)({name:"MenuGroup",props:{name:{type:String,default:""}},setup:function(e,t){var n=t.slots;return function(){var t;return(0,r.createVNode)("div",{class:"bk-menu-group"},[(0,r.createVNode)("div",{class:"group-name"},[e.name]),(0,r.createVNode)("ul",{class:"group-wrap"},[null===(t=n.default)||void 0===t?void 0:t.call(n)])])}}}),g=(0,r.defineComponent)({name:"MenuItem",props:{needIcon:{type:Boolean,default:!0}},emits:["click"],slots:Object,setup:function(e,t){var n,o,a=t.slots,l=t.emit,i=c(),u=i.registerMenuInfo,v=i.unregisterMenuInfo,d=i.activeKey,p=i.handleActiveChange,f=(0,r.getCurrentInstance)(),y=s().parentInfo,m=(null===(o=null===(n=f.vnode.key)||void 0===n?void 0:n.toString)||void 0===o?void 0:o.call(n))||String(f.uid),g=(0,r.computed)((function(){return d.value===m})),h=(0,r.computed)((function(){return e.needIcon}));u(m,{key:m,parentKey:null==y?void 0:y.key});var b=function(e){p(m),l("click",e)};return(0,r.onBeforeUnmount)((function(){return v(m)})),function(){var e,t;return(0,r.createVNode)("li",{class:{"bk-menu-item":!0,"is-active":g.value},onClick:b},[h.value&&(0,r.createVNode)("span",{class:"item-icon"},[(null===(e=null==a?void 0:a.icon)||void 0===e?void 0:e.call(a))||(0,r.createVNode)("i",{class:"default-icon"},null)]),(0,r.createVNode)("span",{class:"item-content"},[null===(t=a.default)||void 0===t?void 0:t.call(a)])])}}});var h=a(7685),b={title:{type:String,default:"title"}};const S=(0,r.defineComponent)({name:"Submenu",props:b,emits:["collapse"],slots:Object,setup:function(e,t){var n,a,l=t.slots,i=t.emit,v=c(),f=v.registerMenuInfo,y=v.unregisterMenuInfo,m=v.openedKeys,g=v.handleOpenChange,b=v.collapse,S=v.activeKey,x=v.menuStore,w=s().parentInfo,I=(0,r.getCurrentInstance)(),K=(null===(a=null===(n=I.vnode.key)||void 0===n?void 0:n.toString)||void 0===a?void 0:a.call(n))||String(I.uid),j=(0,r.ref)({css:!0,onBeforeEnter:function(e){p(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&&(p(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}}),O=(0,r.computed)((function(){return m.value.includes(K)})),k=(0,r.computed)((function(){var e,t,n=null===(t=null===(e=x.value)||void 0===e?void 0:e[S.value])||void 0===t?void 0:t.parentKey;return b.value&&n===K&&O}));!function(e){var t=s(),n=t.parentKeys,a=t.parentInfo,l=(0,r.computed)((function(){return[].concat(o(n.value),[e])}));(0,r.provide)(u,{parentInfo:{key:e,parentKey:null==a?void 0:a.key},parentKeys:l})}(K),f(K,{key:K,parentKey:null==w?void 0:w.key}),(0,r.onBeforeUnmount)((function(){return y(K)}));var A=function(){g(K,!O.value),i("collapse",!O.value,I)};return function(){var t,n;return(0,r.createVNode)("li",{class:{"bk-menu-submenu":!0,"is-opened":O.value}},[(0,r.createVNode)("div",{class:{"submenu-header":!0,"is-collapse":k.value},onClick:A},[(0,r.createVNode)("span",{class:"submenu-header-icon"},[(null===(t=l.icon)||void 0===t?void 0:t.call(l))||(0,r.createVNode)(h.TreeApplicationShape,{class:"menu-icon"},null)]),(0,r.createVNode)("span",{class:"submenu-header-content"},[e.title]),(0,r.createVNode)(h.AngleDown,{class:{"submenu-header-collapse":!0,"is-collapse":m.value.includes(K)}},null)]),(0,r.createVNode)(r.Transition,j.value,{default:function(){return[(0,r.withDirectives)((0,r.createVNode)("ul",{class:"submenu-list"},[null===(n=l.default)||void 0===n?void 0:n.call(l)]),[[r.vShow,O.value]])]}})])}}});var x=(0,e.withInstallProps)(y,{Item:g,Submenu:S,Group:m});const w=x})(),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

@@ -19,6 +19,57 @@
 .bk-fade-transtion .bk-fade-leave-to {
   opacity: 0;
 }
+.clearfix-style::after {
+  display: block;
+  height: 0;
+  clear: both;
+  font-size: 0;
+  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

@@ -1,11 +1,8 @@
 import { PropType } from 'vue';
 export declare const menuProps: {
     activeKey: StringConstructor;
-    collapse: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    OpenedKeys: {
+    collapse: BooleanConstructor;
+    openedKeys: {
         type: PropType<string[]>;
     };
     mode: {
@@ -19,11 +16,8 @@ export declare const menuProps: {
 };
 declare const _default: import("vue").DefineComponent<{
     activeKey: StringConstructor;
-    collapse: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    OpenedKeys: {
+    collapse: BooleanConstructor;
+    openedKeys: {
         type: PropType<string[]>;
     };
     mode: {
@@ -36,11 +30,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, () => 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: {
+    collapse: BooleanConstructor;
+    openedKeys: {
         type: PropType<string[]>;
     };
     mode: {
@@ -57,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;