@keyblade/pro-components 1.4.6 → 1.5.0
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/components.d.ts +1 -1
- package/es/index.d.ts +1 -1
- package/es/index.js +19 -19
- package/es/pro-keep-alive-router-view/index.d.ts +1 -1
- package/es/pro-layout/hooks.d.ts +1 -1
- package/es/pro-layout/hooks.js +1 -1
- package/es/pro-layout/index.d.ts +31 -13
- package/es/pro-layout/pro-layout.vue.d.ts +36 -15
- package/es/pro-layout/pro-layout.vue.js +127 -115
- package/es/pro-menu/index.d.ts +24 -4
- package/es/pro-menu/index.js +7 -6
- package/es/pro-menu/pro-menu.vue.d.ts +13 -1
- package/es/pro-menu/pro-menu.vue.js +99 -34
- package/es/pro-menu/pro-menu.vue2.js +2 -2
- package/es/pro-menu/pro-menu.vue3.js +5 -0
- package/es/pro-page-container/index.d.ts +82 -109
- package/es/pro-page-container/index.js +7 -7
- package/es/pro-page-container/pro-page-container.vue.d.ts +49 -79
- package/es/pro-page-container/pro-page-container.vue.js +32 -51
- package/es/{pro-breadcrumb → pro-page-header}/index.d.ts +55 -55
- package/es/pro-page-header/index.js +13 -0
- package/es/{pro-breadcrumb/pro-breadcrumb.vue.d.ts → pro-page-header/pro-page-header.vue.d.ts} +41 -41
- package/es/pro-page-header/pro-page-header.vue.js +125 -0
- package/es/pro-page-header/pro-page-header.vue3.js +5 -0
- package/es/pro-reuse-tabs/index.d.ts +1 -1
- package/es/style.css +1 -1
- package/package.json +3 -2
- package/src/index.ts +3 -3
- package/es/pro-breadcrumb/index.js +0 -13
- package/es/pro-breadcrumb/pro-breadcrumb.vue.js +0 -102
- package/es/pro-breadcrumb/pro-breadcrumb.vue3.js +0 -5
- package/es/pro-menu/pro-menu-item.vue.d.ts +0 -14
- package/es/pro-menu/pro-menu-item.vue.js +0 -88
- package/es/pro-menu/pro-menu-item.vue2.js +0 -4
- package/es/pro-menu/pro-menu-item.vue3.js +0 -5
- /package/es/{pro-breadcrumb/pro-breadcrumb.vue2.js → pro-page-header/pro-page-header.vue2.js} +0 -0
package/es/components.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare module 'vue' {
|
|
2
2
|
interface GlobalComponents {
|
|
3
|
-
|
|
3
|
+
KbProPageHeader: typeof import('./index')['ProPageHeader'];
|
|
4
4
|
KbProKeepAliveRouterView: typeof import('./index')['ProKeepAliveRouterView'];
|
|
5
5
|
KbProLayout: typeof import('./index')['ProLayout'];
|
|
6
6
|
KbProMenu: typeof import('./index')['ProMenu'];
|
package/es/index.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ declare const _default: {
|
|
|
3
3
|
install(app: App): void;
|
|
4
4
|
};
|
|
5
5
|
export default _default;
|
|
6
|
-
export { default as
|
|
6
|
+
export { default as ProPageHeader } from './pro-page-header';
|
|
7
7
|
export { default as ProKeepAliveRouterView } from './pro-keep-alive-router-view';
|
|
8
8
|
export { default as ProLayout } from './pro-layout';
|
|
9
9
|
export { default as ProMenu } from './pro-menu';
|
package/es/index.js
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { default as
|
|
3
|
-
import { ProKeepAliveRouterView as
|
|
4
|
-
import { default as
|
|
1
|
+
import { ProPageHeader as o } from "./pro-page-header/index.js";
|
|
2
|
+
import { default as g } from "./pro-page-header/index.js";
|
|
3
|
+
import { ProKeepAliveRouterView as r } from "./pro-keep-alive-router-view/index.js";
|
|
4
|
+
import { default as b } from "./pro-keep-alive-router-view/index.js";
|
|
5
5
|
import { ProLayout as t } from "./pro-layout/index.js";
|
|
6
|
-
import { default as
|
|
7
|
-
import { ProMenu as
|
|
8
|
-
import { default as
|
|
9
|
-
import { ProPageContainer as
|
|
10
|
-
import { default as
|
|
11
|
-
import { ProReuseTabs as
|
|
12
|
-
import { default as
|
|
6
|
+
import { default as w } from "./pro-layout/index.js";
|
|
7
|
+
import { ProMenu as a } from "./pro-menu/index.js";
|
|
8
|
+
import { default as A } from "./pro-menu/index.js";
|
|
9
|
+
import { ProPageContainer as u } from "./pro-page-container/index.js";
|
|
10
|
+
import { default as H } from "./pro-page-container/index.js";
|
|
11
|
+
import { ProReuseTabs as f } from "./pro-reuse-tabs/index.js";
|
|
12
|
+
import { default as L } from "./pro-reuse-tabs/index.js";
|
|
13
13
|
const n = {
|
|
14
|
-
install(
|
|
15
|
-
|
|
14
|
+
install(e) {
|
|
15
|
+
e.use(o), e.use(r), e.use(t), e.use(a), e.use(u), e.use(f);
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
18
|
export {
|
|
19
|
-
b as
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
19
|
+
b as ProKeepAliveRouterView,
|
|
20
|
+
w as ProLayout,
|
|
21
|
+
A as ProMenu,
|
|
22
|
+
H as ProPageContainer,
|
|
23
|
+
g as ProPageHeader,
|
|
24
|
+
L as ProReuseTabs,
|
|
25
25
|
n as default
|
|
26
26
|
};
|
|
@@ -7,7 +7,6 @@ declare const ProKeepAliveRouterView: {
|
|
|
7
7
|
keepAliveInclude?: string[] | undefined;
|
|
8
8
|
keepAliveExclude?: string[] | undefined;
|
|
9
9
|
keepAliveMax?: number | undefined;
|
|
10
|
-
style?: unknown;
|
|
11
10
|
key?: string | number | symbol | undefined;
|
|
12
11
|
ref?: VNodeRef | undefined;
|
|
13
12
|
ref_for?: boolean | undefined;
|
|
@@ -51,6 +50,7 @@ declare const ProKeepAliveRouterView: {
|
|
|
51
50
|
[key: string]: any;
|
|
52
51
|
}>) => void)[] | undefined;
|
|
53
52
|
class?: unknown;
|
|
53
|
+
style?: unknown;
|
|
54
54
|
};
|
|
55
55
|
$attrs: {
|
|
56
56
|
[x: string]: unknown;
|
package/es/pro-layout/hooks.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type Ref } from 'vue';
|
|
2
2
|
import type { IProMenuItem } from '../pro-menu';
|
|
3
3
|
export declare function useHooks(menuItems: Ref<IProMenuItem[]>, options: {
|
|
4
|
-
|
|
4
|
+
hideTabs: boolean;
|
|
5
5
|
}): {
|
|
6
6
|
menuSelectedKeys: Ref<string[]>;
|
|
7
7
|
activeMenuItem: Ref<IProMenuItem | undefined>;
|
package/es/pro-layout/hooks.js
CHANGED
|
@@ -88,7 +88,7 @@ function K(d, T) {
|
|
|
88
88
|
}, { immediate: !0 }), b(() => i == null ? void 0 : i.name, () => {
|
|
89
89
|
var t;
|
|
90
90
|
const a = i == null ? void 0 : i.name;
|
|
91
|
-
u.value = v.value[a], h.value = u != null && u.value ? [u.value.name, ...((t = u.value) == null ? void 0 : t.activatedKeys) || []] : [], N(), k(), T.
|
|
91
|
+
u.value = v.value[a], h.value = u != null && u.value ? [u.value.name, ...((t = u.value) == null ? void 0 : t.activatedKeys) || []] : [], N(), k(), T.hideTabs || y(), A();
|
|
92
92
|
}, { immediate: !0 }), {
|
|
93
93
|
menuSelectedKeys: h,
|
|
94
94
|
activeMenuItem: u,
|
package/es/pro-layout/index.d.ts
CHANGED
|
@@ -14,8 +14,8 @@ declare const ProLayout: {
|
|
|
14
14
|
siderCollapsed?: boolean | undefined;
|
|
15
15
|
menuItems?: IProMenuItem[] | undefined;
|
|
16
16
|
footerTitle?: string | undefined;
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
hideFooter?: boolean | undefined;
|
|
18
|
+
hideTabs?: boolean | undefined;
|
|
19
19
|
key?: string | number | symbol | undefined;
|
|
20
20
|
ref?: VNodeRef | undefined;
|
|
21
21
|
ref_for?: boolean | undefined;
|
|
@@ -59,6 +59,7 @@ declare const ProLayout: {
|
|
|
59
59
|
[key: string]: any;
|
|
60
60
|
}>) => void)[] | undefined;
|
|
61
61
|
class?: unknown;
|
|
62
|
+
style?: unknown;
|
|
62
63
|
onCollapse?: ((collapsed: boolean) => any) | undefined;
|
|
63
64
|
onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
|
|
64
65
|
};
|
|
@@ -86,12 +87,12 @@ declare const ProLayout: {
|
|
|
86
87
|
required: false;
|
|
87
88
|
default: number;
|
|
88
89
|
};
|
|
89
|
-
|
|
90
|
+
logo: {
|
|
90
91
|
type: PropType<string>;
|
|
91
92
|
required: false;
|
|
92
93
|
default: string;
|
|
93
94
|
};
|
|
94
|
-
|
|
95
|
+
title: {
|
|
95
96
|
type: PropType<string>;
|
|
96
97
|
required: false;
|
|
97
98
|
default: string;
|
|
@@ -121,7 +122,12 @@ declare const ProLayout: {
|
|
|
121
122
|
required: false;
|
|
122
123
|
default: string;
|
|
123
124
|
};
|
|
124
|
-
|
|
125
|
+
hideFooter: {
|
|
126
|
+
type: PropType<boolean>;
|
|
127
|
+
required: false;
|
|
128
|
+
default: boolean;
|
|
129
|
+
};
|
|
130
|
+
hideTabs: {
|
|
125
131
|
type: PropType<boolean>;
|
|
126
132
|
required: false;
|
|
127
133
|
default: boolean;
|
|
@@ -142,7 +148,8 @@ declare const ProLayout: {
|
|
|
142
148
|
siderCollapsed: boolean;
|
|
143
149
|
menuItems: IProMenuItem[];
|
|
144
150
|
footerTitle: string;
|
|
145
|
-
|
|
151
|
+
hideFooter: boolean;
|
|
152
|
+
hideTabs: boolean;
|
|
146
153
|
}, {}, string, {}> & {
|
|
147
154
|
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
|
|
148
155
|
created?: ((() => void) | (() => void)[]) | undefined;
|
|
@@ -174,12 +181,12 @@ declare const ProLayout: {
|
|
|
174
181
|
required: false;
|
|
175
182
|
default: number;
|
|
176
183
|
};
|
|
177
|
-
|
|
184
|
+
logo: {
|
|
178
185
|
type: PropType<string>;
|
|
179
186
|
required: false;
|
|
180
187
|
default: string;
|
|
181
188
|
};
|
|
182
|
-
|
|
189
|
+
title: {
|
|
183
190
|
type: PropType<string>;
|
|
184
191
|
required: false;
|
|
185
192
|
default: string;
|
|
@@ -209,7 +216,12 @@ declare const ProLayout: {
|
|
|
209
216
|
required: false;
|
|
210
217
|
default: string;
|
|
211
218
|
};
|
|
212
|
-
|
|
219
|
+
hideFooter: {
|
|
220
|
+
type: PropType<boolean>;
|
|
221
|
+
required: false;
|
|
222
|
+
default: boolean;
|
|
223
|
+
};
|
|
224
|
+
hideTabs: {
|
|
213
225
|
type: PropType<boolean>;
|
|
214
226
|
required: false;
|
|
215
227
|
default: boolean;
|
|
@@ -232,12 +244,12 @@ declare const ProLayout: {
|
|
|
232
244
|
required: false;
|
|
233
245
|
default: number;
|
|
234
246
|
};
|
|
235
|
-
|
|
247
|
+
logo: {
|
|
236
248
|
type: PropType<string>;
|
|
237
249
|
required: false;
|
|
238
250
|
default: string;
|
|
239
251
|
};
|
|
240
|
-
|
|
252
|
+
title: {
|
|
241
253
|
type: PropType<string>;
|
|
242
254
|
required: false;
|
|
243
255
|
default: string;
|
|
@@ -267,7 +279,12 @@ declare const ProLayout: {
|
|
|
267
279
|
required: false;
|
|
268
280
|
default: string;
|
|
269
281
|
};
|
|
270
|
-
|
|
282
|
+
hideFooter: {
|
|
283
|
+
type: PropType<boolean>;
|
|
284
|
+
required: false;
|
|
285
|
+
default: boolean;
|
|
286
|
+
};
|
|
287
|
+
hideTabs: {
|
|
271
288
|
type: PropType<boolean>;
|
|
272
289
|
required: false;
|
|
273
290
|
default: boolean;
|
|
@@ -288,7 +305,8 @@ declare const ProLayout: {
|
|
|
288
305
|
siderCollapsed: boolean;
|
|
289
306
|
menuItems: IProMenuItem[];
|
|
290
307
|
footerTitle: string;
|
|
291
|
-
|
|
308
|
+
hideFooter: boolean;
|
|
309
|
+
hideTabs: boolean;
|
|
292
310
|
}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
|
|
293
311
|
$slots: {
|
|
294
312
|
"header-left"?(_: {}): any;
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, type PropType } from 'vue';
|
|
2
2
|
import type { IProMenuItem } from '../pro-menu';
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<DefineComponent<{
|
|
4
|
-
/**
|
|
4
|
+
/**
|
|
5
|
+
* 布局模式
|
|
6
|
+
* side:侧边菜单布局
|
|
7
|
+
* mix:混合菜单布局
|
|
8
|
+
* */
|
|
5
9
|
layout: {
|
|
6
10
|
type: PropType<"mix" | "side">;
|
|
7
11
|
required: false;
|
|
@@ -13,14 +17,14 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<{
|
|
|
13
17
|
required: false;
|
|
14
18
|
default: number;
|
|
15
19
|
};
|
|
16
|
-
/**
|
|
17
|
-
|
|
20
|
+
/** logo */
|
|
21
|
+
logo: {
|
|
18
22
|
type: PropType<string>;
|
|
19
23
|
required: false;
|
|
20
24
|
default: string;
|
|
21
25
|
};
|
|
22
|
-
/**
|
|
23
|
-
|
|
26
|
+
/** 标题 */
|
|
27
|
+
title: {
|
|
24
28
|
type: PropType<string>;
|
|
25
29
|
required: false;
|
|
26
30
|
default: string;
|
|
@@ -55,8 +59,14 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<{
|
|
|
55
59
|
required: false;
|
|
56
60
|
default: string;
|
|
57
61
|
};
|
|
58
|
-
/**
|
|
59
|
-
|
|
62
|
+
/** 是否隐藏页脚 */
|
|
63
|
+
hideFooter: {
|
|
64
|
+
type: PropType<boolean>;
|
|
65
|
+
required: false;
|
|
66
|
+
default: boolean;
|
|
67
|
+
};
|
|
68
|
+
/** 是否隐藏多页签 */
|
|
69
|
+
hideTabs: {
|
|
60
70
|
type: PropType<boolean>;
|
|
61
71
|
required: false;
|
|
62
72
|
default: boolean;
|
|
@@ -67,7 +77,11 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<{
|
|
|
67
77
|
/** keepAlive改变事件 */
|
|
68
78
|
keepAliveIncludeChange: (keepAliveInclude: string[]) => true;
|
|
69
79
|
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
70
|
-
/**
|
|
80
|
+
/**
|
|
81
|
+
* 布局模式
|
|
82
|
+
* side:侧边菜单布局
|
|
83
|
+
* mix:混合菜单布局
|
|
84
|
+
* */
|
|
71
85
|
layout: {
|
|
72
86
|
type: PropType<"mix" | "side">;
|
|
73
87
|
required: false;
|
|
@@ -79,14 +93,14 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<{
|
|
|
79
93
|
required: false;
|
|
80
94
|
default: number;
|
|
81
95
|
};
|
|
82
|
-
/**
|
|
83
|
-
|
|
96
|
+
/** logo */
|
|
97
|
+
logo: {
|
|
84
98
|
type: PropType<string>;
|
|
85
99
|
required: false;
|
|
86
100
|
default: string;
|
|
87
101
|
};
|
|
88
|
-
/**
|
|
89
|
-
|
|
102
|
+
/** 标题 */
|
|
103
|
+
title: {
|
|
90
104
|
type: PropType<string>;
|
|
91
105
|
required: false;
|
|
92
106
|
default: string;
|
|
@@ -121,8 +135,14 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<{
|
|
|
121
135
|
required: false;
|
|
122
136
|
default: string;
|
|
123
137
|
};
|
|
124
|
-
/**
|
|
125
|
-
|
|
138
|
+
/** 是否隐藏页脚 */
|
|
139
|
+
hideFooter: {
|
|
140
|
+
type: PropType<boolean>;
|
|
141
|
+
required: false;
|
|
142
|
+
default: boolean;
|
|
143
|
+
};
|
|
144
|
+
/** 是否隐藏多页签 */
|
|
145
|
+
hideTabs: {
|
|
126
146
|
type: PropType<boolean>;
|
|
127
147
|
required: false;
|
|
128
148
|
default: boolean;
|
|
@@ -140,7 +160,8 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<{
|
|
|
140
160
|
siderCollapsed: boolean;
|
|
141
161
|
menuItems: IProMenuItem[];
|
|
142
162
|
footerTitle: string;
|
|
143
|
-
|
|
163
|
+
hideFooter: boolean;
|
|
164
|
+
hideTabs: boolean;
|
|
144
165
|
}, {}>, {
|
|
145
166
|
"header-left"?(_: {}): any;
|
|
146
167
|
"header-center"?(_: {}): any;
|