@keyblade/pro-components 0.0.1-alpha.1 → 0.0.1-alpha.3

package/es/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,10 @@
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+export {
+  _export_sfc as default
+};

package/es/components.d.ts

@@ -1,6 +1,8 @@
 declare module 'vue' {
     interface GlobalComponents {
         KbProBreadcrumb: typeof import('./index')['ProBreadcrumb'];
+        KbProMenu: typeof import('./index')['ProMenu'];
+        KbProReuseTabs: typeof import('./index')['ProReuseTabs'];
     }
 }
 export {};

package/es/index.d.ts

@@ -1,8 +1,11 @@
 import { App } from 'vue';
-import { default as ProBreadcrumb } from './pro-breadcrumb';
 declare const _default: {
     install(app: App): void;
 };
 export default _default;
-export { ProBreadcrumb };
+export { default as ProBreadcrumb } from './pro-breadcrumb';
+export { default as ProMenu } from './pro-menu';
+export type { IProMenuItem } from './pro-menu';
+export { default as ProReuseTabs } from './pro-reuse-tabs';
+export type { IProTab } from './pro-reuse-tabs';
 export type {} from './components';

package/es/index.js

@@ -1,11 +1,19 @@
 import { ProBreadcrumb } from "./pro-breadcrumb/index.js";
 import { ProBreadcrumb as ProBreadcrumb2 } from "./pro-breadcrumb/index.js";
+import { ProMenu } from "./pro-menu/index.js";
+import { ProMenu as ProMenu2 } from "./pro-menu/index.js";
+import { ProReuseTabs } from "./pro-reuse-tabs/index.js";
+import { ProReuseTabs as ProReuseTabs2 } from "./pro-reuse-tabs/index.js";
 const index = {
   install(app) {
     app.use(ProBreadcrumb);
+    app.use(ProMenu);
+    app.use(ProReuseTabs);
   }
 };
 export {
   ProBreadcrumb2 as ProBreadcrumb,
+  ProMenu2 as ProMenu,
+  ProReuseTabs2 as ProReuseTabs,
   index as default
 };

package/es/pro-breadcrumb/index.d.ts

