@keyblade/pro-components 1.12.17 → 1.13.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.
Files changed (14) hide show
  1. package/es/pro-layout/enum.d.ts +16 -0
  2. package/es/pro-layout/enum.js +5 -0
  3. package/es/pro-layout/hooks.d.ts +89 -12
  4. package/es/pro-layout/hooks.js +122 -82
  5. package/es/pro-layout/index.d.ts +19 -284
  6. package/es/pro-layout/pro-layout.vue.d.ts +14 -236
  7. package/es/pro-layout/pro-layout.vue.js +150 -233
  8. package/es/pro-layout/type.d.ts +83 -0
  9. package/es/pro-menu/index.d.ts +3 -3
  10. package/es/pro-menu/interface.d.ts +11 -0
  11. package/es/pro-menu/pro-menu.vue.d.ts +2 -2
  12. package/es/pro-menu/pro-menu.vue.js +43 -41
  13. package/es/style.css +1 -1
  14. package/package.json +1 -1
package/es/pro-layout/index.d.ts CHANGED
@@ -1,96 +1,6 @@
1
1
  import { App } from 'vue';
2
2
  declare const ProLayout: {
3
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
4
- layout: {
5
- type: import('vue').PropType<"mix" | "side">;
6
- required: false;
7
- default: string;
8
- };
9
- hideHeader: {
10
- type: import('vue').PropType<boolean>;
11
- required: false;
12
- default: boolean;
13
- };
14
- headerHeight: {
15
- type: import('vue').PropType<number>;
16
- required: false;
17
- default: number;
18
- };
19
- logo: {
20
- type: import('vue').PropType<string>;
21
- required: false;
22
- default: string;
23
- };
24
- title: {
25
- type: import('vue').PropType<string>;
26
- required: false;
27
- default: string;
28
- };
29
- siderWidth: {
30
- type: import('vue').PropType<number>;
31
- required: false;
32
- default: number;
33
- };
34
- siderBreakpoint: {
35
- type: import('vue').PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
36
- required: false;
37
- default: string;
38
- };
39
- siderCollapsed: {
40
- type: import('vue').PropType<boolean>;
41
- required: false;
42
- default: boolean;
43
- };
44
- menuItems: {
45
- type: import('vue').PropType<import('..').IProMenuItem[]>;
46
- required: false;
47
- default: () => never[];
48
- };
49
- menuProps: {
50
- type: import('vue').PropType<Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>>;
51
- required: false;
52
- default: () => {};
53
- };
54
- footerTitle: {
55
- type: import('vue').PropType<string>;
56
- required: false;
57
- default: string;
58
- };
59
- hideFooter: {
60
- type: import('vue').PropType<boolean>;
61
- required: false;
62
- default: boolean;
63
- };
64
- hideTabs: {
65
- type: import('vue').PropType<boolean>;
66
- required: false;
67
- default: boolean;
68
- };
69
- tabsSize: {
70
- type: import('vue').PropType<"mini" | "small" | "medium" | "large">;
71
- required: false;
72
- default: string;
73
- };
74
- tabsType: {
75
- type: import('vue').PropType<"line" | "card" | "card-gutter" | "text" | "rounded" | "capsule">;
76
- required: false;
77
- default: string;
78
- };
79
- tabsHeaderPadding: {
80
- type: import('vue').PropType<boolean>;
81
- required: false;
82
- default: boolean;
83
- };
84
- disableKeepAlive: {
85
- type: import('vue').PropType<boolean>;
86
- required: false;
87
- default: boolean;
88
- };
89
- onMenuItemClick: {
90
- type: import('vue').PropType<(menuItem: import('..').IProMenuItem) => Promise<boolean>>;
91
- required: false;
92
- };
93
- }>> & Readonly<{
3
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').IProLayoutProps> & Readonly<{
94
4
  onCollapse?: ((_collapsed: boolean) => any) | undefined;
95
5
  onKeepAliveIncludeChange?: ((_keepAliveInclude: string[]) => any) | undefined;
96
6
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -99,11 +9,12 @@ declare const ProLayout: {
99
9
  }, import('vue').PublicProps, {
100
10
  title: string;
101
11
  menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
102
- tabsSize: "small" | "mini" | "medium" | "large";
103
- tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
12
+ tabsSize: "mini" | "small" | "medium" | "large";
13
+ tabsType: "line" | "card" | "card-gutter" | "text" | "rounded" | "capsule";
104
14
  tabsHeaderPadding: boolean;
105
- layout: "mix" | "side";
15
+ layout: import('./enum').ProLayoutMode;
106
16
  hideHeader: boolean;
17
+ hiderSider: boolean;
107
18
  headerHeight: number;
108
19
  logo: string;
109
20
  siderWidth: number;
@@ -114,114 +25,25 @@ declare const ProLayout: {
114
25
  hideFooter: boolean;
115
26
  hideTabs: boolean;
116
27
  disableKeepAlive: boolean;
117
- }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
28
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
118
29
  P: {};
119
30
  B: {};
120
31
  D: {};
121
32
  C: {};
122
33
  M: {};
123
34
  Defaults: {};
124
- }, Readonly<import('vue').ExtractPropTypes<{
125
- layout: {
126
- type: import('vue').PropType<"mix" | "side">;
127
- required: false;
128
- default: string;
129
- };
130
- hideHeader: {
131
- type: import('vue').PropType<boolean>;
132
- required: false;
133
- default: boolean;
134
- };
135
- headerHeight: {
136
- type: import('vue').PropType<number>;
137
- required: false;
138
- default: number;
139
- };
140
- logo: {
141
- type: import('vue').PropType<string>;
142
- required: false;
143
- default: string;
144
- };
145
- title: {
146
- type: import('vue').PropType<string>;
147
- required: false;
148
- default: string;
149
- };
150
- siderWidth: {
151
- type: import('vue').PropType<number>;
152
- required: false;
153
- default: number;
154
- };
155
- siderBreakpoint: {
156
- type: import('vue').PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
157
- required: false;
158
- default: string;
159
- };
160
- siderCollapsed: {
161
- type: import('vue').PropType<boolean>;
162
- required: false;
163
- default: boolean;
164
- };
165
- menuItems: {
166
- type: import('vue').PropType<import('..').IProMenuItem[]>;
167
- required: false;
168
- default: () => never[];
169
- };
170
- menuProps: {
171
- type: import('vue').PropType<Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>>;
172
- required: false;
173
- default: () => {};
174
- };
175
- footerTitle: {
176
- type: import('vue').PropType<string>;
177
- required: false;
178
- default: string;
179
- };
180
- hideFooter: {
181
- type: import('vue').PropType<boolean>;
182
- required: false;
183
- default: boolean;
184
- };
185
- hideTabs: {
186
- type: import('vue').PropType<boolean>;
187
- required: false;
188
- default: boolean;
189
- };
190
- tabsSize: {
191
- type: import('vue').PropType<"mini" | "small" | "medium" | "large">;
192
- required: false;
193
- default: string;
194
- };
195
- tabsType: {
196
- type: import('vue').PropType<"line" | "card" | "card-gutter" | "text" | "rounded" | "capsule">;
197
- required: false;
198
- default: string;
199
- };
200
- tabsHeaderPadding: {
201
- type: import('vue').PropType<boolean>;
202
- required: false;
203
- default: boolean;
204
- };
205
- disableKeepAlive: {
206
- type: import('vue').PropType<boolean>;
207
- required: false;
208
- default: boolean;
209
- };
210
- onMenuItemClick: {
211
- type: import('vue').PropType<(menuItem: import('..').IProMenuItem) => Promise<boolean>>;
212
- required: false;
213
- };
214
- }>> & Readonly<{
35
+ }, Readonly<import('./type').IProLayoutProps> & Readonly<{
215
36
  onCollapse?: ((_collapsed: boolean) => any) | undefined;
216
37
  onKeepAliveIncludeChange?: ((_keepAliveInclude: string[]) => any) | undefined;
217
38
  }>, {}, {}, {}, {}, {
218
39
  title: string;
219
40
  menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
220
- tabsSize: "small" | "mini" | "medium" | "large";
221
- tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
41
+ tabsSize: "mini" | "small" | "medium" | "large";
42
+ tabsType: "line" | "card" | "card-gutter" | "text" | "rounded" | "capsule";
222
43
  tabsHeaderPadding: boolean;
223
- layout: "mix" | "side";
44
+ layout: import('./enum').ProLayoutMode;
224
45
  hideHeader: boolean;
46
+ hiderSider: boolean;
225
47
  headerHeight: number;
226
48
  logo: string;
227
49
  siderWidth: number;
@@ -236,97 +58,7 @@ declare const ProLayout: {
236
58
  __isFragment?: never;
237
59
  __isTeleport?: never;
238
60
  __isSuspense?: never;
239
- } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
240
- layout: {
241
- type: import('vue').PropType<"mix" | "side">;
242
- required: false;
243
- default: string;
244
- };
245
- hideHeader: {
246
- type: import('vue').PropType<boolean>;
247
- required: false;
248
- default: boolean;
249
- };
250
- headerHeight: {
251
- type: import('vue').PropType<number>;
252
- required: false;
253
- default: number;
254
- };
255
- logo: {
256
- type: import('vue').PropType<string>;
257
- required: false;
258
- default: string;
259
- };
260
- title: {
261
- type: import('vue').PropType<string>;
262
- required: false;
263
- default: string;
264
- };
265
- siderWidth: {
266
- type: import('vue').PropType<number>;
267
- required: false;
268
- default: number;
269
- };
270
- siderBreakpoint: {
271
- type: import('vue').PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
272
- required: false;
273
- default: string;
274
- };
275
- siderCollapsed: {
276
- type: import('vue').PropType<boolean>;
277
- required: false;
278
- default: boolean;
279
- };
280
- menuItems: {
281
- type: import('vue').PropType<import('..').IProMenuItem[]>;
282
- required: false;
283
- default: () => never[];
284
- };
285
- menuProps: {
286
- type: import('vue').PropType<Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>>;
287
- required: false;
288
- default: () => {};
289
- };
290
- footerTitle: {
291
- type: import('vue').PropType<string>;
292
- required: false;
293
- default: string;
294
- };
295
- hideFooter: {
296
- type: import('vue').PropType<boolean>;
297
- required: false;
298
- default: boolean;
299
- };
300
- hideTabs: {
301
- type: import('vue').PropType<boolean>;
302
- required: false;
303
- default: boolean;
304
- };
305
- tabsSize: {
306
- type: import('vue').PropType<"mini" | "small" | "medium" | "large">;
307
- required: false;
308
- default: string;
309
- };
310
- tabsType: {
311
- type: import('vue').PropType<"line" | "card" | "card-gutter" | "text" | "rounded" | "capsule">;
312
- required: false;
313
- default: string;
314
- };
315
- tabsHeaderPadding: {
316
- type: import('vue').PropType<boolean>;
317
- required: false;
318
- default: boolean;
319
- };
320
- disableKeepAlive: {
321
- type: import('vue').PropType<boolean>;
322
- required: false;
323
- default: boolean;
324
- };
325
- onMenuItemClick: {
326
- type: import('vue').PropType<(menuItem: import('..').IProMenuItem) => Promise<boolean>>;
327
- required: false;
328
- };
329
- }>> & Readonly<{
61
+ } & import('vue').ComponentOptionsBase<Readonly<import('./type').IProLayoutProps> & Readonly<{
330
62
  onCollapse?: ((_collapsed: boolean) => any) | undefined;
331
63
  onKeepAliveIncludeChange?: ((_keepAliveInclude: string[]) => any) | undefined;
332
64
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -335,11 +67,12 @@ declare const ProLayout: {
335
67
  }, string, {
336
68
  title: string;
337
69
  menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
338
- tabsSize: "small" | "mini" | "medium" | "large";
339
- tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
70
+ tabsSize: "mini" | "small" | "medium" | "large";
71
+ tabsType: "line" | "card" | "card-gutter" | "text" | "rounded" | "capsule";
340
72
  tabsHeaderPadding: boolean;
341
- layout: "mix" | "side";
73
+ layout: import('./enum').ProLayoutMode;
342
74
  hideHeader: boolean;
75
+ hiderSider: boolean;
343
76
  headerHeight: number;
344
77
  logo: string;
345
78
  siderWidth: number;
@@ -353,7 +86,9 @@ declare const ProLayout: {
353
86
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
354
87
  $slots: {
355
88
  'header-left'?(_: {}): any;
356
- 'header-center'?(_: {}): any;
89
+ 'header-center-left'?(_: {}): any;
90
+ 'header-center-center'?(_: {}): any;
91
+ 'header-center-right'?(_: {}): any;
357
92
  'header-right'?(_: {}): any;
358
93
  'sider-top'?(_: {}): any;
359
94
  footer?(_: {}): any;
package/es/pro-layout/pro-layout.vue.d.ts CHANGED
@@ -1,11 +1,12 @@
1
- import { PropType } from 'vue';
2
- import { IProMenuItem } from '../pro-menu';
3
- import { MenuProps } from '@arco-design/web-vue/es/menu/interface';
1
+ import { ProLayoutMode } from './enum.ts';
2
+ import { IProLayoutProps } from './type.ts';
4
3
  declare function __VLS_template(): {
5
4
  attrs: Partial<{}>;
6
5
  slots: {
7
6
  'header-left'?(_: {}): any;
8
- 'header-center'?(_: {}): any;
7
+ 'header-center-left'?(_: {}): any;
8
+ 'header-center-center'?(_: {}): any;
9
+ 'header-center-right'?(_: {}): any;
9
10
  'header-right'?(_: {}): any;
10
11
  'sider-top'?(_: {}): any;
11
12
  footer?(_: {}): any;
@@ -14,255 +15,32 @@ declare function __VLS_template(): {
14
15
  rootEl: any;
15
16
  };
16
17
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
17
- declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
18
- /**
19
- * 布局模式
20
- * side：侧边菜单布局
21
- * mix：混合菜单布局
22
- * */
23
- layout: {
24
- type: PropType<"mix" | "side">;
25
- required: false;
26
- default: string;
27
- };
28
- /** 是否隐藏头部 */
29
- hideHeader: {
30
- type: PropType<boolean>;
31
- required: false;
32
- default: boolean;
33
- };
34
- /** 头部高度 */
35
- headerHeight: {
36
- type: PropType<number>;
37
- required: false;
38
- default: number;
39
- };
40
- /** logo */
41
- logo: {
42
- type: PropType<string>;
43
- required: false;
44
- default: string;
45
- };
46
- /** 标题 */
47
- title: {
48
- type: PropType<string>;
49
- required: false;
50
- default: string;
51
- };
52
- /** 侧边栏宽度 */
53
- siderWidth: {
54
- type: PropType<number>;
55
- required: false;
56
- default: number;
57
- };
58
- /** 侧边栏响应式的断点 */
59
- siderBreakpoint: {
60
- type: PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
61
- required: false;
62
- default: string;
63
- };
64
- /** 侧边栏是否收缩，会受 siderBreakpoint 影响 */
65
- siderCollapsed: {
66
- type: PropType<boolean>;
67
- required: false;
68
- default: boolean;
69
- };
70
- /** 菜单项 */
71
- menuItems: {
72
- type: PropType<IProMenuItem[]>;
73
- required: false;
74
- default: () => never[];
75
- };
76
- /** 菜单属性 */
77
- menuProps: {
78
- type: PropType<Partial<MenuProps>>;
79
- required: false;
80
- default: () => {};
81
- };
82
- /** 页脚标题 */
83
- footerTitle: {
84
- type: PropType<string>;
85
- required: false;
86
- default: string;
87
- };
88
- /** 是否隐藏页脚 */
89
- hideFooter: {
90
- type: PropType<boolean>;
91
- required: false;
92
- default: boolean;
93
- };
94
- /** 是否隐藏多页签 */
95
- hideTabs: {
96
- type: PropType<boolean>;
97
- required: false;
98
- default: boolean;
99
- };
100
- /** tabs尺寸 */
101
- tabsSize: {
102
- type: PropType<"mini" | "small" | "medium" | "large">;
103
- required: false;
104
- default: string;
105
- };
106
- /** tabs类型 */
107
- tabsType: {
108
- type: PropType<"line" | "card" | "card-gutter" | "text" | "rounded" | "capsule">;
109
- required: false;
110
- default: string;
111
- };
112
- /** tabs头部间距 */
113
- tabsHeaderPadding: {
114
- type: PropType<boolean>;
115
- required: false;
116
- default: boolean;
117
- };
118
- /** 禁用全局路由缓存 */
119
- disableKeepAlive: {
120
- type: PropType<boolean>;
121
- required: false;
122
- default: boolean;
123
- };
124
- /** 菜单项点击事件 */
125
- onMenuItemClick: {
126
- type: PropType<(menuItem: IProMenuItem) => Promise<boolean>>;
127
- required: false;
128
- };
129
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
18
+ declare const __VLS_component: import('vue').DefineComponent<IProLayoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
130
19
  collapse: (_collapsed: boolean) => void;
131
20
  keepAliveIncludeChange: (_keepAliveInclude: string[]) => void;
132
- }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
133
- /**
134
- * 布局模式
135
- * side：侧边菜单布局
136
- * mix：混合菜单布局
137
- * */
138
- layout: {
139
- type: PropType<"mix" | "side">;
140
- required: false;
141
- default: string;
142
- };
143
- /** 是否隐藏头部 */
144
- hideHeader: {
145
- type: PropType<boolean>;
146
- required: false;
147
- default: boolean;
148
- };
149
- /** 头部高度 */
150
- headerHeight: {
151
- type: PropType<number>;
152
- required: false;
153
- default: number;
154
- };
155
- /** logo */
156
- logo: {
157
- type: PropType<string>;
158
- required: false;
159
- default: string;
160
- };
161
- /** 标题 */
162
- title: {
163
- type: PropType<string>;
164
- required: false;
165
- default: string;
166
- };
167
- /** 侧边栏宽度 */
168
- siderWidth: {
169
- type: PropType<number>;
170
- required: false;
171
- default: number;
172
- };
173
- /** 侧边栏响应式的断点 */
174
- siderBreakpoint: {
175
- type: PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
176
- required: false;
177
- default: string;
178
- };
179
- /** 侧边栏是否收缩，会受 siderBreakpoint 影响 */
180
- siderCollapsed: {
181
- type: PropType<boolean>;
182
- required: false;
183
- default: boolean;
184
- };
185
- /** 菜单项 */
186
- menuItems: {
187
- type: PropType<IProMenuItem[]>;
188
- required: false;
189
- default: () => never[];
190
- };
191
- /** 菜单属性 */
192
- menuProps: {
193
- type: PropType<Partial<MenuProps>>;
194
- required: false;
195
- default: () => {};
196
- };
197
- /** 页脚标题 */
198
- footerTitle: {
199
- type: PropType<string>;
200
- required: false;
201
- default: string;
202
- };
203
- /** 是否隐藏页脚 */
204
- hideFooter: {
205
- type: PropType<boolean>;
206
- required: false;
207
- default: boolean;
208
- };
209
- /** 是否隐藏多页签 */
210
- hideTabs: {
211
- type: PropType<boolean>;
212
- required: false;
213
- default: boolean;
214
- };
215
- /** tabs尺寸 */
216
- tabsSize: {
217
- type: PropType<"mini" | "small" | "medium" | "large">;
218
- required: false;
219
- default: string;
220
- };
221
- /** tabs类型 */
222
- tabsType: {
223
- type: PropType<"line" | "card" | "card-gutter" | "text" | "rounded" | "capsule">;
224
- required: false;
225
- default: string;
226
- };
227
- /** tabs头部间距 */
228
- tabsHeaderPadding: {
229
- type: PropType<boolean>;
230
- required: false;
231
- default: boolean;
232
- };
233
- /** 禁用全局路由缓存 */
234
- disableKeepAlive: {
235
- type: PropType<boolean>;
236
- required: false;
237
- default: boolean;
238
- };
239
- /** 菜单项点击事件 */
240
- onMenuItemClick: {
241
- type: PropType<(menuItem: IProMenuItem) => Promise<boolean>>;
242
- required: false;
243
- };
244
- }>> & Readonly<{
21
+ }, string, import('vue').PublicProps, Readonly<IProLayoutProps> & Readonly<{
245
22
  onCollapse?: ((_collapsed: boolean) => any) | undefined;
246
23
  onKeepAliveIncludeChange?: ((_keepAliveInclude: string[]) => any) | undefined;
247
24
  }>, {
248
25
  title: string;
249
- menuProps: Partial<MenuProps>;
250
- tabsSize: "small" | "mini" | "medium" | "large";
251
- tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
26
+ menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
27
+ tabsSize: "mini" | "small" | "medium" | "large";
28
+ tabsType: "line" | "card" | "card-gutter" | "text" | "rounded" | "capsule";
252
29
  tabsHeaderPadding: boolean;
253
- layout: "mix" | "side";
30
+ layout: ProLayoutMode;
254
31
  hideHeader: boolean;
32
+ hiderSider: boolean;
255
33
  headerHeight: number;
256
34
  logo: string;
257
35
  siderWidth: number;
258
36
  siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
259
37
  siderCollapsed: boolean;
260
- menuItems: IProMenuItem[];
38
+ menuItems: import('../index.ts').IProMenuItem[];
261
39
  footerTitle: string;
262
40
  hideFooter: boolean;
263
41
  hideTabs: boolean;
264
42
  disableKeepAlive: boolean;
265
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
43
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
266
44
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
267
45
  export default _default;
268
46
  type __VLS_WithTemplateSlots<T, S> = T & {