@keyblade/pro-components 1.13.8-alpha.8 → 1.14.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 +7 -0
- package/es/global-props.d.ts +21 -2
- package/es/global-props.js +6 -2
- package/es/index.d.ts +7 -0
- package/es/index.js +47 -28
- package/es/inerface.d.ts +5 -1
- package/es/pro-calendar/calendar.vue.d.ts +75 -0
- package/es/pro-calendar/calendar.vue.js +159 -0
- package/es/pro-calendar/calendar.vue3.js +5 -0
- package/es/pro-calendar/enum.d.ts +6 -0
- package/es/pro-calendar/enum.js +4 -0
- package/es/pro-calendar/header.vue.d.ts +35 -0
- package/es/pro-calendar/header.vue.js +146 -0
- package/es/pro-calendar/header.vue2.js +4 -0
- package/es/pro-calendar/hooks/useCellClassName.d.ts +12 -0
- package/es/pro-calendar/hooks/useCellClassName.js +40 -0
- package/es/pro-calendar/index.d.ts +117 -0
- package/es/pro-calendar/index.js +12 -0
- package/es/pro-calendar/interface.d.ts +89 -0
- package/es/pro-calendar/month.d.ts +5 -0
- package/es/pro-calendar/month.js +53 -0
- package/es/pro-calendar/month.vue.d.ts +22 -0
- package/es/pro-calendar/month.vue.js +126 -0
- package/es/pro-calendar/month.vue2.js +4 -0
- package/es/pro-calendar/week.vue.d.ts +3 -0
- package/es/pro-calendar/week.vue.js +34 -0
- package/es/pro-calendar/week.vue2.js +4 -0
- package/es/pro-calendar/year.vue.d.ts +3 -0
- package/es/pro-calendar/year.vue.js +123 -0
- package/es/pro-calendar/year.vue2.js +4 -0
- package/es/pro-date-range-picker/index.d.ts +183 -13
- package/es/pro-date-range-picker/index.js +6 -7
- package/es/pro-date-range-picker/interface.d.ts +38 -0
- package/es/pro-date-range-picker/pro-date-range-picker.vue.d.ts +173 -6
- package/es/pro-date-range-picker/pro-date-range-picker.vue.js +1 -1
- package/es/pro-date-range-picker/pro-date-range-picker.vue2.js +127 -97
- package/es/pro-dates-picker/index.d.ts +49 -0
- package/es/pro-dates-picker/index.js +11 -0
- package/es/pro-dates-picker/index.vue.d.ts +29 -0
- package/es/pro-dates-picker/index.vue.js +135 -0
- package/es/pro-dates-picker/index.vue3.js +5 -0
- package/es/pro-dates-picker/interface.d.ts +38 -0
- package/es/pro-dates-picker/util.d.ts +12 -0
- package/es/pro-dates-picker/util.js +9 -0
- package/es/pro-find-password/enum.d.ts +8 -0
- package/es/pro-find-password/enum.js +4 -0
- package/es/pro-find-password/index.d.ts +11 -0
- package/es/pro-find-password/index.js +11 -0
- package/es/pro-find-password/index.vue.d.ts +4459 -0
- package/es/pro-find-password/index.vue.js +176 -0
- package/es/pro-find-password/index.vue3.js +5 -0
- package/es/pro-find-password/interface.d.ts +45 -0
- package/es/pro-find-password/reset-password.vue.d.ts +591 -0
- package/es/pro-find-password/reset-password.vue.js +179 -0
- package/es/pro-find-password/reset-password.vue2.js +4 -0
- package/es/pro-find-password/verify-user-name.vue.d.ts +795 -0
- package/es/pro-find-password/verify-user-name.vue.js +112 -0
- package/es/pro-find-password/verify-user-name.vue3.js +5 -0
- package/es/pro-footer-bar/index.d.ts +6 -3
- package/es/pro-footer-bar/index.js +6 -7
- package/es/pro-footer-bar/index.vue.d.ts +1 -1
- package/es/pro-footer-bar/index.vue.js +2 -2
- package/es/pro-footer-bar/index.vue2.js +24 -26
- package/es/pro-footer-bar/{inerface.d.ts → interface.d.ts} +1 -0
- package/es/pro-form-group/index.d.ts +7 -6
- package/es/pro-form-group/index.js +6 -8
- package/es/pro-form-group/index.vue.d.ts +2 -2
- package/es/pro-form-group/index.vue.js +1 -1
- package/es/pro-form-group/index.vue2.js +31 -32
- package/es/pro-image-upload/cropper.vue.js +2 -2
- package/es/pro-image-upload/cropper.vue2.js +200 -190
- package/es/pro-image-upload/image-upload.vue.d.ts +1124 -371
- package/es/pro-image-upload/image-upload.vue.js +178 -144
- package/es/pro-image-upload/index.d.ts +1727 -1001
- package/es/pro-image-upload/index.js +6 -8
- package/es/pro-keep-alive-router-view/index.d.ts +1 -0
- package/es/pro-keep-alive-router-view/pro-keep-alive-router-view.vue.js +17 -18
- package/es/pro-layout/hooks.d.ts +80 -1
- package/es/pro-layout/hooks.js +133 -84
- package/es/pro-layout/index.d.ts +9 -6
- package/es/pro-layout/index.js +6 -11
- package/es/pro-layout/pro-layout.vue.d.ts +4 -2
- package/es/pro-layout/pro-layout.vue.js +220 -208
- package/es/pro-loader/index.d.ts +43 -0
- package/es/pro-loader/index.js +11 -0
- package/es/pro-loader/index.vue.d.ts +28 -0
- package/es/pro-loader/index.vue.js +112 -0
- package/es/pro-loader/index.vue3.js +5 -0
- package/es/pro-loader/interface.d.ts +16 -0
- package/es/pro-login/enum.d.ts +6 -0
- package/es/pro-login/enum.js +4 -0
- package/es/pro-login/form-mobile.vue.d.ts +797 -0
- package/es/pro-login/form-mobile.vue.js +146 -0
- package/es/pro-login/form-mobile.vue2.js +4 -0
- package/es/pro-login/form-password.vue.d.ts +584 -0
- package/es/pro-login/form-password.vue.js +99 -0
- package/es/pro-login/form-password.vue2.js +4 -0
- package/es/pro-login/index.d.ts +11 -0
- package/es/pro-login/index.js +11 -0
- package/es/pro-login/index.vue.d.ts +4429 -0
- package/es/pro-login/index.vue.js +105 -0
- package/es/pro-login/index.vue3.js +5 -0
- package/es/pro-login/interface.d.ts +72 -0
- package/es/pro-login/regexp.d.ts +17 -0
- package/es/pro-login/regexp.js +28 -0
- package/es/pro-menu/index.d.ts +18 -80
- package/es/pro-menu/index.js +6 -7
- package/es/pro-menu/interface.d.ts +31 -0
- package/es/pro-menu/menu-item.vue.d.ts +27 -0
- package/es/pro-menu/menu-item.vue.js +35 -0
- package/es/pro-menu/menu-item.vue2.js +4 -0
- package/es/pro-menu/pro-menu-item.vue.d.ts +9 -0
- package/es/pro-menu/pro-menu-item.vue.js +63 -0
- package/es/pro-menu/pro-menu-item.vue2.js +4 -0
- package/es/pro-menu/pro-menu.vue.d.ts +9 -55
- package/es/pro-menu/pro-menu.vue.js +36 -119
- package/es/pro-menu/sub-menu.vue.d.ts +22 -0
- package/es/pro-menu/sub-menu.vue.js +55 -0
- package/es/pro-menu/sub-menu.vue2.js +4 -0
- package/es/pro-menu/util.d.ts +9 -0
- package/es/pro-menu/util.js +7 -0
- package/es/pro-page-container/constant.d.ts +2 -0
- package/es/pro-page-container/constant.js +9 -0
- package/es/pro-page-container/index.d.ts +7 -21
- package/es/pro-page-container/index.js +6 -8
- package/es/pro-page-container/interface.d.ts +12 -0
- package/es/pro-page-container/pro-page-container.vue.d.ts +4 -15
- package/es/pro-page-container/pro-page-container.vue.js +58 -38
- package/es/pro-page-header/constant.d.ts +2 -0
- package/es/pro-page-header/constant.js +13 -0
- package/es/pro-page-header/index.d.ts +12 -146
- package/es/pro-page-header/index.js +6 -8
- package/es/pro-page-header/interface.d.ts +21 -0
- package/es/pro-page-header/pro-page-header.vue.d.ts +18 -103
- package/es/pro-page-header/pro-page-header.vue.js +141 -124
- package/es/pro-reuse-tabs/index.d.ts +8 -6
- package/es/pro-reuse-tabs/index.js +6 -7
- package/es/pro-reuse-tabs/pro-reuse-tabs.vue.d.ts +2 -2
- package/es/pro-reuse-tabs/pro-reuse-tabs.vue.js +33 -35
- package/es/pro-table/index.d.ts +18 -18
- package/es/pro-table/index.js +6 -7
- package/es/pro-table/index.vue.d.ts +6 -6
- package/es/pro-table/index.vue.js +94 -39
- package/es/pro-table/interface.d.ts +73 -65
- package/es/pro-textarea/index.d.ts +7 -5
- package/es/pro-textarea/index.js +5 -6
- package/es/pro-textarea/index.vue.d.ts +1 -1
- package/es/pro-textarea/index.vue.js +1 -1
- package/es/pro-textarea/index.vue2.js +14 -16
- package/es/pro-textarea/{inerface.d.ts → interface.d.ts} +19 -18
- package/es/style.css +1 -1
- package/es/utils.d.ts +6 -0
- package/es/utils.js +7 -0
- package/package.json +5 -4
- package/es/pro-date-range-picker/type.d.ts +0 -22
- package/es/pro-page-container/inerface.d.ts +0 -12
|
@@ -1,168 +1,34 @@
|
|
|
1
1
|
import { App } from 'vue';
|
|
2
2
|
declare const ProPageHeader: {
|
|
3
|
-
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('
|
|
4
|
-
title: {
|
|
5
|
-
type: import('vue').PropType<string>;
|
|
6
|
-
required: false;
|
|
7
|
-
default: string;
|
|
8
|
-
};
|
|
9
|
-
subTitle: {
|
|
10
|
-
type: import('vue').PropType<string>;
|
|
11
|
-
required: false;
|
|
12
|
-
default: string;
|
|
13
|
-
};
|
|
14
|
-
titlePosition: {
|
|
15
|
-
type: import('vue').PropType<"top" | "bottom">;
|
|
16
|
-
required: false;
|
|
17
|
-
default: string;
|
|
18
|
-
};
|
|
19
|
-
hideTitle: {
|
|
20
|
-
type: import('vue').PropType<boolean>;
|
|
21
|
-
required: false;
|
|
22
|
-
default: boolean;
|
|
23
|
-
};
|
|
24
|
-
breadcrumbRouterMode: {
|
|
25
|
-
type: import('vue').PropType<boolean>;
|
|
26
|
-
required: false;
|
|
27
|
-
default: boolean;
|
|
28
|
-
};
|
|
29
|
-
breadcrumbPrefixIcon: {
|
|
30
|
-
type: import('vue').PropType<boolean | string>;
|
|
31
|
-
required: false;
|
|
32
|
-
default: string;
|
|
33
|
-
};
|
|
34
|
-
breadcrumbItems: {
|
|
35
|
-
type: import('vue').PropType<{
|
|
36
|
-
path?: string;
|
|
37
|
-
label: string;
|
|
38
|
-
}[]>;
|
|
39
|
-
required: false;
|
|
40
|
-
default: () => never[];
|
|
41
|
-
};
|
|
42
|
-
}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
43
|
-
title: string;
|
|
44
|
-
subTitle: string;
|
|
45
|
-
titlePosition: "top" | "bottom";
|
|
3
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./interface').PageHeaderProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
46
4
|
hideTitle: boolean;
|
|
47
5
|
breadcrumbRouterMode: boolean;
|
|
48
|
-
|
|
49
|
-
breadcrumbItems: {
|
|
50
|
-
path?: string;
|
|
51
|
-
label: string;
|
|
52
|
-
}[];
|
|
53
|
-
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
6
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
54
7
|
P: {};
|
|
55
8
|
B: {};
|
|
56
9
|
D: {};
|
|
57
10
|
C: {};
|
|
58
11
|
M: {};
|
|
59
12
|
Defaults: {};
|
|
60
|
-
}, Readonly<import('
|
|
61
|
-
title: {
|
|
62
|
-
type: import('vue').PropType<string>;
|
|
63
|
-
required: false;
|
|
64
|
-
default: string;
|
|
65
|
-
};
|
|
66
|
-
subTitle: {
|
|
67
|
-
type: import('vue').PropType<string>;
|
|
68
|
-
required: false;
|
|
69
|
-
default: string;
|
|
70
|
-
};
|
|
71
|
-
titlePosition: {
|
|
72
|
-
type: import('vue').PropType<"top" | "bottom">;
|
|
73
|
-
required: false;
|
|
74
|
-
default: string;
|
|
75
|
-
};
|
|
76
|
-
hideTitle: {
|
|
77
|
-
type: import('vue').PropType<boolean>;
|
|
78
|
-
required: false;
|
|
79
|
-
default: boolean;
|
|
80
|
-
};
|
|
81
|
-
breadcrumbRouterMode: {
|
|
82
|
-
type: import('vue').PropType<boolean>;
|
|
83
|
-
required: false;
|
|
84
|
-
default: boolean;
|
|
85
|
-
};
|
|
86
|
-
breadcrumbPrefixIcon: {
|
|
87
|
-
type: import('vue').PropType<boolean | string>;
|
|
88
|
-
required: false;
|
|
89
|
-
default: string;
|
|
90
|
-
};
|
|
91
|
-
breadcrumbItems: {
|
|
92
|
-
type: import('vue').PropType<{
|
|
93
|
-
path?: string;
|
|
94
|
-
label: string;
|
|
95
|
-
}[]>;
|
|
96
|
-
required: false;
|
|
97
|
-
default: () => never[];
|
|
98
|
-
};
|
|
99
|
-
}>> & Readonly<{}>, {}, {}, {}, {}, {
|
|
100
|
-
title: string;
|
|
101
|
-
subTitle: string;
|
|
102
|
-
titlePosition: "top" | "bottom";
|
|
13
|
+
}, Readonly<import('./interface').PageHeaderProps> & Readonly<{}>, {}, {}, {}, {}, {
|
|
103
14
|
hideTitle: boolean;
|
|
104
15
|
breadcrumbRouterMode: boolean;
|
|
105
|
-
breadcrumbPrefixIcon: string | boolean;
|
|
106
|
-
breadcrumbItems: {
|
|
107
|
-
path?: string;
|
|
108
|
-
label: string;
|
|
109
|
-
}[];
|
|
110
16
|
}>;
|
|
111
17
|
__isFragment?: never;
|
|
112
18
|
__isTeleport?: never;
|
|
113
19
|
__isSuspense?: never;
|
|
114
|
-
} & import('vue').ComponentOptionsBase<Readonly<import('
|
|
115
|
-
title: {
|
|
116
|
-
type: import('vue').PropType<string>;
|
|
117
|
-
required: false;
|
|
118
|
-
default: string;
|
|
119
|
-
};
|
|
120
|
-
subTitle: {
|
|
121
|
-
type: import('vue').PropType<string>;
|
|
122
|
-
required: false;
|
|
123
|
-
default: string;
|
|
124
|
-
};
|
|
125
|
-
titlePosition: {
|
|
126
|
-
type: import('vue').PropType<"top" | "bottom">;
|
|
127
|
-
required: false;
|
|
128
|
-
default: string;
|
|
129
|
-
};
|
|
130
|
-
hideTitle: {
|
|
131
|
-
type: import('vue').PropType<boolean>;
|
|
132
|
-
required: false;
|
|
133
|
-
default: boolean;
|
|
134
|
-
};
|
|
135
|
-
breadcrumbRouterMode: {
|
|
136
|
-
type: import('vue').PropType<boolean>;
|
|
137
|
-
required: false;
|
|
138
|
-
default: boolean;
|
|
139
|
-
};
|
|
140
|
-
breadcrumbPrefixIcon: {
|
|
141
|
-
type: import('vue').PropType<boolean | string>;
|
|
142
|
-
required: false;
|
|
143
|
-
default: string;
|
|
144
|
-
};
|
|
145
|
-
breadcrumbItems: {
|
|
146
|
-
type: import('vue').PropType<{
|
|
147
|
-
path?: string;
|
|
148
|
-
label: string;
|
|
149
|
-
}[]>;
|
|
150
|
-
required: false;
|
|
151
|
-
default: () => never[];
|
|
152
|
-
};
|
|
153
|
-
}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
154
|
-
title: string;
|
|
155
|
-
subTitle: string;
|
|
156
|
-
titlePosition: "top" | "bottom";
|
|
20
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('./interface').PageHeaderProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
157
21
|
hideTitle: boolean;
|
|
158
22
|
breadcrumbRouterMode: boolean;
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
|
|
23
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
24
|
+
$slots: {
|
|
25
|
+
'breadcrumb-right'?(_: {}): any;
|
|
26
|
+
};
|
|
27
|
+
}) & {
|
|
165
28
|
install: (app: App) => void;
|
|
166
29
|
};
|
|
30
|
+
/** 导出类型 */
|
|
31
|
+
export * from './interface';
|
|
32
|
+
/** 导出组件 */
|
|
167
33
|
export { ProPageHeader };
|
|
168
34
|
export default ProPageHeader;
|
|
@@ -1,13 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import e from "./pro-page-header.vue.js";
|
|
2
2
|
/* empty css */
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
install: (e) => {
|
|
7
|
-
e.use(r), e.use(s), e.use(m), e.use(t), e.component("KbProPageHeader", o);
|
|
3
|
+
const t = Object.assign(e, {
|
|
4
|
+
install: (a) => {
|
|
5
|
+
a.component("KbProPageHeader", e);
|
|
8
6
|
}
|
|
9
7
|
});
|
|
10
8
|
export {
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
t as ProPageHeader,
|
|
10
|
+
t as default
|
|
13
11
|
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export interface PageHeaderProps {
|
|
2
|
+
/** 标题,不传默认展示面包屑标题最后一项 */
|
|
3
|
+
title?: string;
|
|
4
|
+
/** 副标题,不传默认不展示 */
|
|
5
|
+
subTitle?: string;
|
|
6
|
+
/** 标题位置 */
|
|
7
|
+
titlePosition?: 'top' | 'bottom';
|
|
8
|
+
/** 是否隐藏标题 */
|
|
9
|
+
hideTitle?: boolean;
|
|
10
|
+
/** 是否显示返回按钮 */
|
|
11
|
+
showBackButton?: boolean;
|
|
12
|
+
/** 面包屑路由模式 */
|
|
13
|
+
breadcrumbRouterMode?: boolean;
|
|
14
|
+
/** 面包屑前缀图标 */
|
|
15
|
+
breadcrumbPrefixIcon?: boolean | string;
|
|
16
|
+
/** 面包屑项 */
|
|
17
|
+
breadcrumbItems?: {
|
|
18
|
+
label: string;
|
|
19
|
+
path?: string;
|
|
20
|
+
}[];
|
|
21
|
+
}
|
|
@@ -1,106 +1,21 @@
|
|
|
1
|
-
import {
|
|
2
|
-
declare
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
required: false;
|
|
13
|
-
default: string;
|
|
14
|
-
};
|
|
15
|
-
/** 标题位置 */
|
|
16
|
-
titlePosition: {
|
|
17
|
-
type: PropType<"top" | "bottom">;
|
|
18
|
-
required: false;
|
|
19
|
-
default: string;
|
|
20
|
-
};
|
|
21
|
-
/** 是否隐藏标题 */
|
|
22
|
-
hideTitle: {
|
|
23
|
-
type: PropType<boolean>;
|
|
24
|
-
required: false;
|
|
25
|
-
default: boolean;
|
|
26
|
-
};
|
|
27
|
-
/** 面包屑路由模式 */
|
|
28
|
-
breadcrumbRouterMode: {
|
|
29
|
-
type: PropType<boolean>;
|
|
30
|
-
required: false;
|
|
31
|
-
default: boolean;
|
|
32
|
-
};
|
|
33
|
-
/** 面包屑前缀图标 */
|
|
34
|
-
breadcrumbPrefixIcon: {
|
|
35
|
-
type: PropType<boolean | string>;
|
|
36
|
-
required: false;
|
|
37
|
-
default: string;
|
|
38
|
-
};
|
|
39
|
-
/** 面包屑项 */
|
|
40
|
-
breadcrumbItems: {
|
|
41
|
-
type: PropType<{
|
|
42
|
-
path?: string;
|
|
43
|
-
label: string;
|
|
44
|
-
}[]>;
|
|
45
|
-
required: false;
|
|
46
|
-
default: () => never[];
|
|
47
|
-
};
|
|
48
|
-
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
49
|
-
/** 标题,不传默认展示面包屑标题最后一项 */
|
|
50
|
-
title: {
|
|
51
|
-
type: PropType<string>;
|
|
52
|
-
required: false;
|
|
53
|
-
default: string;
|
|
54
|
-
};
|
|
55
|
-
/** 副标题,不传默认不展示 */
|
|
56
|
-
subTitle: {
|
|
57
|
-
type: PropType<string>;
|
|
58
|
-
required: false;
|
|
59
|
-
default: string;
|
|
60
|
-
};
|
|
61
|
-
/** 标题位置 */
|
|
62
|
-
titlePosition: {
|
|
63
|
-
type: PropType<"top" | "bottom">;
|
|
64
|
-
required: false;
|
|
65
|
-
default: string;
|
|
66
|
-
};
|
|
67
|
-
/** 是否隐藏标题 */
|
|
68
|
-
hideTitle: {
|
|
69
|
-
type: PropType<boolean>;
|
|
70
|
-
required: false;
|
|
71
|
-
default: boolean;
|
|
72
|
-
};
|
|
73
|
-
/** 面包屑路由模式 */
|
|
74
|
-
breadcrumbRouterMode: {
|
|
75
|
-
type: PropType<boolean>;
|
|
76
|
-
required: false;
|
|
77
|
-
default: boolean;
|
|
78
|
-
};
|
|
79
|
-
/** 面包屑前缀图标 */
|
|
80
|
-
breadcrumbPrefixIcon: {
|
|
81
|
-
type: PropType<boolean | string>;
|
|
82
|
-
required: false;
|
|
83
|
-
default: string;
|
|
84
|
-
};
|
|
85
|
-
/** 面包屑项 */
|
|
86
|
-
breadcrumbItems: {
|
|
87
|
-
type: PropType<{
|
|
88
|
-
path?: string;
|
|
89
|
-
label: string;
|
|
90
|
-
}[]>;
|
|
91
|
-
required: false;
|
|
92
|
-
default: () => never[];
|
|
93
|
-
};
|
|
94
|
-
}>> & Readonly<{}>, {
|
|
95
|
-
title: string;
|
|
96
|
-
subTitle: string;
|
|
97
|
-
titlePosition: "top" | "bottom";
|
|
1
|
+
import { PageHeaderProps } from './interface.ts';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
'breadcrumb-right'?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
refs: {};
|
|
8
|
+
rootEl: HTMLDivElement;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<PageHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PageHeaderProps> & Readonly<{}>, {
|
|
98
12
|
hideTitle: boolean;
|
|
99
13
|
breadcrumbRouterMode: boolean;
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
path?: string;
|
|
103
|
-
label: string;
|
|
104
|
-
}[];
|
|
105
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
14
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
15
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
106
16
|
export default _default;
|
|
17
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
18
|
+
new (): {
|
|
19
|
+
$slots: S;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
@@ -1,144 +1,161 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
var z = Object.defineProperty;
|
|
2
|
+
var $ = Object.getOwnPropertySymbols;
|
|
3
|
+
var A = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
|
|
4
|
+
var R = (u, a, e) => a in u ? z(u, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[a] = e, N = (u, a) => {
|
|
5
|
+
for (var e in a || (a = {}))
|
|
6
|
+
A.call(a, e) && R(u, e, a[e]);
|
|
7
|
+
if ($)
|
|
8
|
+
for (var e of $(a))
|
|
9
|
+
F.call(a, e) && R(u, e, a[e]);
|
|
10
|
+
return u;
|
|
11
|
+
};
|
|
12
|
+
import { defineComponent as q, computed as w, inject as G, resolveComponent as J, createElementBlock as d, openBlock as o, normalizeClass as b, createVNode as s, createCommentVNode as i, unref as r, withCtx as l, createBlock as m, createTextVNode as k, toDisplayString as B, createElementVNode as K, renderSlot as O, resolveDynamicComponent as Q, Fragment as g, renderList as U } from "vue";
|
|
13
|
+
import { useRouter as W } from "vue-router";
|
|
14
|
+
import { createReusableTemplate as V } from "@vueuse/core";
|
|
15
|
+
import { TypographyTitle as X, TypographyText as Y, Breadcrumb as Z, BreadcrumbItem as S, Link as ee, Button as te } from "@arco-design/web-vue";
|
|
16
|
+
import { merge as j } from "es-toolkit/object";
|
|
17
|
+
import { globalProps as re } from "../global-props.js";
|
|
18
|
+
import { defaultPageHeaderProps as ae } from "./constant.js";
|
|
19
|
+
const oe = { style: { display: "flex", "justify-content": "space-between", "align-items": "center" } }, le = { key: 1 }, f = "keyblade-pro-page-header", be = /* @__PURE__ */ q({
|
|
4
20
|
__name: "pro-page-header",
|
|
5
21
|
props: {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
},
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
type: String,
|
|
15
|
-
required: !1,
|
|
16
|
-
default: ""
|
|
17
|
-
},
|
|
18
|
-
/** 标题位置 */
|
|
19
|
-
titlePosition: {
|
|
20
|
-
type: String,
|
|
21
|
-
required: !1,
|
|
22
|
-
default: "top"
|
|
23
|
-
},
|
|
24
|
-
/** 是否隐藏标题 */
|
|
25
|
-
hideTitle: {
|
|
26
|
-
type: Boolean,
|
|
27
|
-
required: !1,
|
|
28
|
-
default: !1
|
|
29
|
-
},
|
|
30
|
-
/** 面包屑路由模式 */
|
|
31
|
-
breadcrumbRouterMode: {
|
|
32
|
-
type: Boolean,
|
|
33
|
-
required: !1,
|
|
34
|
-
default: !1
|
|
35
|
-
},
|
|
36
|
-
/** 面包屑前缀图标 */
|
|
37
|
-
breadcrumbPrefixIcon: {
|
|
38
|
-
type: [Boolean, String],
|
|
39
|
-
required: !1,
|
|
40
|
-
default: "icon-apps"
|
|
41
|
-
},
|
|
42
|
-
/** 面包屑项 */
|
|
43
|
-
breadcrumbItems: {
|
|
44
|
-
type: Array,
|
|
45
|
-
required: !1,
|
|
46
|
-
default: () => []
|
|
47
|
-
}
|
|
22
|
+
title: {},
|
|
23
|
+
subTitle: {},
|
|
24
|
+
titlePosition: {},
|
|
25
|
+
hideTitle: { type: Boolean, default: void 0 },
|
|
26
|
+
showBackButton: { type: Boolean },
|
|
27
|
+
breadcrumbRouterMode: { type: Boolean, default: void 0 },
|
|
28
|
+
breadcrumbPrefixIcon: { type: [Boolean, String] },
|
|
29
|
+
breadcrumbItems: {}
|
|
48
30
|
},
|
|
49
|
-
setup(
|
|
50
|
-
const
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
31
|
+
setup(u) {
|
|
32
|
+
const a = u, e = w(() => {
|
|
33
|
+
var y;
|
|
34
|
+
return j(N({}, ae), j(((y = re) == null ? void 0 : y.pageHeader) || {}, a || {}));
|
|
35
|
+
}), [D, T] = V(), [E, h] = V(), H = W(), L = G("ProBreadcrumbItems", []), _ = w(() => e.value.breadcrumbItems instanceof Array && e.value.breadcrumbItems.length === 0 || !e.value.breadcrumbItems ? L.value : e.value.breadcrumbItems || []);
|
|
36
|
+
return (y, v) => {
|
|
37
|
+
var I, P;
|
|
38
|
+
const M = J("router-link");
|
|
39
|
+
return o(), d("div", {
|
|
40
|
+
class: b(f)
|
|
55
41
|
}, [
|
|
56
|
-
r(
|
|
42
|
+
s(r(E), null, {
|
|
43
|
+
default: l(() => {
|
|
44
|
+
var n, t;
|
|
45
|
+
return [
|
|
46
|
+
(n = e.value) != null && n.hideTitle ? i("", !0) : (o(), d("div", {
|
|
47
|
+
key: 0,
|
|
48
|
+
class: b(`${f}-section-title`)
|
|
49
|
+
}, [
|
|
50
|
+
s(r(X), {
|
|
51
|
+
heading: 6,
|
|
52
|
+
class: b(`${f}-title`)
|
|
53
|
+
}, {
|
|
54
|
+
default: l(() => {
|
|
55
|
+
var c, p, x, C;
|
|
56
|
+
return [
|
|
57
|
+
k(B(((c = e.value) == null ? void 0 : c.title) || ((C = (x = _.value) == null ? void 0 : x[((p = _.value) == null ? void 0 : p.length) - 1]) == null ? void 0 : C.label)), 1)
|
|
58
|
+
];
|
|
59
|
+
}),
|
|
60
|
+
_: 1
|
|
61
|
+
}, 8, ["class"]),
|
|
62
|
+
(t = e.value) != null && t.subTitle ? (o(), m(r(Y), {
|
|
63
|
+
key: 0,
|
|
64
|
+
type: "secondary",
|
|
65
|
+
class: b(`${f}-subtitle`)
|
|
66
|
+
}, {
|
|
67
|
+
default: l(() => {
|
|
68
|
+
var c;
|
|
69
|
+
return [
|
|
70
|
+
k(B((c = e.value) == null ? void 0 : c.subTitle), 1)
|
|
71
|
+
];
|
|
72
|
+
}),
|
|
73
|
+
_: 1
|
|
74
|
+
}, 8, ["class"])) : i("", !0)
|
|
75
|
+
], 2))
|
|
76
|
+
];
|
|
77
|
+
}),
|
|
78
|
+
_: 1
|
|
79
|
+
}),
|
|
80
|
+
s(r(D), null, {
|
|
57
81
|
default: l(() => [
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
}, [
|
|
62
|
-
r(q, {
|
|
63
|
-
heading: 6,
|
|
64
|
-
class: s(`${b}-title`)
|
|
82
|
+
K("div", oe, [
|
|
83
|
+
s(r(Z), {
|
|
84
|
+
class: b(`${f}-section-breadcrumb`)
|
|
65
85
|
}, {
|
|
66
86
|
default: l(() => {
|
|
67
|
-
var
|
|
87
|
+
var n;
|
|
68
88
|
return [
|
|
69
|
-
|
|
89
|
+
(n = e.value) != null && n.breadcrumbPrefixIcon ? (o(), m(r(S), {
|
|
90
|
+
key: 0,
|
|
91
|
+
style: { cursor: "text" }
|
|
92
|
+
}, {
|
|
93
|
+
default: l(() => {
|
|
94
|
+
var t;
|
|
95
|
+
return [
|
|
96
|
+
(o(), m(Q((t = e.value) == null ? void 0 : t.breadcrumbPrefixIcon)))
|
|
97
|
+
];
|
|
98
|
+
}),
|
|
99
|
+
_: 1
|
|
100
|
+
})) : i("", !0),
|
|
101
|
+
(o(!0), d(g, null, U(_.value, (t, c) => (o(), m(r(S), {
|
|
102
|
+
key: `${t}-${c}`
|
|
103
|
+
}, {
|
|
104
|
+
default: l(() => {
|
|
105
|
+
var p;
|
|
106
|
+
return [
|
|
107
|
+
(p = e.value) != null && p.breadcrumbRouterMode ? (o(), m(M, {
|
|
108
|
+
key: 0,
|
|
109
|
+
to: (t == null ? void 0 : t.path) || ""
|
|
110
|
+
}, {
|
|
111
|
+
default: l(() => [
|
|
112
|
+
s(r(ee), null, {
|
|
113
|
+
default: l(() => [
|
|
114
|
+
k(B(t == null ? void 0 : t.label), 1)
|
|
115
|
+
]),
|
|
116
|
+
_: 2
|
|
117
|
+
}, 1024)
|
|
118
|
+
]),
|
|
119
|
+
_: 2
|
|
120
|
+
}, 1032, ["to"])) : (o(), d("span", le, B(t == null ? void 0 : t.label), 1))
|
|
121
|
+
];
|
|
122
|
+
}),
|
|
123
|
+
_: 2
|
|
124
|
+
}, 1024))), 128))
|
|
70
125
|
];
|
|
71
126
|
}),
|
|
72
127
|
_: 1
|
|
73
128
|
}, 8, ["class"]),
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
default: l(() => [
|
|
90
|
-
r(R, {
|
|
91
|
-
class: s(`${b}-section-breadcrumb`)
|
|
92
|
-
}, {
|
|
93
|
-
default: l(() => [
|
|
94
|
-
o.breadcrumbPrefixIcon ? (a(), i(h, {
|
|
95
|
-
key: 0,
|
|
96
|
-
style: { cursor: "text" }
|
|
97
|
-
}, {
|
|
98
|
-
default: l(() => [
|
|
99
|
-
(a(), i(A(o.breadcrumbPrefixIcon)))
|
|
100
|
-
]),
|
|
101
|
-
_: 1
|
|
102
|
-
})) : d("", !0),
|
|
103
|
-
(a(!0), u(_, null, D(y.value, (t, m) => (a(), i(h, {
|
|
104
|
-
key: `${t}-${m}`
|
|
105
|
-
}, {
|
|
106
|
-
default: l(() => [
|
|
107
|
-
o.breadcrumbRouterMode ? (a(), i($, {
|
|
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))
|
|
121
|
-
]),
|
|
122
|
-
_: 2
|
|
123
|
-
}, 1024))), 128))
|
|
124
|
-
]),
|
|
125
|
-
_: 1
|
|
126
|
-
}, 8, ["class"])
|
|
129
|
+
O(y.$slots, "breadcrumb-right", {}, () => {
|
|
130
|
+
var n;
|
|
131
|
+
return [
|
|
132
|
+
(n = e.value) != null && n.showBackButton ? i("", !0) : (o(), m(r(te), {
|
|
133
|
+
key: 0,
|
|
134
|
+
onClick: v[0] || (v[0] = (t) => r(H).back())
|
|
135
|
+
}, {
|
|
136
|
+
default: l(() => v[1] || (v[1] = [
|
|
137
|
+
k("返回")
|
|
138
|
+
])),
|
|
139
|
+
_: 1
|
|
140
|
+
}))
|
|
141
|
+
];
|
|
142
|
+
})
|
|
143
|
+
])
|
|
127
144
|
]),
|
|
128
|
-
_:
|
|
145
|
+
_: 3
|
|
129
146
|
}),
|
|
130
|
-
|
|
131
|
-
r(
|
|
132
|
-
r(
|
|
133
|
-
], 64)) :
|
|
134
|
-
|
|
135
|
-
r(
|
|
136
|
-
r(
|
|
137
|
-
], 64)) :
|
|
147
|
+
((I = e.value) == null ? void 0 : I.titlePosition) === "top" ? (o(), d(g, { key: 0 }, [
|
|
148
|
+
s(r(h)),
|
|
149
|
+
s(r(T))
|
|
150
|
+
], 64)) : i("", !0),
|
|
151
|
+
((P = e.value) == null ? void 0 : P.titlePosition) === "bottom" ? (o(), d(g, { key: 1 }, [
|
|
152
|
+
s(r(T)),
|
|
153
|
+
s(r(h))
|
|
154
|
+
], 64)) : i("", !0)
|
|
138
155
|
]);
|
|
139
156
|
};
|
|
140
157
|
}
|
|
141
158
|
});
|
|
142
159
|
export {
|
|
143
|
-
|
|
160
|
+
be as default
|
|
144
161
|
};
|
|
@@ -29,8 +29,8 @@ declare const ProReuseTabs: {
|
|
|
29
29
|
"tab-delete": (_key: string) => void;
|
|
30
30
|
}, import('vue').PublicProps, {
|
|
31
31
|
tabs: import('./interface').IProTab[];
|
|
32
|
-
tabsSize: "small" | "
|
|
33
|
-
tabsType: "
|
|
32
|
+
tabsSize: "small" | "medium" | "mini" | "large";
|
|
33
|
+
tabsType: "text" | "line" | "card" | "card-gutter" | "rounded" | "capsule";
|
|
34
34
|
tabsHeaderPadding: boolean;
|
|
35
35
|
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
36
36
|
P: {};
|
|
@@ -65,8 +65,8 @@ declare const ProReuseTabs: {
|
|
|
65
65
|
"onTab-delete"?: ((_key: string) => any) | undefined;
|
|
66
66
|
}>, {}, {}, {}, {}, {
|
|
67
67
|
tabs: import('./interface').IProTab[];
|
|
68
|
-
tabsSize: "small" | "
|
|
69
|
-
tabsType: "
|
|
68
|
+
tabsSize: "small" | "medium" | "mini" | "large";
|
|
69
|
+
tabsType: "text" | "line" | "card" | "card-gutter" | "rounded" | "capsule";
|
|
70
70
|
tabsHeaderPadding: boolean;
|
|
71
71
|
}>;
|
|
72
72
|
__isFragment?: never;
|
|
@@ -101,12 +101,14 @@ declare const ProReuseTabs: {
|
|
|
101
101
|
"tab-delete": (_key: string) => void;
|
|
102
102
|
}, string, {
|
|
103
103
|
tabs: import('./interface').IProTab[];
|
|
104
|
-
tabsSize: "small" | "
|
|
105
|
-
tabsType: "
|
|
104
|
+
tabsSize: "small" | "medium" | "mini" | "large";
|
|
105
|
+
tabsType: "text" | "line" | "card" | "card-gutter" | "rounded" | "capsule";
|
|
106
106
|
tabsHeaderPadding: boolean;
|
|
107
107
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
|
|
108
108
|
install: (app: App) => void;
|
|
109
109
|
};
|
|
110
|
+
/** 导出类型 */
|
|
110
111
|
export * from './interface';
|
|
112
|
+
/** 导出组件 */
|
|
111
113
|
export { ProReuseTabs };
|
|
112
114
|
export default ProReuseTabs;
|