@@ -1,13 +1,13 @@
-import type { ComponentInternalInstance, ExtractPropTypes, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, App } from 'vue';
+import type { ComponentInternalInstance, ExtractPropTypes, PropType, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, App } from 'vue';
 declare const ProBreadcrumb: {
     new (...args: any[]): {
         $: ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            items: unknown[];
+            items: string[];
         }> & Omit<Readonly<ExtractPropTypes<{
             items: {
-                type: ArrayConstructor;
+                type: PropType<string[]>;
                 required: false;
                 default: () => never[];
             };
@@ -27,7 +27,7 @@ declare const ProBreadcrumb: {
         $el: any;
         $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
             items: {
-                type: ArrayConstructor;
+                type: PropType<string[]>;
                 required: false;
                 default: () => never[];
             };
@@ -36,7 +36,7 @@ declare const ProBreadcrumb: {
             props: any;
             injectValue: never[];
         }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-            items: unknown[];
+            items: string[];
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -59,7 +59,7 @@ declare const ProBreadcrumb: {
         $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?: WatchOptions<boolean> | undefined): WatchStopHandle;
     } & Readonly<ExtractPropTypes<{
         items: {
-            type: ArrayConstructor;
+            type: PropType<string[]>;
             required: false;
             default: () => never[];
         };
@@ -73,7 +73,7 @@ declare const ProBreadcrumb: {
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly<ExtractPropTypes<{
     items: {
-        type: ArrayConstructor;
+        type: PropType<string[]>;
         required: false;
         default: () => never[];
     };
@@ -82,7 +82,7 @@ declare const ProBreadcrumb: {
     props: any;
     injectValue: never[];
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    items: unknown[];
+    items: string[];
 }, {}, string> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
     install: (app: App) => void;
 };

package/es/pro-breadcrumb/index.js

@@ -1,6 +1,8 @@
 import _sfc_main from "./pro-breadcrumb.vue.js";
+import { Breadcrumb } from "@arco-design/web-vue";
 const ProBreadcrumb = Object.assign(_sfc_main, {
   install: (app) => {
+    app.use(Breadcrumb);
     app.component("KbProBreadcrumb", _sfc_main);
   }
 });

package/es/pro-breadcrumb/pro-breadcrumb.vue.d.ts

@@ -1,7 +1,7 @@
-import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, type PropType } from 'vue';
 declare const _sfc_main: DefineComponent<{
     items: {
-        type: ArrayConstructor;
+        type: PropType<string[]>;
         required: false;
         default: () => never[];
     };
@@ -11,11 +11,11 @@ declare const _sfc_main: DefineComponent<{
     injectValue: never[];
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     items: {
-        type: ArrayConstructor;
+        type: PropType<string[]>;
         required: false;
         default: () => never[];
     };
 }>>, {
-    items: unknown[];
+    items: string[];
 }>;
 export default _sfc_main;

package/es/pro-breadcrumb/pro-breadcrumb.vue.js

@@ -2,7 +2,11 @@ import { defineComponent, inject, resolveComponent, unref, openBlock, createBloc
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "pro-breadcrumb",
   props: {
-    items: { default: () => [] }
+    items: {
+      type: Array,
+      required: false,
+      default: () => []
+    }
   },
   setup(__props) {
     const props = __props;

package/es/pro-menu/index.d.ts

@@ -0,0 +1,198 @@
+import type { Router } from 'vue-router';
+import type { IProMenuItem } from './interface';
+import type { ComponentInternalInstance, ExtractPropTypes, PropType, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, DefineComponent, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, App } from 'vue';
+declare const ProMenu: {
+    new (...args: any[]): {
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<ExtractPropTypes<{
+            collapsed: {
+                type: PropType<boolean>;
+                required: true;
+            };
+            selectedKeys: {
+                type: PropType<string[]>;
+                required: true;
+            };
+            openKeys: {
+                type: PropType<string[]>;
+                required: true;
+            };
+            items: {
+                type: PropType<IProMenuItem[]>;
+                required: true;
+            };
+        }>> & {
+            onCollapse?: ((...args: any[]) => any) | undefined;
+            "onMenu-item-click"?: ((...args: any[]) => any) | undefined;
+            "onSub-menu-click"?: ((...args: any[]) => any) | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot | undefined;
+        }>;
+        $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: (event: "collapse" | "menu-item-click" | "sub-menu-click", ...args: any[]) => void;
+        $el: any;
+        $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
+            collapsed: {
+                type: PropType<boolean>;
+                required: true;
+            };
+            selectedKeys: {
+                type: PropType<string[]>;
+                required: true;
+            };
+            openKeys: {
+                type: PropType<string[]>;
+                required: true;
+            };
+            items: {
+                type: PropType<IProMenuItem[]>;
+                required: true;
+            };
+        }>> & {
+            onCollapse?: ((...args: any[]) => any) | undefined;
+            "onMenu-item-click"?: ((...args: any[]) => any) | undefined;
+            "onSub-menu-click"?: ((...args: any[]) => any) | undefined;
+        }, {
+            prefixClsName: string;
+            emit: {
+                (event: "collapse", collapsed: boolean): void;
+                (event: "menu-item-click", key: string): void;
+                (event: "sub-menu-click", key: string, openKeys: string[]): void;
+            };
+            ProMenuItem: DefineComponent<{
+                item: {
+                    type: null;
+                    required: true;
+                };
+            }, {
+                router: Router;
+                onMenuItemClick: (item: IProMenuItem) => void;
+            }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+                item: {
+                    type: null;
+                    required: true;
+                };
+            }>>, {}>;
+        }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("collapse" | "menu-item-click" | "sub-menu-click")[], string, {}, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $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?: WatchOptions<boolean> | undefined): WatchStopHandle;
+    } & Readonly<ExtractPropTypes<{
+        collapsed: {
+            type: PropType<boolean>;
+            required: true;
+        };
+        selectedKeys: {
+            type: PropType<string[]>;
+            required: true;
+        };
+        openKeys: {
+            type: PropType<string[]>;
+            required: true;
+        };
+        items: {
+            type: PropType<IProMenuItem[]>;
+            required: true;
+        };
+    }>> & {
+        onCollapse?: ((...args: any[]) => any) | undefined;
+        "onMenu-item-click"?: ((...args: any[]) => any) | undefined;
+        "onSub-menu-click"?: ((...args: any[]) => any) | undefined;
+    } & ShallowUnwrapRef<{
+        prefixClsName: string;
+        emit: {
+            (event: "collapse", collapsed: boolean): void;
+            (event: "menu-item-click", key: string): void;
+            (event: "sub-menu-click", key: string, openKeys: string[]): void;
+        };
+        ProMenuItem: DefineComponent<{
+            item: {
+                type: null;
+                required: true;
+            };
+        }, {
+            router: Router;
+            onMenuItemClick: (item: IProMenuItem) => void;
+        }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+            item: {
+                type: null;
+                required: true;
+            };
+        }>>, {}>;
+    }> & {} & ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
+    collapsed: {
+        type: PropType<boolean>;
+        required: true;
+    };
+    selectedKeys: {
+        type: PropType<string[]>;
+        required: true;
+    };
+    openKeys: {
+        type: PropType<string[]>;
+        required: true;
+    };
+    items: {
+        type: PropType<IProMenuItem[]>;
+        required: true;
+    };
+}>> & {
+    onCollapse?: ((...args: any[]) => any) | undefined;
+    "onMenu-item-click"?: ((...args: any[]) => any) | undefined;
+    "onSub-menu-click"?: ((...args: any[]) => any) | undefined;
+}, {
+    prefixClsName: string;
+    emit: {
+        (event: "collapse", collapsed: boolean): void;
+        (event: "menu-item-click", key: string): void;
+        (event: "sub-menu-click", key: string, openKeys: string[]): void;
+    };
+    ProMenuItem: DefineComponent<{
+        item: {
+            type: null;
+            required: true;
+        };
+    }, {
+        router: Router;
+        onMenuItemClick: (item: IProMenuItem) => void;
+    }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+        item: {
+            type: null;
+            required: true;
+        };
+    }>>, {}>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("collapse" | "menu-item-click" | "sub-menu-click")[], "collapse" | "menu-item-click" | "sub-menu-click", {}, {}, string> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
+    install: (app: App) => void;
+};
+export * from './interface';
+export { ProMenu };
+export default ProMenu;

package/es/pro-menu/index.js

@@ -0,0 +1,12 @@
+import _sfc_main from "./pro-menu.vue.js";
+import { Menu } from "@arco-design/web-vue";
+const ProMenu = Object.assign(_sfc_main, {
+  install: (app) => {
+    app.use(Menu);
+    app.component("KbProMenu", _sfc_main);
+  }
+});
+export {
+  ProMenu,
+  ProMenu as default
+};

package/es/pro-menu/interface.d.ts

@@ -0,0 +1,30 @@
+import type { RenderFunction, VNode } from 'vue';
+export interface IProMenuItem {
+    /** 英文名称（唯一标识，不能重复） */
+    name: string;
+    /** 路径 */
+    path: string;
+    /** 中文名称 */
+    title: string;
+    /**
+     * 图标
+     * string: 'icon-apps'
+     * VNode：v(IconApps)
+     * RenderFunction：() => v(IconApps)
+     * */
+    icon?: string | VNode | RenderFunction;
+    /** 如果设置为 true，右侧菜单不显示 */
+    hideInMenu?: boolean;
+    /** 如果设置为 true，右侧菜单不显示下面子菜单 */
+    hideChildrenInMenu?: boolean;
+    /** 如果设置为 true，则不会出现在多页签中，并且不会页面缓存 */
+    noAffix?: boolean;
+    /** 面包屑 */
+    breadcrumbs?: string[];
+    /** 是否隐藏pageWrapper */
+    hidePageWrapper?: boolean;
+    /** 如果设置为 true，页面将不会被缓存 */
+    ignoreCache?: boolean;
+    /** 子元素 */
+    children?: IProMenuItem[];
+}

package/es/pro-menu/pro-menu-item.vue.d.ts

@@ -0,0 +1,18 @@
+import type { Router } from 'vue-router';
+import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+import type { IProMenuItem } from './interface';
+declare const _sfc_main: DefineComponent<{
+    item: {
+        type: null;
+        required: true;
+    };
+}, {
+    router: Router;
+    onMenuItemClick: (item: IProMenuItem) => void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    item: {
+        type: null;
+        required: true;
+    };
+}>>, {}>;
+export default _sfc_main;

package/es/pro-menu/pro-menu-item.vue.js

@@ -0,0 +1,75 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createBlock, createSlots, withCtx, createTextVNode, toDisplayString, renderList, createCommentVNode, resolveDynamicComponent } from "vue";
+import { useRouter } from "vue-router";
+const __default__ = {
+  name: "KbProMenuItem"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    item: null
+  },
+  setup(__props) {
+    const router = useRouter();
+    const onMenuItemClick = (item) => {
+      if (!(item == null ? void 0 : item.path)) {
+        return;
+      }
+      router.push({ path: item.path });
+    };
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h;
+      const _component_kb_pro_menu_item = resolveComponent("kb-pro-menu-item");
+      const _component_a_sub_menu = resolveComponent("a-sub-menu");
+      const _component_a_menu_item = resolveComponent("a-menu-item");
+      return __props.item && !__props.item.hideInMenu ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        ((_a = __props.item) == null ? void 0 : _a.children) && ((_c = (_b = __props.item) == null ? void 0 : _b.children) == null ? void 0 : _c.length) > 0 ? (openBlock(), createBlock(_component_a_sub_menu, {
+          key: __props.item.name
+        }, createSlots({
+          title: withCtx(() => [
+            createTextVNode(toDisplayString(__props.item.title), 1)
+          ]),
+          default: withCtx(() => {
+            var _a2, _b2;
+            return [
+              !((_a2 = __props.item) == null ? void 0 : _a2.hideChildrenInMenu) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList((_b2 = __props.item) == null ? void 0 : _b2.children, (childItem) => {
+                return openBlock(), createBlock(_component_kb_pro_menu_item, {
+                  key: childItem.name,
+                  item: childItem
+                }, null, 8, ["item"]);
+              }), 128)) : createCommentVNode("", true)
+            ];
+          }),
+          _: 2
+        }, [
+          ((_d = __props.item) == null ? void 0 : _d.icon) ? {
+            name: "icon",
+            fn: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(__props.item.icon)))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1024)) : createCommentVNode("", true),
+        !((_e = __props.item) == null ? void 0 : _e.children) || ((_g = (_f = __props.item) == null ? void 0 : _f.children) == null ? void 0 : _g.length) === 0 ? (openBlock(), createBlock(_component_a_menu_item, {
+          key: __props.item.name,
+          onClick: _cache[0] || (_cache[0] = ($event) => onMenuItemClick(__props.item))
+        }, createSlots({
+          default: withCtx(() => [
+            createTextVNode(" " + toDisplayString(__props.item.title), 1)
+          ]),
+          _: 2
+        }, [
+          ((_h = __props.item) == null ? void 0 : _h.icon) ? {
+            name: "icon",
+            fn: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(__props.item.icon)))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1024)) : createCommentVNode("", true)
+      ], 64)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/pro-menu/pro-menu-item.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./pro-menu-item.vue.js";
+import { default as default2 } from "./pro-menu-item.vue.js";
+export {
+  default2 as default
+};

