@robot-admin/layout 3.1.0 → 3.2.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 +164 -153
- package/README.md +518 -469
- package/dist/core/index.cjs +8 -1
- package/dist/core/index.cjs.map +1 -1
- package/dist/core/index.d.cts +6 -1
- package/dist/core/index.d.ts +6 -1
- package/dist/core/index.js +7 -1
- package/dist/core/index.js.map +1 -1
- package/dist/index.cjs +1 -39
- package/dist/index.css +1 -1
- package/dist/index.d.cts +1336 -348
- package/dist/index.d.ts +1336 -348
- package/dist/index.js +3 -2338
- package/dist/naive/index.cjs +1 -0
- package/dist/naive/index.d.cts +2927 -0
- package/dist/naive/index.d.ts +2927 -0
- package/dist/naive/index.js +3 -0
- package/dist/naive-Bd8pxcrF.js +1635 -0
- package/dist/naive-Bd8pxcrF.js.map +1 -0
- package/dist/naive-BfZUS_c8.cjs +28 -0
- package/dist/naive-BfZUS_c8.cjs.map +1 -0
- package/dist/vue/index.cjs +1 -0
- package/dist/vue/index.d.cts +1181 -0
- package/dist/vue/index.d.ts +1181 -0
- package/dist/vue/index.js +2 -0
- package/dist/vue-BRQ1Fg0b.js +739 -0
- package/dist/vue-BRQ1Fg0b.js.map +1 -0
- package/dist/vue-DhbxgFgz.cjs +2 -0
- package/dist/vue-DhbxgFgz.cjs.map +1 -0
- package/package.json +128 -102
- package/src/styles/layouts.scss +137 -82
- package/src/styles/settings.scss +421 -391
- package/dist/index.cjs.map +0 -1
- package/dist/index.js.map +0 -1
package/dist/index.d.cts
CHANGED
|
@@ -32,27 +32,6 @@ width: number;
|
|
|
32
32
|
maxImportBytes: number;
|
|
33
33
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
34
34
|
|
|
35
|
-
declare const __VLS_component_3: DefineComponent<__VLS_Props_9, {
|
|
36
|
-
collapsed: ComputedRef<boolean>;
|
|
37
|
-
toggleCollapse: () => void;
|
|
38
|
-
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
39
|
-
"update:collapsed": (value: boolean) => any;
|
|
40
|
-
}, string, PublicProps, Readonly<__VLS_Props_9> & Readonly<{
|
|
41
|
-
"onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
|
|
42
|
-
}>, {
|
|
43
|
-
collapsed: boolean;
|
|
44
|
-
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
45
|
-
|
|
46
|
-
declare const __VLS_component_4: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
47
|
-
|
|
48
|
-
declare const __VLS_component_5: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
49
|
-
|
|
50
|
-
declare const __VLS_component_6: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
51
|
-
|
|
52
|
-
declare const __VLS_component_7: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
53
|
-
|
|
54
|
-
declare const __VLS_component_8: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
55
|
-
|
|
56
35
|
declare type __VLS_Props = {
|
|
57
36
|
/** 抽屉宽度,默认 380px */
|
|
58
37
|
width?: number;
|
|
@@ -118,11 +97,6 @@ declare type __VLS_Props_8 = {
|
|
|
118
97
|
data: MenuOptions[];
|
|
119
98
|
};
|
|
120
99
|
|
|
121
|
-
declare type __VLS_Props_9 = {
|
|
122
|
-
/** 控制侧边栏折叠状态 (支持 v-model:collapsed) */
|
|
123
|
-
collapsed?: boolean;
|
|
124
|
-
};
|
|
125
|
-
|
|
126
100
|
declare type __VLS_PublicProps = {
|
|
127
101
|
"show"?: boolean;
|
|
128
102
|
} & __VLS_Props;
|
|
@@ -171,20 +145,42 @@ declare function __VLS_template_2(): {
|
|
|
171
145
|
slots: {
|
|
172
146
|
'appearance-prepend'?(_: {
|
|
173
147
|
settings: Store<string, Pick<{
|
|
148
|
+
defaults: Readonly<{
|
|
149
|
+
themeMode: ThemeMode;
|
|
150
|
+
primaryColor: string;
|
|
151
|
+
borderRadius: BorderRadiusSize_2;
|
|
152
|
+
transitionType: TransitionType_2;
|
|
153
|
+
enableTransition: boolean;
|
|
154
|
+
layoutMode: LayoutMode;
|
|
155
|
+
menuExpandMode: MenuExpandMode_2;
|
|
156
|
+
collapsed: boolean;
|
|
157
|
+
fixedHeader: boolean;
|
|
158
|
+
showBreadcrumb: boolean;
|
|
159
|
+
showBreadcrumbIcon: boolean;
|
|
160
|
+
showTagsView: boolean;
|
|
161
|
+
tagsViewHeight: number;
|
|
162
|
+
tagsViewStyle: TagsViewStyle_2;
|
|
163
|
+
showFooter: boolean;
|
|
164
|
+
sidebarWidth: number;
|
|
165
|
+
sidebarCollapsedWidth: number;
|
|
166
|
+
headerHeight: number;
|
|
167
|
+
enableHotkeys: boolean;
|
|
168
|
+
version: string;
|
|
169
|
+
}>;
|
|
174
170
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
175
171
|
primaryColor: Ref<string, string>;
|
|
176
|
-
borderRadius: Ref<
|
|
177
|
-
transitionType: Ref<
|
|
172
|
+
borderRadius: Ref<BorderRadiusSize_2, BorderRadiusSize_2>;
|
|
173
|
+
transitionType: Ref<TransitionType_2, TransitionType_2>;
|
|
178
174
|
enableTransition: Ref<boolean, boolean>;
|
|
179
175
|
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
180
|
-
menuExpandMode: Ref<
|
|
176
|
+
menuExpandMode: Ref<MenuExpandMode_2, MenuExpandMode_2>;
|
|
181
177
|
collapsed: Ref<boolean, boolean>;
|
|
182
178
|
fixedHeader: Ref<boolean, boolean>;
|
|
183
179
|
showBreadcrumb: Ref<boolean, boolean>;
|
|
184
180
|
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
185
181
|
showTagsView: Ref<boolean, boolean>;
|
|
186
182
|
tagsViewHeight: Ref<number, number>;
|
|
187
|
-
tagsViewStyle: Ref<
|
|
183
|
+
tagsViewStyle: Ref<TagsViewStyle_2, TagsViewStyle_2>;
|
|
188
184
|
showFooter: Ref<boolean, boolean>;
|
|
189
185
|
sidebarWidth: Ref<number, number>;
|
|
190
186
|
sidebarCollapsedWidth: Ref<number, number>;
|
|
@@ -194,27 +190,49 @@ declare function __VLS_template_2(): {
|
|
|
194
190
|
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
195
191
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
196
192
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
197
|
-
settingsState: ComputedRef<
|
|
198
|
-
syncCSSVariables: () => void;
|
|
193
|
+
settingsState: ComputedRef<SettingsState_2>;
|
|
194
|
+
syncCSSVariables: () => void | undefined;
|
|
199
195
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
200
196
|
resetSettings: () => void;
|
|
201
197
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
202
198
|
toggleCollapse: () => void;
|
|
203
|
-
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version">, Pick<{
|
|
199
|
+
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version" | "defaults">, Pick<{
|
|
200
|
+
defaults: Readonly<{
|
|
201
|
+
themeMode: ThemeMode;
|
|
202
|
+
primaryColor: string;
|
|
203
|
+
borderRadius: BorderRadiusSize_2;
|
|
204
|
+
transitionType: TransitionType_2;
|
|
205
|
+
enableTransition: boolean;
|
|
206
|
+
layoutMode: LayoutMode;
|
|
207
|
+
menuExpandMode: MenuExpandMode_2;
|
|
208
|
+
collapsed: boolean;
|
|
209
|
+
fixedHeader: boolean;
|
|
210
|
+
showBreadcrumb: boolean;
|
|
211
|
+
showBreadcrumbIcon: boolean;
|
|
212
|
+
showTagsView: boolean;
|
|
213
|
+
tagsViewHeight: number;
|
|
214
|
+
tagsViewStyle: TagsViewStyle_2;
|
|
215
|
+
showFooter: boolean;
|
|
216
|
+
sidebarWidth: number;
|
|
217
|
+
sidebarCollapsedWidth: number;
|
|
218
|
+
headerHeight: number;
|
|
219
|
+
enableHotkeys: boolean;
|
|
220
|
+
version: string;
|
|
221
|
+
}>;
|
|
204
222
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
205
223
|
primaryColor: Ref<string, string>;
|
|
206
|
-
borderRadius: Ref<
|
|
207
|
-
transitionType: Ref<
|
|
224
|
+
borderRadius: Ref<BorderRadiusSize_2, BorderRadiusSize_2>;
|
|
225
|
+
transitionType: Ref<TransitionType_2, TransitionType_2>;
|
|
208
226
|
enableTransition: Ref<boolean, boolean>;
|
|
209
227
|
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
210
|
-
menuExpandMode: Ref<
|
|
228
|
+
menuExpandMode: Ref<MenuExpandMode_2, MenuExpandMode_2>;
|
|
211
229
|
collapsed: Ref<boolean, boolean>;
|
|
212
230
|
fixedHeader: Ref<boolean, boolean>;
|
|
213
231
|
showBreadcrumb: Ref<boolean, boolean>;
|
|
214
232
|
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
215
233
|
showTagsView: Ref<boolean, boolean>;
|
|
216
234
|
tagsViewHeight: Ref<number, number>;
|
|
217
|
-
tagsViewStyle: Ref<
|
|
235
|
+
tagsViewStyle: Ref<TagsViewStyle_2, TagsViewStyle_2>;
|
|
218
236
|
showFooter: Ref<boolean, boolean>;
|
|
219
237
|
sidebarWidth: Ref<number, number>;
|
|
220
238
|
sidebarCollapsedWidth: Ref<number, number>;
|
|
@@ -224,27 +242,49 @@ declare function __VLS_template_2(): {
|
|
|
224
242
|
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
225
243
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
226
244
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
227
|
-
settingsState: ComputedRef<
|
|
228
|
-
syncCSSVariables: () => void;
|
|
245
|
+
settingsState: ComputedRef<SettingsState_2>;
|
|
246
|
+
syncCSSVariables: () => void | undefined;
|
|
229
247
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
230
248
|
resetSettings: () => void;
|
|
231
249
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
232
250
|
toggleCollapse: () => void;
|
|
233
251
|
}, "borderRadiusValue" | "transitionName" | "shouldEnableTransition" | "settingsState">, Pick<{
|
|
252
|
+
defaults: Readonly<{
|
|
253
|
+
themeMode: ThemeMode;
|
|
254
|
+
primaryColor: string;
|
|
255
|
+
borderRadius: BorderRadiusSize_2;
|
|
256
|
+
transitionType: TransitionType_2;
|
|
257
|
+
enableTransition: boolean;
|
|
258
|
+
layoutMode: LayoutMode;
|
|
259
|
+
menuExpandMode: MenuExpandMode_2;
|
|
260
|
+
collapsed: boolean;
|
|
261
|
+
fixedHeader: boolean;
|
|
262
|
+
showBreadcrumb: boolean;
|
|
263
|
+
showBreadcrumbIcon: boolean;
|
|
264
|
+
showTagsView: boolean;
|
|
265
|
+
tagsViewHeight: number;
|
|
266
|
+
tagsViewStyle: TagsViewStyle_2;
|
|
267
|
+
showFooter: boolean;
|
|
268
|
+
sidebarWidth: number;
|
|
269
|
+
sidebarCollapsedWidth: number;
|
|
270
|
+
headerHeight: number;
|
|
271
|
+
enableHotkeys: boolean;
|
|
272
|
+
version: string;
|
|
273
|
+
}>;
|
|
234
274
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
235
275
|
primaryColor: Ref<string, string>;
|
|
236
|
-
borderRadius: Ref<
|
|
237
|
-
transitionType: Ref<
|
|
276
|
+
borderRadius: Ref<BorderRadiusSize_2, BorderRadiusSize_2>;
|
|
277
|
+
transitionType: Ref<TransitionType_2, TransitionType_2>;
|
|
238
278
|
enableTransition: Ref<boolean, boolean>;
|
|
239
279
|
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
240
|
-
menuExpandMode: Ref<
|
|
280
|
+
menuExpandMode: Ref<MenuExpandMode_2, MenuExpandMode_2>;
|
|
241
281
|
collapsed: Ref<boolean, boolean>;
|
|
242
282
|
fixedHeader: Ref<boolean, boolean>;
|
|
243
283
|
showBreadcrumb: Ref<boolean, boolean>;
|
|
244
284
|
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
245
285
|
showTagsView: Ref<boolean, boolean>;
|
|
246
286
|
tagsViewHeight: Ref<number, number>;
|
|
247
|
-
tagsViewStyle: Ref<
|
|
287
|
+
tagsViewStyle: Ref<TagsViewStyle_2, TagsViewStyle_2>;
|
|
248
288
|
showFooter: Ref<boolean, boolean>;
|
|
249
289
|
sidebarWidth: Ref<number, number>;
|
|
250
290
|
sidebarCollapsedWidth: Ref<number, number>;
|
|
@@ -254,8 +294,8 @@ declare function __VLS_template_2(): {
|
|
|
254
294
|
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
255
295
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
256
296
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
257
|
-
settingsState: ComputedRef<
|
|
258
|
-
syncCSSVariables: () => void;
|
|
297
|
+
settingsState: ComputedRef<SettingsState_2>;
|
|
298
|
+
syncCSSVariables: () => void | undefined;
|
|
259
299
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
260
300
|
resetSettings: () => void;
|
|
261
301
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
@@ -264,20 +304,42 @@ declare function __VLS_template_2(): {
|
|
|
264
304
|
}): any;
|
|
265
305
|
'appearance-append'?(_: {
|
|
266
306
|
settings: Store<string, Pick<{
|
|
307
|
+
defaults: Readonly<{
|
|
308
|
+
themeMode: ThemeMode;
|
|
309
|
+
primaryColor: string;
|
|
310
|
+
borderRadius: BorderRadiusSize_2;
|
|
311
|
+
transitionType: TransitionType_2;
|
|
312
|
+
enableTransition: boolean;
|
|
313
|
+
layoutMode: LayoutMode;
|
|
314
|
+
menuExpandMode: MenuExpandMode_2;
|
|
315
|
+
collapsed: boolean;
|
|
316
|
+
fixedHeader: boolean;
|
|
317
|
+
showBreadcrumb: boolean;
|
|
318
|
+
showBreadcrumbIcon: boolean;
|
|
319
|
+
showTagsView: boolean;
|
|
320
|
+
tagsViewHeight: number;
|
|
321
|
+
tagsViewStyle: TagsViewStyle_2;
|
|
322
|
+
showFooter: boolean;
|
|
323
|
+
sidebarWidth: number;
|
|
324
|
+
sidebarCollapsedWidth: number;
|
|
325
|
+
headerHeight: number;
|
|
326
|
+
enableHotkeys: boolean;
|
|
327
|
+
version: string;
|
|
328
|
+
}>;
|
|
267
329
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
268
330
|
primaryColor: Ref<string, string>;
|
|
269
|
-
borderRadius: Ref<
|
|
270
|
-
transitionType: Ref<
|
|
331
|
+
borderRadius: Ref<BorderRadiusSize_2, BorderRadiusSize_2>;
|
|
332
|
+
transitionType: Ref<TransitionType_2, TransitionType_2>;
|
|
271
333
|
enableTransition: Ref<boolean, boolean>;
|
|
272
334
|
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
273
|
-
menuExpandMode: Ref<
|
|
335
|
+
menuExpandMode: Ref<MenuExpandMode_2, MenuExpandMode_2>;
|
|
274
336
|
collapsed: Ref<boolean, boolean>;
|
|
275
337
|
fixedHeader: Ref<boolean, boolean>;
|
|
276
338
|
showBreadcrumb: Ref<boolean, boolean>;
|
|
277
339
|
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
278
340
|
showTagsView: Ref<boolean, boolean>;
|
|
279
341
|
tagsViewHeight: Ref<number, number>;
|
|
280
|
-
tagsViewStyle: Ref<
|
|
342
|
+
tagsViewStyle: Ref<TagsViewStyle_2, TagsViewStyle_2>;
|
|
281
343
|
showFooter: Ref<boolean, boolean>;
|
|
282
344
|
sidebarWidth: Ref<number, number>;
|
|
283
345
|
sidebarCollapsedWidth: Ref<number, number>;
|
|
@@ -287,27 +349,49 @@ declare function __VLS_template_2(): {
|
|
|
287
349
|
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
288
350
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
289
351
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
290
|
-
settingsState: ComputedRef<
|
|
291
|
-
syncCSSVariables: () => void;
|
|
352
|
+
settingsState: ComputedRef<SettingsState_2>;
|
|
353
|
+
syncCSSVariables: () => void | undefined;
|
|
292
354
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
293
355
|
resetSettings: () => void;
|
|
294
356
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
295
357
|
toggleCollapse: () => void;
|
|
296
|
-
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version">, Pick<{
|
|
358
|
+
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version" | "defaults">, Pick<{
|
|
359
|
+
defaults: Readonly<{
|
|
360
|
+
themeMode: ThemeMode;
|
|
361
|
+
primaryColor: string;
|
|
362
|
+
borderRadius: BorderRadiusSize_2;
|
|
363
|
+
transitionType: TransitionType_2;
|
|
364
|
+
enableTransition: boolean;
|
|
365
|
+
layoutMode: LayoutMode;
|
|
366
|
+
menuExpandMode: MenuExpandMode_2;
|
|
367
|
+
collapsed: boolean;
|
|
368
|
+
fixedHeader: boolean;
|
|
369
|
+
showBreadcrumb: boolean;
|
|
370
|
+
showBreadcrumbIcon: boolean;
|
|
371
|
+
showTagsView: boolean;
|
|
372
|
+
tagsViewHeight: number;
|
|
373
|
+
tagsViewStyle: TagsViewStyle_2;
|
|
374
|
+
showFooter: boolean;
|
|
375
|
+
sidebarWidth: number;
|
|
376
|
+
sidebarCollapsedWidth: number;
|
|
377
|
+
headerHeight: number;
|
|
378
|
+
enableHotkeys: boolean;
|
|
379
|
+
version: string;
|
|
380
|
+
}>;
|
|
297
381
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
298
382
|
primaryColor: Ref<string, string>;
|
|
299
|
-
borderRadius: Ref<
|
|
300
|
-
transitionType: Ref<
|
|
383
|
+
borderRadius: Ref<BorderRadiusSize_2, BorderRadiusSize_2>;
|
|
384
|
+
transitionType: Ref<TransitionType_2, TransitionType_2>;
|
|
301
385
|
enableTransition: Ref<boolean, boolean>;
|
|
302
386
|
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
303
|
-
menuExpandMode: Ref<
|
|
387
|
+
menuExpandMode: Ref<MenuExpandMode_2, MenuExpandMode_2>;
|
|
304
388
|
collapsed: Ref<boolean, boolean>;
|
|
305
389
|
fixedHeader: Ref<boolean, boolean>;
|
|
306
390
|
showBreadcrumb: Ref<boolean, boolean>;
|
|
307
391
|
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
308
392
|
showTagsView: Ref<boolean, boolean>;
|
|
309
393
|
tagsViewHeight: Ref<number, number>;
|
|
310
|
-
tagsViewStyle: Ref<
|
|
394
|
+
tagsViewStyle: Ref<TagsViewStyle_2, TagsViewStyle_2>;
|
|
311
395
|
showFooter: Ref<boolean, boolean>;
|
|
312
396
|
sidebarWidth: Ref<number, number>;
|
|
313
397
|
sidebarCollapsedWidth: Ref<number, number>;
|
|
@@ -317,27 +401,49 @@ declare function __VLS_template_2(): {
|
|
|
317
401
|
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
318
402
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
319
403
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
320
|
-
settingsState: ComputedRef<
|
|
321
|
-
syncCSSVariables: () => void;
|
|
404
|
+
settingsState: ComputedRef<SettingsState_2>;
|
|
405
|
+
syncCSSVariables: () => void | undefined;
|
|
322
406
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
323
407
|
resetSettings: () => void;
|
|
324
408
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
325
409
|
toggleCollapse: () => void;
|
|
326
410
|
}, "borderRadiusValue" | "transitionName" | "shouldEnableTransition" | "settingsState">, Pick<{
|
|
411
|
+
defaults: Readonly<{
|
|
412
|
+
themeMode: ThemeMode;
|
|
413
|
+
primaryColor: string;
|
|
414
|
+
borderRadius: BorderRadiusSize_2;
|
|
415
|
+
transitionType: TransitionType_2;
|
|
416
|
+
enableTransition: boolean;
|
|
417
|
+
layoutMode: LayoutMode;
|
|
418
|
+
menuExpandMode: MenuExpandMode_2;
|
|
419
|
+
collapsed: boolean;
|
|
420
|
+
fixedHeader: boolean;
|
|
421
|
+
showBreadcrumb: boolean;
|
|
422
|
+
showBreadcrumbIcon: boolean;
|
|
423
|
+
showTagsView: boolean;
|
|
424
|
+
tagsViewHeight: number;
|
|
425
|
+
tagsViewStyle: TagsViewStyle_2;
|
|
426
|
+
showFooter: boolean;
|
|
427
|
+
sidebarWidth: number;
|
|
428
|
+
sidebarCollapsedWidth: number;
|
|
429
|
+
headerHeight: number;
|
|
430
|
+
enableHotkeys: boolean;
|
|
431
|
+
version: string;
|
|
432
|
+
}>;
|
|
327
433
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
328
434
|
primaryColor: Ref<string, string>;
|
|
329
|
-
borderRadius: Ref<
|
|
330
|
-
transitionType: Ref<
|
|
435
|
+
borderRadius: Ref<BorderRadiusSize_2, BorderRadiusSize_2>;
|
|
436
|
+
transitionType: Ref<TransitionType_2, TransitionType_2>;
|
|
331
437
|
enableTransition: Ref<boolean, boolean>;
|
|
332
438
|
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
333
|
-
menuExpandMode: Ref<
|
|
439
|
+
menuExpandMode: Ref<MenuExpandMode_2, MenuExpandMode_2>;
|
|
334
440
|
collapsed: Ref<boolean, boolean>;
|
|
335
441
|
fixedHeader: Ref<boolean, boolean>;
|
|
336
442
|
showBreadcrumb: Ref<boolean, boolean>;
|
|
337
443
|
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
338
444
|
showTagsView: Ref<boolean, boolean>;
|
|
339
445
|
tagsViewHeight: Ref<number, number>;
|
|
340
|
-
tagsViewStyle: Ref<
|
|
446
|
+
tagsViewStyle: Ref<TagsViewStyle_2, TagsViewStyle_2>;
|
|
341
447
|
showFooter: Ref<boolean, boolean>;
|
|
342
448
|
sidebarWidth: Ref<number, number>;
|
|
343
449
|
sidebarCollapsedWidth: Ref<number, number>;
|
|
@@ -347,8 +453,8 @@ declare function __VLS_template_2(): {
|
|
|
347
453
|
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
348
454
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
349
455
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
350
|
-
settingsState: ComputedRef<
|
|
351
|
-
syncCSSVariables: () => void;
|
|
456
|
+
settingsState: ComputedRef<SettingsState_2>;
|
|
457
|
+
syncCSSVariables: () => void | undefined;
|
|
352
458
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
353
459
|
resetSettings: () => void;
|
|
354
460
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
@@ -357,20 +463,42 @@ declare function __VLS_template_2(): {
|
|
|
357
463
|
}): any;
|
|
358
464
|
'layout-prepend'?(_: {
|
|
359
465
|
settings: Store<string, Pick<{
|
|
466
|
+
defaults: Readonly<{
|
|
467
|
+
themeMode: ThemeMode;
|
|
468
|
+
primaryColor: string;
|
|
469
|
+
borderRadius: BorderRadiusSize_2;
|
|
470
|
+
transitionType: TransitionType_2;
|
|
471
|
+
enableTransition: boolean;
|
|
472
|
+
layoutMode: LayoutMode;
|
|
473
|
+
menuExpandMode: MenuExpandMode_2;
|
|
474
|
+
collapsed: boolean;
|
|
475
|
+
fixedHeader: boolean;
|
|
476
|
+
showBreadcrumb: boolean;
|
|
477
|
+
showBreadcrumbIcon: boolean;
|
|
478
|
+
showTagsView: boolean;
|
|
479
|
+
tagsViewHeight: number;
|
|
480
|
+
tagsViewStyle: TagsViewStyle_2;
|
|
481
|
+
showFooter: boolean;
|
|
482
|
+
sidebarWidth: number;
|
|
483
|
+
sidebarCollapsedWidth: number;
|
|
484
|
+
headerHeight: number;
|
|
485
|
+
enableHotkeys: boolean;
|
|
486
|
+
version: string;
|
|
487
|
+
}>;
|
|
360
488
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
361
489
|
primaryColor: Ref<string, string>;
|
|
362
|
-
borderRadius: Ref<
|
|
363
|
-
transitionType: Ref<
|
|
490
|
+
borderRadius: Ref<BorderRadiusSize_2, BorderRadiusSize_2>;
|
|
491
|
+
transitionType: Ref<TransitionType_2, TransitionType_2>;
|
|
364
492
|
enableTransition: Ref<boolean, boolean>;
|
|
365
493
|
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
366
|
-
menuExpandMode: Ref<
|
|
494
|
+
menuExpandMode: Ref<MenuExpandMode_2, MenuExpandMode_2>;
|
|
367
495
|
collapsed: Ref<boolean, boolean>;
|
|
368
496
|
fixedHeader: Ref<boolean, boolean>;
|
|
369
497
|
showBreadcrumb: Ref<boolean, boolean>;
|
|
370
498
|
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
371
499
|
showTagsView: Ref<boolean, boolean>;
|
|
372
500
|
tagsViewHeight: Ref<number, number>;
|
|
373
|
-
tagsViewStyle: Ref<
|
|
501
|
+
tagsViewStyle: Ref<TagsViewStyle_2, TagsViewStyle_2>;
|
|
374
502
|
showFooter: Ref<boolean, boolean>;
|
|
375
503
|
sidebarWidth: Ref<number, number>;
|
|
376
504
|
sidebarCollapsedWidth: Ref<number, number>;
|
|
@@ -380,27 +508,49 @@ declare function __VLS_template_2(): {
|
|
|
380
508
|
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
381
509
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
382
510
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
383
|
-
settingsState: ComputedRef<
|
|
384
|
-
syncCSSVariables: () => void;
|
|
511
|
+
settingsState: ComputedRef<SettingsState_2>;
|
|
512
|
+
syncCSSVariables: () => void | undefined;
|
|
385
513
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
386
514
|
resetSettings: () => void;
|
|
387
515
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
388
516
|
toggleCollapse: () => void;
|
|
389
|
-
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version">, Pick<{
|
|
517
|
+
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version" | "defaults">, Pick<{
|
|
518
|
+
defaults: Readonly<{
|
|
519
|
+
themeMode: ThemeMode;
|
|
520
|
+
primaryColor: string;
|
|
521
|
+
borderRadius: BorderRadiusSize_2;
|
|
522
|
+
transitionType: TransitionType_2;
|
|
523
|
+
enableTransition: boolean;
|
|
524
|
+
layoutMode: LayoutMode;
|
|
525
|
+
menuExpandMode: MenuExpandMode_2;
|
|
526
|
+
collapsed: boolean;
|
|
527
|
+
fixedHeader: boolean;
|
|
528
|
+
showBreadcrumb: boolean;
|
|
529
|
+
showBreadcrumbIcon: boolean;
|
|
530
|
+
showTagsView: boolean;
|
|
531
|
+
tagsViewHeight: number;
|
|
532
|
+
tagsViewStyle: TagsViewStyle_2;
|
|
533
|
+
showFooter: boolean;
|
|
534
|
+
sidebarWidth: number;
|
|
535
|
+
sidebarCollapsedWidth: number;
|
|
536
|
+
headerHeight: number;
|
|
537
|
+
enableHotkeys: boolean;
|
|
538
|
+
version: string;
|
|
539
|
+
}>;
|
|
390
540
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
391
541
|
primaryColor: Ref<string, string>;
|
|
392
|
-
borderRadius: Ref<
|
|
393
|
-
transitionType: Ref<
|
|
542
|
+
borderRadius: Ref<BorderRadiusSize_2, BorderRadiusSize_2>;
|
|
543
|
+
transitionType: Ref<TransitionType_2, TransitionType_2>;
|
|
394
544
|
enableTransition: Ref<boolean, boolean>;
|
|
395
545
|
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
396
|
-
menuExpandMode: Ref<
|
|
546
|
+
menuExpandMode: Ref<MenuExpandMode_2, MenuExpandMode_2>;
|
|
397
547
|
collapsed: Ref<boolean, boolean>;
|
|
398
548
|
fixedHeader: Ref<boolean, boolean>;
|
|
399
549
|
showBreadcrumb: Ref<boolean, boolean>;
|
|
400
550
|
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
401
551
|
showTagsView: Ref<boolean, boolean>;
|
|
402
552
|
tagsViewHeight: Ref<number, number>;
|
|
403
|
-
tagsViewStyle: Ref<
|
|
553
|
+
tagsViewStyle: Ref<TagsViewStyle_2, TagsViewStyle_2>;
|
|
404
554
|
showFooter: Ref<boolean, boolean>;
|
|
405
555
|
sidebarWidth: Ref<number, number>;
|
|
406
556
|
sidebarCollapsedWidth: Ref<number, number>;
|
|
@@ -410,27 +560,49 @@ declare function __VLS_template_2(): {
|
|
|
410
560
|
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
411
561
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
412
562
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
413
|
-
settingsState: ComputedRef<
|
|
414
|
-
syncCSSVariables: () => void;
|
|
563
|
+
settingsState: ComputedRef<SettingsState_2>;
|
|
564
|
+
syncCSSVariables: () => void | undefined;
|
|
415
565
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
416
566
|
resetSettings: () => void;
|
|
417
567
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
418
568
|
toggleCollapse: () => void;
|
|
419
569
|
}, "borderRadiusValue" | "transitionName" | "shouldEnableTransition" | "settingsState">, Pick<{
|
|
570
|
+
defaults: Readonly<{
|
|
571
|
+
themeMode: ThemeMode;
|
|
572
|
+
primaryColor: string;
|
|
573
|
+
borderRadius: BorderRadiusSize_2;
|
|
574
|
+
transitionType: TransitionType_2;
|
|
575
|
+
enableTransition: boolean;
|
|
576
|
+
layoutMode: LayoutMode;
|
|
577
|
+
menuExpandMode: MenuExpandMode_2;
|
|
578
|
+
collapsed: boolean;
|
|
579
|
+
fixedHeader: boolean;
|
|
580
|
+
showBreadcrumb: boolean;
|
|
581
|
+
showBreadcrumbIcon: boolean;
|
|
582
|
+
showTagsView: boolean;
|
|
583
|
+
tagsViewHeight: number;
|
|
584
|
+
tagsViewStyle: TagsViewStyle_2;
|
|
585
|
+
showFooter: boolean;
|
|
586
|
+
sidebarWidth: number;
|
|
587
|
+
sidebarCollapsedWidth: number;
|
|
588
|
+
headerHeight: number;
|
|
589
|
+
enableHotkeys: boolean;
|
|
590
|
+
version: string;
|
|
591
|
+
}>;
|
|
420
592
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
421
593
|
primaryColor: Ref<string, string>;
|
|
422
|
-
borderRadius: Ref<
|
|
423
|
-
transitionType: Ref<
|
|
594
|
+
borderRadius: Ref<BorderRadiusSize_2, BorderRadiusSize_2>;
|
|
595
|
+
transitionType: Ref<TransitionType_2, TransitionType_2>;
|
|
424
596
|
enableTransition: Ref<boolean, boolean>;
|
|
425
597
|
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
426
|
-
menuExpandMode: Ref<
|
|
598
|
+
menuExpandMode: Ref<MenuExpandMode_2, MenuExpandMode_2>;
|
|
427
599
|
collapsed: Ref<boolean, boolean>;
|
|
428
600
|
fixedHeader: Ref<boolean, boolean>;
|
|
429
601
|
showBreadcrumb: Ref<boolean, boolean>;
|
|
430
602
|
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
431
603
|
showTagsView: Ref<boolean, boolean>;
|
|
432
604
|
tagsViewHeight: Ref<number, number>;
|
|
433
|
-
tagsViewStyle: Ref<
|
|
605
|
+
tagsViewStyle: Ref<TagsViewStyle_2, TagsViewStyle_2>;
|
|
434
606
|
showFooter: Ref<boolean, boolean>;
|
|
435
607
|
sidebarWidth: Ref<number, number>;
|
|
436
608
|
sidebarCollapsedWidth: Ref<number, number>;
|
|
@@ -440,8 +612,8 @@ declare function __VLS_template_2(): {
|
|
|
440
612
|
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
441
613
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
442
614
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
443
|
-
settingsState: ComputedRef<
|
|
444
|
-
syncCSSVariables: () => void;
|
|
615
|
+
settingsState: ComputedRef<SettingsState_2>;
|
|
616
|
+
syncCSSVariables: () => void | undefined;
|
|
445
617
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
446
618
|
resetSettings: () => void;
|
|
447
619
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
@@ -450,20 +622,42 @@ declare function __VLS_template_2(): {
|
|
|
450
622
|
}): any;
|
|
451
623
|
'layout-after-mode'?(_: {
|
|
452
624
|
settings: Store<string, Pick<{
|
|
625
|
+
defaults: Readonly<{
|
|
626
|
+
themeMode: ThemeMode;
|
|
627
|
+
primaryColor: string;
|
|
628
|
+
borderRadius: BorderRadiusSize_2;
|
|
629
|
+
transitionType: TransitionType_2;
|
|
630
|
+
enableTransition: boolean;
|
|
631
|
+
layoutMode: LayoutMode;
|
|
632
|
+
menuExpandMode: MenuExpandMode_2;
|
|
633
|
+
collapsed: boolean;
|
|
634
|
+
fixedHeader: boolean;
|
|
635
|
+
showBreadcrumb: boolean;
|
|
636
|
+
showBreadcrumbIcon: boolean;
|
|
637
|
+
showTagsView: boolean;
|
|
638
|
+
tagsViewHeight: number;
|
|
639
|
+
tagsViewStyle: TagsViewStyle_2;
|
|
640
|
+
showFooter: boolean;
|
|
641
|
+
sidebarWidth: number;
|
|
642
|
+
sidebarCollapsedWidth: number;
|
|
643
|
+
headerHeight: number;
|
|
644
|
+
enableHotkeys: boolean;
|
|
645
|
+
version: string;
|
|
646
|
+
}>;
|
|
453
647
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
454
648
|
primaryColor: Ref<string, string>;
|
|
455
|
-
borderRadius: Ref<
|
|
456
|
-
transitionType: Ref<
|
|
649
|
+
borderRadius: Ref<BorderRadiusSize_2, BorderRadiusSize_2>;
|
|
650
|
+
transitionType: Ref<TransitionType_2, TransitionType_2>;
|
|
457
651
|
enableTransition: Ref<boolean, boolean>;
|
|
458
652
|
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
459
|
-
menuExpandMode: Ref<
|
|
653
|
+
menuExpandMode: Ref<MenuExpandMode_2, MenuExpandMode_2>;
|
|
460
654
|
collapsed: Ref<boolean, boolean>;
|
|
461
655
|
fixedHeader: Ref<boolean, boolean>;
|
|
462
656
|
showBreadcrumb: Ref<boolean, boolean>;
|
|
463
657
|
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
464
658
|
showTagsView: Ref<boolean, boolean>;
|
|
465
659
|
tagsViewHeight: Ref<number, number>;
|
|
466
|
-
tagsViewStyle: Ref<
|
|
660
|
+
tagsViewStyle: Ref<TagsViewStyle_2, TagsViewStyle_2>;
|
|
467
661
|
showFooter: Ref<boolean, boolean>;
|
|
468
662
|
sidebarWidth: Ref<number, number>;
|
|
469
663
|
sidebarCollapsedWidth: Ref<number, number>;
|
|
@@ -473,27 +667,49 @@ declare function __VLS_template_2(): {
|
|
|
473
667
|
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
474
668
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
475
669
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
476
|
-
settingsState: ComputedRef<
|
|
477
|
-
syncCSSVariables: () => void;
|
|
670
|
+
settingsState: ComputedRef<SettingsState_2>;
|
|
671
|
+
syncCSSVariables: () => void | undefined;
|
|
478
672
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
479
673
|
resetSettings: () => void;
|
|
480
674
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
481
675
|
toggleCollapse: () => void;
|
|
482
|
-
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version">, Pick<{
|
|
676
|
+
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version" | "defaults">, Pick<{
|
|
677
|
+
defaults: Readonly<{
|
|
678
|
+
themeMode: ThemeMode;
|
|
679
|
+
primaryColor: string;
|
|
680
|
+
borderRadius: BorderRadiusSize_2;
|
|
681
|
+
transitionType: TransitionType_2;
|
|
682
|
+
enableTransition: boolean;
|
|
683
|
+
layoutMode: LayoutMode;
|
|
684
|
+
menuExpandMode: MenuExpandMode_2;
|
|
685
|
+
collapsed: boolean;
|
|
686
|
+
fixedHeader: boolean;
|
|
687
|
+
showBreadcrumb: boolean;
|
|
688
|
+
showBreadcrumbIcon: boolean;
|
|
689
|
+
showTagsView: boolean;
|
|
690
|
+
tagsViewHeight: number;
|
|
691
|
+
tagsViewStyle: TagsViewStyle_2;
|
|
692
|
+
showFooter: boolean;
|
|
693
|
+
sidebarWidth: number;
|
|
694
|
+
sidebarCollapsedWidth: number;
|
|
695
|
+
headerHeight: number;
|
|
696
|
+
enableHotkeys: boolean;
|
|
697
|
+
version: string;
|
|
698
|
+
}>;
|
|
483
699
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
484
700
|
primaryColor: Ref<string, string>;
|
|
485
|
-
borderRadius: Ref<
|
|
486
|
-
transitionType: Ref<
|
|
701
|
+
borderRadius: Ref<BorderRadiusSize_2, BorderRadiusSize_2>;
|
|
702
|
+
transitionType: Ref<TransitionType_2, TransitionType_2>;
|
|
487
703
|
enableTransition: Ref<boolean, boolean>;
|
|
488
704
|
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
489
|
-
menuExpandMode: Ref<
|
|
705
|
+
menuExpandMode: Ref<MenuExpandMode_2, MenuExpandMode_2>;
|
|
490
706
|
collapsed: Ref<boolean, boolean>;
|
|
491
707
|
fixedHeader: Ref<boolean, boolean>;
|
|
492
708
|
showBreadcrumb: Ref<boolean, boolean>;
|
|
493
709
|
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
494
710
|
showTagsView: Ref<boolean, boolean>;
|
|
495
711
|
tagsViewHeight: Ref<number, number>;
|
|
496
|
-
tagsViewStyle: Ref<
|
|
712
|
+
tagsViewStyle: Ref<TagsViewStyle_2, TagsViewStyle_2>;
|
|
497
713
|
showFooter: Ref<boolean, boolean>;
|
|
498
714
|
sidebarWidth: Ref<number, number>;
|
|
499
715
|
sidebarCollapsedWidth: Ref<number, number>;
|
|
@@ -503,27 +719,49 @@ declare function __VLS_template_2(): {
|
|
|
503
719
|
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
504
720
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
505
721
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
506
|
-
settingsState: ComputedRef<
|
|
507
|
-
syncCSSVariables: () => void;
|
|
722
|
+
settingsState: ComputedRef<SettingsState_2>;
|
|
723
|
+
syncCSSVariables: () => void | undefined;
|
|
508
724
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
509
725
|
resetSettings: () => void;
|
|
510
726
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
511
727
|
toggleCollapse: () => void;
|
|
512
728
|
}, "borderRadiusValue" | "transitionName" | "shouldEnableTransition" | "settingsState">, Pick<{
|
|
729
|
+
defaults: Readonly<{
|
|
730
|
+
themeMode: ThemeMode;
|
|
731
|
+
primaryColor: string;
|
|
732
|
+
borderRadius: BorderRadiusSize_2;
|
|
733
|
+
transitionType: TransitionType_2;
|
|
734
|
+
enableTransition: boolean;
|
|
735
|
+
layoutMode: LayoutMode;
|
|
736
|
+
menuExpandMode: MenuExpandMode_2;
|
|
737
|
+
collapsed: boolean;
|
|
738
|
+
fixedHeader: boolean;
|
|
739
|
+
showBreadcrumb: boolean;
|
|
740
|
+
showBreadcrumbIcon: boolean;
|
|
741
|
+
showTagsView: boolean;
|
|
742
|
+
tagsViewHeight: number;
|
|
743
|
+
tagsViewStyle: TagsViewStyle_2;
|
|
744
|
+
showFooter: boolean;
|
|
745
|
+
sidebarWidth: number;
|
|
746
|
+
sidebarCollapsedWidth: number;
|
|
747
|
+
headerHeight: number;
|
|
748
|
+
enableHotkeys: boolean;
|
|
749
|
+
version: string;
|
|
750
|
+
}>;
|
|
513
751
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
514
752
|
primaryColor: Ref<string, string>;
|
|
515
|
-
borderRadius: Ref<
|
|
516
|
-
transitionType: Ref<
|
|
753
|
+
borderRadius: Ref<BorderRadiusSize_2, BorderRadiusSize_2>;
|
|
754
|
+
transitionType: Ref<TransitionType_2, TransitionType_2>;
|
|
517
755
|
enableTransition: Ref<boolean, boolean>;
|
|
518
756
|
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
519
|
-
menuExpandMode: Ref<
|
|
757
|
+
menuExpandMode: Ref<MenuExpandMode_2, MenuExpandMode_2>;
|
|
520
758
|
collapsed: Ref<boolean, boolean>;
|
|
521
759
|
fixedHeader: Ref<boolean, boolean>;
|
|
522
760
|
showBreadcrumb: Ref<boolean, boolean>;
|
|
523
761
|
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
524
762
|
showTagsView: Ref<boolean, boolean>;
|
|
525
763
|
tagsViewHeight: Ref<number, number>;
|
|
526
|
-
tagsViewStyle: Ref<
|
|
764
|
+
tagsViewStyle: Ref<TagsViewStyle_2, TagsViewStyle_2>;
|
|
527
765
|
showFooter: Ref<boolean, boolean>;
|
|
528
766
|
sidebarWidth: Ref<number, number>;
|
|
529
767
|
sidebarCollapsedWidth: Ref<number, number>;
|
|
@@ -533,8 +771,8 @@ declare function __VLS_template_2(): {
|
|
|
533
771
|
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
534
772
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
535
773
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
536
|
-
settingsState: ComputedRef<
|
|
537
|
-
syncCSSVariables: () => void;
|
|
774
|
+
settingsState: ComputedRef<SettingsState_2>;
|
|
775
|
+
syncCSSVariables: () => void | undefined;
|
|
538
776
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
539
777
|
resetSettings: () => void;
|
|
540
778
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
@@ -543,20 +781,42 @@ declare function __VLS_template_2(): {
|
|
|
543
781
|
}): any;
|
|
544
782
|
'layout-append'?(_: {
|
|
545
783
|
settings: Store<string, Pick<{
|
|
784
|
+
defaults: Readonly<{
|
|
785
|
+
themeMode: ThemeMode;
|
|
786
|
+
primaryColor: string;
|
|
787
|
+
borderRadius: BorderRadiusSize_2;
|
|
788
|
+
transitionType: TransitionType_2;
|
|
789
|
+
enableTransition: boolean;
|
|
790
|
+
layoutMode: LayoutMode;
|
|
791
|
+
menuExpandMode: MenuExpandMode_2;
|
|
792
|
+
collapsed: boolean;
|
|
793
|
+
fixedHeader: boolean;
|
|
794
|
+
showBreadcrumb: boolean;
|
|
795
|
+
showBreadcrumbIcon: boolean;
|
|
796
|
+
showTagsView: boolean;
|
|
797
|
+
tagsViewHeight: number;
|
|
798
|
+
tagsViewStyle: TagsViewStyle_2;
|
|
799
|
+
showFooter: boolean;
|
|
800
|
+
sidebarWidth: number;
|
|
801
|
+
sidebarCollapsedWidth: number;
|
|
802
|
+
headerHeight: number;
|
|
803
|
+
enableHotkeys: boolean;
|
|
804
|
+
version: string;
|
|
805
|
+
}>;
|
|
546
806
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
547
807
|
primaryColor: Ref<string, string>;
|
|
548
|
-
borderRadius: Ref<
|
|
549
|
-
transitionType: Ref<
|
|
808
|
+
borderRadius: Ref<BorderRadiusSize_2, BorderRadiusSize_2>;
|
|
809
|
+
transitionType: Ref<TransitionType_2, TransitionType_2>;
|
|
550
810
|
enableTransition: Ref<boolean, boolean>;
|
|
551
811
|
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
552
|
-
menuExpandMode: Ref<
|
|
812
|
+
menuExpandMode: Ref<MenuExpandMode_2, MenuExpandMode_2>;
|
|
553
813
|
collapsed: Ref<boolean, boolean>;
|
|
554
814
|
fixedHeader: Ref<boolean, boolean>;
|
|
555
815
|
showBreadcrumb: Ref<boolean, boolean>;
|
|
556
816
|
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
557
817
|
showTagsView: Ref<boolean, boolean>;
|
|
558
818
|
tagsViewHeight: Ref<number, number>;
|
|
559
|
-
tagsViewStyle: Ref<
|
|
819
|
+
tagsViewStyle: Ref<TagsViewStyle_2, TagsViewStyle_2>;
|
|
560
820
|
showFooter: Ref<boolean, boolean>;
|
|
561
821
|
sidebarWidth: Ref<number, number>;
|
|
562
822
|
sidebarCollapsedWidth: Ref<number, number>;
|
|
@@ -566,27 +826,49 @@ declare function __VLS_template_2(): {
|
|
|
566
826
|
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
567
827
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
568
828
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
569
|
-
settingsState: ComputedRef<
|
|
570
|
-
syncCSSVariables: () => void;
|
|
829
|
+
settingsState: ComputedRef<SettingsState_2>;
|
|
830
|
+
syncCSSVariables: () => void | undefined;
|
|
571
831
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
572
832
|
resetSettings: () => void;
|
|
573
833
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
574
834
|
toggleCollapse: () => void;
|
|
575
|
-
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version">, Pick<{
|
|
835
|
+
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version" | "defaults">, Pick<{
|
|
836
|
+
defaults: Readonly<{
|
|
837
|
+
themeMode: ThemeMode;
|
|
838
|
+
primaryColor: string;
|
|
839
|
+
borderRadius: BorderRadiusSize_2;
|
|
840
|
+
transitionType: TransitionType_2;
|
|
841
|
+
enableTransition: boolean;
|
|
842
|
+
layoutMode: LayoutMode;
|
|
843
|
+
menuExpandMode: MenuExpandMode_2;
|
|
844
|
+
collapsed: boolean;
|
|
845
|
+
fixedHeader: boolean;
|
|
846
|
+
showBreadcrumb: boolean;
|
|
847
|
+
showBreadcrumbIcon: boolean;
|
|
848
|
+
showTagsView: boolean;
|
|
849
|
+
tagsViewHeight: number;
|
|
850
|
+
tagsViewStyle: TagsViewStyle_2;
|
|
851
|
+
showFooter: boolean;
|
|
852
|
+
sidebarWidth: number;
|
|
853
|
+
sidebarCollapsedWidth: number;
|
|
854
|
+
headerHeight: number;
|
|
855
|
+
enableHotkeys: boolean;
|
|
856
|
+
version: string;
|
|
857
|
+
}>;
|
|
576
858
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
577
859
|
primaryColor: Ref<string, string>;
|
|
578
|
-
borderRadius: Ref<
|
|
579
|
-
transitionType: Ref<
|
|
860
|
+
borderRadius: Ref<BorderRadiusSize_2, BorderRadiusSize_2>;
|
|
861
|
+
transitionType: Ref<TransitionType_2, TransitionType_2>;
|
|
580
862
|
enableTransition: Ref<boolean, boolean>;
|
|
581
863
|
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
582
|
-
menuExpandMode: Ref<
|
|
864
|
+
menuExpandMode: Ref<MenuExpandMode_2, MenuExpandMode_2>;
|
|
583
865
|
collapsed: Ref<boolean, boolean>;
|
|
584
866
|
fixedHeader: Ref<boolean, boolean>;
|
|
585
867
|
showBreadcrumb: Ref<boolean, boolean>;
|
|
586
868
|
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
587
869
|
showTagsView: Ref<boolean, boolean>;
|
|
588
870
|
tagsViewHeight: Ref<number, number>;
|
|
589
|
-
tagsViewStyle: Ref<
|
|
871
|
+
tagsViewStyle: Ref<TagsViewStyle_2, TagsViewStyle_2>;
|
|
590
872
|
showFooter: Ref<boolean, boolean>;
|
|
591
873
|
sidebarWidth: Ref<number, number>;
|
|
592
874
|
sidebarCollapsedWidth: Ref<number, number>;
|
|
@@ -596,27 +878,49 @@ declare function __VLS_template_2(): {
|
|
|
596
878
|
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
597
879
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
598
880
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
599
|
-
settingsState: ComputedRef<
|
|
600
|
-
syncCSSVariables: () => void;
|
|
881
|
+
settingsState: ComputedRef<SettingsState_2>;
|
|
882
|
+
syncCSSVariables: () => void | undefined;
|
|
601
883
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
602
884
|
resetSettings: () => void;
|
|
603
885
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
604
886
|
toggleCollapse: () => void;
|
|
605
887
|
}, "borderRadiusValue" | "transitionName" | "shouldEnableTransition" | "settingsState">, Pick<{
|
|
888
|
+
defaults: Readonly<{
|
|
889
|
+
themeMode: ThemeMode;
|
|
890
|
+
primaryColor: string;
|
|
891
|
+
borderRadius: BorderRadiusSize_2;
|
|
892
|
+
transitionType: TransitionType_2;
|
|
893
|
+
enableTransition: boolean;
|
|
894
|
+
layoutMode: LayoutMode;
|
|
895
|
+
menuExpandMode: MenuExpandMode_2;
|
|
896
|
+
collapsed: boolean;
|
|
897
|
+
fixedHeader: boolean;
|
|
898
|
+
showBreadcrumb: boolean;
|
|
899
|
+
showBreadcrumbIcon: boolean;
|
|
900
|
+
showTagsView: boolean;
|
|
901
|
+
tagsViewHeight: number;
|
|
902
|
+
tagsViewStyle: TagsViewStyle_2;
|
|
903
|
+
showFooter: boolean;
|
|
904
|
+
sidebarWidth: number;
|
|
905
|
+
sidebarCollapsedWidth: number;
|
|
906
|
+
headerHeight: number;
|
|
907
|
+
enableHotkeys: boolean;
|
|
908
|
+
version: string;
|
|
909
|
+
}>;
|
|
606
910
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
607
911
|
primaryColor: Ref<string, string>;
|
|
608
|
-
borderRadius: Ref<
|
|
609
|
-
transitionType: Ref<
|
|
912
|
+
borderRadius: Ref<BorderRadiusSize_2, BorderRadiusSize_2>;
|
|
913
|
+
transitionType: Ref<TransitionType_2, TransitionType_2>;
|
|
610
914
|
enableTransition: Ref<boolean, boolean>;
|
|
611
915
|
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
612
|
-
menuExpandMode: Ref<
|
|
916
|
+
menuExpandMode: Ref<MenuExpandMode_2, MenuExpandMode_2>;
|
|
613
917
|
collapsed: Ref<boolean, boolean>;
|
|
614
918
|
fixedHeader: Ref<boolean, boolean>;
|
|
615
919
|
showBreadcrumb: Ref<boolean, boolean>;
|
|
616
920
|
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
617
921
|
showTagsView: Ref<boolean, boolean>;
|
|
618
922
|
tagsViewHeight: Ref<number, number>;
|
|
619
|
-
tagsViewStyle: Ref<
|
|
923
|
+
tagsViewStyle: Ref<TagsViewStyle_2, TagsViewStyle_2>;
|
|
620
924
|
showFooter: Ref<boolean, boolean>;
|
|
621
925
|
sidebarWidth: Ref<number, number>;
|
|
622
926
|
sidebarCollapsedWidth: Ref<number, number>;
|
|
@@ -626,8 +930,8 @@ declare function __VLS_template_2(): {
|
|
|
626
930
|
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
627
931
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
628
932
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
629
|
-
settingsState: ComputedRef<
|
|
630
|
-
syncCSSVariables: () => void;
|
|
933
|
+
settingsState: ComputedRef<SettingsState_2>;
|
|
934
|
+
syncCSSVariables: () => void | undefined;
|
|
631
935
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
632
936
|
resetSettings: () => void;
|
|
633
937
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
@@ -636,20 +940,42 @@ declare function __VLS_template_2(): {
|
|
|
636
940
|
}): any;
|
|
637
941
|
'features-prepend'?(_: {
|
|
638
942
|
settings: Store<string, Pick<{
|
|
943
|
+
defaults: Readonly<{
|
|
944
|
+
themeMode: ThemeMode;
|
|
945
|
+
primaryColor: string;
|
|
946
|
+
borderRadius: BorderRadiusSize_2;
|
|
947
|
+
transitionType: TransitionType_2;
|
|
948
|
+
enableTransition: boolean;
|
|
949
|
+
layoutMode: LayoutMode;
|
|
950
|
+
menuExpandMode: MenuExpandMode_2;
|
|
951
|
+
collapsed: boolean;
|
|
952
|
+
fixedHeader: boolean;
|
|
953
|
+
showBreadcrumb: boolean;
|
|
954
|
+
showBreadcrumbIcon: boolean;
|
|
955
|
+
showTagsView: boolean;
|
|
956
|
+
tagsViewHeight: number;
|
|
957
|
+
tagsViewStyle: TagsViewStyle_2;
|
|
958
|
+
showFooter: boolean;
|
|
959
|
+
sidebarWidth: number;
|
|
960
|
+
sidebarCollapsedWidth: number;
|
|
961
|
+
headerHeight: number;
|
|
962
|
+
enableHotkeys: boolean;
|
|
963
|
+
version: string;
|
|
964
|
+
}>;
|
|
639
965
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
640
966
|
primaryColor: Ref<string, string>;
|
|
641
|
-
borderRadius: Ref<
|
|
642
|
-
transitionType: Ref<
|
|
967
|
+
borderRadius: Ref<BorderRadiusSize_2, BorderRadiusSize_2>;
|
|
968
|
+
transitionType: Ref<TransitionType_2, TransitionType_2>;
|
|
643
969
|
enableTransition: Ref<boolean, boolean>;
|
|
644
970
|
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
645
|
-
menuExpandMode: Ref<
|
|
971
|
+
menuExpandMode: Ref<MenuExpandMode_2, MenuExpandMode_2>;
|
|
646
972
|
collapsed: Ref<boolean, boolean>;
|
|
647
973
|
fixedHeader: Ref<boolean, boolean>;
|
|
648
974
|
showBreadcrumb: Ref<boolean, boolean>;
|
|
649
975
|
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
650
976
|
showTagsView: Ref<boolean, boolean>;
|
|
651
977
|
tagsViewHeight: Ref<number, number>;
|
|
652
|
-
tagsViewStyle: Ref<
|
|
978
|
+
tagsViewStyle: Ref<TagsViewStyle_2, TagsViewStyle_2>;
|
|
653
979
|
showFooter: Ref<boolean, boolean>;
|
|
654
980
|
sidebarWidth: Ref<number, number>;
|
|
655
981
|
sidebarCollapsedWidth: Ref<number, number>;
|
|
@@ -659,27 +985,49 @@ declare function __VLS_template_2(): {
|
|
|
659
985
|
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
660
986
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
661
987
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
662
|
-
settingsState: ComputedRef<
|
|
663
|
-
syncCSSVariables: () => void;
|
|
988
|
+
settingsState: ComputedRef<SettingsState_2>;
|
|
989
|
+
syncCSSVariables: () => void | undefined;
|
|
664
990
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
665
991
|
resetSettings: () => void;
|
|
666
992
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
667
993
|
toggleCollapse: () => void;
|
|
668
|
-
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version">, Pick<{
|
|
994
|
+
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version" | "defaults">, Pick<{
|
|
995
|
+
defaults: Readonly<{
|
|
996
|
+
themeMode: ThemeMode;
|
|
997
|
+
primaryColor: string;
|
|
998
|
+
borderRadius: BorderRadiusSize_2;
|
|
999
|
+
transitionType: TransitionType_2;
|
|
1000
|
+
enableTransition: boolean;
|
|
1001
|
+
layoutMode: LayoutMode;
|
|
1002
|
+
menuExpandMode: MenuExpandMode_2;
|
|
1003
|
+
collapsed: boolean;
|
|
1004
|
+
fixedHeader: boolean;
|
|
1005
|
+
showBreadcrumb: boolean;
|
|
1006
|
+
showBreadcrumbIcon: boolean;
|
|
1007
|
+
showTagsView: boolean;
|
|
1008
|
+
tagsViewHeight: number;
|
|
1009
|
+
tagsViewStyle: TagsViewStyle_2;
|
|
1010
|
+
showFooter: boolean;
|
|
1011
|
+
sidebarWidth: number;
|
|
1012
|
+
sidebarCollapsedWidth: number;
|
|
1013
|
+
headerHeight: number;
|
|
1014
|
+
enableHotkeys: boolean;
|
|
1015
|
+
version: string;
|
|
1016
|
+
}>;
|
|
669
1017
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
670
1018
|
primaryColor: Ref<string, string>;
|
|
671
|
-
borderRadius: Ref<
|
|
672
|
-
transitionType: Ref<
|
|
1019
|
+
borderRadius: Ref<BorderRadiusSize_2, BorderRadiusSize_2>;
|
|
1020
|
+
transitionType: Ref<TransitionType_2, TransitionType_2>;
|
|
673
1021
|
enableTransition: Ref<boolean, boolean>;
|
|
674
1022
|
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
675
|
-
menuExpandMode: Ref<
|
|
1023
|
+
menuExpandMode: Ref<MenuExpandMode_2, MenuExpandMode_2>;
|
|
676
1024
|
collapsed: Ref<boolean, boolean>;
|
|
677
1025
|
fixedHeader: Ref<boolean, boolean>;
|
|
678
1026
|
showBreadcrumb: Ref<boolean, boolean>;
|
|
679
1027
|
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
680
1028
|
showTagsView: Ref<boolean, boolean>;
|
|
681
1029
|
tagsViewHeight: Ref<number, number>;
|
|
682
|
-
tagsViewStyle: Ref<
|
|
1030
|
+
tagsViewStyle: Ref<TagsViewStyle_2, TagsViewStyle_2>;
|
|
683
1031
|
showFooter: Ref<boolean, boolean>;
|
|
684
1032
|
sidebarWidth: Ref<number, number>;
|
|
685
1033
|
sidebarCollapsedWidth: Ref<number, number>;
|
|
@@ -689,27 +1037,49 @@ declare function __VLS_template_2(): {
|
|
|
689
1037
|
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
690
1038
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
691
1039
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
692
|
-
settingsState: ComputedRef<
|
|
693
|
-
syncCSSVariables: () => void;
|
|
1040
|
+
settingsState: ComputedRef<SettingsState_2>;
|
|
1041
|
+
syncCSSVariables: () => void | undefined;
|
|
694
1042
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
695
1043
|
resetSettings: () => void;
|
|
696
1044
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
697
1045
|
toggleCollapse: () => void;
|
|
698
1046
|
}, "borderRadiusValue" | "transitionName" | "shouldEnableTransition" | "settingsState">, Pick<{
|
|
1047
|
+
defaults: Readonly<{
|
|
1048
|
+
themeMode: ThemeMode;
|
|
1049
|
+
primaryColor: string;
|
|
1050
|
+
borderRadius: BorderRadiusSize_2;
|
|
1051
|
+
transitionType: TransitionType_2;
|
|
1052
|
+
enableTransition: boolean;
|
|
1053
|
+
layoutMode: LayoutMode;
|
|
1054
|
+
menuExpandMode: MenuExpandMode_2;
|
|
1055
|
+
collapsed: boolean;
|
|
1056
|
+
fixedHeader: boolean;
|
|
1057
|
+
showBreadcrumb: boolean;
|
|
1058
|
+
showBreadcrumbIcon: boolean;
|
|
1059
|
+
showTagsView: boolean;
|
|
1060
|
+
tagsViewHeight: number;
|
|
1061
|
+
tagsViewStyle: TagsViewStyle_2;
|
|
1062
|
+
showFooter: boolean;
|
|
1063
|
+
sidebarWidth: number;
|
|
1064
|
+
sidebarCollapsedWidth: number;
|
|
1065
|
+
headerHeight: number;
|
|
1066
|
+
enableHotkeys: boolean;
|
|
1067
|
+
version: string;
|
|
1068
|
+
}>;
|
|
699
1069
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
700
1070
|
primaryColor: Ref<string, string>;
|
|
701
|
-
borderRadius: Ref<
|
|
702
|
-
transitionType: Ref<
|
|
1071
|
+
borderRadius: Ref<BorderRadiusSize_2, BorderRadiusSize_2>;
|
|
1072
|
+
transitionType: Ref<TransitionType_2, TransitionType_2>;
|
|
703
1073
|
enableTransition: Ref<boolean, boolean>;
|
|
704
1074
|
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
705
|
-
menuExpandMode: Ref<
|
|
1075
|
+
menuExpandMode: Ref<MenuExpandMode_2, MenuExpandMode_2>;
|
|
706
1076
|
collapsed: Ref<boolean, boolean>;
|
|
707
1077
|
fixedHeader: Ref<boolean, boolean>;
|
|
708
1078
|
showBreadcrumb: Ref<boolean, boolean>;
|
|
709
1079
|
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
710
1080
|
showTagsView: Ref<boolean, boolean>;
|
|
711
1081
|
tagsViewHeight: Ref<number, number>;
|
|
712
|
-
tagsViewStyle: Ref<
|
|
1082
|
+
tagsViewStyle: Ref<TagsViewStyle_2, TagsViewStyle_2>;
|
|
713
1083
|
showFooter: Ref<boolean, boolean>;
|
|
714
1084
|
sidebarWidth: Ref<number, number>;
|
|
715
1085
|
sidebarCollapsedWidth: Ref<number, number>;
|
|
@@ -719,8 +1089,8 @@ declare function __VLS_template_2(): {
|
|
|
719
1089
|
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
720
1090
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
721
1091
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
722
|
-
settingsState: ComputedRef<
|
|
723
|
-
syncCSSVariables: () => void;
|
|
1092
|
+
settingsState: ComputedRef<SettingsState_2>;
|
|
1093
|
+
syncCSSVariables: () => void | undefined;
|
|
724
1094
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
725
1095
|
resetSettings: () => void;
|
|
726
1096
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
@@ -729,20 +1099,42 @@ declare function __VLS_template_2(): {
|
|
|
729
1099
|
}): any;
|
|
730
1100
|
'features-append'?(_: {
|
|
731
1101
|
settings: Store<string, Pick<{
|
|
1102
|
+
defaults: Readonly<{
|
|
1103
|
+
themeMode: ThemeMode;
|
|
1104
|
+
primaryColor: string;
|
|
1105
|
+
borderRadius: BorderRadiusSize_2;
|
|
1106
|
+
transitionType: TransitionType_2;
|
|
1107
|
+
enableTransition: boolean;
|
|
1108
|
+
layoutMode: LayoutMode;
|
|
1109
|
+
menuExpandMode: MenuExpandMode_2;
|
|
1110
|
+
collapsed: boolean;
|
|
1111
|
+
fixedHeader: boolean;
|
|
1112
|
+
showBreadcrumb: boolean;
|
|
1113
|
+
showBreadcrumbIcon: boolean;
|
|
1114
|
+
showTagsView: boolean;
|
|
1115
|
+
tagsViewHeight: number;
|
|
1116
|
+
tagsViewStyle: TagsViewStyle_2;
|
|
1117
|
+
showFooter: boolean;
|
|
1118
|
+
sidebarWidth: number;
|
|
1119
|
+
sidebarCollapsedWidth: number;
|
|
1120
|
+
headerHeight: number;
|
|
1121
|
+
enableHotkeys: boolean;
|
|
1122
|
+
version: string;
|
|
1123
|
+
}>;
|
|
732
1124
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
733
1125
|
primaryColor: Ref<string, string>;
|
|
734
|
-
borderRadius: Ref<
|
|
735
|
-
transitionType: Ref<
|
|
1126
|
+
borderRadius: Ref<BorderRadiusSize_2, BorderRadiusSize_2>;
|
|
1127
|
+
transitionType: Ref<TransitionType_2, TransitionType_2>;
|
|
736
1128
|
enableTransition: Ref<boolean, boolean>;
|
|
737
1129
|
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
738
|
-
menuExpandMode: Ref<
|
|
1130
|
+
menuExpandMode: Ref<MenuExpandMode_2, MenuExpandMode_2>;
|
|
739
1131
|
collapsed: Ref<boolean, boolean>;
|
|
740
1132
|
fixedHeader: Ref<boolean, boolean>;
|
|
741
1133
|
showBreadcrumb: Ref<boolean, boolean>;
|
|
742
1134
|
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
743
1135
|
showTagsView: Ref<boolean, boolean>;
|
|
744
1136
|
tagsViewHeight: Ref<number, number>;
|
|
745
|
-
tagsViewStyle: Ref<
|
|
1137
|
+
tagsViewStyle: Ref<TagsViewStyle_2, TagsViewStyle_2>;
|
|
746
1138
|
showFooter: Ref<boolean, boolean>;
|
|
747
1139
|
sidebarWidth: Ref<number, number>;
|
|
748
1140
|
sidebarCollapsedWidth: Ref<number, number>;
|
|
@@ -752,27 +1144,49 @@ declare function __VLS_template_2(): {
|
|
|
752
1144
|
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
753
1145
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
754
1146
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
755
|
-
settingsState: ComputedRef<
|
|
756
|
-
syncCSSVariables: () => void;
|
|
1147
|
+
settingsState: ComputedRef<SettingsState_2>;
|
|
1148
|
+
syncCSSVariables: () => void | undefined;
|
|
757
1149
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
758
1150
|
resetSettings: () => void;
|
|
759
1151
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
760
1152
|
toggleCollapse: () => void;
|
|
761
|
-
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version">, Pick<{
|
|
1153
|
+
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version" | "defaults">, Pick<{
|
|
1154
|
+
defaults: Readonly<{
|
|
1155
|
+
themeMode: ThemeMode;
|
|
1156
|
+
primaryColor: string;
|
|
1157
|
+
borderRadius: BorderRadiusSize_2;
|
|
1158
|
+
transitionType: TransitionType_2;
|
|
1159
|
+
enableTransition: boolean;
|
|
1160
|
+
layoutMode: LayoutMode;
|
|
1161
|
+
menuExpandMode: MenuExpandMode_2;
|
|
1162
|
+
collapsed: boolean;
|
|
1163
|
+
fixedHeader: boolean;
|
|
1164
|
+
showBreadcrumb: boolean;
|
|
1165
|
+
showBreadcrumbIcon: boolean;
|
|
1166
|
+
showTagsView: boolean;
|
|
1167
|
+
tagsViewHeight: number;
|
|
1168
|
+
tagsViewStyle: TagsViewStyle_2;
|
|
1169
|
+
showFooter: boolean;
|
|
1170
|
+
sidebarWidth: number;
|
|
1171
|
+
sidebarCollapsedWidth: number;
|
|
1172
|
+
headerHeight: number;
|
|
1173
|
+
enableHotkeys: boolean;
|
|
1174
|
+
version: string;
|
|
1175
|
+
}>;
|
|
762
1176
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
763
1177
|
primaryColor: Ref<string, string>;
|
|
764
|
-
borderRadius: Ref<
|
|
765
|
-
transitionType: Ref<
|
|
1178
|
+
borderRadius: Ref<BorderRadiusSize_2, BorderRadiusSize_2>;
|
|
1179
|
+
transitionType: Ref<TransitionType_2, TransitionType_2>;
|
|
766
1180
|
enableTransition: Ref<boolean, boolean>;
|
|
767
1181
|
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
768
|
-
menuExpandMode: Ref<
|
|
1182
|
+
menuExpandMode: Ref<MenuExpandMode_2, MenuExpandMode_2>;
|
|
769
1183
|
collapsed: Ref<boolean, boolean>;
|
|
770
1184
|
fixedHeader: Ref<boolean, boolean>;
|
|
771
1185
|
showBreadcrumb: Ref<boolean, boolean>;
|
|
772
1186
|
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
773
1187
|
showTagsView: Ref<boolean, boolean>;
|
|
774
1188
|
tagsViewHeight: Ref<number, number>;
|
|
775
|
-
tagsViewStyle: Ref<
|
|
1189
|
+
tagsViewStyle: Ref<TagsViewStyle_2, TagsViewStyle_2>;
|
|
776
1190
|
showFooter: Ref<boolean, boolean>;
|
|
777
1191
|
sidebarWidth: Ref<number, number>;
|
|
778
1192
|
sidebarCollapsedWidth: Ref<number, number>;
|
|
@@ -782,27 +1196,49 @@ declare function __VLS_template_2(): {
|
|
|
782
1196
|
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
783
1197
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
784
1198
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
785
|
-
settingsState: ComputedRef<
|
|
786
|
-
syncCSSVariables: () => void;
|
|
1199
|
+
settingsState: ComputedRef<SettingsState_2>;
|
|
1200
|
+
syncCSSVariables: () => void | undefined;
|
|
787
1201
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
788
1202
|
resetSettings: () => void;
|
|
789
1203
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
790
1204
|
toggleCollapse: () => void;
|
|
791
1205
|
}, "borderRadiusValue" | "transitionName" | "shouldEnableTransition" | "settingsState">, Pick<{
|
|
1206
|
+
defaults: Readonly<{
|
|
1207
|
+
themeMode: ThemeMode;
|
|
1208
|
+
primaryColor: string;
|
|
1209
|
+
borderRadius: BorderRadiusSize_2;
|
|
1210
|
+
transitionType: TransitionType_2;
|
|
1211
|
+
enableTransition: boolean;
|
|
1212
|
+
layoutMode: LayoutMode;
|
|
1213
|
+
menuExpandMode: MenuExpandMode_2;
|
|
1214
|
+
collapsed: boolean;
|
|
1215
|
+
fixedHeader: boolean;
|
|
1216
|
+
showBreadcrumb: boolean;
|
|
1217
|
+
showBreadcrumbIcon: boolean;
|
|
1218
|
+
showTagsView: boolean;
|
|
1219
|
+
tagsViewHeight: number;
|
|
1220
|
+
tagsViewStyle: TagsViewStyle_2;
|
|
1221
|
+
showFooter: boolean;
|
|
1222
|
+
sidebarWidth: number;
|
|
1223
|
+
sidebarCollapsedWidth: number;
|
|
1224
|
+
headerHeight: number;
|
|
1225
|
+
enableHotkeys: boolean;
|
|
1226
|
+
version: string;
|
|
1227
|
+
}>;
|
|
792
1228
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
793
1229
|
primaryColor: Ref<string, string>;
|
|
794
|
-
borderRadius: Ref<
|
|
795
|
-
transitionType: Ref<
|
|
1230
|
+
borderRadius: Ref<BorderRadiusSize_2, BorderRadiusSize_2>;
|
|
1231
|
+
transitionType: Ref<TransitionType_2, TransitionType_2>;
|
|
796
1232
|
enableTransition: Ref<boolean, boolean>;
|
|
797
1233
|
layoutMode: Ref<LayoutMode, LayoutMode>;
|
|
798
|
-
menuExpandMode: Ref<
|
|
1234
|
+
menuExpandMode: Ref<MenuExpandMode_2, MenuExpandMode_2>;
|
|
799
1235
|
collapsed: Ref<boolean, boolean>;
|
|
800
1236
|
fixedHeader: Ref<boolean, boolean>;
|
|
801
1237
|
showBreadcrumb: Ref<boolean, boolean>;
|
|
802
1238
|
showBreadcrumbIcon: Ref<boolean, boolean>;
|
|
803
1239
|
showTagsView: Ref<boolean, boolean>;
|
|
804
1240
|
tagsViewHeight: Ref<number, number>;
|
|
805
|
-
tagsViewStyle: Ref<
|
|
1241
|
+
tagsViewStyle: Ref<TagsViewStyle_2, TagsViewStyle_2>;
|
|
806
1242
|
showFooter: Ref<boolean, boolean>;
|
|
807
1243
|
sidebarWidth: Ref<number, number>;
|
|
808
1244
|
sidebarCollapsedWidth: Ref<number, number>;
|
|
@@ -812,8 +1248,8 @@ declare function __VLS_template_2(): {
|
|
|
812
1248
|
borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
813
1249
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
814
1250
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
815
|
-
settingsState: ComputedRef<
|
|
816
|
-
syncCSSVariables: () => void;
|
|
1251
|
+
settingsState: ComputedRef<SettingsState_2>;
|
|
1252
|
+
syncCSSVariables: () => void | undefined;
|
|
817
1253
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
818
1254
|
resetSettings: () => void;
|
|
819
1255
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
@@ -825,101 +1261,10 @@ declare function __VLS_template_2(): {
|
|
|
825
1261
|
rootEl: any;
|
|
826
1262
|
};
|
|
827
1263
|
|
|
828
|
-
declare function __VLS_template_3(): {
|
|
829
|
-
attrs: Partial<{}>;
|
|
830
|
-
slots: {
|
|
831
|
-
logo?(_: {}): any;
|
|
832
|
-
menu?(_: {
|
|
833
|
-
collapsed: boolean;
|
|
834
|
-
}): any;
|
|
835
|
-
header?(_: {}): any;
|
|
836
|
-
footer?(_: {}): any;
|
|
837
|
-
};
|
|
838
|
-
refs: {};
|
|
839
|
-
rootEl: any;
|
|
840
|
-
};
|
|
841
|
-
|
|
842
|
-
declare function __VLS_template_4(): {
|
|
843
|
-
attrs: Partial<{}>;
|
|
844
|
-
slots: {
|
|
845
|
-
logo?(_: {}): any;
|
|
846
|
-
menu?(_: {}): any;
|
|
847
|
-
'header-extra'?(_: {}): any;
|
|
848
|
-
'tags-view'?(_: {}): any;
|
|
849
|
-
footer?(_: {}): any;
|
|
850
|
-
};
|
|
851
|
-
refs: {};
|
|
852
|
-
rootEl: HTMLDivElement;
|
|
853
|
-
};
|
|
854
|
-
|
|
855
|
-
declare function __VLS_template_5(): {
|
|
856
|
-
attrs: Partial<{}>;
|
|
857
|
-
slots: {
|
|
858
|
-
logo?(_: {}): any;
|
|
859
|
-
header?(_: {}): any;
|
|
860
|
-
footer?(_: {}): any;
|
|
861
|
-
};
|
|
862
|
-
refs: {};
|
|
863
|
-
rootEl: HTMLDivElement;
|
|
864
|
-
};
|
|
865
|
-
|
|
866
|
-
declare function __VLS_template_6(): {
|
|
867
|
-
attrs: Partial<{}>;
|
|
868
|
-
slots: {
|
|
869
|
-
logo?(_: {}): any;
|
|
870
|
-
brand?(_: {}): any;
|
|
871
|
-
'top-menu'?(_: {}): any;
|
|
872
|
-
'header-extra'?(_: {}): any;
|
|
873
|
-
'tags-view'?(_: {}): any;
|
|
874
|
-
footer?(_: {}): any;
|
|
875
|
-
};
|
|
876
|
-
refs: {};
|
|
877
|
-
rootEl: HTMLDivElement;
|
|
878
|
-
};
|
|
879
|
-
|
|
880
|
-
declare function __VLS_template_7(): {
|
|
881
|
-
attrs: Partial<{}>;
|
|
882
|
-
slots: {
|
|
883
|
-
logo?(_: {}): any;
|
|
884
|
-
'top-menu'?(_: {}): any;
|
|
885
|
-
'header-extra'?(_: {}): any;
|
|
886
|
-
'tags-view'?(_: {}): any;
|
|
887
|
-
footer?(_: {}): any;
|
|
888
|
-
};
|
|
889
|
-
refs: {};
|
|
890
|
-
rootEl: HTMLDivElement;
|
|
891
|
-
};
|
|
892
|
-
|
|
893
|
-
declare function __VLS_template_8(): {
|
|
894
|
-
attrs: Partial<{}>;
|
|
895
|
-
slots: {
|
|
896
|
-
'menu-trigger'?(_: {}): any;
|
|
897
|
-
logo?(_: {}): any;
|
|
898
|
-
'header-extra'?(_: {}): any;
|
|
899
|
-
'tags-view'?(_: {}): any;
|
|
900
|
-
'drawer-menu'?(_: {}): any;
|
|
901
|
-
footer?(_: {}): any;
|
|
902
|
-
};
|
|
903
|
-
refs: {};
|
|
904
|
-
rootEl: HTMLDivElement;
|
|
905
|
-
};
|
|
906
|
-
|
|
907
1264
|
declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
908
1265
|
|
|
909
1266
|
declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
|
|
910
1267
|
|
|
911
|
-
declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
|
|
912
|
-
|
|
913
|
-
declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
|
|
914
|
-
|
|
915
|
-
declare type __VLS_TemplateResult_5 = ReturnType<typeof __VLS_template_5>;
|
|
916
|
-
|
|
917
|
-
declare type __VLS_TemplateResult_6 = ReturnType<typeof __VLS_template_6>;
|
|
918
|
-
|
|
919
|
-
declare type __VLS_TemplateResult_7 = ReturnType<typeof __VLS_template_7>;
|
|
920
|
-
|
|
921
|
-
declare type __VLS_TemplateResult_8 = ReturnType<typeof __VLS_template_8>;
|
|
922
|
-
|
|
923
1268
|
declare type __VLS_WithTemplateSlots<T, S> = T & {
|
|
924
1269
|
new (): {
|
|
925
1270
|
$slots: S;
|
|
@@ -932,48 +1277,20 @@ declare type __VLS_WithTemplateSlots_2<T, S> = T & {
|
|
|
932
1277
|
};
|
|
933
1278
|
};
|
|
934
1279
|
|
|
935
|
-
declare type __VLS_WithTemplateSlots_3<T, S> = T & {
|
|
936
|
-
new (): {
|
|
937
|
-
$slots: S;
|
|
938
|
-
};
|
|
939
|
-
};
|
|
940
|
-
|
|
941
|
-
declare type __VLS_WithTemplateSlots_4<T, S> = T & {
|
|
942
|
-
new (): {
|
|
943
|
-
$slots: S;
|
|
944
|
-
};
|
|
945
|
-
};
|
|
946
|
-
|
|
947
|
-
declare type __VLS_WithTemplateSlots_5<T, S> = T & {
|
|
948
|
-
new (): {
|
|
949
|
-
$slots: S;
|
|
950
|
-
};
|
|
951
|
-
};
|
|
952
|
-
|
|
953
|
-
declare type __VLS_WithTemplateSlots_6<T, S> = T & {
|
|
954
|
-
new (): {
|
|
955
|
-
$slots: S;
|
|
956
|
-
};
|
|
957
|
-
};
|
|
958
|
-
|
|
959
|
-
declare type __VLS_WithTemplateSlots_7<T, S> = T & {
|
|
960
|
-
new (): {
|
|
961
|
-
$slots: S;
|
|
962
|
-
};
|
|
963
|
-
};
|
|
964
|
-
|
|
965
|
-
declare type __VLS_WithTemplateSlots_8<T, S> = T & {
|
|
966
|
-
new (): {
|
|
967
|
-
$slots: S;
|
|
968
|
-
};
|
|
969
|
-
};
|
|
970
|
-
|
|
971
1280
|
/**
|
|
972
1281
|
* 调整颜色亮度。
|
|
973
1282
|
* @returns 调整后的 #rrggbb;输入非法时原样返回。
|
|
974
1283
|
*/
|
|
975
1284
|
export declare function adjustColor(color: string, amount: number): string;
|
|
976
1285
|
|
|
1286
|
+
/** 校验需要跨字段判断的布局尺寸约束。 */
|
|
1287
|
+
export declare function assertLayoutSettingsRelationships(settings: Pick<SettingsState, "sidebarCollapsedWidth" | "sidebarWidth">): void;
|
|
1288
|
+
|
|
1289
|
+
/**
|
|
1290
|
+
* 将响应式设置绑定到指定样式作用域,并在 dispose 时精确恢复原值。
|
|
1291
|
+
*/
|
|
1292
|
+
export declare function bindLayoutCssVariables(source: LayoutCssVariableSource, options?: LayoutCssVariableOptions): LayoutCssVariableBinding;
|
|
1293
|
+
|
|
977
1294
|
export declare const BORDER_RADIUS_MAP: {
|
|
978
1295
|
readonly small: "4px";
|
|
979
1296
|
readonly medium: "6px";
|
|
@@ -983,6 +1300,9 @@ export declare const BORDER_RADIUS_MAP: {
|
|
|
983
1300
|
/** 圆角大小。 */
|
|
984
1301
|
export declare type BorderRadiusSize = "small" | "medium" | "large";
|
|
985
1302
|
|
|
1303
|
+
/** 圆角大小。 */
|
|
1304
|
+
declare type BorderRadiusSize_2 = "small" | "medium" | "large";
|
|
1305
|
+
|
|
986
1306
|
export declare const BrandLogo: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {
|
|
987
1307
|
collapsed: boolean;
|
|
988
1308
|
size: number;
|
|
@@ -991,7 +1311,6 @@ showDivider: boolean;
|
|
|
991
1311
|
variant: "vertical" | "horizontal";
|
|
992
1312
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
993
1313
|
|
|
994
|
-
/** @deprecated 请使用 CardLayout;该别名计划在 4.0 移除。 */
|
|
995
1314
|
export declare const C_CardLayout: {
|
|
996
1315
|
new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
|
|
997
1316
|
P: {};
|
|
@@ -1017,7 +1336,6 @@ export declare const C_CardLayout: {
|
|
|
1017
1336
|
|
|
1018
1337
|
export declare const C_LayoutContainer: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
1019
1338
|
|
|
1020
|
-
/** @deprecated 请使用 MixLayout;该别名计划在 4.0 移除。 */
|
|
1021
1339
|
export declare const C_MixLayout: {
|
|
1022
1340
|
new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
|
|
1023
1341
|
P: {};
|
|
@@ -1038,7 +1356,6 @@ export declare const C_MixLayout: {
|
|
|
1038
1356
|
};
|
|
1039
1357
|
});
|
|
1040
1358
|
|
|
1041
|
-
/** @deprecated 请使用 MixTopLayout;该别名计划在 4.0 移除。 */
|
|
1042
1359
|
export declare const C_MixTopLayout: {
|
|
1043
1360
|
new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
|
|
1044
1361
|
P: {};
|
|
@@ -1062,7 +1379,6 @@ export declare const C_MixTopLayout: {
|
|
|
1062
1379
|
};
|
|
1063
1380
|
});
|
|
1064
1381
|
|
|
1065
|
-
/** @deprecated 请使用 ReverseHorizontalMixLayout;该别名计划在 4.0 移除。 */
|
|
1066
1382
|
export declare const C_ReverseHorizontalMixLayout: {
|
|
1067
1383
|
new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
|
|
1068
1384
|
P: {};
|
|
@@ -1085,7 +1401,6 @@ export declare const C_ReverseHorizontalMixLayout: {
|
|
|
1085
1401
|
};
|
|
1086
1402
|
});
|
|
1087
1403
|
|
|
1088
|
-
/** @deprecated 请使用 SideLayout;该别名计划在 4.0 移除。 */
|
|
1089
1404
|
export declare const C_SideLayout: {
|
|
1090
1405
|
new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
1091
1406
|
collapsed?: boolean;
|
|
@@ -1140,7 +1455,6 @@ collapsed: boolean;
|
|
|
1140
1455
|
};
|
|
1141
1456
|
});
|
|
1142
1457
|
|
|
1143
|
-
/** @deprecated 请使用 TopLayout;该别名计划在 4.0 移除。 */
|
|
1144
1458
|
export declare const C_TopLayout: {
|
|
1145
1459
|
new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
|
|
1146
1460
|
P: {};
|
|
@@ -1163,7 +1477,32 @@ export declare const C_TopLayout: {
|
|
|
1163
1477
|
};
|
|
1164
1478
|
});
|
|
1165
1479
|
|
|
1166
|
-
|
|
1480
|
+
/** 计算指定容器内可直接展示的菜单项数量。 */
|
|
1481
|
+
export declare function calculateVisibleMenuCount(items: readonly MenuOptions[], containerWidth: number, overflowReserve?: number): number;
|
|
1482
|
+
|
|
1483
|
+
/** @deprecated 请使用 C_CardLayout;计划在 4.0 移除。 */
|
|
1484
|
+
export declare const CardLayout: {
|
|
1485
|
+
new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
|
|
1486
|
+
P: {};
|
|
1487
|
+
B: {};
|
|
1488
|
+
D: {};
|
|
1489
|
+
C: {};
|
|
1490
|
+
M: {};
|
|
1491
|
+
Defaults: {};
|
|
1492
|
+
}, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
1493
|
+
__isFragment?: never;
|
|
1494
|
+
__isTeleport?: never;
|
|
1495
|
+
__isSuspense?: never;
|
|
1496
|
+
} & ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
|
|
1497
|
+
$slots: {
|
|
1498
|
+
'menu-trigger'?(_: {}): any;
|
|
1499
|
+
logo?(_: {}): any;
|
|
1500
|
+
'header-extra'?(_: {}): any;
|
|
1501
|
+
'tags-view'?(_: {}): any;
|
|
1502
|
+
'drawer-menu'?(_: {}): any;
|
|
1503
|
+
footer?(_: {}): any;
|
|
1504
|
+
};
|
|
1505
|
+
});
|
|
1167
1506
|
|
|
1168
1507
|
/** Color swatches for color picker */
|
|
1169
1508
|
export declare const COLOR_SWATCHES: string[];
|
|
@@ -1178,7 +1517,7 @@ export declare function createLayoutContext(options: CreateLayoutContextOptions)
|
|
|
1178
1517
|
/** 创建标准布局上下文所需的最小宿主适配。 */
|
|
1179
1518
|
export declare interface CreateLayoutContextOptions {
|
|
1180
1519
|
/** 布局设置 Store,可使用默认 Store 或 createSettingsStore() 创建的实例。 */
|
|
1181
|
-
settings:
|
|
1520
|
+
settings: LayoutSettingsSource;
|
|
1182
1521
|
/** 宿主菜单;支持普通值、Ref、ComputedRef 或 getter。 */
|
|
1183
1522
|
menus: MaybeRefOrGetter<MenuOptions[]>;
|
|
1184
1523
|
/** 宿主暗色状态;支持普通值、Ref、ComputedRef 或 getter。 */
|
|
@@ -1194,6 +1533,29 @@ export declare interface CreateLayoutContextOptions {
|
|
|
1194
1533
|
* @param options - 配置选项
|
|
1195
1534
|
*/
|
|
1196
1535
|
export declare function createSettingsStore(options?: SettingsStoreOptions): StoreDefinition<string, Pick<{
|
|
1536
|
+
/** 当前 Store 实例实际使用的默认值。 */
|
|
1537
|
+
defaults: Readonly<{
|
|
1538
|
+
themeMode: ThemeMode;
|
|
1539
|
+
primaryColor: string;
|
|
1540
|
+
borderRadius: BorderRadiusSize;
|
|
1541
|
+
transitionType: TransitionType;
|
|
1542
|
+
enableTransition: boolean;
|
|
1543
|
+
layoutMode: LayoutMode;
|
|
1544
|
+
menuExpandMode: MenuExpandMode;
|
|
1545
|
+
collapsed: boolean;
|
|
1546
|
+
fixedHeader: boolean;
|
|
1547
|
+
showBreadcrumb: boolean;
|
|
1548
|
+
showBreadcrumbIcon: boolean;
|
|
1549
|
+
showTagsView: boolean;
|
|
1550
|
+
tagsViewHeight: number;
|
|
1551
|
+
tagsViewStyle: TagsViewStyle;
|
|
1552
|
+
showFooter: boolean;
|
|
1553
|
+
sidebarWidth: number;
|
|
1554
|
+
sidebarCollapsedWidth: number;
|
|
1555
|
+
headerHeight: number;
|
|
1556
|
+
enableHotkeys: boolean;
|
|
1557
|
+
version: string;
|
|
1558
|
+
}>;
|
|
1197
1559
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
1198
1560
|
primaryColor: Ref<string, string>;
|
|
1199
1561
|
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
@@ -1218,12 +1580,35 @@ borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
|
1218
1580
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
1219
1581
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
1220
1582
|
settingsState: ComputedRef<SettingsState>;
|
|
1221
|
-
syncCSSVariables: () => void;
|
|
1583
|
+
syncCSSVariables: () => void | undefined;
|
|
1222
1584
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
1223
1585
|
resetSettings: () => void;
|
|
1224
1586
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
1225
1587
|
toggleCollapse: () => void;
|
|
1226
|
-
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version">, Pick<{
|
|
1588
|
+
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version" | "defaults">, Pick<{
|
|
1589
|
+
/** 当前 Store 实例实际使用的默认值。 */
|
|
1590
|
+
defaults: Readonly<{
|
|
1591
|
+
themeMode: ThemeMode;
|
|
1592
|
+
primaryColor: string;
|
|
1593
|
+
borderRadius: BorderRadiusSize;
|
|
1594
|
+
transitionType: TransitionType;
|
|
1595
|
+
enableTransition: boolean;
|
|
1596
|
+
layoutMode: LayoutMode;
|
|
1597
|
+
menuExpandMode: MenuExpandMode;
|
|
1598
|
+
collapsed: boolean;
|
|
1599
|
+
fixedHeader: boolean;
|
|
1600
|
+
showBreadcrumb: boolean;
|
|
1601
|
+
showBreadcrumbIcon: boolean;
|
|
1602
|
+
showTagsView: boolean;
|
|
1603
|
+
tagsViewHeight: number;
|
|
1604
|
+
tagsViewStyle: TagsViewStyle;
|
|
1605
|
+
showFooter: boolean;
|
|
1606
|
+
sidebarWidth: number;
|
|
1607
|
+
sidebarCollapsedWidth: number;
|
|
1608
|
+
headerHeight: number;
|
|
1609
|
+
enableHotkeys: boolean;
|
|
1610
|
+
version: string;
|
|
1611
|
+
}>;
|
|
1227
1612
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
1228
1613
|
primaryColor: Ref<string, string>;
|
|
1229
1614
|
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
@@ -1248,12 +1633,35 @@ borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
|
1248
1633
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
1249
1634
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
1250
1635
|
settingsState: ComputedRef<SettingsState>;
|
|
1251
|
-
syncCSSVariables: () => void;
|
|
1636
|
+
syncCSSVariables: () => void | undefined;
|
|
1252
1637
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
1253
1638
|
resetSettings: () => void;
|
|
1254
1639
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
1255
1640
|
toggleCollapse: () => void;
|
|
1256
1641
|
}, "borderRadiusValue" | "transitionName" | "shouldEnableTransition" | "settingsState">, Pick<{
|
|
1642
|
+
/** 当前 Store 实例实际使用的默认值。 */
|
|
1643
|
+
defaults: Readonly<{
|
|
1644
|
+
themeMode: ThemeMode;
|
|
1645
|
+
primaryColor: string;
|
|
1646
|
+
borderRadius: BorderRadiusSize;
|
|
1647
|
+
transitionType: TransitionType;
|
|
1648
|
+
enableTransition: boolean;
|
|
1649
|
+
layoutMode: LayoutMode;
|
|
1650
|
+
menuExpandMode: MenuExpandMode;
|
|
1651
|
+
collapsed: boolean;
|
|
1652
|
+
fixedHeader: boolean;
|
|
1653
|
+
showBreadcrumb: boolean;
|
|
1654
|
+
showBreadcrumbIcon: boolean;
|
|
1655
|
+
showTagsView: boolean;
|
|
1656
|
+
tagsViewHeight: number;
|
|
1657
|
+
tagsViewStyle: TagsViewStyle;
|
|
1658
|
+
showFooter: boolean;
|
|
1659
|
+
sidebarWidth: number;
|
|
1660
|
+
sidebarCollapsedWidth: number;
|
|
1661
|
+
headerHeight: number;
|
|
1662
|
+
enableHotkeys: boolean;
|
|
1663
|
+
version: string;
|
|
1664
|
+
}>;
|
|
1257
1665
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
1258
1666
|
primaryColor: Ref<string, string>;
|
|
1259
1667
|
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
@@ -1278,7 +1686,7 @@ borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
|
1278
1686
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
1279
1687
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
1280
1688
|
settingsState: ComputedRef<SettingsState>;
|
|
1281
|
-
syncCSSVariables: () => void;
|
|
1689
|
+
syncCSSVariables: () => void | undefined;
|
|
1282
1690
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
1283
1691
|
resetSettings: () => void;
|
|
1284
1692
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
@@ -1313,18 +1721,29 @@ export declare interface DrawerHandlers {
|
|
|
1313
1721
|
|
|
1314
1722
|
export declare const DrawerMenu: DefineComponent<__VLS_Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_6> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
1315
1723
|
|
|
1724
|
+
/** 按现有菜单字号与间距估算单项宽度。 */
|
|
1725
|
+
export declare function estimateMenuItemWidth(item: MenuOptions): number;
|
|
1726
|
+
|
|
1727
|
+
export declare interface ExportedLayoutSettings extends LayoutSettingsConfig {
|
|
1728
|
+
schemaVersion: typeof SETTINGS_CONFIG_SCHEMA_VERSION;
|
|
1729
|
+
exportTime: string;
|
|
1730
|
+
}
|
|
1731
|
+
|
|
1316
1732
|
export declare const FloatingMenu: DefineComponent<__VLS_Props_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1317
|
-
click: (item: MenuOptions) => any;
|
|
1733
|
+
click: (item: MenuOptions<MenuMeta_2>) => any;
|
|
1318
1734
|
}, string, PublicProps, Readonly<__VLS_Props_4> & Readonly<{
|
|
1319
|
-
onClick?: ((item: MenuOptions) => any) | undefined;
|
|
1735
|
+
onClick?: ((item: MenuOptions<MenuMeta_2>) => any) | undefined;
|
|
1320
1736
|
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1321
1737
|
|
|
1322
1738
|
export declare const IconMenu: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1323
|
-
click: (item: MenuOptions) => any;
|
|
1739
|
+
click: (item: MenuOptions<MenuMeta_2>) => any;
|
|
1324
1740
|
}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{
|
|
1325
|
-
onClick?: ((item: MenuOptions) => any) | undefined;
|
|
1741
|
+
onClick?: ((item: MenuOptions<MenuMeta_2>) => any) | undefined;
|
|
1326
1742
|
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
1327
1743
|
|
|
1744
|
+
/** 判断当前路径是否等于菜单路径或位于其子路径下。 */
|
|
1745
|
+
export declare function isPathSegmentPrefix(menuPath: string | undefined, currentPath: string): boolean;
|
|
1746
|
+
|
|
1328
1747
|
/**
|
|
1329
1748
|
* 布局上下文 Injection Key
|
|
1330
1749
|
*/
|
|
@@ -1335,6 +1754,11 @@ export declare const LAYOUT_MODES: LayoutInfo[];
|
|
|
1335
1754
|
/** 当前布局使用的设置 Store,支持自定义 Store id 与多实例。 */
|
|
1336
1755
|
export declare const LAYOUT_SETTINGS_KEY: InjectionKey<SettingsStoreInstance>;
|
|
1337
1756
|
|
|
1757
|
+
/** 宿主没有实现可选高副作用操作。 */
|
|
1758
|
+
export declare class LayoutActionUnavailableError extends Error {
|
|
1759
|
+
constructor(action: keyof SettingsDrawerActions);
|
|
1760
|
+
}
|
|
1761
|
+
|
|
1338
1762
|
/**
|
|
1339
1763
|
* 品牌配置
|
|
1340
1764
|
*/
|
|
@@ -1411,6 +1835,31 @@ export declare interface LayoutContext {
|
|
|
1411
1835
|
iconComponent?: Component;
|
|
1412
1836
|
}
|
|
1413
1837
|
|
|
1838
|
+
export declare interface LayoutCssVariableBinding {
|
|
1839
|
+
dispose: () => void;
|
|
1840
|
+
sync: () => void;
|
|
1841
|
+
}
|
|
1842
|
+
|
|
1843
|
+
export declare interface LayoutCssVariableOptions {
|
|
1844
|
+
/** 变量写入目标;默认 document.documentElement。 */
|
|
1845
|
+
target?: MaybeRefOrGetter<LayoutCssVariableTarget | null | undefined>;
|
|
1846
|
+
/** 同时维护 3.x 无前缀变量,默认 false。 */
|
|
1847
|
+
legacyAliases?: boolean;
|
|
1848
|
+
}
|
|
1849
|
+
|
|
1850
|
+
export declare interface LayoutCssVariableSource {
|
|
1851
|
+
primaryColor: MaybeRefOrGetter<string>;
|
|
1852
|
+
borderRadiusValue: MaybeRefOrGetter<string>;
|
|
1853
|
+
sidebarWidth: MaybeRefOrGetter<number>;
|
|
1854
|
+
sidebarCollapsedWidth: MaybeRefOrGetter<number>;
|
|
1855
|
+
headerHeight: MaybeRefOrGetter<number>;
|
|
1856
|
+
tagsViewHeight: MaybeRefOrGetter<number>;
|
|
1857
|
+
}
|
|
1858
|
+
|
|
1859
|
+
export declare interface LayoutCssVariableTarget {
|
|
1860
|
+
style: LayoutStyleDeclaration;
|
|
1861
|
+
}
|
|
1862
|
+
|
|
1414
1863
|
/** 布局模式展示信息。 */
|
|
1415
1864
|
export declare interface LayoutInfo {
|
|
1416
1865
|
mode: LayoutMode;
|
|
@@ -1419,15 +1868,56 @@ export declare interface LayoutInfo {
|
|
|
1419
1868
|
icon: string;
|
|
1420
1869
|
}
|
|
1421
1870
|
|
|
1871
|
+
/** 布局内置导航可以安全消费的标准菜单项。 */
|
|
1872
|
+
export declare type LayoutMenuItem<TMeta extends MenuMeta = MenuMeta> = Omit<MenuOptions<TMeta>, "children" | "key" | "meta" | "path"> & {
|
|
1873
|
+
key: string;
|
|
1874
|
+
path: string;
|
|
1875
|
+
meta: TMeta & {
|
|
1876
|
+
title: string;
|
|
1877
|
+
};
|
|
1878
|
+
children?: LayoutMenuItem<TMeta>[];
|
|
1879
|
+
};
|
|
1880
|
+
|
|
1422
1881
|
/** 内置布局模式。 */
|
|
1423
1882
|
export declare type LayoutMode = "side" | "top" | "mix" | "mix-top" | "reverse-horizontal-mix" | "card-layout";
|
|
1424
1883
|
|
|
1884
|
+
/** 内置布局模式。 */
|
|
1885
|
+
declare type LayoutMode_2 = "side" | "top" | "mix" | "mix-top" | "reverse-horizontal-mix" | "card-layout";
|
|
1886
|
+
|
|
1425
1887
|
/** 经校验后可原子应用的布局配置。 */
|
|
1426
1888
|
export declare interface LayoutSettingsConfig extends LayoutVisualEffects {
|
|
1427
1889
|
schemaVersion?: number;
|
|
1428
1890
|
settings?: Partial<SettingsState>;
|
|
1429
1891
|
}
|
|
1430
1892
|
|
|
1893
|
+
/**
|
|
1894
|
+
* 布局桥接所需的最小设置协议。
|
|
1895
|
+
*
|
|
1896
|
+
* 默认 Pinia Store 天然满足该协议,宿主也可以传入其他响应式 Store,
|
|
1897
|
+
* 避免上下文助手与具体状态管理实现强绑定。
|
|
1898
|
+
*/
|
|
1899
|
+
export declare interface LayoutSettingsSource {
|
|
1900
|
+
layoutMode: LayoutMode;
|
|
1901
|
+
collapsed: boolean;
|
|
1902
|
+
menuExpandMode: MenuExpandMode;
|
|
1903
|
+
sidebarWidth: number;
|
|
1904
|
+
sidebarCollapsedWidth: number;
|
|
1905
|
+
showFooter: boolean;
|
|
1906
|
+
showTagsView: boolean;
|
|
1907
|
+
tagsViewHeight: number;
|
|
1908
|
+
headerHeight: number;
|
|
1909
|
+
transitionName: string;
|
|
1910
|
+
showBreadcrumb: boolean;
|
|
1911
|
+
showBreadcrumbIcon: boolean;
|
|
1912
|
+
fixedHeader: boolean;
|
|
1913
|
+
}
|
|
1914
|
+
|
|
1915
|
+
export declare interface LayoutStyleDeclaration {
|
|
1916
|
+
getPropertyValue(name: string): string;
|
|
1917
|
+
removeProperty(name: string): string;
|
|
1918
|
+
setProperty(name: string, value: string): void;
|
|
1919
|
+
}
|
|
1920
|
+
|
|
1431
1921
|
export declare interface LayoutVisualEffects {
|
|
1432
1922
|
gray?: boolean;
|
|
1433
1923
|
colorWeak?: boolean;
|
|
@@ -1448,6 +1938,9 @@ export declare interface MenuCollapseHandlers {
|
|
|
1448
1938
|
/** 菜单展开方式。 */
|
|
1449
1939
|
export declare type MenuExpandMode = "inline" | "panel";
|
|
1450
1940
|
|
|
1941
|
+
/** 菜单展开方式。 */
|
|
1942
|
+
declare type MenuExpandMode_2 = "inline" | "panel";
|
|
1943
|
+
|
|
1451
1944
|
/**
|
|
1452
1945
|
* 菜单项类型
|
|
1453
1946
|
* - `group` 分组
|
|
@@ -1456,12 +1949,56 @@ export declare type MenuExpandMode = "inline" | "panel";
|
|
|
1456
1949
|
*/
|
|
1457
1950
|
export declare type MenuItemType = "group" | "divider" | "item";
|
|
1458
1951
|
|
|
1952
|
+
/**
|
|
1953
|
+
* 菜单项类型
|
|
1954
|
+
* - `group` 分组
|
|
1955
|
+
* - `divider` 分割线
|
|
1956
|
+
* - `item` 普通菜单项
|
|
1957
|
+
*/
|
|
1958
|
+
declare type MenuItemType_2 = "group" | "divider" | "item";
|
|
1959
|
+
|
|
1960
|
+
/** 可由宿主通过交叉类型安全扩展的菜单元数据。 */
|
|
1961
|
+
export declare interface MenuMeta extends Record<string, unknown> {
|
|
1962
|
+
/** 页面标题 */
|
|
1963
|
+
title?: string;
|
|
1964
|
+
/** 菜单项的图标 */
|
|
1965
|
+
icon?: string;
|
|
1966
|
+
/** 是否在菜单中隐藏 */
|
|
1967
|
+
hidden?: boolean;
|
|
1968
|
+
/** 是否固定在标签栏 */
|
|
1969
|
+
affix?: boolean;
|
|
1970
|
+
/** 是否缓存该页面 */
|
|
1971
|
+
keepAlive?: boolean;
|
|
1972
|
+
/** 是否全屏显示 */
|
|
1973
|
+
full?: boolean;
|
|
1974
|
+
/** 外部链接 URL */
|
|
1975
|
+
link?: string;
|
|
1976
|
+
}
|
|
1977
|
+
|
|
1978
|
+
/** 可由宿主通过交叉类型安全扩展的菜单元数据。 */
|
|
1979
|
+
declare interface MenuMeta_2 extends Record<string, unknown> {
|
|
1980
|
+
/** 页面标题 */
|
|
1981
|
+
title?: string;
|
|
1982
|
+
/** 菜单项的图标 */
|
|
1983
|
+
icon?: string;
|
|
1984
|
+
/** 是否在菜单中隐藏 */
|
|
1985
|
+
hidden?: boolean;
|
|
1986
|
+
/** 是否固定在标签栏 */
|
|
1987
|
+
affix?: boolean;
|
|
1988
|
+
/** 是否缓存该页面 */
|
|
1989
|
+
keepAlive?: boolean;
|
|
1990
|
+
/** 是否全屏显示 */
|
|
1991
|
+
full?: boolean;
|
|
1992
|
+
/** 外部链接 URL */
|
|
1993
|
+
link?: string;
|
|
1994
|
+
}
|
|
1995
|
+
|
|
1459
1996
|
/**
|
|
1460
1997
|
* 菜单选项的详细类型定义
|
|
1461
1998
|
*/
|
|
1462
|
-
export declare interface MenuOptions {
|
|
1999
|
+
export declare interface MenuOptions<TMeta extends MenuMeta = MenuMeta> {
|
|
1463
2000
|
/** 菜单项类型(分组/分割线) */
|
|
1464
|
-
type?:
|
|
2001
|
+
type?: MenuItemType;
|
|
1465
2002
|
/** 唯一标识 */
|
|
1466
2003
|
key?: string;
|
|
1467
2004
|
/** 菜单跳转路径 */
|
|
@@ -1479,26 +2016,9 @@ export declare interface MenuOptions {
|
|
|
1479
2016
|
/** 是否禁用此菜单项 */
|
|
1480
2017
|
disabled?: boolean;
|
|
1481
2018
|
/** 元数据 */
|
|
1482
|
-
meta?:
|
|
1483
|
-
/** 页面标题 */
|
|
1484
|
-
title?: string;
|
|
1485
|
-
/** 菜单项的图标 */
|
|
1486
|
-
icon?: string;
|
|
1487
|
-
/** 是否在菜单中隐藏 */
|
|
1488
|
-
hidden?: boolean;
|
|
1489
|
-
/** 是否固定在标签栏 */
|
|
1490
|
-
affix?: boolean;
|
|
1491
|
-
/** 是否缓存该页面 */
|
|
1492
|
-
keepAlive?: boolean;
|
|
1493
|
-
/** 是否全屏显示 */
|
|
1494
|
-
full?: boolean;
|
|
1495
|
-
/** 外部链接 URL */
|
|
1496
|
-
link?: string;
|
|
1497
|
-
/** 扩展属性 */
|
|
1498
|
-
[key: string]: any;
|
|
1499
|
-
};
|
|
2019
|
+
meta?: TMeta;
|
|
1500
2020
|
/** 子菜单 */
|
|
1501
|
-
children?: MenuOptions[];
|
|
2021
|
+
children?: MenuOptions<TMeta>[];
|
|
1502
2022
|
}
|
|
1503
2023
|
|
|
1504
2024
|
/**
|
|
@@ -1522,9 +2042,56 @@ export declare interface MenuTag {
|
|
|
1522
2042
|
|
|
1523
2043
|
export declare const MenuTrigger: DefineComponent<__VLS_Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_7> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
1524
2044
|
|
|
1525
|
-
|
|
2045
|
+
/** @deprecated 请使用 C_MixLayout;计划在 4.0 移除。 */
|
|
2046
|
+
export declare const MixLayout: {
|
|
2047
|
+
new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
|
|
2048
|
+
P: {};
|
|
2049
|
+
B: {};
|
|
2050
|
+
D: {};
|
|
2051
|
+
C: {};
|
|
2052
|
+
M: {};
|
|
2053
|
+
Defaults: {};
|
|
2054
|
+
}, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
2055
|
+
__isFragment?: never;
|
|
2056
|
+
__isTeleport?: never;
|
|
2057
|
+
__isSuspense?: never;
|
|
2058
|
+
} & ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
|
|
2059
|
+
$slots: {
|
|
2060
|
+
logo?(_: {}): any;
|
|
2061
|
+
header?(_: {}): any;
|
|
2062
|
+
footer?(_: {}): any;
|
|
2063
|
+
};
|
|
2064
|
+
});
|
|
2065
|
+
|
|
2066
|
+
/** @deprecated 请使用 C_MixTopLayout;计划在 4.0 移除。 */
|
|
2067
|
+
export declare const MixTopLayout: {
|
|
2068
|
+
new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
|
|
2069
|
+
P: {};
|
|
2070
|
+
B: {};
|
|
2071
|
+
D: {};
|
|
2072
|
+
C: {};
|
|
2073
|
+
M: {};
|
|
2074
|
+
Defaults: {};
|
|
2075
|
+
}, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
2076
|
+
__isFragment?: never;
|
|
2077
|
+
__isTeleport?: never;
|
|
2078
|
+
__isSuspense?: never;
|
|
2079
|
+
} & ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
|
|
2080
|
+
$slots: {
|
|
2081
|
+
logo?(_: {}): any;
|
|
2082
|
+
brand?(_: {}): any;
|
|
2083
|
+
'top-menu'?(_: {}): any;
|
|
2084
|
+
'header-extra'?(_: {}): any;
|
|
2085
|
+
'tags-view'?(_: {}): any;
|
|
2086
|
+
footer?(_: {}): any;
|
|
2087
|
+
};
|
|
2088
|
+
});
|
|
1526
2089
|
|
|
1527
|
-
|
|
2090
|
+
/**
|
|
2091
|
+
* 非破坏地统一 path/key、label/meta.title 与字符串图标来源。
|
|
2092
|
+
* 缺少稳定路径或 key 的节点不会进入导航,避免意外跳转到根路由。
|
|
2093
|
+
*/
|
|
2094
|
+
export declare function normalizeLayoutMenus<TMeta extends MenuMeta = MenuMeta>(menus: readonly MenuOptions<TMeta>[]): LayoutMenuItem<TMeta>[];
|
|
1528
2095
|
|
|
1529
2096
|
export declare const PRESET_COLORS: PresetColor[];
|
|
1530
2097
|
|
|
@@ -1540,11 +2107,30 @@ export declare function provideLayout(options: CreateLayoutContextOptions): Layo
|
|
|
1540
2107
|
/** 在组件 setup 中提供布局上下文,避免消费方直接操作 InjectionKey。 */
|
|
1541
2108
|
export declare function provideLayoutContext(context: LayoutContext): LayoutContext;
|
|
1542
2109
|
|
|
1543
|
-
export declare const ResponsiveMenu: DefineComponent<__VLS_Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_8> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
1544
|
-
containerRef: HTMLDivElement;
|
|
1545
|
-
}, HTMLDivElement>;
|
|
2110
|
+
export declare const ResponsiveMenu: DefineComponent<__VLS_Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_8> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
1546
2111
|
|
|
1547
|
-
|
|
2112
|
+
/** @deprecated 请使用 C_ReverseHorizontalMixLayout;计划在 4.0 移除。 */
|
|
2113
|
+
export declare const ReverseHorizontalMixLayout: {
|
|
2114
|
+
new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
|
|
2115
|
+
P: {};
|
|
2116
|
+
B: {};
|
|
2117
|
+
D: {};
|
|
2118
|
+
C: {};
|
|
2119
|
+
M: {};
|
|
2120
|
+
Defaults: {};
|
|
2121
|
+
}, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
2122
|
+
__isFragment?: never;
|
|
2123
|
+
__isTeleport?: never;
|
|
2124
|
+
__isSuspense?: never;
|
|
2125
|
+
} & ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
|
|
2126
|
+
$slots: {
|
|
2127
|
+
logo?(_: {}): any;
|
|
2128
|
+
'top-menu'?(_: {}): any;
|
|
2129
|
+
'header-extra'?(_: {}): any;
|
|
2130
|
+
'tags-view'?(_: {}): any;
|
|
2131
|
+
footer?(_: {}): any;
|
|
2132
|
+
};
|
|
2133
|
+
});
|
|
1548
2134
|
|
|
1549
2135
|
/**
|
|
1550
2136
|
* 一次性校验完整导入文件。此函数不修改任何响应式状态或浏览器 API,
|
|
@@ -1561,6 +2147,18 @@ export declare function sanitizeSettingsPatch(input: unknown): Partial<SettingsS
|
|
|
1561
2147
|
/** 当前导入导出配置格式版本。 */
|
|
1562
2148
|
export declare const SETTINGS_CONFIG_SCHEMA_VERSION: 1;
|
|
1563
2149
|
|
|
2150
|
+
export declare interface SettingsControllerOptions {
|
|
2151
|
+
store: SettingsStoreInstance;
|
|
2152
|
+
actions?: SettingsDrawerActions;
|
|
2153
|
+
maxImportBytes?: number;
|
|
2154
|
+
/** 灰度/色弱 class 的作用元素;默认 document.documentElement。 */
|
|
2155
|
+
visualRoot?: HTMLElement | null;
|
|
2156
|
+
/** 水印挂载容器;默认 document.body。 */
|
|
2157
|
+
watermarkContainer?: HTMLElement | null;
|
|
2158
|
+
watermarkText?: string;
|
|
2159
|
+
onVisualEffectError?: (message: string) => void;
|
|
2160
|
+
}
|
|
2161
|
+
|
|
1564
2162
|
export declare const SettingsDrawer: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
|
|
1565
2163
|
|
|
1566
2164
|
/** 由宿主应用实现的高副作用操作。 */
|
|
@@ -1590,6 +2188,32 @@ export declare interface SettingsState {
|
|
|
1590
2188
|
sidebarCollapsedWidth: number;
|
|
1591
2189
|
headerHeight: number;
|
|
1592
2190
|
enableHotkeys: boolean;
|
|
2191
|
+
/** @deprecated 包版本不应参与配置迁移,请使用 SETTINGS_CONFIG_SCHEMA_VERSION。 */
|
|
2192
|
+
version: string;
|
|
2193
|
+
}
|
|
2194
|
+
|
|
2195
|
+
/** UI 无关的布局设置协议。 */
|
|
2196
|
+
declare interface SettingsState_2 {
|
|
2197
|
+
themeMode: ThemeMode_2;
|
|
2198
|
+
primaryColor: string;
|
|
2199
|
+
borderRadius: BorderRadiusSize_2;
|
|
2200
|
+
transitionType: TransitionType_2;
|
|
2201
|
+
enableTransition: boolean;
|
|
2202
|
+
layoutMode: LayoutMode_2;
|
|
2203
|
+
menuExpandMode: MenuExpandMode_2;
|
|
2204
|
+
collapsed: boolean;
|
|
2205
|
+
fixedHeader: boolean;
|
|
2206
|
+
showBreadcrumb: boolean;
|
|
2207
|
+
showBreadcrumbIcon: boolean;
|
|
2208
|
+
showTagsView: boolean;
|
|
2209
|
+
tagsViewHeight: number;
|
|
2210
|
+
tagsViewStyle: TagsViewStyle_2;
|
|
2211
|
+
showFooter: boolean;
|
|
2212
|
+
sidebarWidth: number;
|
|
2213
|
+
sidebarCollapsedWidth: number;
|
|
2214
|
+
headerHeight: number;
|
|
2215
|
+
enableHotkeys: boolean;
|
|
2216
|
+
/** @deprecated 包版本不应参与配置迁移,请使用 SETTINGS_CONFIG_SCHEMA_VERSION。 */
|
|
1593
2217
|
version: string;
|
|
1594
2218
|
}
|
|
1595
2219
|
|
|
@@ -1601,6 +2225,8 @@ export declare interface SettingsStoreOptions {
|
|
|
1601
2225
|
id?: string;
|
|
1602
2226
|
defaults?: Partial<SettingsState>;
|
|
1603
2227
|
onThemeModeChange?: (mode: ThemeMode) => void | Promise<void>;
|
|
2228
|
+
/** 是否自动同步 CSS 变量;默认 true,微前端可关闭后自行绑定作用域。 */
|
|
2229
|
+
syncCssVariables?: boolean;
|
|
1604
2230
|
}
|
|
1605
2231
|
|
|
1606
2232
|
/**
|
|
@@ -1608,7 +2234,7 @@ export declare interface SettingsStoreOptions {
|
|
|
1608
2234
|
*
|
|
1609
2235
|
* @example
|
|
1610
2236
|
* ```ts
|
|
1611
|
-
* import { setupLayout } from '@robot-admin/layout'
|
|
2237
|
+
* import { setupLayout } from '@robot-admin/layout/vue'
|
|
1612
2238
|
* setupLayout(app, {
|
|
1613
2239
|
* onThemeModeChange: async (mode) => {
|
|
1614
2240
|
* const themeStore = useThemeStore()
|
|
@@ -1618,6 +2244,28 @@ export declare interface SettingsStoreOptions {
|
|
|
1618
2244
|
* ```
|
|
1619
2245
|
*/
|
|
1620
2246
|
export declare function setupLayout(app: App, options?: SettingsStoreOptions): StoreDefinition<string, Pick<{
|
|
2247
|
+
defaults: Readonly<{
|
|
2248
|
+
themeMode: ThemeMode;
|
|
2249
|
+
primaryColor: string;
|
|
2250
|
+
borderRadius: BorderRadiusSize;
|
|
2251
|
+
transitionType: TransitionType;
|
|
2252
|
+
enableTransition: boolean;
|
|
2253
|
+
layoutMode: LayoutMode;
|
|
2254
|
+
menuExpandMode: MenuExpandMode;
|
|
2255
|
+
collapsed: boolean;
|
|
2256
|
+
fixedHeader: boolean;
|
|
2257
|
+
showBreadcrumb: boolean;
|
|
2258
|
+
showBreadcrumbIcon: boolean;
|
|
2259
|
+
showTagsView: boolean;
|
|
2260
|
+
tagsViewHeight: number;
|
|
2261
|
+
tagsViewStyle: TagsViewStyle;
|
|
2262
|
+
showFooter: boolean;
|
|
2263
|
+
sidebarWidth: number;
|
|
2264
|
+
sidebarCollapsedWidth: number;
|
|
2265
|
+
headerHeight: number;
|
|
2266
|
+
enableHotkeys: boolean;
|
|
2267
|
+
version: string;
|
|
2268
|
+
}>;
|
|
1621
2269
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
1622
2270
|
primaryColor: Ref<string, string>;
|
|
1623
2271
|
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
@@ -1642,12 +2290,34 @@ borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
|
1642
2290
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
1643
2291
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
1644
2292
|
settingsState: ComputedRef<SettingsState>;
|
|
1645
|
-
syncCSSVariables: () => void;
|
|
2293
|
+
syncCSSVariables: () => void | undefined;
|
|
1646
2294
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
1647
2295
|
resetSettings: () => void;
|
|
1648
2296
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
1649
2297
|
toggleCollapse: () => void;
|
|
1650
|
-
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version">, Pick<{
|
|
2298
|
+
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version" | "defaults">, Pick<{
|
|
2299
|
+
defaults: Readonly<{
|
|
2300
|
+
themeMode: ThemeMode;
|
|
2301
|
+
primaryColor: string;
|
|
2302
|
+
borderRadius: BorderRadiusSize;
|
|
2303
|
+
transitionType: TransitionType;
|
|
2304
|
+
enableTransition: boolean;
|
|
2305
|
+
layoutMode: LayoutMode;
|
|
2306
|
+
menuExpandMode: MenuExpandMode;
|
|
2307
|
+
collapsed: boolean;
|
|
2308
|
+
fixedHeader: boolean;
|
|
2309
|
+
showBreadcrumb: boolean;
|
|
2310
|
+
showBreadcrumbIcon: boolean;
|
|
2311
|
+
showTagsView: boolean;
|
|
2312
|
+
tagsViewHeight: number;
|
|
2313
|
+
tagsViewStyle: TagsViewStyle;
|
|
2314
|
+
showFooter: boolean;
|
|
2315
|
+
sidebarWidth: number;
|
|
2316
|
+
sidebarCollapsedWidth: number;
|
|
2317
|
+
headerHeight: number;
|
|
2318
|
+
enableHotkeys: boolean;
|
|
2319
|
+
version: string;
|
|
2320
|
+
}>;
|
|
1651
2321
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
1652
2322
|
primaryColor: Ref<string, string>;
|
|
1653
2323
|
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
@@ -1672,12 +2342,34 @@ borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
|
1672
2342
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
1673
2343
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
1674
2344
|
settingsState: ComputedRef<SettingsState>;
|
|
1675
|
-
syncCSSVariables: () => void;
|
|
2345
|
+
syncCSSVariables: () => void | undefined;
|
|
1676
2346
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
1677
2347
|
resetSettings: () => void;
|
|
1678
2348
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
1679
2349
|
toggleCollapse: () => void;
|
|
1680
2350
|
}, "borderRadiusValue" | "transitionName" | "shouldEnableTransition" | "settingsState">, Pick<{
|
|
2351
|
+
defaults: Readonly<{
|
|
2352
|
+
themeMode: ThemeMode;
|
|
2353
|
+
primaryColor: string;
|
|
2354
|
+
borderRadius: BorderRadiusSize;
|
|
2355
|
+
transitionType: TransitionType;
|
|
2356
|
+
enableTransition: boolean;
|
|
2357
|
+
layoutMode: LayoutMode;
|
|
2358
|
+
menuExpandMode: MenuExpandMode;
|
|
2359
|
+
collapsed: boolean;
|
|
2360
|
+
fixedHeader: boolean;
|
|
2361
|
+
showBreadcrumb: boolean;
|
|
2362
|
+
showBreadcrumbIcon: boolean;
|
|
2363
|
+
showTagsView: boolean;
|
|
2364
|
+
tagsViewHeight: number;
|
|
2365
|
+
tagsViewStyle: TagsViewStyle;
|
|
2366
|
+
showFooter: boolean;
|
|
2367
|
+
sidebarWidth: number;
|
|
2368
|
+
sidebarCollapsedWidth: number;
|
|
2369
|
+
headerHeight: number;
|
|
2370
|
+
enableHotkeys: boolean;
|
|
2371
|
+
version: string;
|
|
2372
|
+
}>;
|
|
1681
2373
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
1682
2374
|
primaryColor: Ref<string, string>;
|
|
1683
2375
|
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
@@ -1702,7 +2394,7 @@ borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
|
1702
2394
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
1703
2395
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
1704
2396
|
settingsState: ComputedRef<SettingsState>;
|
|
1705
|
-
syncCSSVariables: () => void;
|
|
2397
|
+
syncCSSVariables: () => void | undefined;
|
|
1706
2398
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
1707
2399
|
resetSettings: () => void;
|
|
1708
2400
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
@@ -1714,22 +2406,81 @@ export declare function shouldCacheRoute(route: Pick<RouteLocationNormalizedLoad
|
|
|
1714
2406
|
name: string;
|
|
1715
2407
|
};
|
|
1716
2408
|
|
|
1717
|
-
|
|
2409
|
+
/** @deprecated 请使用 C_SideLayout;计划在 4.0 移除。 */
|
|
2410
|
+
export declare const SideLayout: {
|
|
2411
|
+
new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
2412
|
+
collapsed?: boolean;
|
|
2413
|
+
}> & Readonly<{
|
|
2414
|
+
"onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
|
|
2415
|
+
}>, {
|
|
2416
|
+
collapsed: ComputedRef<boolean>;
|
|
2417
|
+
toggleCollapse: () => void;
|
|
2418
|
+
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2419
|
+
"update:collapsed": (value: boolean) => any;
|
|
2420
|
+
}, PublicProps, {
|
|
2421
|
+
collapsed: boolean;
|
|
2422
|
+
}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
|
|
2423
|
+
P: {};
|
|
2424
|
+
B: {};
|
|
2425
|
+
D: {};
|
|
2426
|
+
C: {};
|
|
2427
|
+
M: {};
|
|
2428
|
+
Defaults: {};
|
|
2429
|
+
}, Readonly<{
|
|
2430
|
+
collapsed?: boolean;
|
|
2431
|
+
}> & Readonly<{
|
|
2432
|
+
"onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
|
|
2433
|
+
}>, {
|
|
2434
|
+
collapsed: ComputedRef<boolean>;
|
|
2435
|
+
toggleCollapse: () => void;
|
|
2436
|
+
}, {}, {}, {}, {
|
|
2437
|
+
collapsed: boolean;
|
|
2438
|
+
}>;
|
|
2439
|
+
__isFragment?: never;
|
|
2440
|
+
__isTeleport?: never;
|
|
2441
|
+
__isSuspense?: never;
|
|
2442
|
+
} & ComponentOptionsBase<Readonly<{
|
|
2443
|
+
collapsed?: boolean;
|
|
2444
|
+
}> & Readonly<{
|
|
2445
|
+
"onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
|
|
2446
|
+
}>, {
|
|
2447
|
+
collapsed: ComputedRef<boolean>;
|
|
2448
|
+
toggleCollapse: () => void;
|
|
2449
|
+
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2450
|
+
"update:collapsed": (value: boolean) => any;
|
|
2451
|
+
}, string, {
|
|
2452
|
+
collapsed: boolean;
|
|
2453
|
+
}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
|
|
2454
|
+
$slots: {
|
|
2455
|
+
logo?(_: {}): any;
|
|
2456
|
+
menu?(_: {
|
|
2457
|
+
collapsed: boolean;
|
|
2458
|
+
}): any;
|
|
2459
|
+
header?(_: {}): any;
|
|
2460
|
+
footer?(_: {}): any;
|
|
2461
|
+
};
|
|
2462
|
+
});
|
|
1718
2463
|
|
|
1719
2464
|
export declare const SideMenu: DefineComponent<__VLS_Props_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1720
|
-
click: (item: MenuOptions) => any;
|
|
2465
|
+
click: (item: MenuOptions<MenuMeta_2>) => any;
|
|
1721
2466
|
}, string, PublicProps, Readonly<__VLS_Props_5> & Readonly<{
|
|
1722
|
-
onClick?: ((item: MenuOptions) => any) | undefined;
|
|
2467
|
+
onClick?: ((item: MenuOptions<MenuMeta_2>) => any) | undefined;
|
|
1723
2468
|
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1724
2469
|
|
|
1725
2470
|
/** 标签页风格。 */
|
|
1726
2471
|
export declare type TagsViewStyle = "default" | "card" | "smart";
|
|
1727
2472
|
|
|
2473
|
+
/** 标签页风格。 */
|
|
2474
|
+
declare type TagsViewStyle_2 = "default" | "card" | "smart";
|
|
2475
|
+
|
|
1728
2476
|
export declare const THEME_PRESETS: ThemePreset[];
|
|
1729
2477
|
|
|
1730
2478
|
/** 与具体主题实现无关的标准主题模式。 */
|
|
1731
2479
|
export declare type ThemeMode = "light" | "dark" | "system";
|
|
1732
2480
|
|
|
2481
|
+
/** 与具体主题实现无关的标准主题模式。 */
|
|
2482
|
+
declare type ThemeMode_2 = "light" | "dark" | "system";
|
|
2483
|
+
|
|
1733
2484
|
/** 主题预设方案。 */
|
|
1734
2485
|
export declare interface ThemePreset {
|
|
1735
2486
|
name: string;
|
|
@@ -1739,7 +2490,28 @@ export declare interface ThemePreset {
|
|
|
1739
2490
|
settings?: Partial<Omit<SettingsState, "themeMode" | "layoutMode" | "primaryColor">>;
|
|
1740
2491
|
}
|
|
1741
2492
|
|
|
1742
|
-
|
|
2493
|
+
/** @deprecated 请使用 C_TopLayout;计划在 4.0 移除。 */
|
|
2494
|
+
export declare const TopLayout: {
|
|
2495
|
+
new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
|
|
2496
|
+
P: {};
|
|
2497
|
+
B: {};
|
|
2498
|
+
D: {};
|
|
2499
|
+
C: {};
|
|
2500
|
+
M: {};
|
|
2501
|
+
Defaults: {};
|
|
2502
|
+
}, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
2503
|
+
__isFragment?: never;
|
|
2504
|
+
__isTeleport?: never;
|
|
2505
|
+
__isSuspense?: never;
|
|
2506
|
+
} & ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
|
|
2507
|
+
$slots: {
|
|
2508
|
+
logo?(_: {}): any;
|
|
2509
|
+
menu?(_: {}): any;
|
|
2510
|
+
'header-extra'?(_: {}): any;
|
|
2511
|
+
'tags-view'?(_: {}): any;
|
|
2512
|
+
footer?(_: {}): any;
|
|
2513
|
+
};
|
|
2514
|
+
});
|
|
1743
2515
|
|
|
1744
2516
|
export declare const TRANSITION_MAP: {
|
|
1745
2517
|
readonly fade: "fade-transform";
|
|
@@ -1751,6 +2523,9 @@ export declare const TRANSITION_MAP: {
|
|
|
1751
2523
|
/** 页面动画类型。 */
|
|
1752
2524
|
export declare type TransitionType = "fade" | "slide" | "zoom" | "none";
|
|
1753
2525
|
|
|
2526
|
+
/** 页面动画类型。 */
|
|
2527
|
+
declare type TransitionType_2 = "fade" | "slide" | "zoom" | "none";
|
|
2528
|
+
|
|
1754
2529
|
/**
|
|
1755
2530
|
* 统一的 KeepAlive 缓存管理 composable
|
|
1756
2531
|
*
|
|
@@ -1760,7 +2535,7 @@ export declare type TransitionType = "fade" | "slide" | "zoom" | "none";
|
|
|
1760
2535
|
* @example
|
|
1761
2536
|
* ```vue
|
|
1762
2537
|
* <script setup>
|
|
1763
|
-
* import { useLayoutCache } from '@robot-admin/layout'
|
|
2538
|
+
* import { useLayoutCache } from '@robot-admin/layout/vue'
|
|
1764
2539
|
*
|
|
1765
2540
|
* const { cachedViews, maxCacheCount } = useLayoutCache({ maxCacheCount: 30 })
|
|
1766
2541
|
* </script>
|
|
@@ -1797,11 +2572,17 @@ export declare function useLayoutCache(options?: LayoutCacheOptions): {
|
|
|
1797
2572
|
*/
|
|
1798
2573
|
export declare function useLayoutContext(): LayoutContext;
|
|
1799
2574
|
|
|
2575
|
+
/** setup 作用域内使用的自动清理版本。 */
|
|
2576
|
+
export declare function useLayoutCssVariables(source: LayoutCssVariableSource, options?: LayoutCssVariableOptions): LayoutCssVariableBinding;
|
|
2577
|
+
|
|
2578
|
+
/** 返回宿主图标组件;未配置时使用零依赖 CSS class 渲染器。 */
|
|
2579
|
+
export declare function useLayoutIcon(): Component;
|
|
2580
|
+
|
|
1800
2581
|
/**
|
|
1801
2582
|
* 菜单拆分 Composable
|
|
1802
2583
|
*
|
|
1803
2584
|
* 提供一级/二级菜单拆分状态管理、路由自动匹配、菜单点击处理。
|
|
1804
|
-
* 供
|
|
2585
|
+
* 供 C_MixLayout / C_MixTopLayout / C_ReverseHorizontalMixLayout 共用。
|
|
1805
2586
|
*
|
|
1806
2587
|
* @example
|
|
1807
2588
|
* ```ts
|
|
@@ -1815,8 +2596,8 @@ export declare function useMenuSplit(options: UseMenuSplitOptions): UseMenuSplit
|
|
|
1815
2596
|
|
|
1816
2597
|
export declare interface UseMenuSplitOptions {
|
|
1817
2598
|
/** 菜单数据(响应式) */
|
|
1818
|
-
menus:
|
|
1819
|
-
/** 是否使用悬浮式二级菜单(
|
|
2599
|
+
menus: MaybeRefOrGetter<readonly MenuOptions[]>;
|
|
2600
|
+
/** 是否使用悬浮式二级菜单(C_MixLayout 的 toggle 模式) */
|
|
1820
2601
|
floatingSecondMenu?: MaybeRefOrGetter<boolean>;
|
|
1821
2602
|
}
|
|
1822
2603
|
|
|
@@ -1827,11 +2608,11 @@ export declare interface UseMenuSplitReturn {
|
|
|
1827
2608
|
activeFirstMenuItem: ComputedRef<MenuOptions | undefined>;
|
|
1828
2609
|
/** 当前一级菜单对应的二级菜单列表 */
|
|
1829
2610
|
currentSecondMenus: ComputedRef<MenuOptions[]>;
|
|
1830
|
-
/** 悬浮的菜单项(
|
|
2611
|
+
/** 悬浮的菜单项(C_MixLayout 使用) */
|
|
1831
2612
|
hoveredMenuItem: Ref<MenuOptions | null>;
|
|
1832
2613
|
/** 实际展示的菜单项(hovered 优先,fallback 到 active) */
|
|
1833
2614
|
displayMenuItem: ComputedRef<MenuOptions | null>;
|
|
1834
|
-
/** 是否显示悬浮二级菜单(
|
|
2615
|
+
/** 是否显示悬浮二级菜单(C_MixLayout 使用) */
|
|
1835
2616
|
showSecondMenu: Ref<boolean>;
|
|
1836
2617
|
/** 处理一级菜单点击 */
|
|
1837
2618
|
handleFirstMenuClick: (item: MenuOptions) => void;
|
|
@@ -1841,10 +2622,171 @@ export declare interface UseMenuSplitReturn {
|
|
|
1841
2622
|
isMenuItemActive: (menuPath: string | undefined) => boolean;
|
|
1842
2623
|
}
|
|
1843
2624
|
|
|
2625
|
+
/**
|
|
2626
|
+
* UI 框架无关的响应式菜单测量逻辑。
|
|
2627
|
+
* Naive UI 和 Element Plus 适配器只负责把 visible/hidden 数据渲染出来。
|
|
2628
|
+
*/
|
|
2629
|
+
export declare function useResponsiveMenu(options: UseResponsiveMenuOptions): {
|
|
2630
|
+
containerRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
|
2631
|
+
hiddenItems: Ref< {
|
|
2632
|
+
type?: MenuItemType_2 | undefined;
|
|
2633
|
+
key?: string | undefined;
|
|
2634
|
+
path?: string | undefined;
|
|
2635
|
+
name?: string | undefined;
|
|
2636
|
+
component?: string | undefined;
|
|
2637
|
+
redirect?: string | undefined;
|
|
2638
|
+
label?: string | undefined;
|
|
2639
|
+
icon?: (string | (() => VNode) | VNode) | undefined;
|
|
2640
|
+
disabled?: boolean | undefined;
|
|
2641
|
+
meta?: {
|
|
2642
|
+
[x: string]: unknown;
|
|
2643
|
+
title?: string | undefined;
|
|
2644
|
+
icon?: string | undefined;
|
|
2645
|
+
hidden?: boolean | undefined;
|
|
2646
|
+
affix?: boolean | undefined;
|
|
2647
|
+
keepAlive?: boolean | undefined;
|
|
2648
|
+
full?: boolean | undefined;
|
|
2649
|
+
link?: string | undefined;
|
|
2650
|
+
} | undefined;
|
|
2651
|
+
children?: /*elided*/ any[] | undefined;
|
|
2652
|
+
}[], MenuOptions<MenuMeta_2>[] | {
|
|
2653
|
+
type?: MenuItemType_2 | undefined;
|
|
2654
|
+
key?: string | undefined;
|
|
2655
|
+
path?: string | undefined;
|
|
2656
|
+
name?: string | undefined;
|
|
2657
|
+
component?: string | undefined;
|
|
2658
|
+
redirect?: string | undefined;
|
|
2659
|
+
label?: string | undefined;
|
|
2660
|
+
icon?: (string | (() => VNode) | VNode) | undefined;
|
|
2661
|
+
disabled?: boolean | undefined;
|
|
2662
|
+
meta?: {
|
|
2663
|
+
[x: string]: unknown;
|
|
2664
|
+
title?: string | undefined;
|
|
2665
|
+
icon?: string | undefined;
|
|
2666
|
+
hidden?: boolean | undefined;
|
|
2667
|
+
affix?: boolean | undefined;
|
|
2668
|
+
keepAlive?: boolean | undefined;
|
|
2669
|
+
full?: boolean | undefined;
|
|
2670
|
+
link?: string | undefined;
|
|
2671
|
+
} | undefined;
|
|
2672
|
+
children?: /*elided*/ any[] | undefined;
|
|
2673
|
+
}[]>;
|
|
2674
|
+
refresh: () => void;
|
|
2675
|
+
visibleItems: Ref< {
|
|
2676
|
+
type?: MenuItemType_2 | undefined;
|
|
2677
|
+
key?: string | undefined;
|
|
2678
|
+
path?: string | undefined;
|
|
2679
|
+
name?: string | undefined;
|
|
2680
|
+
component?: string | undefined;
|
|
2681
|
+
redirect?: string | undefined;
|
|
2682
|
+
label?: string | undefined;
|
|
2683
|
+
icon?: (string | (() => VNode) | VNode) | undefined;
|
|
2684
|
+
disabled?: boolean | undefined;
|
|
2685
|
+
meta?: {
|
|
2686
|
+
[x: string]: unknown;
|
|
2687
|
+
title?: string | undefined;
|
|
2688
|
+
icon?: string | undefined;
|
|
2689
|
+
hidden?: boolean | undefined;
|
|
2690
|
+
affix?: boolean | undefined;
|
|
2691
|
+
keepAlive?: boolean | undefined;
|
|
2692
|
+
full?: boolean | undefined;
|
|
2693
|
+
link?: string | undefined;
|
|
2694
|
+
} | undefined;
|
|
2695
|
+
children?: /*elided*/ any[] | undefined;
|
|
2696
|
+
}[], MenuOptions<MenuMeta_2>[] | {
|
|
2697
|
+
type?: MenuItemType_2 | undefined;
|
|
2698
|
+
key?: string | undefined;
|
|
2699
|
+
path?: string | undefined;
|
|
2700
|
+
name?: string | undefined;
|
|
2701
|
+
component?: string | undefined;
|
|
2702
|
+
redirect?: string | undefined;
|
|
2703
|
+
label?: string | undefined;
|
|
2704
|
+
icon?: (string | (() => VNode) | VNode) | undefined;
|
|
2705
|
+
disabled?: boolean | undefined;
|
|
2706
|
+
meta?: {
|
|
2707
|
+
[x: string]: unknown;
|
|
2708
|
+
title?: string | undefined;
|
|
2709
|
+
icon?: string | undefined;
|
|
2710
|
+
hidden?: boolean | undefined;
|
|
2711
|
+
affix?: boolean | undefined;
|
|
2712
|
+
keepAlive?: boolean | undefined;
|
|
2713
|
+
full?: boolean | undefined;
|
|
2714
|
+
link?: string | undefined;
|
|
2715
|
+
} | undefined;
|
|
2716
|
+
children?: /*elided*/ any[] | undefined;
|
|
2717
|
+
}[]>;
|
|
2718
|
+
};
|
|
2719
|
+
|
|
2720
|
+
/** 响应式菜单测量选项。 */
|
|
2721
|
+
export declare interface UseResponsiveMenuOptions {
|
|
2722
|
+
data: MaybeRefOrGetter<readonly MenuOptions[]>;
|
|
2723
|
+
/** 溢出菜单按钮和安全间距占用的宽度,默认 95px。 */
|
|
2724
|
+
overflowReserve?: number;
|
|
2725
|
+
/** ResizeObserver 触发后的防抖时间,默认 100ms。 */
|
|
2726
|
+
debounceMs?: number;
|
|
2727
|
+
}
|
|
2728
|
+
|
|
2729
|
+
/**
|
|
2730
|
+
* SettingsDrawer 的 UI 框架无关控制器。
|
|
2731
|
+
*
|
|
2732
|
+
* 负责配置事务、导入导出和页面级视觉效果;Naive UI / Element Plus
|
|
2733
|
+
* 适配器只处理组件渲染、消息和确认框。
|
|
2734
|
+
* 在 Vue setup/effect scope 内会自动清理;在作用域外创建时应调用返回值的 dispose()。
|
|
2735
|
+
*/
|
|
2736
|
+
export declare function useSettingsController(options: SettingsControllerOptions): {
|
|
2737
|
+
applyImportedConfig: (input: unknown) => Promise<LayoutSettingsConfig>;
|
|
2738
|
+
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
2739
|
+
clearCache: () => Promise<void>;
|
|
2740
|
+
colorWeakMode: Ref<boolean, boolean>;
|
|
2741
|
+
createExportConfig: () => ExportedLayoutSettings;
|
|
2742
|
+
dispose: () => void;
|
|
2743
|
+
downloadConfig: () => boolean;
|
|
2744
|
+
grayMode: Ref<boolean, boolean>;
|
|
2745
|
+
importFile: (file: Pick<File, "size" | "text">) => Promise<LayoutSettingsConfig>;
|
|
2746
|
+
reloadPage: () => void;
|
|
2747
|
+
resetAll: () => Promise<void>;
|
|
2748
|
+
resetAppearance: () => Promise<void>;
|
|
2749
|
+
resetLayout: () => void;
|
|
2750
|
+
systemInfo: ComputedRef< {
|
|
2751
|
+
browser: string;
|
|
2752
|
+
os: string;
|
|
2753
|
+
resolution: string;
|
|
2754
|
+
pixelRatio: string;
|
|
2755
|
+
language: string;
|
|
2756
|
+
timezone: string;
|
|
2757
|
+
}>;
|
|
2758
|
+
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
2759
|
+
watermarkEnabled: Ref<boolean, boolean>;
|
|
2760
|
+
watermarkText: Ref<string, string>;
|
|
2761
|
+
};
|
|
2762
|
+
|
|
1844
2763
|
/**
|
|
1845
2764
|
* 默认的设置 Store(使用默认配置)
|
|
1846
2765
|
*/
|
|
1847
2766
|
export declare const useSettingsStore: StoreDefinition<string, Pick<{
|
|
2767
|
+
/** 当前 Store 实例实际使用的默认值。 */
|
|
2768
|
+
defaults: Readonly<{
|
|
2769
|
+
themeMode: ThemeMode;
|
|
2770
|
+
primaryColor: string;
|
|
2771
|
+
borderRadius: BorderRadiusSize;
|
|
2772
|
+
transitionType: TransitionType;
|
|
2773
|
+
enableTransition: boolean;
|
|
2774
|
+
layoutMode: LayoutMode;
|
|
2775
|
+
menuExpandMode: MenuExpandMode;
|
|
2776
|
+
collapsed: boolean;
|
|
2777
|
+
fixedHeader: boolean;
|
|
2778
|
+
showBreadcrumb: boolean;
|
|
2779
|
+
showBreadcrumbIcon: boolean;
|
|
2780
|
+
showTagsView: boolean;
|
|
2781
|
+
tagsViewHeight: number;
|
|
2782
|
+
tagsViewStyle: TagsViewStyle;
|
|
2783
|
+
showFooter: boolean;
|
|
2784
|
+
sidebarWidth: number;
|
|
2785
|
+
sidebarCollapsedWidth: number;
|
|
2786
|
+
headerHeight: number;
|
|
2787
|
+
enableHotkeys: boolean;
|
|
2788
|
+
version: string;
|
|
2789
|
+
}>;
|
|
1848
2790
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
1849
2791
|
primaryColor: Ref<string, string>;
|
|
1850
2792
|
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
@@ -1869,12 +2811,35 @@ borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
|
1869
2811
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
1870
2812
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
1871
2813
|
settingsState: ComputedRef<SettingsState>;
|
|
1872
|
-
syncCSSVariables: () => void;
|
|
2814
|
+
syncCSSVariables: () => void | undefined;
|
|
1873
2815
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
1874
2816
|
resetSettings: () => void;
|
|
1875
2817
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
1876
2818
|
toggleCollapse: () => void;
|
|
1877
|
-
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version">, Pick<{
|
|
2819
|
+
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version" | "defaults">, Pick<{
|
|
2820
|
+
/** 当前 Store 实例实际使用的默认值。 */
|
|
2821
|
+
defaults: Readonly<{
|
|
2822
|
+
themeMode: ThemeMode;
|
|
2823
|
+
primaryColor: string;
|
|
2824
|
+
borderRadius: BorderRadiusSize;
|
|
2825
|
+
transitionType: TransitionType;
|
|
2826
|
+
enableTransition: boolean;
|
|
2827
|
+
layoutMode: LayoutMode;
|
|
2828
|
+
menuExpandMode: MenuExpandMode;
|
|
2829
|
+
collapsed: boolean;
|
|
2830
|
+
fixedHeader: boolean;
|
|
2831
|
+
showBreadcrumb: boolean;
|
|
2832
|
+
showBreadcrumbIcon: boolean;
|
|
2833
|
+
showTagsView: boolean;
|
|
2834
|
+
tagsViewHeight: number;
|
|
2835
|
+
tagsViewStyle: TagsViewStyle;
|
|
2836
|
+
showFooter: boolean;
|
|
2837
|
+
sidebarWidth: number;
|
|
2838
|
+
sidebarCollapsedWidth: number;
|
|
2839
|
+
headerHeight: number;
|
|
2840
|
+
enableHotkeys: boolean;
|
|
2841
|
+
version: string;
|
|
2842
|
+
}>;
|
|
1878
2843
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
1879
2844
|
primaryColor: Ref<string, string>;
|
|
1880
2845
|
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
@@ -1899,12 +2864,35 @@ borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
|
1899
2864
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
1900
2865
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
1901
2866
|
settingsState: ComputedRef<SettingsState>;
|
|
1902
|
-
syncCSSVariables: () => void;
|
|
2867
|
+
syncCSSVariables: () => void | undefined;
|
|
1903
2868
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
1904
2869
|
resetSettings: () => void;
|
|
1905
2870
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
1906
2871
|
toggleCollapse: () => void;
|
|
1907
2872
|
}, "borderRadiusValue" | "transitionName" | "shouldEnableTransition" | "settingsState">, Pick<{
|
|
2873
|
+
/** 当前 Store 实例实际使用的默认值。 */
|
|
2874
|
+
defaults: Readonly<{
|
|
2875
|
+
themeMode: ThemeMode;
|
|
2876
|
+
primaryColor: string;
|
|
2877
|
+
borderRadius: BorderRadiusSize;
|
|
2878
|
+
transitionType: TransitionType;
|
|
2879
|
+
enableTransition: boolean;
|
|
2880
|
+
layoutMode: LayoutMode;
|
|
2881
|
+
menuExpandMode: MenuExpandMode;
|
|
2882
|
+
collapsed: boolean;
|
|
2883
|
+
fixedHeader: boolean;
|
|
2884
|
+
showBreadcrumb: boolean;
|
|
2885
|
+
showBreadcrumbIcon: boolean;
|
|
2886
|
+
showTagsView: boolean;
|
|
2887
|
+
tagsViewHeight: number;
|
|
2888
|
+
tagsViewStyle: TagsViewStyle;
|
|
2889
|
+
showFooter: boolean;
|
|
2890
|
+
sidebarWidth: number;
|
|
2891
|
+
sidebarCollapsedWidth: number;
|
|
2892
|
+
headerHeight: number;
|
|
2893
|
+
enableHotkeys: boolean;
|
|
2894
|
+
version: string;
|
|
2895
|
+
}>;
|
|
1908
2896
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
1909
2897
|
primaryColor: Ref<string, string>;
|
|
1910
2898
|
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
@@ -1929,7 +2917,7 @@ borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
|
1929
2917
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
1930
2918
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
1931
2919
|
settingsState: ComputedRef<SettingsState>;
|
|
1932
|
-
syncCSSVariables: () => void;
|
|
2920
|
+
syncCSSVariables: () => void | undefined;
|
|
1933
2921
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
1934
2922
|
resetSettings: () => void;
|
|
1935
2923
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|