@keyblade/pro-components 1.7.2 → 1.7.4
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/pro-layout/hooks.d.ts +4 -1
- package/es/pro-layout/hooks.js +68 -68
- package/es/pro-layout/index.d.ts +54 -0
- package/es/pro-layout/pro-layout.vue.d.ts +37 -0
- package/es/pro-layout/pro-layout.vue.js +94 -74
- package/es/pro-menu/interface.d.ts +4 -1
- package/es/pro-page-container/index.d.ts +33 -6
- package/es/pro-page-container/pro-page-container.vue.d.ts +17 -3
- package/es/pro-page-container/pro-page-container.vue.js +14 -11
- package/es/pro-page-header/index.d.ts +42 -6
- package/es/pro-page-header/pro-page-header.vue.d.ts +25 -3
- package/es/pro-page-header/pro-page-header.vue.js +63 -44
- package/es/pro-reuse-tabs/index.d.ts +54 -0
- package/es/pro-reuse-tabs/pro-reuse-tabs.vue.d.ts +35 -0
- package/es/pro-reuse-tabs/pro-reuse-tabs.vue.js +45 -28
- package/es/style.css +1 -1
- package/package.json +1 -1
|
@@ -10,8 +10,12 @@ declare const ProPageContainer: {
|
|
|
10
10
|
subTitle?: string | undefined;
|
|
11
11
|
titlePosition?: "top" | "bottom" | undefined;
|
|
12
12
|
hideTitle?: boolean | undefined;
|
|
13
|
+
breadcrumbRouterMode?: boolean | undefined;
|
|
13
14
|
breadcrumbPrefixIcon?: string | boolean | undefined;
|
|
14
|
-
breadcrumbItems?:
|
|
15
|
+
breadcrumbItems?: {
|
|
16
|
+
label: string;
|
|
17
|
+
path?: string | undefined;
|
|
18
|
+
}[] | undefined;
|
|
15
19
|
} | undefined;
|
|
16
20
|
key?: string | number | symbol | undefined;
|
|
17
21
|
ref?: import("vue").VNodeRef | undefined;
|
|
@@ -83,8 +87,12 @@ declare const ProPageContainer: {
|
|
|
83
87
|
subTitle?: string | undefined;
|
|
84
88
|
titlePosition?: "top" | "bottom" | undefined;
|
|
85
89
|
hideTitle?: boolean | undefined;
|
|
90
|
+
breadcrumbRouterMode?: boolean | undefined;
|
|
86
91
|
breadcrumbPrefixIcon?: string | boolean | undefined;
|
|
87
|
-
breadcrumbItems?:
|
|
92
|
+
breadcrumbItems?: {
|
|
93
|
+
label: string;
|
|
94
|
+
path?: string | undefined;
|
|
95
|
+
}[] | undefined;
|
|
88
96
|
}>;
|
|
89
97
|
required: false;
|
|
90
98
|
default: () => {
|
|
@@ -92,6 +100,7 @@ declare const ProPageContainer: {
|
|
|
92
100
|
subTitle: string;
|
|
93
101
|
titlePosition: string;
|
|
94
102
|
hideTitle: boolean;
|
|
103
|
+
breadcrumbRouterMode: boolean;
|
|
95
104
|
breadcrumbPrefixIcon: string;
|
|
96
105
|
breadcrumbItems: never[];
|
|
97
106
|
};
|
|
@@ -103,8 +112,12 @@ declare const ProPageContainer: {
|
|
|
103
112
|
subTitle?: string | undefined;
|
|
104
113
|
titlePosition?: "top" | "bottom" | undefined;
|
|
105
114
|
hideTitle?: boolean | undefined;
|
|
115
|
+
breadcrumbRouterMode?: boolean | undefined;
|
|
106
116
|
breadcrumbPrefixIcon?: string | boolean | undefined;
|
|
107
|
-
breadcrumbItems?:
|
|
117
|
+
breadcrumbItems?: {
|
|
118
|
+
label: string;
|
|
119
|
+
path?: string | undefined;
|
|
120
|
+
}[] | undefined;
|
|
108
121
|
};
|
|
109
122
|
}, {}, string, {}> & {
|
|
110
123
|
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
|
|
@@ -138,8 +151,12 @@ declare const ProPageContainer: {
|
|
|
138
151
|
subTitle?: string | undefined;
|
|
139
152
|
titlePosition?: "top" | "bottom" | undefined;
|
|
140
153
|
hideTitle?: boolean | undefined;
|
|
154
|
+
breadcrumbRouterMode?: boolean | undefined;
|
|
141
155
|
breadcrumbPrefixIcon?: string | boolean | undefined;
|
|
142
|
-
breadcrumbItems?:
|
|
156
|
+
breadcrumbItems?: {
|
|
157
|
+
label: string;
|
|
158
|
+
path?: string | undefined;
|
|
159
|
+
}[] | undefined;
|
|
143
160
|
}>;
|
|
144
161
|
required: false;
|
|
145
162
|
default: () => {
|
|
@@ -147,6 +164,7 @@ declare const ProPageContainer: {
|
|
|
147
164
|
subTitle: string;
|
|
148
165
|
titlePosition: string;
|
|
149
166
|
hideTitle: boolean;
|
|
167
|
+
breadcrumbRouterMode: boolean;
|
|
150
168
|
breadcrumbPrefixIcon: string;
|
|
151
169
|
breadcrumbItems: never[];
|
|
152
170
|
};
|
|
@@ -167,8 +185,12 @@ declare const ProPageContainer: {
|
|
|
167
185
|
subTitle?: string | undefined;
|
|
168
186
|
titlePosition?: "top" | "bottom" | undefined;
|
|
169
187
|
hideTitle?: boolean | undefined;
|
|
188
|
+
breadcrumbRouterMode?: boolean | undefined;
|
|
170
189
|
breadcrumbPrefixIcon?: string | boolean | undefined;
|
|
171
|
-
breadcrumbItems?:
|
|
190
|
+
breadcrumbItems?: {
|
|
191
|
+
label: string;
|
|
192
|
+
path?: string | undefined;
|
|
193
|
+
}[] | undefined;
|
|
172
194
|
}>;
|
|
173
195
|
required: false;
|
|
174
196
|
default: () => {
|
|
@@ -176,6 +198,7 @@ declare const ProPageContainer: {
|
|
|
176
198
|
subTitle: string;
|
|
177
199
|
titlePosition: string;
|
|
178
200
|
hideTitle: boolean;
|
|
201
|
+
breadcrumbRouterMode: boolean;
|
|
179
202
|
breadcrumbPrefixIcon: string;
|
|
180
203
|
breadcrumbItems: never[];
|
|
181
204
|
};
|
|
@@ -187,8 +210,12 @@ declare const ProPageContainer: {
|
|
|
187
210
|
subTitle?: string | undefined;
|
|
188
211
|
titlePosition?: "top" | "bottom" | undefined;
|
|
189
212
|
hideTitle?: boolean | undefined;
|
|
213
|
+
breadcrumbRouterMode?: boolean | undefined;
|
|
190
214
|
breadcrumbPrefixIcon?: string | boolean | undefined;
|
|
191
|
-
breadcrumbItems?:
|
|
215
|
+
breadcrumbItems?: {
|
|
216
|
+
label: string;
|
|
217
|
+
path?: string | undefined;
|
|
218
|
+
}[] | undefined;
|
|
192
219
|
};
|
|
193
220
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
194
221
|
$slots: {
|
|
@@ -13,8 +13,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
13
13
|
subTitle?: string | undefined;
|
|
14
14
|
titlePosition?: "top" | "bottom" | undefined;
|
|
15
15
|
hideTitle?: boolean | undefined;
|
|
16
|
+
breadcrumbRouterMode?: boolean | undefined;
|
|
16
17
|
breadcrumbPrefixIcon?: string | boolean | undefined;
|
|
17
|
-
breadcrumbItems?:
|
|
18
|
+
breadcrumbItems?: {
|
|
19
|
+
label: string;
|
|
20
|
+
path?: string | undefined;
|
|
21
|
+
}[] | undefined;
|
|
18
22
|
}>;
|
|
19
23
|
required: false;
|
|
20
24
|
default: () => {
|
|
@@ -22,6 +26,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
22
26
|
subTitle: string;
|
|
23
27
|
titlePosition: string;
|
|
24
28
|
hideTitle: boolean;
|
|
29
|
+
breadcrumbRouterMode: boolean;
|
|
25
30
|
breadcrumbPrefixIcon: string;
|
|
26
31
|
breadcrumbItems: never[];
|
|
27
32
|
};
|
|
@@ -40,8 +45,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
40
45
|
subTitle?: string | undefined;
|
|
41
46
|
titlePosition?: "top" | "bottom" | undefined;
|
|
42
47
|
hideTitle?: boolean | undefined;
|
|
48
|
+
breadcrumbRouterMode?: boolean | undefined;
|
|
43
49
|
breadcrumbPrefixIcon?: string | boolean | undefined;
|
|
44
|
-
breadcrumbItems?:
|
|
50
|
+
breadcrumbItems?: {
|
|
51
|
+
label: string;
|
|
52
|
+
path?: string | undefined;
|
|
53
|
+
}[] | undefined;
|
|
45
54
|
}>;
|
|
46
55
|
required: false;
|
|
47
56
|
default: () => {
|
|
@@ -49,6 +58,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
49
58
|
subTitle: string;
|
|
50
59
|
titlePosition: string;
|
|
51
60
|
hideTitle: boolean;
|
|
61
|
+
breadcrumbRouterMode: boolean;
|
|
52
62
|
breadcrumbPrefixIcon: string;
|
|
53
63
|
breadcrumbItems: never[];
|
|
54
64
|
};
|
|
@@ -60,8 +70,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
60
70
|
subTitle?: string | undefined;
|
|
61
71
|
titlePosition?: "top" | "bottom" | undefined;
|
|
62
72
|
hideTitle?: boolean | undefined;
|
|
73
|
+
breadcrumbRouterMode?: boolean | undefined;
|
|
63
74
|
breadcrumbPrefixIcon?: string | boolean | undefined;
|
|
64
|
-
breadcrumbItems?:
|
|
75
|
+
breadcrumbItems?: {
|
|
76
|
+
label: string;
|
|
77
|
+
path?: string | undefined;
|
|
78
|
+
}[] | undefined;
|
|
65
79
|
};
|
|
66
80
|
}, {}>, {
|
|
67
81
|
default?(_: {}): any;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as l, resolveComponent as c, openBlock as a, createElementBlock as n, normalizeClass as r, createBlock as b, createCommentVNode as u, createElementVNode as m, renderSlot as s } from "vue";
|
|
2
|
+
const o = "keyblade-pro-page-container", g = /* @__PURE__ */ l({
|
|
3
3
|
__name: "pro-page-container",
|
|
4
4
|
props: {
|
|
5
5
|
/** 是否隐藏页头 */
|
|
@@ -17,35 +17,38 @@ const r = "keyblade-pro-page-container", f = /* @__PURE__ */ o({
|
|
|
17
17
|
subTitle: "",
|
|
18
18
|
titlePosition: "top",
|
|
19
19
|
hideTitle: !1,
|
|
20
|
+
breadcrumbRouterMode: !1,
|
|
20
21
|
breadcrumbPrefixIcon: "icon-apps",
|
|
21
22
|
breadcrumbItems: []
|
|
22
23
|
})
|
|
23
24
|
}
|
|
24
25
|
},
|
|
25
26
|
setup(e) {
|
|
26
|
-
return (
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
return (d, f) => {
|
|
28
|
+
var t;
|
|
29
|
+
const i = c("kb-pro-page-header");
|
|
30
|
+
return a(), n("div", {
|
|
31
|
+
class: r(o)
|
|
30
32
|
}, [
|
|
31
|
-
e.hidePageHeader ?
|
|
33
|
+
e.hidePageHeader ? u("", !0) : (a(), b(i, {
|
|
32
34
|
key: 0,
|
|
33
35
|
title: e.pageHeader.title,
|
|
34
36
|
subTitle: e.pageHeader.subTitle,
|
|
35
37
|
titlePosition: e.pageHeader.titlePosition,
|
|
36
38
|
hideTitle: e.pageHeader.hideTitle,
|
|
39
|
+
breadcrumbRouterMode: (t = e.pageHeader) == null ? void 0 : t.breadcrumbRouterMode,
|
|
37
40
|
breadcrumbPrefixIcon: e.pageHeader.breadcrumbPrefixIcon,
|
|
38
41
|
breadcrumbItems: e.pageHeader.breadcrumbItems
|
|
39
|
-
}, null, 8, ["title", "subTitle", "titlePosition", "hideTitle", "breadcrumbPrefixIcon", "breadcrumbItems"])),
|
|
42
|
+
}, null, 8, ["title", "subTitle", "titlePosition", "hideTitle", "breadcrumbRouterMode", "breadcrumbPrefixIcon", "breadcrumbItems"])),
|
|
40
43
|
m("div", {
|
|
41
|
-
class:
|
|
44
|
+
class: r(`${o}-content`)
|
|
42
45
|
}, [
|
|
43
|
-
|
|
46
|
+
s(d.$slots, "default")
|
|
44
47
|
], 2)
|
|
45
48
|
]);
|
|
46
49
|
};
|
|
47
50
|
}
|
|
48
51
|
});
|
|
49
52
|
export {
|
|
50
|
-
|
|
53
|
+
g as default
|
|
51
54
|
};
|
|
@@ -5,10 +5,14 @@ declare const ProPageHeader: {
|
|
|
5
5
|
$data: {};
|
|
6
6
|
$props: {
|
|
7
7
|
title?: string | undefined;
|
|
8
|
-
breadcrumbItems?:
|
|
8
|
+
breadcrumbItems?: {
|
|
9
|
+
path?: string | undefined;
|
|
10
|
+
label: string;
|
|
11
|
+
}[] | undefined;
|
|
9
12
|
subTitle?: string | undefined;
|
|
10
13
|
titlePosition?: "top" | "bottom" | undefined;
|
|
11
14
|
hideTitle?: boolean | undefined;
|
|
15
|
+
breadcrumbRouterMode?: boolean | undefined;
|
|
12
16
|
breadcrumbPrefixIcon?: string | boolean | undefined;
|
|
13
17
|
key?: string | number | symbol | undefined;
|
|
14
18
|
ref?: import("vue").VNodeRef | undefined;
|
|
@@ -89,22 +93,34 @@ declare const ProPageHeader: {
|
|
|
89
93
|
required: false;
|
|
90
94
|
default: boolean;
|
|
91
95
|
};
|
|
96
|
+
breadcrumbRouterMode: {
|
|
97
|
+
type: import("vue").PropType<boolean>;
|
|
98
|
+
required: false;
|
|
99
|
+
default: boolean;
|
|
100
|
+
};
|
|
92
101
|
breadcrumbPrefixIcon: {
|
|
93
102
|
type: import("vue").PropType<string | boolean>;
|
|
94
103
|
required: false;
|
|
95
104
|
default: string;
|
|
96
105
|
};
|
|
97
106
|
breadcrumbItems: {
|
|
98
|
-
type: import("vue").PropType<
|
|
107
|
+
type: import("vue").PropType<{
|
|
108
|
+
path?: string | undefined;
|
|
109
|
+
label: string;
|
|
110
|
+
}[]>;
|
|
99
111
|
required: false;
|
|
100
112
|
default: () => never[];
|
|
101
113
|
};
|
|
102
114
|
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
103
115
|
title: string;
|
|
104
|
-
breadcrumbItems:
|
|
116
|
+
breadcrumbItems: {
|
|
117
|
+
path?: string | undefined;
|
|
118
|
+
label: string;
|
|
119
|
+
}[];
|
|
105
120
|
subTitle: string;
|
|
106
121
|
titlePosition: "top" | "bottom";
|
|
107
122
|
hideTitle: boolean;
|
|
123
|
+
breadcrumbRouterMode: boolean;
|
|
108
124
|
breadcrumbPrefixIcon: string | boolean;
|
|
109
125
|
}, {}, string, {}> & {
|
|
110
126
|
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
|
|
@@ -147,13 +163,21 @@ declare const ProPageHeader: {
|
|
|
147
163
|
required: false;
|
|
148
164
|
default: boolean;
|
|
149
165
|
};
|
|
166
|
+
breadcrumbRouterMode: {
|
|
167
|
+
type: import("vue").PropType<boolean>;
|
|
168
|
+
required: false;
|
|
169
|
+
default: boolean;
|
|
170
|
+
};
|
|
150
171
|
breadcrumbPrefixIcon: {
|
|
151
172
|
type: import("vue").PropType<string | boolean>;
|
|
152
173
|
required: false;
|
|
153
174
|
default: string;
|
|
154
175
|
};
|
|
155
176
|
breadcrumbItems: {
|
|
156
|
-
type: import("vue").PropType<
|
|
177
|
+
type: import("vue").PropType<{
|
|
178
|
+
path?: string | undefined;
|
|
179
|
+
label: string;
|
|
180
|
+
}[]>;
|
|
157
181
|
required: false;
|
|
158
182
|
default: () => never[];
|
|
159
183
|
};
|
|
@@ -182,22 +206,34 @@ declare const ProPageHeader: {
|
|
|
182
206
|
required: false;
|
|
183
207
|
default: boolean;
|
|
184
208
|
};
|
|
209
|
+
breadcrumbRouterMode: {
|
|
210
|
+
type: import("vue").PropType<boolean>;
|
|
211
|
+
required: false;
|
|
212
|
+
default: boolean;
|
|
213
|
+
};
|
|
185
214
|
breadcrumbPrefixIcon: {
|
|
186
215
|
type: import("vue").PropType<string | boolean>;
|
|
187
216
|
required: false;
|
|
188
217
|
default: string;
|
|
189
218
|
};
|
|
190
219
|
breadcrumbItems: {
|
|
191
|
-
type: import("vue").PropType<
|
|
220
|
+
type: import("vue").PropType<{
|
|
221
|
+
path?: string | undefined;
|
|
222
|
+
label: string;
|
|
223
|
+
}[]>;
|
|
192
224
|
required: false;
|
|
193
225
|
default: () => never[];
|
|
194
226
|
};
|
|
195
227
|
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
196
228
|
title: string;
|
|
197
|
-
breadcrumbItems:
|
|
229
|
+
breadcrumbItems: {
|
|
230
|
+
path?: string | undefined;
|
|
231
|
+
label: string;
|
|
232
|
+
}[];
|
|
198
233
|
subTitle: string;
|
|
199
234
|
titlePosition: "top" | "bottom";
|
|
200
235
|
hideTitle: boolean;
|
|
236
|
+
breadcrumbRouterMode: boolean;
|
|
201
237
|
breadcrumbPrefixIcon: string | boolean;
|
|
202
238
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
|
|
203
239
|
install: (app: App) => void;
|
|
@@ -24,6 +24,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
24
24
|
required: false;
|
|
25
25
|
default: boolean;
|
|
26
26
|
};
|
|
27
|
+
/** 面包屑路由模式 */
|
|
28
|
+
breadcrumbRouterMode: {
|
|
29
|
+
type: PropType<boolean>;
|
|
30
|
+
required: false;
|
|
31
|
+
default: boolean;
|
|
32
|
+
};
|
|
27
33
|
/** 面包屑前缀图标 */
|
|
28
34
|
breadcrumbPrefixIcon: {
|
|
29
35
|
type: PropType<string | boolean>;
|
|
@@ -32,7 +38,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
32
38
|
};
|
|
33
39
|
/** 面包屑项 */
|
|
34
40
|
breadcrumbItems: {
|
|
35
|
-
type: PropType<
|
|
41
|
+
type: PropType<{
|
|
42
|
+
path?: string | undefined;
|
|
43
|
+
label: string;
|
|
44
|
+
}[]>;
|
|
36
45
|
required: false;
|
|
37
46
|
default: () => never[];
|
|
38
47
|
};
|
|
@@ -61,6 +70,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
61
70
|
required: false;
|
|
62
71
|
default: boolean;
|
|
63
72
|
};
|
|
73
|
+
/** 面包屑路由模式 */
|
|
74
|
+
breadcrumbRouterMode: {
|
|
75
|
+
type: PropType<boolean>;
|
|
76
|
+
required: false;
|
|
77
|
+
default: boolean;
|
|
78
|
+
};
|
|
64
79
|
/** 面包屑前缀图标 */
|
|
65
80
|
breadcrumbPrefixIcon: {
|
|
66
81
|
type: PropType<string | boolean>;
|
|
@@ -69,16 +84,23 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
69
84
|
};
|
|
70
85
|
/** 面包屑项 */
|
|
71
86
|
breadcrumbItems: {
|
|
72
|
-
type: PropType<
|
|
87
|
+
type: PropType<{
|
|
88
|
+
path?: string | undefined;
|
|
89
|
+
label: string;
|
|
90
|
+
}[]>;
|
|
73
91
|
required: false;
|
|
74
92
|
default: () => never[];
|
|
75
93
|
};
|
|
76
94
|
}>>, {
|
|
77
95
|
title: string;
|
|
78
|
-
breadcrumbItems:
|
|
96
|
+
breadcrumbItems: {
|
|
97
|
+
path?: string | undefined;
|
|
98
|
+
label: string;
|
|
99
|
+
}[];
|
|
79
100
|
subTitle: string;
|
|
80
101
|
titlePosition: "top" | "bottom";
|
|
81
102
|
hideTitle: boolean;
|
|
103
|
+
breadcrumbRouterMode: boolean;
|
|
82
104
|
breadcrumbPrefixIcon: string | boolean;
|
|
83
105
|
}, {}>;
|
|
84
106
|
export default _default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as S, inject as N, computed as V, resolveComponent as n, openBlock as a, createElementBlock as u, normalizeClass as s, createVNode as r, unref as c, withCtx as l, createTextVNode as p, toDisplayString as f, createBlock as d, createCommentVNode as i, resolveDynamicComponent as A, Fragment as _, renderList as D } from "vue";
|
|
2
2
|
import { createReusableTemplate as x } from "@vueuse/core";
|
|
3
|
-
const
|
|
3
|
+
const M = { key: 1 }, b = "keyblade-pro-page-header", F = /* @__PURE__ */ S({
|
|
4
4
|
__name: "pro-page-header",
|
|
5
5
|
props: {
|
|
6
6
|
/** 标题,不传默认展示面包屑标题最后一项 */
|
|
@@ -27,6 +27,12 @@ const i = "keyblade-pro-page-header", w = /* @__PURE__ */ q({
|
|
|
27
27
|
required: !1,
|
|
28
28
|
default: !1
|
|
29
29
|
},
|
|
30
|
+
/** 面包屑路由模式 */
|
|
31
|
+
breadcrumbRouterMode: {
|
|
32
|
+
type: Boolean,
|
|
33
|
+
required: !1,
|
|
34
|
+
default: !1
|
|
35
|
+
},
|
|
30
36
|
/** 面包屑前缀图标 */
|
|
31
37
|
breadcrumbPrefixIcon: {
|
|
32
38
|
type: [Boolean, String],
|
|
@@ -40,65 +46,78 @@ const i = "keyblade-pro-page-header", w = /* @__PURE__ */ q({
|
|
|
40
46
|
default: () => []
|
|
41
47
|
}
|
|
42
48
|
},
|
|
43
|
-
setup(
|
|
44
|
-
const e =
|
|
45
|
-
return (
|
|
46
|
-
const
|
|
47
|
-
return
|
|
48
|
-
class:
|
|
49
|
+
setup(o) {
|
|
50
|
+
const e = o, [I, k] = x(), [B, g] = x(), v = N("ProBreadcrumbItems", []), y = V(() => e.breadcrumbItems instanceof Array && e.breadcrumbItems.length === 0 || !e.breadcrumbItems ? v.value : e.breadcrumbItems || []);
|
|
51
|
+
return (j, w) => {
|
|
52
|
+
const q = n("a-typography-title"), C = n("a-typography-text"), h = n("a-breadcrumb-item"), P = n("a-link"), $ = n("router-link"), R = n("a-breadcrumb");
|
|
53
|
+
return a(), u("div", {
|
|
54
|
+
class: s(b)
|
|
49
55
|
}, [
|
|
50
|
-
r(
|
|
51
|
-
default:
|
|
52
|
-
|
|
56
|
+
r(c(B), null, {
|
|
57
|
+
default: l(() => [
|
|
58
|
+
o.hideTitle ? i("", !0) : (a(), u("div", {
|
|
53
59
|
key: 0,
|
|
54
|
-
class:
|
|
60
|
+
class: s(`${b}-section-title`)
|
|
55
61
|
}, [
|
|
56
|
-
r(
|
|
62
|
+
r(q, {
|
|
57
63
|
heading: 6,
|
|
58
|
-
class:
|
|
64
|
+
class: s(`${b}-title`)
|
|
59
65
|
}, {
|
|
60
|
-
default:
|
|
61
|
-
var
|
|
66
|
+
default: l(() => {
|
|
67
|
+
var t, m, T;
|
|
62
68
|
return [
|
|
63
|
-
|
|
69
|
+
p(f((e == null ? void 0 : e.title) || ((T = (m = y.value) == null ? void 0 : m[((t = y.value) == null ? void 0 : t.length) - 1]) == null ? void 0 : T.label)), 1)
|
|
64
70
|
];
|
|
65
71
|
}),
|
|
66
72
|
_: 1
|
|
67
73
|
}, 8, ["class"]),
|
|
68
|
-
e != null && e.subTitle ? (
|
|
74
|
+
e != null && e.subTitle ? (a(), d(C, {
|
|
69
75
|
key: 0,
|
|
70
76
|
type: "secondary",
|
|
71
|
-
class:
|
|
77
|
+
class: s(`${b}-subtitle`)
|
|
72
78
|
}, {
|
|
73
|
-
default:
|
|
74
|
-
|
|
79
|
+
default: l(() => [
|
|
80
|
+
p(f(e == null ? void 0 : e.subTitle), 1)
|
|
75
81
|
]),
|
|
76
82
|
_: 1
|
|
77
|
-
}, 8, ["class"])) :
|
|
83
|
+
}, 8, ["class"])) : i("", !0)
|
|
78
84
|
], 2))
|
|
79
85
|
]),
|
|
80
86
|
_: 1
|
|
81
87
|
}),
|
|
82
|
-
r(
|
|
83
|
-
default:
|
|
84
|
-
r(
|
|
85
|
-
class:
|
|
88
|
+
r(c(I), null, {
|
|
89
|
+
default: l(() => [
|
|
90
|
+
r(R, {
|
|
91
|
+
class: s(`${b}-section-breadcrumb`)
|
|
86
92
|
}, {
|
|
87
|
-
default:
|
|
88
|
-
|
|
93
|
+
default: l(() => [
|
|
94
|
+
o.breadcrumbPrefixIcon ? (a(), d(h, {
|
|
89
95
|
key: 0,
|
|
90
96
|
style: { cursor: "text" }
|
|
91
97
|
}, {
|
|
92
|
-
default:
|
|
93
|
-
(
|
|
98
|
+
default: l(() => [
|
|
99
|
+
(a(), d(A(o.breadcrumbPrefixIcon)))
|
|
94
100
|
]),
|
|
95
101
|
_: 1
|
|
96
|
-
})) :
|
|
97
|
-
(
|
|
98
|
-
key: `${
|
|
102
|
+
})) : i("", !0),
|
|
103
|
+
(a(!0), u(_, null, D(y.value, (t, m) => (a(), d(h, {
|
|
104
|
+
key: `${t}-${m}`
|
|
99
105
|
}, {
|
|
100
|
-
default:
|
|
101
|
-
|
|
106
|
+
default: l(() => [
|
|
107
|
+
o.breadcrumbRouterMode ? (a(), d($, {
|
|
108
|
+
key: 0,
|
|
109
|
+
to: (t == null ? void 0 : t.path) || ""
|
|
110
|
+
}, {
|
|
111
|
+
default: l(() => [
|
|
112
|
+
r(P, null, {
|
|
113
|
+
default: l(() => [
|
|
114
|
+
p(f(t == null ? void 0 : t.label), 1)
|
|
115
|
+
]),
|
|
116
|
+
_: 2
|
|
117
|
+
}, 1024)
|
|
118
|
+
]),
|
|
119
|
+
_: 2
|
|
120
|
+
}, 1032, ["to"])) : (a(), u("span", M, f(t == null ? void 0 : t.label), 1))
|
|
102
121
|
]),
|
|
103
122
|
_: 2
|
|
104
123
|
}, 1024))), 128))
|
|
@@ -108,18 +127,18 @@ const i = "keyblade-pro-page-header", w = /* @__PURE__ */ q({
|
|
|
108
127
|
]),
|
|
109
128
|
_: 1
|
|
110
129
|
}),
|
|
111
|
-
|
|
112
|
-
r(
|
|
113
|
-
r(
|
|
114
|
-
], 64)) :
|
|
115
|
-
|
|
116
|
-
r(
|
|
117
|
-
r(
|
|
118
|
-
], 64)) :
|
|
130
|
+
o.titlePosition === "top" ? (a(), u(_, { key: 0 }, [
|
|
131
|
+
r(c(g)),
|
|
132
|
+
r(c(k))
|
|
133
|
+
], 64)) : i("", !0),
|
|
134
|
+
o.titlePosition === "bottom" ? (a(), u(_, { key: 1 }, [
|
|
135
|
+
r(c(k)),
|
|
136
|
+
r(c(g))
|
|
137
|
+
], 64)) : i("", !0)
|
|
119
138
|
]);
|
|
120
139
|
};
|
|
121
140
|
}
|
|
122
141
|
});
|
|
123
142
|
export {
|
|
124
|
-
|
|
143
|
+
F as default
|
|
125
144
|
};
|
|
@@ -5,6 +5,9 @@ declare const ProReuseTabs: {
|
|
|
5
5
|
$data: {};
|
|
6
6
|
$props: {
|
|
7
7
|
tabs?: import("./interface").IProTab[] | undefined;
|
|
8
|
+
tabsSize?: "small" | "mini" | "medium" | "large" | undefined;
|
|
9
|
+
tabsType?: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule" | undefined;
|
|
10
|
+
tabsHeaderPadding?: boolean | undefined;
|
|
8
11
|
key?: string | number | symbol | undefined;
|
|
9
12
|
ref?: import("vue").VNodeRef | undefined;
|
|
10
13
|
ref_for?: boolean | undefined;
|
|
@@ -71,6 +74,21 @@ declare const ProReuseTabs: {
|
|
|
71
74
|
required: true;
|
|
72
75
|
default: () => never[];
|
|
73
76
|
};
|
|
77
|
+
tabsSize: {
|
|
78
|
+
type: import("vue").PropType<"small" | "mini" | "medium" | "large">;
|
|
79
|
+
required: false;
|
|
80
|
+
default: string;
|
|
81
|
+
};
|
|
82
|
+
tabsType: {
|
|
83
|
+
type: import("vue").PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
|
|
84
|
+
required: false;
|
|
85
|
+
default: string;
|
|
86
|
+
};
|
|
87
|
+
tabsHeaderPadding: {
|
|
88
|
+
type: import("vue").PropType<boolean>;
|
|
89
|
+
required: false;
|
|
90
|
+
default: boolean;
|
|
91
|
+
};
|
|
74
92
|
}>> & {
|
|
75
93
|
"onTab-click"?: ((key: string) => any) | undefined;
|
|
76
94
|
"onTab-delete"?: ((key: string) => any) | undefined;
|
|
@@ -79,6 +97,9 @@ declare const ProReuseTabs: {
|
|
|
79
97
|
'tab-delete': (key: string) => true;
|
|
80
98
|
}, string, {
|
|
81
99
|
tabs: import("./interface").IProTab[];
|
|
100
|
+
tabsSize: "small" | "mini" | "medium" | "large";
|
|
101
|
+
tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
|
|
102
|
+
tabsHeaderPadding: boolean;
|
|
82
103
|
}, {}, string, {}> & {
|
|
83
104
|
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
|
|
84
105
|
created?: ((() => void) | (() => void)[]) | undefined;
|
|
@@ -105,6 +126,21 @@ declare const ProReuseTabs: {
|
|
|
105
126
|
required: true;
|
|
106
127
|
default: () => never[];
|
|
107
128
|
};
|
|
129
|
+
tabsSize: {
|
|
130
|
+
type: import("vue").PropType<"small" | "mini" | "medium" | "large">;
|
|
131
|
+
required: false;
|
|
132
|
+
default: string;
|
|
133
|
+
};
|
|
134
|
+
tabsType: {
|
|
135
|
+
type: import("vue").PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
|
|
136
|
+
required: false;
|
|
137
|
+
default: string;
|
|
138
|
+
};
|
|
139
|
+
tabsHeaderPadding: {
|
|
140
|
+
type: import("vue").PropType<boolean>;
|
|
141
|
+
required: false;
|
|
142
|
+
default: boolean;
|
|
143
|
+
};
|
|
108
144
|
}>> & {
|
|
109
145
|
"onTab-click"?: ((key: string) => any) | undefined;
|
|
110
146
|
"onTab-delete"?: ((key: string) => any) | undefined;
|
|
@@ -118,6 +154,21 @@ declare const ProReuseTabs: {
|
|
|
118
154
|
required: true;
|
|
119
155
|
default: () => never[];
|
|
120
156
|
};
|
|
157
|
+
tabsSize: {
|
|
158
|
+
type: import("vue").PropType<"small" | "mini" | "medium" | "large">;
|
|
159
|
+
required: false;
|
|
160
|
+
default: string;
|
|
161
|
+
};
|
|
162
|
+
tabsType: {
|
|
163
|
+
type: import("vue").PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
|
|
164
|
+
required: false;
|
|
165
|
+
default: string;
|
|
166
|
+
};
|
|
167
|
+
tabsHeaderPadding: {
|
|
168
|
+
type: import("vue").PropType<boolean>;
|
|
169
|
+
required: false;
|
|
170
|
+
default: boolean;
|
|
171
|
+
};
|
|
121
172
|
}>> & {
|
|
122
173
|
"onTab-click"?: ((key: string) => any) | undefined;
|
|
123
174
|
"onTab-delete"?: ((key: string) => any) | undefined;
|
|
@@ -126,6 +177,9 @@ declare const ProReuseTabs: {
|
|
|
126
177
|
'tab-delete': (key: string) => true;
|
|
127
178
|
}, string, {
|
|
128
179
|
tabs: import("./interface").IProTab[];
|
|
180
|
+
tabsSize: "small" | "mini" | "medium" | "large";
|
|
181
|
+
tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
|
|
182
|
+
tabsHeaderPadding: boolean;
|
|
129
183
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
|
|
130
184
|
install: (app: App) => void;
|
|
131
185
|
};
|