@robot-admin/layout 2.3.2 → 3.0.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/CHANGELOG.md +144 -0
- package/LICENSE +21 -0
- package/README.md +92 -61
- package/dist/core/index.cjs +310 -0
- package/dist/core/index.cjs.map +1 -0
- package/dist/core/index.d.cts +121 -0
- package/dist/core/index.d.ts +121 -0
- package/dist/core/index.js +273 -0
- package/dist/core/index.js.map +1 -0
- package/dist/index.cjs +3 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.cts +1750 -0
- package/dist/index.d.ts +794 -109
- package/dist/index.js +1455 -1316
- package/dist/index.js.map +1 -1
- package/package.json +37 -14
package/dist/index.d.ts
CHANGED
|
@@ -8,25 +8,34 @@ import { InjectionKey } from 'vue';
|
|
|
8
8
|
import { MaybeRefOrGetter } from 'vue';
|
|
9
9
|
import { PublicProps } from 'vue';
|
|
10
10
|
import { Ref } from 'vue';
|
|
11
|
+
import { RouteLocationNormalizedLoaded } from 'vue-router';
|
|
12
|
+
import { Store } from 'pinia';
|
|
11
13
|
import { StoreDefinition } from 'pinia';
|
|
12
|
-
import { ThemeMode } from '@robot-admin/theme';
|
|
13
14
|
import { VNode } from 'vue';
|
|
15
|
+
import { WritableComputedRef } from 'vue';
|
|
14
16
|
|
|
15
17
|
declare const __VLS_component: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
16
18
|
|
|
17
|
-
declare const __VLS_component_2: DefineComponent<
|
|
19
|
+
declare const __VLS_component_2: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
20
|
+
"update:show": (value: boolean) => any;
|
|
21
|
+
}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
22
|
+
"onUpdate:show"?: ((value: boolean) => any) | undefined;
|
|
23
|
+
}>, {
|
|
24
|
+
width: number;
|
|
25
|
+
maxImportBytes: number;
|
|
26
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
27
|
+
|
|
28
|
+
declare const __VLS_component_3: DefineComponent<__VLS_Props_9, {
|
|
18
29
|
collapsed: ComputedRef<boolean>;
|
|
19
30
|
toggleCollapse: () => void;
|
|
20
31
|
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
21
32
|
"update:collapsed": (value: boolean) => any;
|
|
22
|
-
}, string, PublicProps, Readonly<
|
|
33
|
+
}, string, PublicProps, Readonly<__VLS_Props_9> & Readonly<{
|
|
23
34
|
"onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
|
|
24
35
|
}>, {
|
|
25
36
|
collapsed: boolean;
|
|
26
37
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
27
38
|
|
|
28
|
-
declare const __VLS_component_3: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
29
|
-
|
|
30
39
|
declare const __VLS_component_4: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
31
40
|
|
|
32
41
|
declare const __VLS_component_5: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
@@ -35,7 +44,20 @@ declare const __VLS_component_6: DefineComponent< {}, {}, {}, {}, {}, Compone
|
|
|
35
44
|
|
|
36
45
|
declare const __VLS_component_7: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
37
46
|
|
|
47
|
+
declare const __VLS_component_8: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
48
|
+
|
|
38
49
|
declare type __VLS_Props = {
|
|
50
|
+
/** 抽屉宽度，保持 2.x 默认值 */
|
|
51
|
+
width?: number;
|
|
52
|
+
/** 显式设置 Store；优先级高于 setupLayout 注入和默认 Store */
|
|
53
|
+
store?: SettingsStoreInstance;
|
|
54
|
+
/** 由宿主实现的缓存清理、页面刷新等高副作用操作 */
|
|
55
|
+
actions?: SettingsDrawerActions;
|
|
56
|
+
/** 导入文件最大字节数，默认 1 MiB */
|
|
57
|
+
maxImportBytes?: number;
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
declare type __VLS_Props_2 = {
|
|
39
61
|
/** 是否显示品牌名称 */
|
|
40
62
|
showName?: boolean;
|
|
41
63
|
/** 是否显示分隔线 */
|
|
@@ -48,14 +70,14 @@ declare type __VLS_Props = {
|
|
|
48
70
|
variant?: "vertical" | "horizontal";
|
|
49
71
|
};
|
|
50
72
|
|
|
51
|
-
declare type
|
|
73
|
+
declare type __VLS_Props_3 = {
|
|
52
74
|
/** 菜单数据 */
|
|
53
75
|
menus: MenuOptions[];
|
|
54
76
|
/** 当前激活的菜单路径 */
|
|
55
77
|
active?: string;
|
|
56
78
|
};
|
|
57
79
|
|
|
58
|
-
declare type
|
|
80
|
+
declare type __VLS_Props_4 = {
|
|
59
81
|
/** 是否显示 */
|
|
60
82
|
show: boolean;
|
|
61
83
|
/** 当前悬浮的一级菜单项（包含 children） */
|
|
@@ -64,7 +86,7 @@ declare type __VLS_Props_3 = {
|
|
|
64
86
|
isActive?: (path: string | undefined) => boolean;
|
|
65
87
|
};
|
|
66
88
|
|
|
67
|
-
declare type
|
|
89
|
+
declare type __VLS_Props_5 = {
|
|
68
90
|
/** 二级菜单列表 */
|
|
69
91
|
menus: MenuOptions[];
|
|
70
92
|
/** 当前一级菜单项（显示标题和图标） */
|
|
@@ -73,30 +95,30 @@ declare type __VLS_Props_4 = {
|
|
|
73
95
|
isActive?: (path: string | undefined) => boolean;
|
|
74
96
|
};
|
|
75
97
|
|
|
76
|
-
declare type
|
|
98
|
+
declare type __VLS_Props_6 = {
|
|
77
99
|
/** 菜单数据 */
|
|
78
100
|
menus: MenuOptions[];
|
|
79
101
|
/** 是否显示 */
|
|
80
102
|
show: boolean;
|
|
81
103
|
};
|
|
82
104
|
|
|
83
|
-
declare type
|
|
105
|
+
declare type __VLS_Props_7 = {
|
|
84
106
|
show?: boolean;
|
|
85
107
|
};
|
|
86
108
|
|
|
87
|
-
declare type
|
|
109
|
+
declare type __VLS_Props_8 = {
|
|
88
110
|
/** 菜单数据 */
|
|
89
111
|
data: MenuOptions[];
|
|
90
112
|
};
|
|
91
113
|
|
|
92
|
-
declare type
|
|
114
|
+
declare type __VLS_Props_9 = {
|
|
93
115
|
/** 控制侧边栏折叠状态 (支持 v-model:collapsed) */
|
|
94
116
|
collapsed?: boolean;
|
|
95
117
|
};
|
|
96
118
|
|
|
97
119
|
declare type __VLS_PublicProps = {
|
|
98
120
|
"show"?: boolean;
|
|
99
|
-
};
|
|
121
|
+
} & __VLS_Props;
|
|
100
122
|
|
|
101
123
|
declare function __VLS_template(): {
|
|
102
124
|
attrs: Partial<{}>;
|
|
@@ -138,6 +160,665 @@ declare function __VLS_template(): {
|
|
|
138
160
|
};
|
|
139
161
|
|
|
140
162
|
declare function __VLS_template_2(): {
|
|
163
|
+
attrs: Partial<{}>;
|
|
164
|
+
slots: {
|
|
165
|
+
'appearance-prepend'?(_: {
|
|
166
|
+
settings: Store<string, Pick<{
|
|
167
|
+
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
168
|
+
primaryColor: Ref<string, string>;
|
|
169
|
+
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
170
|
+
transitionType: Ref<TransitionType, TransitionType>;
|
|
171
|
+
enableTransition: Ref<boolean, boolean>;
|
|
172
|
+
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
173
|
+
menuExpandMode: Ref<MenuExpandMode, MenuExpandMode>;
|
|
174
|
+
collapsed: Ref<boolean, boolean>;
|
|
175
|
+
fixedHeader: Ref<boolean, boolean>;
|
|
176
|
+
showBreadcrumb: Ref<boolean, boolean>;
|
|
177
|
+
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
178
|
+
showTagsView: Ref<boolean, boolean>;
|
|
179
|
+
tagsViewHeight: Ref<number, number>;
|
|
180
|
+
tagsViewStyle: Ref<TagsViewStyle, TagsViewStyle>;
|
|
181
|
+
showFooter: Ref<boolean, boolean>;
|
|
182
|
+
sidebarWidth: Ref<number, number>;
|
|
183
|
+
sidebarCollapsedWidth: Ref<number, number>;
|
|
184
|
+
headerHeight: Ref<number, number>;
|
|
185
|
+
enableHotkeys: Ref<boolean, boolean>;
|
|
186
|
+
version: Ref<string, string>;
|
|
187
|
+
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
188
|
+
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
189
|
+
shouldEnableTransition: ComputedRef<boolean>;
|
|
190
|
+
settingsState: ComputedRef<SettingsState>;
|
|
191
|
+
syncCSSVariables: () => void;
|
|
192
|
+
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
193
|
+
resetSettings: () => void;
|
|
194
|
+
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
195
|
+
toggleCollapse: () => void;
|
|
196
|
+
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version">, Pick<{
|
|
197
|
+
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
198
|
+
primaryColor: Ref<string, string>;
|
|
199
|
+
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
200
|
+
transitionType: Ref<TransitionType, TransitionType>;
|
|
201
|
+
enableTransition: Ref<boolean, boolean>;
|
|
202
|
+
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
203
|
+
menuExpandMode: Ref<MenuExpandMode, MenuExpandMode>;
|
|
204
|
+
collapsed: Ref<boolean, boolean>;
|
|
205
|
+
fixedHeader: Ref<boolean, boolean>;
|
|
206
|
+
showBreadcrumb: Ref<boolean, boolean>;
|
|
207
|
+
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
208
|
+
showTagsView: Ref<boolean, boolean>;
|
|
209
|
+
tagsViewHeight: Ref<number, number>;
|
|
210
|
+
tagsViewStyle: Ref<TagsViewStyle, TagsViewStyle>;
|
|
211
|
+
showFooter: Ref<boolean, boolean>;
|
|
212
|
+
sidebarWidth: Ref<number, number>;
|
|
213
|
+
sidebarCollapsedWidth: Ref<number, number>;
|
|
214
|
+
headerHeight: Ref<number, number>;
|
|
215
|
+
enableHotkeys: Ref<boolean, boolean>;
|
|
216
|
+
version: Ref<string, string>;
|
|
217
|
+
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
218
|
+
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
219
|
+
shouldEnableTransition: ComputedRef<boolean>;
|
|
220
|
+
settingsState: ComputedRef<SettingsState>;
|
|
221
|
+
syncCSSVariables: () => void;
|
|
222
|
+
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
223
|
+
resetSettings: () => void;
|
|
224
|
+
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
225
|
+
toggleCollapse: () => void;
|
|
226
|
+
}, "borderRadiusValue" | "transitionName" | "shouldEnableTransition" | "settingsState">, Pick<{
|
|
227
|
+
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
228
|
+
primaryColor: Ref<string, string>;
|
|
229
|
+
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
230
|
+
transitionType: Ref<TransitionType, TransitionType>;
|
|
231
|
+
enableTransition: Ref<boolean, boolean>;
|
|
232
|
+
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
233
|
+
menuExpandMode: Ref<MenuExpandMode, MenuExpandMode>;
|
|
234
|
+
collapsed: Ref<boolean, boolean>;
|
|
235
|
+
fixedHeader: Ref<boolean, boolean>;
|
|
236
|
+
showBreadcrumb: Ref<boolean, boolean>;
|
|
237
|
+
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
238
|
+
showTagsView: Ref<boolean, boolean>;
|
|
239
|
+
tagsViewHeight: Ref<number, number>;
|
|
240
|
+
tagsViewStyle: Ref<TagsViewStyle, TagsViewStyle>;
|
|
241
|
+
showFooter: Ref<boolean, boolean>;
|
|
242
|
+
sidebarWidth: Ref<number, number>;
|
|
243
|
+
sidebarCollapsedWidth: Ref<number, number>;
|
|
244
|
+
headerHeight: Ref<number, number>;
|
|
245
|
+
enableHotkeys: Ref<boolean, boolean>;
|
|
246
|
+
version: Ref<string, string>;
|
|
247
|
+
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
248
|
+
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
249
|
+
shouldEnableTransition: ComputedRef<boolean>;
|
|
250
|
+
settingsState: ComputedRef<SettingsState>;
|
|
251
|
+
syncCSSVariables: () => void;
|
|
252
|
+
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
253
|
+
resetSettings: () => void;
|
|
254
|
+
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
255
|
+
toggleCollapse: () => void;
|
|
256
|
+
}, "syncCSSVariables" | "applyPreset" | "resetSettings" | "updateThemeMode" | "toggleCollapse">>;
|
|
257
|
+
}): any;
|
|
258
|
+
'appearance-append'?(_: {
|
|
259
|
+
settings: Store<string, Pick<{
|
|
260
|
+
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
261
|
+
primaryColor: Ref<string, string>;
|
|
262
|
+
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
263
|
+
transitionType: Ref<TransitionType, TransitionType>;
|
|
264
|
+
enableTransition: Ref<boolean, boolean>;
|
|
265
|
+
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
266
|
+
menuExpandMode: Ref<MenuExpandMode, MenuExpandMode>;
|
|
267
|
+
collapsed: Ref<boolean, boolean>;
|
|
268
|
+
fixedHeader: Ref<boolean, boolean>;
|
|
269
|
+
showBreadcrumb: Ref<boolean, boolean>;
|
|
270
|
+
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
271
|
+
showTagsView: Ref<boolean, boolean>;
|
|
272
|
+
tagsViewHeight: Ref<number, number>;
|
|
273
|
+
tagsViewStyle: Ref<TagsViewStyle, TagsViewStyle>;
|
|
274
|
+
showFooter: Ref<boolean, boolean>;
|
|
275
|
+
sidebarWidth: Ref<number, number>;
|
|
276
|
+
sidebarCollapsedWidth: Ref<number, number>;
|
|
277
|
+
headerHeight: Ref<number, number>;
|
|
278
|
+
enableHotkeys: Ref<boolean, boolean>;
|
|
279
|
+
version: Ref<string, string>;
|
|
280
|
+
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
281
|
+
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
282
|
+
shouldEnableTransition: ComputedRef<boolean>;
|
|
283
|
+
settingsState: ComputedRef<SettingsState>;
|
|
284
|
+
syncCSSVariables: () => void;
|
|
285
|
+
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
286
|
+
resetSettings: () => void;
|
|
287
|
+
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
288
|
+
toggleCollapse: () => void;
|
|
289
|
+
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version">, Pick<{
|
|
290
|
+
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
291
|
+
primaryColor: Ref<string, string>;
|
|
292
|
+
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
293
|
+
transitionType: Ref<TransitionType, TransitionType>;
|
|
294
|
+
enableTransition: Ref<boolean, boolean>;
|
|
295
|
+
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
296
|
+
menuExpandMode: Ref<MenuExpandMode, MenuExpandMode>;
|
|
297
|
+
collapsed: Ref<boolean, boolean>;
|
|
298
|
+
fixedHeader: Ref<boolean, boolean>;
|
|
299
|
+
showBreadcrumb: Ref<boolean, boolean>;
|
|
300
|
+
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
301
|
+
showTagsView: Ref<boolean, boolean>;
|
|
302
|
+
tagsViewHeight: Ref<number, number>;
|
|
303
|
+
tagsViewStyle: Ref<TagsViewStyle, TagsViewStyle>;
|
|
304
|
+
showFooter: Ref<boolean, boolean>;
|
|
305
|
+
sidebarWidth: Ref<number, number>;
|
|
306
|
+
sidebarCollapsedWidth: Ref<number, number>;
|
|
307
|
+
headerHeight: Ref<number, number>;
|
|
308
|
+
enableHotkeys: Ref<boolean, boolean>;
|
|
309
|
+
version: Ref<string, string>;
|
|
310
|
+
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
311
|
+
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
312
|
+
shouldEnableTransition: ComputedRef<boolean>;
|
|
313
|
+
settingsState: ComputedRef<SettingsState>;
|
|
314
|
+
syncCSSVariables: () => void;
|
|
315
|
+
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
316
|
+
resetSettings: () => void;
|
|
317
|
+
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
318
|
+
toggleCollapse: () => void;
|
|
319
|
+
}, "borderRadiusValue" | "transitionName" | "shouldEnableTransition" | "settingsState">, Pick<{
|
|
320
|
+
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
321
|
+
primaryColor: Ref<string, string>;
|
|
322
|
+
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
323
|
+
transitionType: Ref<TransitionType, TransitionType>;
|
|
324
|
+
enableTransition: Ref<boolean, boolean>;
|
|
325
|
+
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
326
|
+
menuExpandMode: Ref<MenuExpandMode, MenuExpandMode>;
|
|
327
|
+
collapsed: Ref<boolean, boolean>;
|
|
328
|
+
fixedHeader: Ref<boolean, boolean>;
|
|
329
|
+
showBreadcrumb: Ref<boolean, boolean>;
|
|
330
|
+
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
331
|
+
showTagsView: Ref<boolean, boolean>;
|
|
332
|
+
tagsViewHeight: Ref<number, number>;
|
|
333
|
+
tagsViewStyle: Ref<TagsViewStyle, TagsViewStyle>;
|
|
334
|
+
showFooter: Ref<boolean, boolean>;
|
|
335
|
+
sidebarWidth: Ref<number, number>;
|
|
336
|
+
sidebarCollapsedWidth: Ref<number, number>;
|
|
337
|
+
headerHeight: Ref<number, number>;
|
|
338
|
+
enableHotkeys: Ref<boolean, boolean>;
|
|
339
|
+
version: Ref<string, string>;
|
|
340
|
+
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
341
|
+
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
342
|
+
shouldEnableTransition: ComputedRef<boolean>;
|
|
343
|
+
settingsState: ComputedRef<SettingsState>;
|
|
344
|
+
syncCSSVariables: () => void;
|
|
345
|
+
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
346
|
+
resetSettings: () => void;
|
|
347
|
+
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
348
|
+
toggleCollapse: () => void;
|
|
349
|
+
}, "syncCSSVariables" | "applyPreset" | "resetSettings" | "updateThemeMode" | "toggleCollapse">>;
|
|
350
|
+
}): any;
|
|
351
|
+
'layout-prepend'?(_: {
|
|
352
|
+
settings: Store<string, Pick<{
|
|
353
|
+
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
354
|
+
primaryColor: Ref<string, string>;
|
|
355
|
+
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
356
|
+
transitionType: Ref<TransitionType, TransitionType>;
|
|
357
|
+
enableTransition: Ref<boolean, boolean>;
|
|
358
|
+
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
359
|
+
menuExpandMode: Ref<MenuExpandMode, MenuExpandMode>;
|
|
360
|
+
collapsed: Ref<boolean, boolean>;
|
|
361
|
+
fixedHeader: Ref<boolean, boolean>;
|
|
362
|
+
showBreadcrumb: Ref<boolean, boolean>;
|
|
363
|
+
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
364
|
+
showTagsView: Ref<boolean, boolean>;
|
|
365
|
+
tagsViewHeight: Ref<number, number>;
|
|
366
|
+
tagsViewStyle: Ref<TagsViewStyle, TagsViewStyle>;
|
|
367
|
+
showFooter: Ref<boolean, boolean>;
|
|
368
|
+
sidebarWidth: Ref<number, number>;
|
|
369
|
+
sidebarCollapsedWidth: Ref<number, number>;
|
|
370
|
+
headerHeight: Ref<number, number>;
|
|
371
|
+
enableHotkeys: Ref<boolean, boolean>;
|
|
372
|
+
version: Ref<string, string>;
|
|
373
|
+
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
374
|
+
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
375
|
+
shouldEnableTransition: ComputedRef<boolean>;
|
|
376
|
+
settingsState: ComputedRef<SettingsState>;
|
|
377
|
+
syncCSSVariables: () => void;
|
|
378
|
+
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
379
|
+
resetSettings: () => void;
|
|
380
|
+
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
381
|
+
toggleCollapse: () => void;
|
|
382
|
+
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version">, Pick<{
|
|
383
|
+
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
384
|
+
primaryColor: Ref<string, string>;
|
|
385
|
+
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
386
|
+
transitionType: Ref<TransitionType, TransitionType>;
|
|
387
|
+
enableTransition: Ref<boolean, boolean>;
|
|
388
|
+
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
389
|
+
menuExpandMode: Ref<MenuExpandMode, MenuExpandMode>;
|
|
390
|
+
collapsed: Ref<boolean, boolean>;
|
|
391
|
+
fixedHeader: Ref<boolean, boolean>;
|
|
392
|
+
showBreadcrumb: Ref<boolean, boolean>;
|
|
393
|
+
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
394
|
+
showTagsView: Ref<boolean, boolean>;
|
|
395
|
+
tagsViewHeight: Ref<number, number>;
|
|
396
|
+
tagsViewStyle: Ref<TagsViewStyle, TagsViewStyle>;
|
|
397
|
+
showFooter: Ref<boolean, boolean>;
|
|
398
|
+
sidebarWidth: Ref<number, number>;
|
|
399
|
+
sidebarCollapsedWidth: Ref<number, number>;
|
|
400
|
+
headerHeight: Ref<number, number>;
|
|
401
|
+
enableHotkeys: Ref<boolean, boolean>;
|
|
402
|
+
version: Ref<string, string>;
|
|
403
|
+
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
404
|
+
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
405
|
+
shouldEnableTransition: ComputedRef<boolean>;
|
|
406
|
+
settingsState: ComputedRef<SettingsState>;
|
|
407
|
+
syncCSSVariables: () => void;
|
|
408
|
+
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
409
|
+
resetSettings: () => void;
|
|
410
|
+
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
411
|
+
toggleCollapse: () => void;
|
|
412
|
+
}, "borderRadiusValue" | "transitionName" | "shouldEnableTransition" | "settingsState">, Pick<{
|
|
413
|
+
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
414
|
+
primaryColor: Ref<string, string>;
|
|
415
|
+
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
416
|
+
transitionType: Ref<TransitionType, TransitionType>;
|
|
417
|
+
enableTransition: Ref<boolean, boolean>;
|
|
418
|
+
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
419
|
+
menuExpandMode: Ref<MenuExpandMode, MenuExpandMode>;
|
|
420
|
+
collapsed: Ref<boolean, boolean>;
|
|
421
|
+
fixedHeader: Ref<boolean, boolean>;
|
|
422
|
+
showBreadcrumb: Ref<boolean, boolean>;
|
|
423
|
+
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
424
|
+
showTagsView: Ref<boolean, boolean>;
|
|
425
|
+
tagsViewHeight: Ref<number, number>;
|
|
426
|
+
tagsViewStyle: Ref<TagsViewStyle, TagsViewStyle>;
|
|
427
|
+
showFooter: Ref<boolean, boolean>;
|
|
428
|
+
sidebarWidth: Ref<number, number>;
|
|
429
|
+
sidebarCollapsedWidth: Ref<number, number>;
|
|
430
|
+
headerHeight: Ref<number, number>;
|
|
431
|
+
enableHotkeys: Ref<boolean, boolean>;
|
|
432
|
+
version: Ref<string, string>;
|
|
433
|
+
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
434
|
+
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
435
|
+
shouldEnableTransition: ComputedRef<boolean>;
|
|
436
|
+
settingsState: ComputedRef<SettingsState>;
|
|
437
|
+
syncCSSVariables: () => void;
|
|
438
|
+
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
439
|
+
resetSettings: () => void;
|
|
440
|
+
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
441
|
+
toggleCollapse: () => void;
|
|
442
|
+
}, "syncCSSVariables" | "applyPreset" | "resetSettings" | "updateThemeMode" | "toggleCollapse">>;
|
|
443
|
+
}): any;
|
|
444
|
+
'layout-after-mode'?(_: {
|
|
445
|
+
settings: Store<string, Pick<{
|
|
446
|
+
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
447
|
+
primaryColor: Ref<string, string>;
|
|
448
|
+
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
449
|
+
transitionType: Ref<TransitionType, TransitionType>;
|
|
450
|
+
enableTransition: Ref<boolean, boolean>;
|
|
451
|
+
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
452
|
+
menuExpandMode: Ref<MenuExpandMode, MenuExpandMode>;
|
|
453
|
+
collapsed: Ref<boolean, boolean>;
|
|
454
|
+
fixedHeader: Ref<boolean, boolean>;
|
|
455
|
+
showBreadcrumb: Ref<boolean, boolean>;
|
|
456
|
+
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
457
|
+
showTagsView: Ref<boolean, boolean>;
|
|
458
|
+
tagsViewHeight: Ref<number, number>;
|
|
459
|
+
tagsViewStyle: Ref<TagsViewStyle, TagsViewStyle>;
|
|
460
|
+
showFooter: Ref<boolean, boolean>;
|
|
461
|
+
sidebarWidth: Ref<number, number>;
|
|
462
|
+
sidebarCollapsedWidth: Ref<number, number>;
|
|
463
|
+
headerHeight: Ref<number, number>;
|
|
464
|
+
enableHotkeys: Ref<boolean, boolean>;
|
|
465
|
+
version: Ref<string, string>;
|
|
466
|
+
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
467
|
+
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
468
|
+
shouldEnableTransition: ComputedRef<boolean>;
|
|
469
|
+
settingsState: ComputedRef<SettingsState>;
|
|
470
|
+
syncCSSVariables: () => void;
|
|
471
|
+
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
472
|
+
resetSettings: () => void;
|
|
473
|
+
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
474
|
+
toggleCollapse: () => void;
|
|
475
|
+
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version">, Pick<{
|
|
476
|
+
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
477
|
+
primaryColor: Ref<string, string>;
|
|
478
|
+
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
479
|
+
transitionType: Ref<TransitionType, TransitionType>;
|
|
480
|
+
enableTransition: Ref<boolean, boolean>;
|
|
481
|
+
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
482
|
+
menuExpandMode: Ref<MenuExpandMode, MenuExpandMode>;
|
|
483
|
+
collapsed: Ref<boolean, boolean>;
|
|
484
|
+
fixedHeader: Ref<boolean, boolean>;
|
|
485
|
+
showBreadcrumb: Ref<boolean, boolean>;
|
|
486
|
+
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
487
|
+
showTagsView: Ref<boolean, boolean>;
|
|
488
|
+
tagsViewHeight: Ref<number, number>;
|
|
489
|
+
tagsViewStyle: Ref<TagsViewStyle, TagsViewStyle>;
|
|
490
|
+
showFooter: Ref<boolean, boolean>;
|
|
491
|
+
sidebarWidth: Ref<number, number>;
|
|
492
|
+
sidebarCollapsedWidth: Ref<number, number>;
|
|
493
|
+
headerHeight: Ref<number, number>;
|
|
494
|
+
enableHotkeys: Ref<boolean, boolean>;
|
|
495
|
+
version: Ref<string, string>;
|
|
496
|
+
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
497
|
+
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
498
|
+
shouldEnableTransition: ComputedRef<boolean>;
|
|
499
|
+
settingsState: ComputedRef<SettingsState>;
|
|
500
|
+
syncCSSVariables: () => void;
|
|
501
|
+
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
502
|
+
resetSettings: () => void;
|
|
503
|
+
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
504
|
+
toggleCollapse: () => void;
|
|
505
|
+
}, "borderRadiusValue" | "transitionName" | "shouldEnableTransition" | "settingsState">, Pick<{
|
|
506
|
+
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
507
|
+
primaryColor: Ref<string, string>;
|
|
508
|
+
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
509
|
+
transitionType: Ref<TransitionType, TransitionType>;
|
|
510
|
+
enableTransition: Ref<boolean, boolean>;
|
|
511
|
+
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
512
|
+
menuExpandMode: Ref<MenuExpandMode, MenuExpandMode>;
|
|
513
|
+
collapsed: Ref<boolean, boolean>;
|
|
514
|
+
fixedHeader: Ref<boolean, boolean>;
|
|
515
|
+
showBreadcrumb: Ref<boolean, boolean>;
|
|
516
|
+
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
517
|
+
showTagsView: Ref<boolean, boolean>;
|
|
518
|
+
tagsViewHeight: Ref<number, number>;
|
|
519
|
+
tagsViewStyle: Ref<TagsViewStyle, TagsViewStyle>;
|
|
520
|
+
showFooter: Ref<boolean, boolean>;
|
|
521
|
+
sidebarWidth: Ref<number, number>;
|
|
522
|
+
sidebarCollapsedWidth: Ref<number, number>;
|
|
523
|
+
headerHeight: Ref<number, number>;
|
|
524
|
+
enableHotkeys: Ref<boolean, boolean>;
|
|
525
|
+
version: Ref<string, string>;
|
|
526
|
+
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
527
|
+
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
528
|
+
shouldEnableTransition: ComputedRef<boolean>;
|
|
529
|
+
settingsState: ComputedRef<SettingsState>;
|
|
530
|
+
syncCSSVariables: () => void;
|
|
531
|
+
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
532
|
+
resetSettings: () => void;
|
|
533
|
+
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
534
|
+
toggleCollapse: () => void;
|
|
535
|
+
}, "syncCSSVariables" | "applyPreset" | "resetSettings" | "updateThemeMode" | "toggleCollapse">>;
|
|
536
|
+
}): any;
|
|
537
|
+
'layout-append'?(_: {
|
|
538
|
+
settings: Store<string, Pick<{
|
|
539
|
+
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
540
|
+
primaryColor: Ref<string, string>;
|
|
541
|
+
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
542
|
+
transitionType: Ref<TransitionType, TransitionType>;
|
|
543
|
+
enableTransition: Ref<boolean, boolean>;
|
|
544
|
+
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
545
|
+
menuExpandMode: Ref<MenuExpandMode, MenuExpandMode>;
|
|
546
|
+
collapsed: Ref<boolean, boolean>;
|
|
547
|
+
fixedHeader: Ref<boolean, boolean>;
|
|
548
|
+
showBreadcrumb: Ref<boolean, boolean>;
|
|
549
|
+
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
550
|
+
showTagsView: Ref<boolean, boolean>;
|
|
551
|
+
tagsViewHeight: Ref<number, number>;
|
|
552
|
+
tagsViewStyle: Ref<TagsViewStyle, TagsViewStyle>;
|
|
553
|
+
showFooter: Ref<boolean, boolean>;
|
|
554
|
+
sidebarWidth: Ref<number, number>;
|
|
555
|
+
sidebarCollapsedWidth: Ref<number, number>;
|
|
556
|
+
headerHeight: Ref<number, number>;
|
|
557
|
+
enableHotkeys: Ref<boolean, boolean>;
|
|
558
|
+
version: Ref<string, string>;
|
|
559
|
+
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
560
|
+
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
561
|
+
shouldEnableTransition: ComputedRef<boolean>;
|
|
562
|
+
settingsState: ComputedRef<SettingsState>;
|
|
563
|
+
syncCSSVariables: () => void;
|
|
564
|
+
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
565
|
+
resetSettings: () => void;
|
|
566
|
+
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
567
|
+
toggleCollapse: () => void;
|
|
568
|
+
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version">, Pick<{
|
|
569
|
+
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
570
|
+
primaryColor: Ref<string, string>;
|
|
571
|
+
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
572
|
+
transitionType: Ref<TransitionType, TransitionType>;
|
|
573
|
+
enableTransition: Ref<boolean, boolean>;
|
|
574
|
+
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
575
|
+
menuExpandMode: Ref<MenuExpandMode, MenuExpandMode>;
|
|
576
|
+
collapsed: Ref<boolean, boolean>;
|
|
577
|
+
fixedHeader: Ref<boolean, boolean>;
|
|
578
|
+
showBreadcrumb: Ref<boolean, boolean>;
|
|
579
|
+
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
580
|
+
showTagsView: Ref<boolean, boolean>;
|
|
581
|
+
tagsViewHeight: Ref<number, number>;
|
|
582
|
+
tagsViewStyle: Ref<TagsViewStyle, TagsViewStyle>;
|
|
583
|
+
showFooter: Ref<boolean, boolean>;
|
|
584
|
+
sidebarWidth: Ref<number, number>;
|
|
585
|
+
sidebarCollapsedWidth: Ref<number, number>;
|
|
586
|
+
headerHeight: Ref<number, number>;
|
|
587
|
+
enableHotkeys: Ref<boolean, boolean>;
|
|
588
|
+
version: Ref<string, string>;
|
|
589
|
+
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
590
|
+
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
591
|
+
shouldEnableTransition: ComputedRef<boolean>;
|
|
592
|
+
settingsState: ComputedRef<SettingsState>;
|
|
593
|
+
syncCSSVariables: () => void;
|
|
594
|
+
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
595
|
+
resetSettings: () => void;
|
|
596
|
+
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
597
|
+
toggleCollapse: () => void;
|
|
598
|
+
}, "borderRadiusValue" | "transitionName" | "shouldEnableTransition" | "settingsState">, Pick<{
|
|
599
|
+
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
600
|
+
primaryColor: Ref<string, string>;
|
|
601
|
+
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
602
|
+
transitionType: Ref<TransitionType, TransitionType>;
|
|
603
|
+
enableTransition: Ref<boolean, boolean>;
|
|
604
|
+
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
605
|
+
menuExpandMode: Ref<MenuExpandMode, MenuExpandMode>;
|
|
606
|
+
collapsed: Ref<boolean, boolean>;
|
|
607
|
+
fixedHeader: Ref<boolean, boolean>;
|
|
608
|
+
showBreadcrumb: Ref<boolean, boolean>;
|
|
609
|
+
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
610
|
+
showTagsView: Ref<boolean, boolean>;
|
|
611
|
+
tagsViewHeight: Ref<number, number>;
|
|
612
|
+
tagsViewStyle: Ref<TagsViewStyle, TagsViewStyle>;
|
|
613
|
+
showFooter: Ref<boolean, boolean>;
|
|
614
|
+
sidebarWidth: Ref<number, number>;
|
|
615
|
+
sidebarCollapsedWidth: Ref<number, number>;
|
|
616
|
+
headerHeight: Ref<number, number>;
|
|
617
|
+
enableHotkeys: Ref<boolean, boolean>;
|
|
618
|
+
version: Ref<string, string>;
|
|
619
|
+
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
620
|
+
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
621
|
+
shouldEnableTransition: ComputedRef<boolean>;
|
|
622
|
+
settingsState: ComputedRef<SettingsState>;
|
|
623
|
+
syncCSSVariables: () => void;
|
|
624
|
+
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
625
|
+
resetSettings: () => void;
|
|
626
|
+
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
627
|
+
toggleCollapse: () => void;
|
|
628
|
+
}, "syncCSSVariables" | "applyPreset" | "resetSettings" | "updateThemeMode" | "toggleCollapse">>;
|
|
629
|
+
}): any;
|
|
630
|
+
'features-prepend'?(_: {
|
|
631
|
+
settings: Store<string, Pick<{
|
|
632
|
+
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
633
|
+
primaryColor: Ref<string, string>;
|
|
634
|
+
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
635
|
+
transitionType: Ref<TransitionType, TransitionType>;
|
|
636
|
+
enableTransition: Ref<boolean, boolean>;
|
|
637
|
+
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
638
|
+
menuExpandMode: Ref<MenuExpandMode, MenuExpandMode>;
|
|
639
|
+
collapsed: Ref<boolean, boolean>;
|
|
640
|
+
fixedHeader: Ref<boolean, boolean>;
|
|
641
|
+
showBreadcrumb: Ref<boolean, boolean>;
|
|
642
|
+
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
643
|
+
showTagsView: Ref<boolean, boolean>;
|
|
644
|
+
tagsViewHeight: Ref<number, number>;
|
|
645
|
+
tagsViewStyle: Ref<TagsViewStyle, TagsViewStyle>;
|
|
646
|
+
showFooter: Ref<boolean, boolean>;
|
|
647
|
+
sidebarWidth: Ref<number, number>;
|
|
648
|
+
sidebarCollapsedWidth: Ref<number, number>;
|
|
649
|
+
headerHeight: Ref<number, number>;
|
|
650
|
+
enableHotkeys: Ref<boolean, boolean>;
|
|
651
|
+
version: Ref<string, string>;
|
|
652
|
+
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
653
|
+
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
654
|
+
shouldEnableTransition: ComputedRef<boolean>;
|
|
655
|
+
settingsState: ComputedRef<SettingsState>;
|
|
656
|
+
syncCSSVariables: () => void;
|
|
657
|
+
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
658
|
+
resetSettings: () => void;
|
|
659
|
+
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
660
|
+
toggleCollapse: () => void;
|
|
661
|
+
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version">, Pick<{
|
|
662
|
+
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
663
|
+
primaryColor: Ref<string, string>;
|
|
664
|
+
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
665
|
+
transitionType: Ref<TransitionType, TransitionType>;
|
|
666
|
+
enableTransition: Ref<boolean, boolean>;
|
|
667
|
+
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
668
|
+
menuExpandMode: Ref<MenuExpandMode, MenuExpandMode>;
|
|
669
|
+
collapsed: Ref<boolean, boolean>;
|
|
670
|
+
fixedHeader: Ref<boolean, boolean>;
|
|
671
|
+
showBreadcrumb: Ref<boolean, boolean>;
|
|
672
|
+
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
673
|
+
showTagsView: Ref<boolean, boolean>;
|
|
674
|
+
tagsViewHeight: Ref<number, number>;
|
|
675
|
+
tagsViewStyle: Ref<TagsViewStyle, TagsViewStyle>;
|
|
676
|
+
showFooter: Ref<boolean, boolean>;
|
|
677
|
+
sidebarWidth: Ref<number, number>;
|
|
678
|
+
sidebarCollapsedWidth: Ref<number, number>;
|
|
679
|
+
headerHeight: Ref<number, number>;
|
|
680
|
+
enableHotkeys: Ref<boolean, boolean>;
|
|
681
|
+
version: Ref<string, string>;
|
|
682
|
+
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
683
|
+
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
684
|
+
shouldEnableTransition: ComputedRef<boolean>;
|
|
685
|
+
settingsState: ComputedRef<SettingsState>;
|
|
686
|
+
syncCSSVariables: () => void;
|
|
687
|
+
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
688
|
+
resetSettings: () => void;
|
|
689
|
+
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
690
|
+
toggleCollapse: () => void;
|
|
691
|
+
}, "borderRadiusValue" | "transitionName" | "shouldEnableTransition" | "settingsState">, Pick<{
|
|
692
|
+
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
693
|
+
primaryColor: Ref<string, string>;
|
|
694
|
+
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
695
|
+
transitionType: Ref<TransitionType, TransitionType>;
|
|
696
|
+
enableTransition: Ref<boolean, boolean>;
|
|
697
|
+
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
698
|
+
menuExpandMode: Ref<MenuExpandMode, MenuExpandMode>;
|
|
699
|
+
collapsed: Ref<boolean, boolean>;
|
|
700
|
+
fixedHeader: Ref<boolean, boolean>;
|
|
701
|
+
showBreadcrumb: Ref<boolean, boolean>;
|
|
702
|
+
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
703
|
+
showTagsView: Ref<boolean, boolean>;
|
|
704
|
+
tagsViewHeight: Ref<number, number>;
|
|
705
|
+
tagsViewStyle: Ref<TagsViewStyle, TagsViewStyle>;
|
|
706
|
+
showFooter: Ref<boolean, boolean>;
|
|
707
|
+
sidebarWidth: Ref<number, number>;
|
|
708
|
+
sidebarCollapsedWidth: Ref<number, number>;
|
|
709
|
+
headerHeight: Ref<number, number>;
|
|
710
|
+
enableHotkeys: Ref<boolean, boolean>;
|
|
711
|
+
version: Ref<string, string>;
|
|
712
|
+
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
713
|
+
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
714
|
+
shouldEnableTransition: ComputedRef<boolean>;
|
|
715
|
+
settingsState: ComputedRef<SettingsState>;
|
|
716
|
+
syncCSSVariables: () => void;
|
|
717
|
+
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
718
|
+
resetSettings: () => void;
|
|
719
|
+
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
720
|
+
toggleCollapse: () => void;
|
|
721
|
+
}, "syncCSSVariables" | "applyPreset" | "resetSettings" | "updateThemeMode" | "toggleCollapse">>;
|
|
722
|
+
}): any;
|
|
723
|
+
'features-append'?(_: {
|
|
724
|
+
settings: Store<string, Pick<{
|
|
725
|
+
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
726
|
+
primaryColor: Ref<string, string>;
|
|
727
|
+
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
728
|
+
transitionType: Ref<TransitionType, TransitionType>;
|
|
729
|
+
enableTransition: Ref<boolean, boolean>;
|
|
730
|
+
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
731
|
+
menuExpandMode: Ref<MenuExpandMode, MenuExpandMode>;
|
|
732
|
+
collapsed: Ref<boolean, boolean>;
|
|
733
|
+
fixedHeader: Ref<boolean, boolean>;
|
|
734
|
+
showBreadcrumb: Ref<boolean, boolean>;
|
|
735
|
+
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
736
|
+
showTagsView: Ref<boolean, boolean>;
|
|
737
|
+
tagsViewHeight: Ref<number, number>;
|
|
738
|
+
tagsViewStyle: Ref<TagsViewStyle, TagsViewStyle>;
|
|
739
|
+
showFooter: Ref<boolean, boolean>;
|
|
740
|
+
sidebarWidth: Ref<number, number>;
|
|
741
|
+
sidebarCollapsedWidth: Ref<number, number>;
|
|
742
|
+
headerHeight: Ref<number, number>;
|
|
743
|
+
enableHotkeys: Ref<boolean, boolean>;
|
|
744
|
+
version: Ref<string, string>;
|
|
745
|
+
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
746
|
+
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
747
|
+
shouldEnableTransition: ComputedRef<boolean>;
|
|
748
|
+
settingsState: ComputedRef<SettingsState>;
|
|
749
|
+
syncCSSVariables: () => void;
|
|
750
|
+
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
751
|
+
resetSettings: () => void;
|
|
752
|
+
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
753
|
+
toggleCollapse: () => void;
|
|
754
|
+
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version">, Pick<{
|
|
755
|
+
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
756
|
+
primaryColor: Ref<string, string>;
|
|
757
|
+
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
758
|
+
transitionType: Ref<TransitionType, TransitionType>;
|
|
759
|
+
enableTransition: Ref<boolean, boolean>;
|
|
760
|
+
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
761
|
+
menuExpandMode: Ref<MenuExpandMode, MenuExpandMode>;
|
|
762
|
+
collapsed: Ref<boolean, boolean>;
|
|
763
|
+
fixedHeader: Ref<boolean, boolean>;
|
|
764
|
+
showBreadcrumb: Ref<boolean, boolean>;
|
|
765
|
+
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
766
|
+
showTagsView: Ref<boolean, boolean>;
|
|
767
|
+
tagsViewHeight: Ref<number, number>;
|
|
768
|
+
tagsViewStyle: Ref<TagsViewStyle, TagsViewStyle>;
|
|
769
|
+
showFooter: Ref<boolean, boolean>;
|
|
770
|
+
sidebarWidth: Ref<number, number>;
|
|
771
|
+
sidebarCollapsedWidth: Ref<number, number>;
|
|
772
|
+
headerHeight: Ref<number, number>;
|
|
773
|
+
enableHotkeys: Ref<boolean, boolean>;
|
|
774
|
+
version: Ref<string, string>;
|
|
775
|
+
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
776
|
+
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
777
|
+
shouldEnableTransition: ComputedRef<boolean>;
|
|
778
|
+
settingsState: ComputedRef<SettingsState>;
|
|
779
|
+
syncCSSVariables: () => void;
|
|
780
|
+
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
781
|
+
resetSettings: () => void;
|
|
782
|
+
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
783
|
+
toggleCollapse: () => void;
|
|
784
|
+
}, "borderRadiusValue" | "transitionName" | "shouldEnableTransition" | "settingsState">, Pick<{
|
|
785
|
+
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
786
|
+
primaryColor: Ref<string, string>;
|
|
787
|
+
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
788
|
+
transitionType: Ref<TransitionType, TransitionType>;
|
|
789
|
+
enableTransition: Ref<boolean, boolean>;
|
|
790
|
+
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
791
|
+
menuExpandMode: Ref<MenuExpandMode, MenuExpandMode>;
|
|
792
|
+
collapsed: Ref<boolean, boolean>;
|
|
793
|
+
fixedHeader: Ref<boolean, boolean>;
|
|
794
|
+
showBreadcrumb: Ref<boolean, boolean>;
|
|
795
|
+
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
796
|
+
showTagsView: Ref<boolean, boolean>;
|
|
797
|
+
tagsViewHeight: Ref<number, number>;
|
|
798
|
+
tagsViewStyle: Ref<TagsViewStyle, TagsViewStyle>;
|
|
799
|
+
showFooter: Ref<boolean, boolean>;
|
|
800
|
+
sidebarWidth: Ref<number, number>;
|
|
801
|
+
sidebarCollapsedWidth: Ref<number, number>;
|
|
802
|
+
headerHeight: Ref<number, number>;
|
|
803
|
+
enableHotkeys: Ref<boolean, boolean>;
|
|
804
|
+
version: Ref<string, string>;
|
|
805
|
+
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
806
|
+
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
807
|
+
shouldEnableTransition: ComputedRef<boolean>;
|
|
808
|
+
settingsState: ComputedRef<SettingsState>;
|
|
809
|
+
syncCSSVariables: () => void;
|
|
810
|
+
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
811
|
+
resetSettings: () => void;
|
|
812
|
+
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
813
|
+
toggleCollapse: () => void;
|
|
814
|
+
}, "syncCSSVariables" | "applyPreset" | "resetSettings" | "updateThemeMode" | "toggleCollapse">>;
|
|
815
|
+
}): any;
|
|
816
|
+
};
|
|
817
|
+
refs: {};
|
|
818
|
+
rootEl: any;
|
|
819
|
+
};
|
|
820
|
+
|
|
821
|
+
declare function __VLS_template_3(): {
|
|
141
822
|
attrs: Partial<{}>;
|
|
142
823
|
slots: {
|
|
143
824
|
logo?(_: {}): any;
|
|
@@ -151,7 +832,7 @@ declare function __VLS_template_2(): {
|
|
|
151
832
|
rootEl: any;
|
|
152
833
|
};
|
|
153
834
|
|
|
154
|
-
declare function
|
|
835
|
+
declare function __VLS_template_4(): {
|
|
155
836
|
attrs: Partial<{}>;
|
|
156
837
|
slots: {
|
|
157
838
|
logo?(_: {}): any;
|
|
@@ -164,7 +845,7 @@ declare function __VLS_template_3(): {
|
|
|
164
845
|
rootEl: HTMLDivElement;
|
|
165
846
|
};
|
|
166
847
|
|
|
167
|
-
declare function
|
|
848
|
+
declare function __VLS_template_5(): {
|
|
168
849
|
attrs: Partial<{}>;
|
|
169
850
|
slots: {
|
|
170
851
|
logo?(_: {}): any;
|
|
@@ -175,7 +856,7 @@ declare function __VLS_template_4(): {
|
|
|
175
856
|
rootEl: HTMLDivElement;
|
|
176
857
|
};
|
|
177
858
|
|
|
178
|
-
declare function
|
|
859
|
+
declare function __VLS_template_6(): {
|
|
179
860
|
attrs: Partial<{}>;
|
|
180
861
|
slots: {
|
|
181
862
|
logo?(_: {}): any;
|
|
@@ -189,7 +870,7 @@ declare function __VLS_template_5(): {
|
|
|
189
870
|
rootEl: HTMLDivElement;
|
|
190
871
|
};
|
|
191
872
|
|
|
192
|
-
declare function
|
|
873
|
+
declare function __VLS_template_7(): {
|
|
193
874
|
attrs: Partial<{}>;
|
|
194
875
|
slots: {
|
|
195
876
|
logo?(_: {}): any;
|
|
@@ -202,7 +883,7 @@ declare function __VLS_template_6(): {
|
|
|
202
883
|
rootEl: HTMLDivElement;
|
|
203
884
|
};
|
|
204
885
|
|
|
205
|
-
declare function
|
|
886
|
+
declare function __VLS_template_8(): {
|
|
206
887
|
attrs: Partial<{}>;
|
|
207
888
|
slots: {
|
|
208
889
|
'menu-trigger'?(_: {}): any;
|
|
@@ -230,6 +911,8 @@ declare type __VLS_TemplateResult_6 = ReturnType<typeof __VLS_template_6>;
|
|
|
230
911
|
|
|
231
912
|
declare type __VLS_TemplateResult_7 = ReturnType<typeof __VLS_template_7>;
|
|
232
913
|
|
|
914
|
+
declare type __VLS_TemplateResult_8 = ReturnType<typeof __VLS_template_8>;
|
|
915
|
+
|
|
233
916
|
declare type __VLS_WithTemplateSlots<T, S> = T & {
|
|
234
917
|
new (): {
|
|
235
918
|
$slots: S;
|
|
@@ -272,11 +955,15 @@ declare type __VLS_WithTemplateSlots_7<T, S> = T & {
|
|
|
272
955
|
};
|
|
273
956
|
};
|
|
274
957
|
|
|
958
|
+
declare type __VLS_WithTemplateSlots_8<T, S> = T & {
|
|
959
|
+
new (): {
|
|
960
|
+
$slots: S;
|
|
961
|
+
};
|
|
962
|
+
};
|
|
963
|
+
|
|
275
964
|
/**
|
|
276
|
-
*
|
|
277
|
-
* @
|
|
278
|
-
* @param amount - 调整量，正数变亮，负数变暗
|
|
279
|
-
* @returns 调整后的 #rrggbb；输入非法时原样返回（避免静默变黑）
|
|
965
|
+
* 调整颜色亮度。
|
|
966
|
+
* @returns 调整后的 #rrggbb；输入非法时原样返回。
|
|
280
967
|
*/
|
|
281
968
|
export declare function adjustColor(color: string, amount: number): string;
|
|
282
969
|
|
|
@@ -286,12 +973,10 @@ export declare const BORDER_RADIUS_MAP: {
|
|
|
286
973
|
readonly large: "8px";
|
|
287
974
|
};
|
|
288
975
|
|
|
289
|
-
/**
|
|
290
|
-
* 圆角大小
|
|
291
|
-
*/
|
|
976
|
+
/** 圆角大小。 */
|
|
292
977
|
export declare type BorderRadiusSize = "small" | "medium" | "large";
|
|
293
978
|
|
|
294
|
-
export declare const BrandLogo: DefineComponent<
|
|
979
|
+
export declare const BrandLogo: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {
|
|
295
980
|
collapsed: boolean;
|
|
296
981
|
size: number;
|
|
297
982
|
showName: boolean;
|
|
@@ -400,27 +1085,27 @@ updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
|
400
1085
|
toggleCollapse: () => void;
|
|
401
1086
|
}, "syncCSSVariables" | "applyPreset" | "resetSettings" | "updateThemeMode" | "toggleCollapse">>;
|
|
402
1087
|
|
|
403
|
-
declare const _default:
|
|
1088
|
+
declare const _default: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
|
|
404
1089
|
export { _default as C_SideLayout }
|
|
405
1090
|
export { _default as SideLayout }
|
|
406
1091
|
|
|
407
|
-
declare const _default_2:
|
|
1092
|
+
declare const _default_2: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
|
|
408
1093
|
export { _default_2 as C_TopLayout }
|
|
409
1094
|
export { _default_2 as TopLayout }
|
|
410
1095
|
|
|
411
|
-
declare const _default_3:
|
|
1096
|
+
declare const _default_3: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
|
|
412
1097
|
export { _default_3 as C_MixLayout }
|
|
413
1098
|
export { _default_3 as MixLayout }
|
|
414
1099
|
|
|
415
|
-
declare const _default_4:
|
|
1100
|
+
declare const _default_4: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
|
|
416
1101
|
export { _default_4 as C_MixTopLayout }
|
|
417
1102
|
export { _default_4 as MixTopLayout }
|
|
418
1103
|
|
|
419
|
-
declare const _default_5:
|
|
1104
|
+
declare const _default_5: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
|
|
420
1105
|
export { _default_5 as C_ReverseHorizontalMixLayout }
|
|
421
1106
|
export { _default_5 as ReverseHorizontalMixLayout }
|
|
422
1107
|
|
|
423
|
-
declare const _default_6:
|
|
1108
|
+
declare const _default_6: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
|
|
424
1109
|
export { _default_6 as C_CardLayout }
|
|
425
1110
|
export { _default_6 as CardLayout }
|
|
426
1111
|
|
|
@@ -450,17 +1135,17 @@ export declare interface DrawerHandlers {
|
|
|
450
1135
|
hide: () => void;
|
|
451
1136
|
}
|
|
452
1137
|
|
|
453
|
-
export declare const DrawerMenu: DefineComponent<
|
|
1138
|
+
export declare const DrawerMenu: DefineComponent<__VLS_Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_6> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
454
1139
|
|
|
455
|
-
export declare const FloatingMenu: DefineComponent<
|
|
1140
|
+
export declare const FloatingMenu: DefineComponent<__VLS_Props_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
456
1141
|
click: (item: MenuOptions) => any;
|
|
457
|
-
}, string, PublicProps, Readonly<
|
|
1142
|
+
}, string, PublicProps, Readonly<__VLS_Props_4> & Readonly<{
|
|
458
1143
|
onClick?: ((item: MenuOptions) => any) | undefined;
|
|
459
1144
|
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
460
1145
|
|
|
461
|
-
export declare const IconMenu: DefineComponent<
|
|
1146
|
+
export declare const IconMenu: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
462
1147
|
click: (item: MenuOptions) => any;
|
|
463
|
-
}, string, PublicProps, Readonly<
|
|
1148
|
+
}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{
|
|
464
1149
|
onClick?: ((item: MenuOptions) => any) | undefined;
|
|
465
1150
|
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
466
1151
|
|
|
@@ -471,6 +1156,9 @@ export declare const LAYOUT_CONTEXT_KEY: InjectionKey<LayoutContext>;
|
|
|
471
1156
|
|
|
472
1157
|
export declare const LAYOUT_MODES: LayoutInfo[];
|
|
473
1158
|
|
|
1159
|
+
/** 当前布局使用的设置 Store，支持自定义 Store id 与多实例。 */
|
|
1160
|
+
export declare const LAYOUT_SETTINGS_KEY: InjectionKey<SettingsStoreInstance>;
|
|
1161
|
+
|
|
474
1162
|
/**
|
|
475
1163
|
* 品牌配置
|
|
476
1164
|
*/
|
|
@@ -491,12 +1179,6 @@ export declare interface LayoutBrandConfig {
|
|
|
491
1179
|
copyright?: string;
|
|
492
1180
|
}
|
|
493
1181
|
|
|
494
|
-
/**
|
|
495
|
-
* @robot-admin/layout
|
|
496
|
-
*
|
|
497
|
-
* 统一的 KeepAlive 缓存管理
|
|
498
|
-
* 从主项目提取的通用 composable，零业务依赖
|
|
499
|
-
*/
|
|
500
1182
|
/** KeepAlive 缓存选项 */
|
|
501
1183
|
export declare interface LayoutCacheOptions {
|
|
502
1184
|
/** 最大缓存数量，默认 20 */
|
|
@@ -518,6 +1200,8 @@ export declare interface LayoutContext {
|
|
|
518
1200
|
isDark: ComputedRef<boolean>;
|
|
519
1201
|
/** 当前布局模式 */
|
|
520
1202
|
layoutMode: ComputedRef<LayoutMode>;
|
|
1203
|
+
/** 侧边栏折叠状态；提供后由容器和宿主头部共享同一数据源 */
|
|
1204
|
+
collapsed?: WritableComputedRef<boolean>;
|
|
521
1205
|
/** 菜单展开方式 */
|
|
522
1206
|
menuExpandMode?: ComputedRef<MenuExpandMode>;
|
|
523
1207
|
/** 侧边栏宽度 (px) */
|
|
@@ -551,9 +1235,7 @@ export declare interface LayoutContext {
|
|
|
551
1235
|
iconComponent?: Component;
|
|
552
1236
|
}
|
|
553
1237
|
|
|
554
|
-
/**
|
|
555
|
-
* 布局模式信息
|
|
556
|
-
*/
|
|
1238
|
+
/** 布局模式展示信息。 */
|
|
557
1239
|
export declare interface LayoutInfo {
|
|
558
1240
|
mode: LayoutMode;
|
|
559
1241
|
label: string;
|
|
@@ -561,14 +1243,33 @@ export declare interface LayoutInfo {
|
|
|
561
1243
|
icon: string;
|
|
562
1244
|
}
|
|
563
1245
|
|
|
564
|
-
/**
|
|
565
|
-
* 布局模式
|
|
566
|
-
*/
|
|
1246
|
+
/** 内置布局模式。 */
|
|
567
1247
|
export declare type LayoutMode = "side" | "top" | "mix" | "mix-top" | "reverse-horizontal-mix" | "card-layout";
|
|
568
1248
|
|
|
569
|
-
/**
|
|
570
|
-
|
|
571
|
-
|
|
1249
|
+
/** 经校验后可原子应用的布局配置。 */
|
|
1250
|
+
export declare interface LayoutSettingsConfig extends LayoutVisualEffects {
|
|
1251
|
+
schemaVersion?: number;
|
|
1252
|
+
settings?: Partial<SettingsState>;
|
|
1253
|
+
}
|
|
1254
|
+
|
|
1255
|
+
export declare interface LayoutVisualEffects {
|
|
1256
|
+
gray?: boolean;
|
|
1257
|
+
colorWeak?: boolean;
|
|
1258
|
+
watermark?: {
|
|
1259
|
+
enabled: boolean;
|
|
1260
|
+
text: string;
|
|
1261
|
+
};
|
|
1262
|
+
}
|
|
1263
|
+
|
|
1264
|
+
export declare const MENU_COLLAPSE_KEY: InjectionKey<MenuCollapseHandlers>;
|
|
1265
|
+
|
|
1266
|
+
/** 侧边栏折叠控制器。 */
|
|
1267
|
+
export declare interface MenuCollapseHandlers {
|
|
1268
|
+
isCollapsed: ComputedRef<boolean>;
|
|
1269
|
+
handleCollapsedChange: (collapsed: boolean) => void;
|
|
1270
|
+
}
|
|
1271
|
+
|
|
1272
|
+
/** 菜单展开方式。 */
|
|
572
1273
|
export declare type MenuExpandMode = "inline" | "panel";
|
|
573
1274
|
|
|
574
1275
|
/**
|
|
@@ -643,90 +1344,77 @@ export declare interface MenuTag {
|
|
|
643
1344
|
};
|
|
644
1345
|
}
|
|
645
1346
|
|
|
646
|
-
export declare const MenuTrigger: DefineComponent<
|
|
1347
|
+
export declare const MenuTrigger: DefineComponent<__VLS_Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_7> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
647
1348
|
|
|
648
1349
|
export declare const PRESET_COLORS: PresetColor[];
|
|
649
1350
|
|
|
650
|
-
/**
|
|
651
|
-
* 预设颜色
|
|
652
|
-
*/
|
|
1351
|
+
/** 预设颜色。 */
|
|
653
1352
|
export declare interface PresetColor {
|
|
654
1353
|
name: string;
|
|
655
1354
|
value: string;
|
|
656
1355
|
}
|
|
657
1356
|
|
|
658
|
-
|
|
1357
|
+
/** 在组件 setup 中提供布局上下文，避免消费方直接操作 InjectionKey。 */
|
|
1358
|
+
export declare function provideLayoutContext(context: LayoutContext): LayoutContext;
|
|
1359
|
+
|
|
1360
|
+
export declare const ResponsiveMenu: DefineComponent<__VLS_Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_8> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
659
1361
|
containerRef: HTMLDivElement;
|
|
660
|
-
visibleRef: HTMLDivElement;
|
|
661
1362
|
}, HTMLDivElement>;
|
|
662
1363
|
|
|
1364
|
+
/**
|
|
1365
|
+
* 一次性校验完整导入文件。此函数不修改任何响应式状态或浏览器 API，
|
|
1366
|
+
* 消费方可以在成功返回后再原子应用结果。
|
|
1367
|
+
*/
|
|
1368
|
+
export declare function sanitizeLayoutSettingsConfig(input: unknown): LayoutSettingsConfig;
|
|
1369
|
+
|
|
663
1370
|
/**
|
|
664
1371
|
* 校验来自配置文件等不可信来源的设置。
|
|
665
1372
|
* 未知键为向前兼容而忽略；已知键的非法值会让整次导入失败。
|
|
666
1373
|
*/
|
|
667
1374
|
export declare function sanitizeSettingsPatch(input: unknown): Partial<SettingsState>;
|
|
668
1375
|
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
672
|
-
"onUpdate:show"?: ((value: boolean) => any) | undefined;
|
|
673
|
-
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1376
|
+
/** 当前导入导出配置格式版本。 */
|
|
1377
|
+
export declare const SETTINGS_CONFIG_SCHEMA_VERSION: 1;
|
|
674
1378
|
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
*/
|
|
1379
|
+
export declare const SettingsDrawer: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
|
|
1380
|
+
|
|
1381
|
+
/** 由宿主应用实现的高副作用操作。 */
|
|
1382
|
+
export declare interface SettingsDrawerActions {
|
|
1383
|
+
clearCache?: () => void | Promise<void>;
|
|
1384
|
+
reloadPage?: () => void;
|
|
1385
|
+
}
|
|
1386
|
+
|
|
1387
|
+
/** UI 无关的布局设置协议。 */
|
|
678
1388
|
export declare interface SettingsState {
|
|
679
|
-
/** 主题模式：浅色/深色/自动 */
|
|
680
1389
|
themeMode: ThemeMode;
|
|
681
|
-
/** 主题色 */
|
|
682
1390
|
primaryColor: string;
|
|
683
|
-
/** 圆角大小 */
|
|
684
1391
|
borderRadius: BorderRadiusSize;
|
|
685
|
-
/** 页面动画 */
|
|
686
1392
|
transitionType: TransitionType;
|
|
687
|
-
/** 启用页面动画 */
|
|
688
1393
|
enableTransition: boolean;
|
|
689
|
-
/** 布局模式：左侧/顶部/混合 */
|
|
690
1394
|
layoutMode: LayoutMode;
|
|
691
|
-
/** 菜单展开方式：传统内联/右侧面板 */
|
|
692
1395
|
menuExpandMode: MenuExpandMode;
|
|
693
|
-
/** 侧边栏是否折叠 */
|
|
694
1396
|
collapsed: boolean;
|
|
695
|
-
/** 固定头部 */
|
|
696
1397
|
fixedHeader: boolean;
|
|
697
|
-
/** 显示面包屑 */
|
|
698
1398
|
showBreadcrumb: boolean;
|
|
699
|
-
/** 显示面包屑图标 */
|
|
700
1399
|
showBreadcrumbIcon: boolean;
|
|
701
|
-
/** 显示标签页 */
|
|
702
1400
|
showTagsView: boolean;
|
|
703
|
-
/** 标签页高度 */
|
|
704
1401
|
tagsViewHeight: number;
|
|
705
|
-
/** 标签页风格 */
|
|
706
1402
|
tagsViewStyle: TagsViewStyle;
|
|
707
|
-
/** 显示页脚 */
|
|
708
1403
|
showFooter: boolean;
|
|
709
|
-
/** 侧边栏宽度 */
|
|
710
1404
|
sidebarWidth: number;
|
|
711
|
-
/** 侧边栏折叠宽度 */
|
|
712
1405
|
sidebarCollapsedWidth: number;
|
|
713
|
-
/** 头部高度 */
|
|
714
1406
|
headerHeight: number;
|
|
715
|
-
/** 启用快捷键 */
|
|
716
1407
|
enableHotkeys: boolean;
|
|
717
|
-
/** 配置版本（用于迁移） */
|
|
718
1408
|
version: string;
|
|
719
1409
|
}
|
|
720
1410
|
|
|
721
|
-
/**
|
|
722
|
-
|
|
723
|
-
|
|
1411
|
+
/** 默认设置 Store 实例类型，供组件注入或显式传入。 */
|
|
1412
|
+
export declare type SettingsStoreInstance = ReturnType<typeof useSettingsStore>;
|
|
1413
|
+
|
|
1414
|
+
/** Settings Store 初始化选项。 */
|
|
724
1415
|
export declare interface SettingsStoreOptions {
|
|
725
|
-
/** Pinia store id；多实例/微前端场景必须保持唯一 */
|
|
726
1416
|
id?: string;
|
|
727
|
-
/** 默认配置 */
|
|
728
1417
|
defaults?: Partial<SettingsState>;
|
|
729
|
-
/** 主题模式变化回调（用于同步到 theme store） */
|
|
730
1418
|
onThemeModeChange?: (mode: ThemeMode) => void | Promise<void>;
|
|
731
1419
|
}
|
|
732
1420
|
|
|
@@ -744,7 +1432,7 @@ export declare interface SettingsStoreOptions {
|
|
|
744
1432
|
* })
|
|
745
1433
|
* ```
|
|
746
1434
|
*/
|
|
747
|
-
export declare function setupLayout(
|
|
1435
|
+
export declare function setupLayout(app: App, options?: SettingsStoreOptions): StoreDefinition<string, Pick<{
|
|
748
1436
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
749
1437
|
primaryColor: Ref<string, string>;
|
|
750
1438
|
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
@@ -836,32 +1524,31 @@ updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
|
836
1524
|
toggleCollapse: () => void;
|
|
837
1525
|
}, "syncCSSVariables" | "applyPreset" | "resetSettings" | "updateThemeMode" | "toggleCollapse">>;
|
|
838
1526
|
|
|
839
|
-
|
|
1527
|
+
/** KeepAlive 仅接受具名组件，并由路由 meta.keepAlive 明确开启。 */
|
|
1528
|
+
export declare function shouldCacheRoute(route: Pick<RouteLocationNormalizedLoaded, "name" | "meta">): route is Pick<RouteLocationNormalizedLoaded, "name" | "meta"> & {
|
|
1529
|
+
name: string;
|
|
1530
|
+
};
|
|
1531
|
+
|
|
1532
|
+
export declare const SideMenu: DefineComponent<__VLS_Props_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
840
1533
|
click: (item: MenuOptions) => any;
|
|
841
|
-
}, string, PublicProps, Readonly<
|
|
1534
|
+
}, string, PublicProps, Readonly<__VLS_Props_5> & Readonly<{
|
|
842
1535
|
onClick?: ((item: MenuOptions) => any) | undefined;
|
|
843
1536
|
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
844
1537
|
|
|
845
|
-
/**
|
|
846
|
-
* 标签页风格
|
|
847
|
-
*/
|
|
1538
|
+
/** 标签页风格。 */
|
|
848
1539
|
export declare type TagsViewStyle = "default" | "card" | "smart";
|
|
849
1540
|
|
|
850
1541
|
export declare const THEME_PRESETS: ThemePreset[];
|
|
851
1542
|
|
|
852
|
-
/**
|
|
853
|
-
|
|
854
|
-
|
|
1543
|
+
/** 与具体主题实现无关的标准主题模式。 */
|
|
1544
|
+
export declare type ThemeMode = "light" | "dark" | "system";
|
|
1545
|
+
|
|
1546
|
+
/** 主题预设方案。 */
|
|
855
1547
|
export declare interface ThemePreset {
|
|
856
|
-
/** 方案名称 */
|
|
857
1548
|
name: string;
|
|
858
|
-
/** 方案描述 */
|
|
859
1549
|
description?: string;
|
|
860
|
-
/** 方案图标（emoji 或图标名） */
|
|
861
1550
|
icon: string;
|
|
862
|
-
/** 主题色 */
|
|
863
1551
|
primaryColor: string;
|
|
864
|
-
/** 其他配置（可选） */
|
|
865
1552
|
settings?: Partial<Omit<SettingsState, "themeMode" | "layoutMode" | "primaryColor">>;
|
|
866
1553
|
}
|
|
867
1554
|
|
|
@@ -872,9 +1559,7 @@ export declare const TRANSITION_MAP: {
|
|
|
872
1559
|
readonly none: "";
|
|
873
1560
|
};
|
|
874
1561
|
|
|
875
|
-
/**
|
|
876
|
-
* 页面动画类型
|
|
877
|
-
*/
|
|
1562
|
+
/** 页面动画类型。 */
|
|
878
1563
|
export declare type TransitionType = "fade" | "slide" | "zoom" | "none";
|
|
879
1564
|
|
|
880
1565
|
/**
|