@keyblade/pro-components 1.10.2 → 1.11.0

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

@@ -0,0 +1,188 @@
+import type { App } from 'vue';
+declare const ProReuseTabs: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            tabs?: import("./interface").IProTab[] | undefined;
+            tabsSize?: "small" | "mini" | "medium" | "large" | undefined;
+            tabsType?: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule" | undefined;
+            tabsHeaderPadding?: boolean | undefined;
+            key?: string | number | symbol | undefined;
+            ref?: import("vue").VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            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)[] | undefined;
+            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)[] | undefined;
+            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)[] | undefined;
+            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)[] | undefined;
+            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)[] | undefined;
+            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)[] | undefined;
+            class?: unknown;
+            style?: unknown;
+            "onTab-click"?: ((key: string) => any) | undefined;
+            "onTab-delete"?: ((key: string) => any) | undefined;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: ((event: "tab-click", key: string) => void) & ((event: "tab-delete", key: string) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            tabs: {
+                type: import("vue").PropType<import("./interface").IProTab[]>;
+                required: true;
+                default: () => never[];
+            };
+            tabsSize: {
+                type: import("vue").PropType<"small" | "mini" | "medium" | "large">;
+                required: false;
+                default: string;
+            };
+            tabsType: {
+                type: import("vue").PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
+                required: false;
+                default: string;
+            };
+            tabsHeaderPadding: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+                default: boolean;
+            };
+        }>> & {
+            "onTab-click"?: ((key: string) => any) | undefined;
+            "onTab-delete"?: ((key: string) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "tab-click": (key: string) => void;
+            "tab-delete": (key: string) => void;
+        }, string, {
+            tabs: import("./interface").IProTab[];
+            tabsSize: "small" | "mini" | "medium" | "large";
+            tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
+            tabsHeaderPadding: boolean;
+        }, {}, 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: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").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?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        tabs: {
+            type: import("vue").PropType<import("./interface").IProTab[]>;
+            required: true;
+            default: () => never[];
+        };
+        tabsSize: {
+            type: import("vue").PropType<"small" | "mini" | "medium" | "large">;
+            required: false;
+            default: string;
+        };
+        tabsType: {
+            type: import("vue").PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
+            required: false;
+            default: string;
+        };
+        tabsHeaderPadding: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+            default: boolean;
+        };
+    }>> & {
+        "onTab-click"?: ((key: string) => any) | undefined;
+        "onTab-delete"?: ((key: string) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    tabs: {
+        type: import("vue").PropType<import("./interface").IProTab[]>;
+        required: true;
+        default: () => never[];
+    };
+    tabsSize: {
+        type: import("vue").PropType<"small" | "mini" | "medium" | "large">;
+        required: false;
+        default: string;
+    };
+    tabsType: {
+        type: import("vue").PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
+        required: false;
+        default: string;
+    };
+    tabsHeaderPadding: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+}>> & {
+    "onTab-click"?: ((key: string) => any) | undefined;
+    "onTab-delete"?: ((key: string) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "tab-click": (key: string) => void;
+    "tab-delete": (key: string) => void;
+}, string, {
+    tabs: import("./interface").IProTab[];
+    tabsSize: "small" | "mini" | "medium" | "large";
+    tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
+    tabsHeaderPadding: boolean;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").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 o from "./pro-reuse-tabs.vue.js";
+import "./pro-reuse-tabs.vue2.js";
+import { Tabs as e } from "@arco-design/web-vue";
+const t = Object.assign(o, {
+  install: (s) => {
+    s.use(e), s.component("KbProReuseTabs", o);
+  }
+}), n = t;
+export {
+  t as ProReuseTabs,
+  n as default
+};

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

@@ -0,0 +1,15 @@
+/**
+ * tab
+ */
+export interface IProTab {
+    /** 菜单名称 */
+    name: string;
+    /** 所有父级且包含自己的所有名称（主要用作路由缓存） */
+    parentNames: string[];
+    /** 菜单标题 */
+    title: string;
+    /** 完整路径 */
+    fullPath: string;
+    /** 是否激活 */
+    active: boolean;
+}

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

@@ -0,0 +1,59 @@
+import { type PropType } from 'vue';
+import type { IProTab } from './interface';
+declare const _default: import("vue").DefineComponent<{
+    tabs: {
+        type: PropType<IProTab[]>;
+        required: true;
+        default: () => never[];
+    };
+    tabsSize: {
+        type: PropType<"small" | "mini" | "medium" | "large">;
+        required: false;
+        default: string;
+    };
+    /** tabs类型 */
+    tabsType: {
+        type: PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
+        required: false;
+        default: string;
+    };
+    tabsHeaderPadding: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "tab-click": (key: string) => void;
+    "tab-delete": (key: string) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tabs: {
+        type: PropType<IProTab[]>;
+        required: true;
+        default: () => never[];
+    };
+    tabsSize: {
+        type: PropType<"small" | "mini" | "medium" | "large">;
+        required: false;
+        default: string;
+    };
+    /** tabs类型 */
+    tabsType: {
+        type: PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
+        required: false;
+        default: string;
+    };
+    tabsHeaderPadding: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+}>> & {
+    "onTab-click"?: ((key: string) => any) | undefined;
+    "onTab-delete"?: ((key: string) => any) | undefined;
+}, {
+    tabs: IProTab[];
+    tabsSize: "small" | "mini" | "medium" | "large";
+    tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
+    tabsHeaderPadding: boolean;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,70 @@
+import { defineComponent as y, computed as m, resolveComponent as l, openBlock as a, createElementBlock as d, normalizeClass as f, createVNode as k, withCtx as g, Fragment as v, renderList as h, createBlock as C } from "vue";
+const S = "keyblade-pro-reuse-tabs", q = /* @__PURE__ */ y({
+  __name: "pro-reuse-tabs",
+  props: {
+    tabs: {
+      type: Array,
+      required: !0,
+      default: () => []
+    },
+    tabsSize: {
+      type: String,
+      required: !1,
+      default: "small"
+    },
+    /** tabs类型 */
+    tabsType: {
+      type: String,
+      required: !1,
+      default: "rounded"
+    },
+    tabsHeaderPadding: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    }
+  },
+  emits: {
+    "tab-click": (e) => !0,
+    "tab-delete": (e) => !0
+  },
+  setup(e, { emit: n }) {
+    const s = e, o = m(() => {
+      var t;
+      return ((t = s.tabs.find((r) => r.active)) == null ? void 0 : t.name) ?? void 0;
+    }), c = (t) => {
+      n("tab-click", String(t));
+    }, u = (t) => {
+      n("tab-delete", String(t));
+    };
+    return (t, r) => {
+      const b = l("a-tab-pane"), p = l("a-tabs");
+      return a(), d("div", {
+        class: f(S)
+      }, [
+        k(p, {
+          "active-key": o.value,
+          size: e.tabsSize,
+          type: e.tabsType,
+          "header-padding": e.tabsHeaderPadding,
+          editable: e.tabs.length > 1,
+          "hide-content": "",
+          "destroy-on-hide": "",
+          onTabClick: c,
+          onDelete: u
+        }, {
+          default: g(() => [
+            (a(!0), d(v, null, h(e.tabs, (i) => (a(), C(b, {
+              key: i.name,
+              title: i.title
+            }, null, 8, ["title"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["active-key", "size", "type", "header-padding", "editable"])
+      ]);
+    };
+  }
+});
+export {
+  q as default
+};

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,5 @@
+import o from "./pro-reuse-tabs.vue.js";
+import "./pro-reuse-tabs.vue2.js";
+export {
+  o as default
+};

package/es/style.css

@@ -0,0 +1 @@
+.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--c299e954);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-img{width:28px;height:28px}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout .keyblade-pro-layout-header-center{flex:1}.keyblade-pro-layout .keyblade-pro-layout-sider{padding-top:var(--c299e954);position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-sider-content{position:relative;height:100%;overflow:auto}.keyblade-pro-layout .keyblade-pro-layout-sider-collapse-btn.arco-btn{position:absolute;right:12px;bottom:12px}.keyblade-pro-layout .keyblade-pro-layout-body{padding-top:var(--c299e954);padding-left:var(--5c2d09d7);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--4313bece)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--5c2d09d7);width:calc(100% - var(--5c2d09d7))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--4313bece);width:calc(100% - var(--4313bece))}.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:0}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo{position:relative;display:flex;align-items:center;padding:16px;cursor:pointer;transition:padding .3s cubic-bezier(.645,.045,.355,1)}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-img{width:28px;height:28px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-logo{padding:16px 10px}.keyblade-pro-page-header{background:var(--color-bg-2);padding:16px 32px}.keyblade-pro-page-header .keyblade-pro-page-header-section-breadcrumb .arco-breadcrumb-item:first-child{padding-left:0}.keyblade-pro-page-header .keyblade-pro-page-header-title.arco-typography{padding-top:4px;margin-top:0}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@keyblade/pro-components",
   "description": "KeyBlade Pro Components",
   "author": "yangshuai <704807396@qq.com>",
-  "version": "1.10.2",
+  "version": "1.11.0",
   "private": false,
   "type": "module",
   "main": "es/index.js",