package/es/pro-menu/pro-menu.vue.d.ts

@@ -0,0 +1,64 @@
+import type { Router } from 'vue-router';
+import type { IProMenuItem } from './interface';
+import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, type PropType } from 'vue';
+declare const _sfc_main: DefineComponent<{
+    collapsed: {
+        type: PropType<boolean>;
+        required: true;
+    };
+    selectedKeys: {
+        type: PropType<string[]>;
+        required: true;
+    };
+    openKeys: {
+        type: PropType<string[]>;
+        required: true;
+    };
+    items: {
+        type: PropType<IProMenuItem[]>;
+        required: true;
+    };
+}, {
+    prefixClsName: string;
+    emit: {
+        (event: 'collapse', collapsed: boolean): void;
+        (event: 'menu-item-click', key: string): void;
+        (event: 'sub-menu-click', key: string, openKeys: string[]): void;
+    };
+    ProMenuItem: DefineComponent<{
+        item: {
+            type: null;
+            required: true;
+        };
+    }, {
+        router: Router;
+        onMenuItemClick: (item: IProMenuItem) => void;
+    }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+        item: {
+            type: null;
+            required: true;
+        };
+    }>>, {}>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("collapse" | "menu-item-click" | "sub-menu-click")[], "collapse" | "menu-item-click" | "sub-menu-click", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    collapsed: {
+        type: PropType<boolean>;
+        required: true;
+    };
+    selectedKeys: {
+        type: PropType<string[]>;
+        required: true;
+    };
+    openKeys: {
+        type: PropType<string[]>;
+        required: true;
+    };
+    items: {
+        type: PropType<IProMenuItem[]>;
+        required: true;
+    };
+}>> & {
+    onCollapse?: ((...args: any[]) => any) | undefined;
+    "onMenu-item-click"?: ((...args: any[]) => any) | undefined;
+    "onSub-menu-click"?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/es/pro-menu/pro-menu.vue.js

@@ -0,0 +1,55 @@
+import { defineComponent, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementBlock, Fragment, renderList } from "vue";
+import _sfc_main$1 from "./pro-menu-item.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "pro-menu",
+  props: {
+    collapsed: {
+      type: Boolean,
+      required: true
+    },
+    selectedKeys: {
+      type: Array,
+      required: true
+    },
+    openKeys: {
+      type: Array,
+      required: true
+    },
+    items: {
+      type: Array,
+      required: true
+    }
+  },
+  emits: ["collapse", "menu-item-click", "sub-menu-click"],
+  setup(__props, { emit }) {
+    const prefixClsName = "keyblade-pro-menu";
+    return (_ctx, _cache) => {
+      const _component_a_menu = resolveComponent("a-menu");
+      return openBlock(), createBlock(_component_a_menu, {
+        class: normalizeClass(prefixClsName),
+        style: { width: "100%", height: "100%" },
+        collapsed: __props.collapsed,
+        "open-keys": __props.openKeys,
+        "selected-keys": __props.selectedKeys,
+        "show-collapse-button": "",
+        breakpoint: "md",
+        onCollapse: _cache[0] || (_cache[0] = ($event) => emit("collapse", $event)),
+        onMenuItemClick: _cache[1] || (_cache[1] = ($event) => emit("menu-item-click", $event)),
+        onSubMenuClick: _cache[2] || (_cache[2] = (_key, _openKeys) => emit("sub-menu-click", _key, _openKeys))
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+            return openBlock(), createBlock(_sfc_main$1, {
+              key: item.name,
+              item
+            }, null, 8, ["item"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["collapsed", "open-keys", "selected-keys"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/pro-menu/pro-menu.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./pro-menu.vue.js";
+import { default as default2 } from "./pro-menu.vue.js";
+export {
+  default2 as default
+};

package/es/pro-reuse-tabs/index.d.ts

@@ -0,0 +1,122 @@
+import type { IProTab } from './interface';
+import type { ComponentInternalInstance, ExtractPropTypes, PropType, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ComputedRef, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, App } from 'vue';
+declare const ProReuseTabs: {
+    new (...args: any[]): {
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            tabs: IProTab[];
+        }> & Omit<Readonly<ExtractPropTypes<{
+            tabs: {
+                type: PropType<IProTab[]>;
+                required: true;
+                default: () => never[];
+            };
+        }>> & {
+            "onTab-click"?: ((...args: any[]) => any) | undefined;
+            "onTab-delete"?: ((...args: any[]) => any) | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "tabs">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot | undefined;
+        }>;
+        $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: (event: "tab-click" | "tab-delete", ...args: any[]) => void;
+        $el: any;
+        $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
+            tabs: {
+                type: PropType<IProTab[]>;
+                required: true;
+                default: () => never[];
+            };
+        }>> & {
+            "onTab-click"?: ((...args: any[]) => any) | undefined;
+            "onTab-delete"?: ((...args: any[]) => any) | undefined;
+        }, {
+            prefixClsName: string;
+            props: any;
+            emit: {
+                (event: "tab-click", key: string): void;
+                (event: "tab-delete", key: string): void;
+            };
+            activeKey: ComputedRef<string | undefined>;
+            onTabClick: (key: string | number) => void;
+            onTabDelete: (key: string | number) => void;
+        }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("tab-click" | "tab-delete")[], string, {
+            tabs: IProTab[];
+        }, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $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?: WatchOptions<boolean> | undefined): WatchStopHandle;
+    } & Readonly<ExtractPropTypes<{
+        tabs: {
+            type: PropType<IProTab[]>;
+            required: true;
+            default: () => never[];
+        };
+    }>> & {
+        "onTab-click"?: ((...args: any[]) => any) | undefined;
+        "onTab-delete"?: ((...args: any[]) => any) | undefined;
+    } & ShallowUnwrapRef<{
+        prefixClsName: string;
+        props: any;
+        emit: {
+            (event: "tab-click", key: string): void;
+            (event: "tab-delete", key: string): void;
+        };
+        activeKey: ComputedRef<string | undefined>;
+        onTabClick: (key: string | number) => void;
+        onTabDelete: (key: string | number) => void;
+    }> & {} & ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
+    tabs: {
+        type: PropType<IProTab[]>;
+        required: true;
+        default: () => never[];
+    };
+}>> & {
+    "onTab-click"?: ((...args: any[]) => any) | undefined;
+    "onTab-delete"?: ((...args: any[]) => any) | undefined;
+}, {
+    prefixClsName: string;
+    props: any;
+    emit: {
+        (event: "tab-click", key: string): void;
+        (event: "tab-delete", key: string): void;
+    };
+    activeKey: ComputedRef<string | undefined>;
+    onTabClick: (key: string | number) => void;
+    onTabDelete: (key: string | number) => void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("tab-click" | "tab-delete")[], "tab-click" | "tab-delete", {
+    tabs: IProTab[];
+}, {}, string> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
+    install: (app: App) => void;
+};
+export * from './interface';
+export { ProReuseTabs };
+export default ProReuseTabs;

package/es/pro-reuse-tabs/index.js

@@ -0,0 +1,12 @@
+import _ProReuseTabs from "./pro-reuse-tabs.vue.js";
+import { Tabs } from "@arco-design/web-vue";
+const ProReuseTabs = Object.assign(_ProReuseTabs, {
+  install: (app) => {
+    app.use(Tabs);
+    app.component("KbProReuseTabs", _ProReuseTabs);
+  }
+});
+export {
+  ProReuseTabs,
+  ProReuseTabs as default
+};

package/es/pro-reuse-tabs/interface.d.ts

@@ -0,0 +1,13 @@
+/**
+ * tab
+ */
+export interface IProTab {
+    /** 菜单名称 */
+    name: string;
+    /** 菜单标题 */
+    title: string;
+    /** 完整路径 */
+    fullPath: string;
+    /** 是否激活 */
+    active: boolean;
+}

package/es/pro-reuse-tabs/pro-reuse-tabs.vue.d.ts

@@ -0,0 +1,31 @@
+import type { DefineComponent, ComputedRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, type PropType } from 'vue';
+import { IProTab } from './interface';
+declare const _sfc_main: DefineComponent<{
+    tabs: {
+        type: PropType<IProTab[]>;
+        required: true;
+        default: () => never[];
+    };
+}, {
+    prefixClsName: string;
+    props: any;
+    emit: {
+        (event: 'tab-click', key: string): void;
+        (event: 'tab-delete', key: string): void;
+    };
+    activeKey: ComputedRef<string | undefined>;
+    onTabClick: (key: string | number) => void;
+    onTabDelete: (key: string | number) => void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("tab-click" | "tab-delete")[], "tab-click" | "tab-delete", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    tabs: {
+        type: PropType<IProTab[]>;
+        required: true;
+        default: () => never[];
+    };
+}>> & {
+    "onTab-click"?: ((...args: any[]) => any) | undefined;
+    "onTab-delete"?: ((...args: any[]) => any) | undefined;
+}, {
+    tabs: IProTab[];
+}>;
+export default _sfc_main;

package/es/pro-reuse-tabs/pro-reuse-tabs.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./pro-reuse-tabs.vue2.js";
+import "./pro-reuse-tabs.vue3.js";
+import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
+const _ProReuseTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-65af5f68"]]);
+export {
+  _ProReuseTabs as default
+};

package/es/pro-reuse-tabs/pro-reuse-tabs.vue2.js

@@ -0,0 +1,57 @@
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, Fragment, renderList, createBlock } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "pro-reuse-tabs",
+  props: {
+    tabs: {
+      type: Array,
+      required: true,
+      default: () => []
+    }
+  },
+  emits: ["tab-click", "tab-delete"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const prefixClsName = "keyblade-pro-reuse-tabs";
+    const activeKey = computed(() => {
+      var _a;
+      return ((_a = props.tabs.find((v) => v.active)) == null ? void 0 : _a.name) ?? void 0;
+    });
+    const onTabClick = (key) => {
+      emit("tab-click", String(key));
+    };
+    const onTabDelete = (key) => {
+      emit("tab-delete", String(key));
+    };
+    return (_ctx, _cache) => {
+      const _component_a_tab_pane = resolveComponent("a-tab-pane");
+      const _component_a_tabs = resolveComponent("a-tabs");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(prefixClsName)
+      }, [
+        createVNode(_component_a_tabs, {
+          "active-key": unref(activeKey),
+          size: "mini",
+          type: "rounded",
+          editable: __props.tabs.length > 1,
+          "hide-content": "",
+          "destroy-on-hide": "",
+          onTabClick,
+          onDelete: onTabDelete
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab) => {
+              return openBlock(), createBlock(_component_a_tab_pane, {
+                key: tab.name,
+                title: tab.title
+              }, null, 8, ["title"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["active-key", "editable"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/pro-reuse-tabs/pro-reuse-tabs.vue3.js

@@ -0,0 +1,4 @@
+const proReuseTabs_vue_vue_type_style_index_0_scoped_65af5f68_lang = "";
+export {
+  proReuseTabs_vue_vue_type_style_index_0_scoped_65af5f68_lang as default
+};

package/es/style.css

@@ -0,0 +1,5 @@
+.keyblade-pro-reuse-tabs[data-v-65af5f68] {
+  position: relative;
+  background-color: var(--color-bg-2);
+  padding: 4px 20px;
+}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@keyblade/pro-components",
   "description": "KeyBlade Pro Components",
   "author": "yangshuai <704807396@qq.com>",
-  "version": "0.0.1-alpha.1",
+  "version": "0.0.1-alpha.3",
   "private": false,
   "type": "module",
   "main": "es/index.js",
@@ -19,7 +19,8 @@
     "*.css"
   ],
   "dependencies": {
-    "@arco-design/web-vue": "^2.40.0"
+    "@arco-design/web-vue": "^2.40.0",
+    "vue-router": "^4.1.6"
   },
   "peerDependencies": {
     "vue": "^3.2.45"

package/src/index.ts

@@ -1,14 +1,24 @@
 import { App } from 'vue'
-import { default as ProBreadcrumb } from './pro-breadcrumb'
+import { ProBreadcrumb } from './pro-breadcrumb'
+import { ProMenu } from './pro-menu'
+import { ProReuseTabs } from './pro-reuse-tabs'
 
 export default {
   install(app: App): void {
     app.use(ProBreadcrumb)
+    app.use(ProMenu)
+    app.use(ProReuseTabs)
   }
 }
 
 // 按组件导出
-export { ProBreadcrumb }
+export { default as ProBreadcrumb } from './pro-breadcrumb'
+
+export { default as ProMenu } from './pro-menu'
+export type { IProMenuItem } from './pro-menu'
+
+export { default as ProReuseTabs } from './pro-reuse-tabs'
+export type { IProTab } from './pro-reuse-tabs'
 
 // components.d.ts
 export type {} from './components'