@keyblade/pro-components 1.11.3 → 1.11.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/index.d.ts +2 -1
- package/es/pro-keep-alive-router-view/index.d.ts +44 -43
- package/es/pro-keep-alive-router-view/pro-keep-alive-router-view.vue.d.ts +4 -3
- package/es/pro-layout/hooks.d.ts +3 -2
- package/es/pro-layout/index.d.ts +104 -85
- package/es/pro-layout/pro-layout.vue.d.ts +20 -5
- package/es/pro-layout/pro-layout.vue.js +33 -26
- package/es/pro-menu/index.d.ts +66 -47
- package/es/pro-menu/pro-menu.vue.d.ts +18 -5
- package/es/pro-menu/pro-menu.vue.js +47 -42
- package/es/pro-page-container/index.d.ts +41 -40
- package/es/pro-page-container/pro-page-container.vue.d.ts +4 -3
- package/es/pro-page-header/index.d.ts +56 -55
- package/es/pro-page-header/pro-page-header.vue.d.ts +4 -3
- package/es/pro-reuse-tabs/index.d.ts +50 -49
- package/es/pro-reuse-tabs/pro-reuse-tabs.vue.d.ts +6 -5
- package/es/style.css +1 -1
- package/package.json +1 -1
|
@@ -1,53 +1,54 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { App } from 'vue';
|
|
2
|
+
|
|
2
3
|
declare const ProReuseTabs: {
|
|
3
4
|
new (...args: any[]): {
|
|
4
|
-
$: import(
|
|
5
|
+
$: import('vue').ComponentInternalInstance;
|
|
5
6
|
$data: {};
|
|
6
7
|
$props: {
|
|
7
|
-
tabs?: import(
|
|
8
|
+
tabs?: import('./interface').IProTab[] | undefined;
|
|
8
9
|
tabsSize?: "small" | "mini" | "medium" | "large" | undefined;
|
|
9
10
|
tabsType?: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule" | undefined;
|
|
10
11
|
tabsHeaderPadding?: boolean | undefined;
|
|
11
12
|
key?: string | number | symbol | undefined;
|
|
12
|
-
ref?: import(
|
|
13
|
+
ref?: import('vue').VNodeRef | undefined;
|
|
13
14
|
ref_for?: boolean | undefined;
|
|
14
15
|
ref_key?: string | undefined;
|
|
15
|
-
onVnodeBeforeMount?: ((vnode: import(
|
|
16
|
+
onVnodeBeforeMount?: ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
16
17
|
[key: string]: any;
|
|
17
|
-
}>) => void) | ((vnode: import(
|
|
18
|
+
}>) => void) | ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
18
19
|
[key: string]: any;
|
|
19
20
|
}>) => void)[] | undefined;
|
|
20
|
-
onVnodeMounted?: ((vnode: import(
|
|
21
|
+
onVnodeMounted?: ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
21
22
|
[key: string]: any;
|
|
22
|
-
}>) => void) | ((vnode: import(
|
|
23
|
+
}>) => void) | ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
23
24
|
[key: string]: any;
|
|
24
25
|
}>) => void)[] | undefined;
|
|
25
|
-
onVnodeBeforeUpdate?: ((vnode: import(
|
|
26
|
+
onVnodeBeforeUpdate?: ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
26
27
|
[key: string]: any;
|
|
27
|
-
}>, oldVNode: import(
|
|
28
|
+
}>, oldVNode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
28
29
|
[key: string]: any;
|
|
29
|
-
}>) => void) | ((vnode: import(
|
|
30
|
+
}>) => void) | ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
30
31
|
[key: string]: any;
|
|
31
|
-
}>, oldVNode: import(
|
|
32
|
+
}>, oldVNode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
32
33
|
[key: string]: any;
|
|
33
34
|
}>) => void)[] | undefined;
|
|
34
|
-
onVnodeUpdated?: ((vnode: import(
|
|
35
|
+
onVnodeUpdated?: ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
35
36
|
[key: string]: any;
|
|
36
|
-
}>, oldVNode: import(
|
|
37
|
+
}>, oldVNode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
37
38
|
[key: string]: any;
|
|
38
|
-
}>) => void) | ((vnode: import(
|
|
39
|
+
}>) => void) | ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
39
40
|
[key: string]: any;
|
|
40
|
-
}>, oldVNode: import(
|
|
41
|
+
}>, oldVNode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
41
42
|
[key: string]: any;
|
|
42
43
|
}>) => void)[] | undefined;
|
|
43
|
-
onVnodeBeforeUnmount?: ((vnode: import(
|
|
44
|
+
onVnodeBeforeUnmount?: ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
44
45
|
[key: string]: any;
|
|
45
|
-
}>) => void) | ((vnode: import(
|
|
46
|
+
}>) => void) | ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
46
47
|
[key: string]: any;
|
|
47
48
|
}>) => void)[] | undefined;
|
|
48
|
-
onVnodeUnmounted?: ((vnode: import(
|
|
49
|
+
onVnodeUnmounted?: ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
49
50
|
[key: string]: any;
|
|
50
|
-
}>) => void) | ((vnode: import(
|
|
51
|
+
}>) => void) | ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
51
52
|
[key: string]: any;
|
|
52
53
|
}>) => void)[] | undefined;
|
|
53
54
|
class?: unknown;
|
|
@@ -62,41 +63,41 @@ declare const ProReuseTabs: {
|
|
|
62
63
|
[x: string]: unknown;
|
|
63
64
|
};
|
|
64
65
|
$slots: Readonly<{
|
|
65
|
-
[name: string]: import(
|
|
66
|
+
[name: string]: import('vue').Slot<any> | undefined;
|
|
66
67
|
}>;
|
|
67
|
-
$root: import(
|
|
68
|
-
$parent: import(
|
|
68
|
+
$root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
69
|
+
$parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
69
70
|
$emit: ((event: "tab-click", key: string) => void) & ((event: "tab-delete", key: string) => void);
|
|
70
71
|
$el: any;
|
|
71
|
-
$options: import(
|
|
72
|
+
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
72
73
|
tabs: {
|
|
73
|
-
type: import(
|
|
74
|
+
type: import('vue').PropType<import('./interface').IProTab[]>;
|
|
74
75
|
required: true;
|
|
75
76
|
default: () => never[];
|
|
76
77
|
};
|
|
77
78
|
tabsSize: {
|
|
78
|
-
type: import(
|
|
79
|
+
type: import('vue').PropType<"small" | "mini" | "medium" | "large">;
|
|
79
80
|
required: false;
|
|
80
81
|
default: string;
|
|
81
82
|
};
|
|
82
83
|
tabsType: {
|
|
83
|
-
type: import(
|
|
84
|
+
type: import('vue').PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
|
|
84
85
|
required: false;
|
|
85
86
|
default: string;
|
|
86
87
|
};
|
|
87
88
|
tabsHeaderPadding: {
|
|
88
|
-
type: import(
|
|
89
|
+
type: import('vue').PropType<boolean>;
|
|
89
90
|
required: false;
|
|
90
91
|
default: boolean;
|
|
91
92
|
};
|
|
92
93
|
}>> & {
|
|
93
94
|
"onTab-click"?: ((key: string) => any) | undefined;
|
|
94
95
|
"onTab-delete"?: ((key: string) => any) | undefined;
|
|
95
|
-
}, {}, unknown, {}, {}, import(
|
|
96
|
+
}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
96
97
|
"tab-click": (key: string) => void;
|
|
97
98
|
"tab-delete": (key: string) => void;
|
|
98
99
|
}, string, {
|
|
99
|
-
tabs: import(
|
|
100
|
+
tabs: import('./interface').IProTab[];
|
|
100
101
|
tabsSize: "small" | "mini" | "medium" | "large";
|
|
101
102
|
tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
|
|
102
103
|
tabsHeaderPadding: boolean;
|
|
@@ -113,74 +114,74 @@ declare const ProReuseTabs: {
|
|
|
113
114
|
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
|
|
114
115
|
destroyed?: ((() => void) | (() => void)[]) | undefined;
|
|
115
116
|
unmounted?: ((() => void) | (() => void)[]) | undefined;
|
|
116
|
-
renderTracked?: (((e: import(
|
|
117
|
-
renderTriggered?: (((e: import(
|
|
118
|
-
errorCaptured?: (((err: unknown, instance: import(
|
|
117
|
+
renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
|
|
118
|
+
renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
|
|
119
|
+
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;
|
|
119
120
|
};
|
|
120
121
|
$forceUpdate: () => void;
|
|
121
|
-
$nextTick: typeof import(
|
|
122
|
-
$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(
|
|
123
|
-
} & Readonly<import(
|
|
122
|
+
$nextTick: typeof import('vue').nextTick;
|
|
123
|
+
$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;
|
|
124
|
+
} & Readonly<import('vue').ExtractPropTypes<{
|
|
124
125
|
tabs: {
|
|
125
|
-
type: import(
|
|
126
|
+
type: import('vue').PropType<import('./interface').IProTab[]>;
|
|
126
127
|
required: true;
|
|
127
128
|
default: () => never[];
|
|
128
129
|
};
|
|
129
130
|
tabsSize: {
|
|
130
|
-
type: import(
|
|
131
|
+
type: import('vue').PropType<"small" | "mini" | "medium" | "large">;
|
|
131
132
|
required: false;
|
|
132
133
|
default: string;
|
|
133
134
|
};
|
|
134
135
|
tabsType: {
|
|
135
|
-
type: import(
|
|
136
|
+
type: import('vue').PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
|
|
136
137
|
required: false;
|
|
137
138
|
default: string;
|
|
138
139
|
};
|
|
139
140
|
tabsHeaderPadding: {
|
|
140
|
-
type: import(
|
|
141
|
+
type: import('vue').PropType<boolean>;
|
|
141
142
|
required: false;
|
|
142
143
|
default: boolean;
|
|
143
144
|
};
|
|
144
145
|
}>> & {
|
|
145
146
|
"onTab-click"?: ((key: string) => any) | undefined;
|
|
146
147
|
"onTab-delete"?: ((key: string) => any) | undefined;
|
|
147
|
-
} & import(
|
|
148
|
+
} & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {};
|
|
148
149
|
__isFragment?: undefined;
|
|
149
150
|
__isTeleport?: undefined;
|
|
150
151
|
__isSuspense?: undefined;
|
|
151
|
-
} & import(
|
|
152
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
152
153
|
tabs: {
|
|
153
|
-
type: import(
|
|
154
|
+
type: import('vue').PropType<import('./interface').IProTab[]>;
|
|
154
155
|
required: true;
|
|
155
156
|
default: () => never[];
|
|
156
157
|
};
|
|
157
158
|
tabsSize: {
|
|
158
|
-
type: import(
|
|
159
|
+
type: import('vue').PropType<"small" | "mini" | "medium" | "large">;
|
|
159
160
|
required: false;
|
|
160
161
|
default: string;
|
|
161
162
|
};
|
|
162
163
|
tabsType: {
|
|
163
|
-
type: import(
|
|
164
|
+
type: import('vue').PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
|
|
164
165
|
required: false;
|
|
165
166
|
default: string;
|
|
166
167
|
};
|
|
167
168
|
tabsHeaderPadding: {
|
|
168
|
-
type: import(
|
|
169
|
+
type: import('vue').PropType<boolean>;
|
|
169
170
|
required: false;
|
|
170
171
|
default: boolean;
|
|
171
172
|
};
|
|
172
173
|
}>> & {
|
|
173
174
|
"onTab-click"?: ((key: string) => any) | undefined;
|
|
174
175
|
"onTab-delete"?: ((key: string) => any) | undefined;
|
|
175
|
-
}, {}, unknown, {}, {}, import(
|
|
176
|
+
}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
176
177
|
"tab-click": (key: string) => void;
|
|
177
178
|
"tab-delete": (key: string) => void;
|
|
178
179
|
}, string, {
|
|
179
|
-
tabs: import(
|
|
180
|
+
tabs: import('./interface').IProTab[];
|
|
180
181
|
tabsSize: "small" | "mini" | "medium" | "large";
|
|
181
182
|
tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
|
|
182
183
|
tabsHeaderPadding: boolean;
|
|
183
|
-
}, {}, string, {}> & import(
|
|
184
|
+
}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
|
|
184
185
|
install: (app: App) => void;
|
|
185
186
|
};
|
|
186
187
|
export * from './interface';
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { IProTab } from './interface';
|
|
3
|
+
|
|
4
|
+
declare const _default: import('vue').DefineComponent<{
|
|
4
5
|
tabs: {
|
|
5
6
|
type: PropType<IProTab[]>;
|
|
6
7
|
required: true;
|
|
@@ -22,10 +23,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
22
23
|
required: false;
|
|
23
24
|
default: boolean;
|
|
24
25
|
};
|
|
25
|
-
}, {}, unknown, {}, {}, import(
|
|
26
|
+
}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
26
27
|
"tab-click": (key: string) => void;
|
|
27
28
|
"tab-delete": (key: string) => void;
|
|
28
|
-
}, string, import(
|
|
29
|
+
}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
|
|
29
30
|
tabs: {
|
|
30
31
|
type: PropType<IProTab[]>;
|
|
31
32
|
required: true;
|
package/es/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.keyblade-pro-
|
|
1
|
+
.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-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.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(--1f3bb2d6);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(--1f3bb2d6);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(--1f3bb2d6);padding-left:var(--7e248778);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(--352df366)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--7e248778);width:calc(100% - var(--7e248778))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--352df366);width:calc(100% - var(--352df366))}.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}
|