@keyblade/pro-components 1.12.1-alpha.13 → 1.12.1-alpha.15

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

@@ -1,127 +1,46 @@
 import { 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;
-            style?: unknown;
-            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;
-            "onTab-click"?: ((key: string) => any) | undefined;
-            "onTab-delete"?: ((key: string) => any) | undefined;
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        tabs: {
+            type: import('vue').PropType<import('./interface').IProTab[]>;
+            required: true;
+            default: () => never[];
         };
-        $attrs: {
-            [x: string]: unknown;
+        tabsSize: {
+            type: import('vue').PropType<"small" | "mini" | "medium" | "large">;
+            required: false;
+            default: string;
         };
-        $refs: {
-            [x: string]: unknown;
+        tabsType: {
+            type: import('vue').PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
+            required: false;
+            default: string;
         };
-        $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;
+        tabsHeaderPadding: {
+            type: import('vue').PropType<boolean>;
+            required: false;
+            default: boolean;
         };
-        $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<{
+    }>> & Readonly<{
+        "onTab-click"?: ((key: string) => any) | undefined;
+        "onTab-delete"?: ((key: string) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "tab-click": (key: string) => void;
+        "tab-delete": (key: string) => void;
+    }, import('vue').PublicProps, {
+        tabs: import('./interface').IProTab[];
+        tabsSize: "small" | "mini" | "medium" | "large";
+        tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
+        tabsHeaderPadding: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
         tabs: {
             type: import('vue').PropType<import('./interface').IProTab[]>;
             required: true;
@@ -142,10 +61,15 @@ declare const ProReuseTabs: {
             required: false;
             default: boolean;
         };
-    }>> & {
+    }>> & Readonly<{
         "onTab-click"?: ((key: string) => any) | undefined;
         "onTab-delete"?: ((key: string) => any) | undefined;
-    } & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {};
+    }>, {}, {}, {}, {}, {
+        tabs: import('./interface').IProTab[];
+        tabsSize: "small" | "mini" | "medium" | "large";
+        tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
+        tabsHeaderPadding: boolean;
+    }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -170,10 +94,10 @@ declare const ProReuseTabs: {
         required: false;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     "onTab-click"?: ((key: string) => any) | undefined;
     "onTab-delete"?: ((key: string) => any) | undefined;
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "tab-click": (key: string) => void;
     "tab-delete": (key: string) => void;
 }, string, {
@@ -181,7 +105,7 @@ declare const ProReuseTabs: {
     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 & {
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install: (app: App) => void;
 };
 export * from './interface';

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { IProTab } from './interface';
 
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     tabs: {
         type: PropType<IProTab[]>;
         required: true;
@@ -23,10 +23,10 @@ declare const _default: import('vue').DefineComponent<{
         required: false;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, 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<{
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     tabs: {
         type: PropType<IProTab[]>;
         required: true;
@@ -48,13 +48,13 @@ declare const _default: import('vue').DefineComponent<{
         required: false;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     "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;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,5 +1,5 @@
-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({
+import { defineComponent as y, computed as f, resolveComponent as l, openBlock as a, createElementBlock as s, normalizeClass as k, createVNode as g, withCtx as v, Fragment as h, renderList as C, createBlock as S } from "vue";
+const z = "keyblade-pro-reuse-tabs", x = /* @__PURE__ */ y({
   __name: "pro-reuse-tabs",
   props: {
     tabs: {
@@ -28,33 +28,33 @@ const S = "keyblade-pro-reuse-tabs", q = /* @__PURE__ */ y({
     "tab-click": (e) => !0,
     "tab-delete": (e) => !0
   },
-  setup(e, { emit: n }) {
-    const s = e, o = m(() => {
+  setup(e, { emit: d }) {
+    const o = e, n = d, c = f(() => {
       var t;
-      return ((t = s.tabs.find((r) => r.active)) == null ? void 0 : t.name) ?? void 0;
-    }), c = (t) => {
+      return ((t = o.tabs.find((r) => r.active)) == null ? void 0 : t.name) ?? void 0;
+    }), u = (t) => {
       n("tab-click", String(t));
-    }, u = (t) => {
+    }, b = (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)
+      const m = l("a-tab-pane"), p = l("a-tabs");
+      return a(), s("div", {
+        class: k(z)
       }, [
-        k(p, {
-          "active-key": o.value,
+        g(p, {
+          "active-key": c.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
+          onTabClick: u,
+          onDelete: b
         }, {
-          default: g(() => [
-            (a(!0), d(v, null, h(e.tabs, (i) => (a(), C(b, {
+          default: v(() => [
+            (a(!0), s(h, null, C(e.tabs, (i) => (a(), S(m, {
               key: i.name,
               title: i.title
             }, null, 8, ["title"]))), 128))
@@ -66,5 +66,5 @@ const S = "keyblade-pro-reuse-tabs", q = /* @__PURE__ */ y({
   }
 });
 export {
-  q as default
+  x as default
 };

package/es/style.css

@@ -1 +1 @@
-.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-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}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--2156faf3);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(--2156faf3);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(--2156faf3);padding-left:var(--2e3e7e4c);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(--a70b89aa)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--2e3e7e4c);width:calc(100% - var(--2e3e7e4c))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--a70b89aa);width:calc(100% - var(--a70b89aa))}.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-container .keyblade-pro-page-container-content{padding:20px}
+.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}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding: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(--2156faf3);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(--2156faf3);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(--2156faf3);padding-left:var(--2e3e7e4c);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(--a70b89aa)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--2e3e7e4c);width:calc(100% - var(--2e3e7e4c))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--a70b89aa);width:calc(100% - var(--a70b89aa))}.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-reuse-tabs{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": "1.12.1-alpha.13",
+  "version": "1.12.1-alpha.15",
   "private": false,
   "type": "module",
   "main": "es/index.js",
@@ -28,7 +28,7 @@
     "@keyblade/one-travel": "^3.0.0"
   },
   "peerDependencies": {
-    "vue": "^3.3.4"
+    "vue": "^3.4.27"
   },
   "scripts": {
     "build": "vite build",