@robot-admin/layout 3.1.0 → 3.2.1
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 +166 -148
- 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 +1327 -347
- package/dist/index.d.ts +1327 -347
- package/dist/index.js +3 -2338
- package/dist/naive/index.cjs +1 -0
- package/dist/naive/index.d.cts +2919 -0
- package/dist/naive/index.d.ts +2919 -0
- package/dist/naive/index.js +3 -0
- package/dist/naive-AliKeHvO.js +1635 -0
- package/dist/naive-AliKeHvO.js.map +1 -0
- package/dist/naive-CuOhPLBc.cjs +28 -0
- package/dist/naive-CuOhPLBc.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-DVWXVFUx.cjs +2 -0
- package/dist/vue-DVWXVFUx.cjs.map +1 -0
- package/dist/vue-h8jl2I5K.js +739 -0
- package/dist/vue-h8jl2I5K.js.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,10 +1949,46 @@ export declare type MenuExpandMode = "inline" | "panel";
|
|
|
1456
1949
|
*/
|
|
1457
1950
|
export declare type MenuItemType = "group" | "divider" | "item";
|
|
1458
1951
|
|
|
1952
|
+
/** 可由宿主通过交叉类型安全扩展的菜单元数据。 */
|
|
1953
|
+
export declare interface MenuMeta extends Record<string, unknown> {
|
|
1954
|
+
/** 页面标题 */
|
|
1955
|
+
title?: string;
|
|
1956
|
+
/** 菜单项的图标 */
|
|
1957
|
+
icon?: string;
|
|
1958
|
+
/** 是否在菜单中隐藏 */
|
|
1959
|
+
hidden?: boolean;
|
|
1960
|
+
/** 是否固定在标签栏 */
|
|
1961
|
+
affix?: boolean;
|
|
1962
|
+
/** 是否缓存该页面 */
|
|
1963
|
+
keepAlive?: boolean;
|
|
1964
|
+
/** 是否全屏显示 */
|
|
1965
|
+
full?: boolean;
|
|
1966
|
+
/** 外部链接 URL */
|
|
1967
|
+
link?: string;
|
|
1968
|
+
}
|
|
1969
|
+
|
|
1970
|
+
/** 可由宿主通过交叉类型安全扩展的菜单元数据。 */
|
|
1971
|
+
declare interface MenuMeta_2 extends Record<string, unknown> {
|
|
1972
|
+
/** 页面标题 */
|
|
1973
|
+
title?: string;
|
|
1974
|
+
/** 菜单项的图标 */
|
|
1975
|
+
icon?: string;
|
|
1976
|
+
/** 是否在菜单中隐藏 */
|
|
1977
|
+
hidden?: boolean;
|
|
1978
|
+
/** 是否固定在标签栏 */
|
|
1979
|
+
affix?: boolean;
|
|
1980
|
+
/** 是否缓存该页面 */
|
|
1981
|
+
keepAlive?: boolean;
|
|
1982
|
+
/** 是否全屏显示 */
|
|
1983
|
+
full?: boolean;
|
|
1984
|
+
/** 外部链接 URL */
|
|
1985
|
+
link?: string;
|
|
1986
|
+
}
|
|
1987
|
+
|
|
1459
1988
|
/**
|
|
1460
1989
|
* 菜单选项的详细类型定义
|
|
1461
1990
|
*/
|
|
1462
|
-
export declare interface MenuOptions {
|
|
1991
|
+
export declare interface MenuOptions<TMeta extends MenuMeta = MenuMeta> {
|
|
1463
1992
|
/** 菜单项类型(分组/分割线) */
|
|
1464
1993
|
type?: "group" | "divider";
|
|
1465
1994
|
/** 唯一标识 */
|
|
@@ -1479,26 +2008,9 @@ export declare interface MenuOptions {
|
|
|
1479
2008
|
/** 是否禁用此菜单项 */
|
|
1480
2009
|
disabled?: boolean;
|
|
1481
2010
|
/** 元数据 */
|
|
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
|
-
};
|
|
2011
|
+
meta?: TMeta;
|
|
1500
2012
|
/** 子菜单 */
|
|
1501
|
-
children?: MenuOptions[];
|
|
2013
|
+
children?: MenuOptions<TMeta>[];
|
|
1502
2014
|
}
|
|
1503
2015
|
|
|
1504
2016
|
/**
|
|
@@ -1522,9 +2034,56 @@ export declare interface MenuTag {
|
|
|
1522
2034
|
|
|
1523
2035
|
export declare const MenuTrigger: DefineComponent<__VLS_Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_7> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
1524
2036
|
|
|
1525
|
-
|
|
2037
|
+
/** @deprecated 请使用 C_MixLayout;计划在 4.0 移除。 */
|
|
2038
|
+
export declare const MixLayout: {
|
|
2039
|
+
new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
|
|
2040
|
+
P: {};
|
|
2041
|
+
B: {};
|
|
2042
|
+
D: {};
|
|
2043
|
+
C: {};
|
|
2044
|
+
M: {};
|
|
2045
|
+
Defaults: {};
|
|
2046
|
+
}, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
2047
|
+
__isFragment?: never;
|
|
2048
|
+
__isTeleport?: never;
|
|
2049
|
+
__isSuspense?: never;
|
|
2050
|
+
} & ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
|
|
2051
|
+
$slots: {
|
|
2052
|
+
logo?(_: {}): any;
|
|
2053
|
+
header?(_: {}): any;
|
|
2054
|
+
footer?(_: {}): any;
|
|
2055
|
+
};
|
|
2056
|
+
});
|
|
2057
|
+
|
|
2058
|
+
/** @deprecated 请使用 C_MixTopLayout;计划在 4.0 移除。 */
|
|
2059
|
+
export declare const MixTopLayout: {
|
|
2060
|
+
new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
|
|
2061
|
+
P: {};
|
|
2062
|
+
B: {};
|
|
2063
|
+
D: {};
|
|
2064
|
+
C: {};
|
|
2065
|
+
M: {};
|
|
2066
|
+
Defaults: {};
|
|
2067
|
+
}, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
2068
|
+
__isFragment?: never;
|
|
2069
|
+
__isTeleport?: never;
|
|
2070
|
+
__isSuspense?: never;
|
|
2071
|
+
} & ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
|
|
2072
|
+
$slots: {
|
|
2073
|
+
logo?(_: {}): any;
|
|
2074
|
+
brand?(_: {}): any;
|
|
2075
|
+
'top-menu'?(_: {}): any;
|
|
2076
|
+
'header-extra'?(_: {}): any;
|
|
2077
|
+
'tags-view'?(_: {}): any;
|
|
2078
|
+
footer?(_: {}): any;
|
|
2079
|
+
};
|
|
2080
|
+
});
|
|
1526
2081
|
|
|
1527
|
-
|
|
2082
|
+
/**
|
|
2083
|
+
* 非破坏地统一 path/key、label/meta.title 与字符串图标来源。
|
|
2084
|
+
* 缺少稳定路径或 key 的节点不会进入导航,避免意外跳转到根路由。
|
|
2085
|
+
*/
|
|
2086
|
+
export declare function normalizeLayoutMenus<TMeta extends MenuMeta = MenuMeta>(menus: readonly MenuOptions<TMeta>[]): LayoutMenuItem<TMeta>[];
|
|
1528
2087
|
|
|
1529
2088
|
export declare const PRESET_COLORS: PresetColor[];
|
|
1530
2089
|
|
|
@@ -1540,11 +2099,30 @@ export declare function provideLayout(options: CreateLayoutContextOptions): Layo
|
|
|
1540
2099
|
/** 在组件 setup 中提供布局上下文,避免消费方直接操作 InjectionKey。 */
|
|
1541
2100
|
export declare function provideLayoutContext(context: LayoutContext): LayoutContext;
|
|
1542
2101
|
|
|
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>;
|
|
2102
|
+
export declare const ResponsiveMenu: DefineComponent<__VLS_Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_8> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
1546
2103
|
|
|
1547
|
-
|
|
2104
|
+
/** @deprecated 请使用 C_ReverseHorizontalMixLayout;计划在 4.0 移除。 */
|
|
2105
|
+
export declare const ReverseHorizontalMixLayout: {
|
|
2106
|
+
new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
|
|
2107
|
+
P: {};
|
|
2108
|
+
B: {};
|
|
2109
|
+
D: {};
|
|
2110
|
+
C: {};
|
|
2111
|
+
M: {};
|
|
2112
|
+
Defaults: {};
|
|
2113
|
+
}, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
2114
|
+
__isFragment?: never;
|
|
2115
|
+
__isTeleport?: never;
|
|
2116
|
+
__isSuspense?: never;
|
|
2117
|
+
} & ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
|
|
2118
|
+
$slots: {
|
|
2119
|
+
logo?(_: {}): any;
|
|
2120
|
+
'top-menu'?(_: {}): any;
|
|
2121
|
+
'header-extra'?(_: {}): any;
|
|
2122
|
+
'tags-view'?(_: {}): any;
|
|
2123
|
+
footer?(_: {}): any;
|
|
2124
|
+
};
|
|
2125
|
+
});
|
|
1548
2126
|
|
|
1549
2127
|
/**
|
|
1550
2128
|
* 一次性校验完整导入文件。此函数不修改任何响应式状态或浏览器 API,
|
|
@@ -1561,6 +2139,18 @@ export declare function sanitizeSettingsPatch(input: unknown): Partial<SettingsS
|
|
|
1561
2139
|
/** 当前导入导出配置格式版本。 */
|
|
1562
2140
|
export declare const SETTINGS_CONFIG_SCHEMA_VERSION: 1;
|
|
1563
2141
|
|
|
2142
|
+
export declare interface SettingsControllerOptions {
|
|
2143
|
+
store: SettingsStoreInstance;
|
|
2144
|
+
actions?: SettingsDrawerActions;
|
|
2145
|
+
maxImportBytes?: number;
|
|
2146
|
+
/** 灰度/色弱 class 的作用元素;默认 document.documentElement。 */
|
|
2147
|
+
visualRoot?: HTMLElement | null;
|
|
2148
|
+
/** 水印挂载容器;默认 document.body。 */
|
|
2149
|
+
watermarkContainer?: HTMLElement | null;
|
|
2150
|
+
watermarkText?: string;
|
|
2151
|
+
onVisualEffectError?: (message: string) => void;
|
|
2152
|
+
}
|
|
2153
|
+
|
|
1564
2154
|
export declare const SettingsDrawer: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
|
|
1565
2155
|
|
|
1566
2156
|
/** 由宿主应用实现的高副作用操作。 */
|
|
@@ -1590,6 +2180,32 @@ export declare interface SettingsState {
|
|
|
1590
2180
|
sidebarCollapsedWidth: number;
|
|
1591
2181
|
headerHeight: number;
|
|
1592
2182
|
enableHotkeys: boolean;
|
|
2183
|
+
/** @deprecated 包版本不应参与配置迁移,请使用 SETTINGS_CONFIG_SCHEMA_VERSION。 */
|
|
2184
|
+
version: string;
|
|
2185
|
+
}
|
|
2186
|
+
|
|
2187
|
+
/** UI 无关的布局设置协议。 */
|
|
2188
|
+
declare interface SettingsState_2 {
|
|
2189
|
+
themeMode: ThemeMode_2;
|
|
2190
|
+
primaryColor: string;
|
|
2191
|
+
borderRadius: BorderRadiusSize_2;
|
|
2192
|
+
transitionType: TransitionType_2;
|
|
2193
|
+
enableTransition: boolean;
|
|
2194
|
+
layoutMode: LayoutMode_2;
|
|
2195
|
+
menuExpandMode: MenuExpandMode_2;
|
|
2196
|
+
collapsed: boolean;
|
|
2197
|
+
fixedHeader: boolean;
|
|
2198
|
+
showBreadcrumb: boolean;
|
|
2199
|
+
showBreadcrumbIcon: boolean;
|
|
2200
|
+
showTagsView: boolean;
|
|
2201
|
+
tagsViewHeight: number;
|
|
2202
|
+
tagsViewStyle: TagsViewStyle_2;
|
|
2203
|
+
showFooter: boolean;
|
|
2204
|
+
sidebarWidth: number;
|
|
2205
|
+
sidebarCollapsedWidth: number;
|
|
2206
|
+
headerHeight: number;
|
|
2207
|
+
enableHotkeys: boolean;
|
|
2208
|
+
/** @deprecated 包版本不应参与配置迁移,请使用 SETTINGS_CONFIG_SCHEMA_VERSION。 */
|
|
1593
2209
|
version: string;
|
|
1594
2210
|
}
|
|
1595
2211
|
|
|
@@ -1601,6 +2217,8 @@ export declare interface SettingsStoreOptions {
|
|
|
1601
2217
|
id?: string;
|
|
1602
2218
|
defaults?: Partial<SettingsState>;
|
|
1603
2219
|
onThemeModeChange?: (mode: ThemeMode) => void | Promise<void>;
|
|
2220
|
+
/** 是否自动同步 CSS 变量;默认 true,微前端可关闭后自行绑定作用域。 */
|
|
2221
|
+
syncCssVariables?: boolean;
|
|
1604
2222
|
}
|
|
1605
2223
|
|
|
1606
2224
|
/**
|
|
@@ -1608,7 +2226,7 @@ export declare interface SettingsStoreOptions {
|
|
|
1608
2226
|
*
|
|
1609
2227
|
* @example
|
|
1610
2228
|
* ```ts
|
|
1611
|
-
* import { setupLayout } from '@robot-admin/layout'
|
|
2229
|
+
* import { setupLayout } from '@robot-admin/layout/vue'
|
|
1612
2230
|
* setupLayout(app, {
|
|
1613
2231
|
* onThemeModeChange: async (mode) => {
|
|
1614
2232
|
* const themeStore = useThemeStore()
|
|
@@ -1618,6 +2236,28 @@ export declare interface SettingsStoreOptions {
|
|
|
1618
2236
|
* ```
|
|
1619
2237
|
*/
|
|
1620
2238
|
export declare function setupLayout(app: App, options?: SettingsStoreOptions): StoreDefinition<string, Pick<{
|
|
2239
|
+
defaults: Readonly<{
|
|
2240
|
+
themeMode: ThemeMode;
|
|
2241
|
+
primaryColor: string;
|
|
2242
|
+
borderRadius: BorderRadiusSize;
|
|
2243
|
+
transitionType: TransitionType;
|
|
2244
|
+
enableTransition: boolean;
|
|
2245
|
+
layoutMode: LayoutMode;
|
|
2246
|
+
menuExpandMode: MenuExpandMode;
|
|
2247
|
+
collapsed: boolean;
|
|
2248
|
+
fixedHeader: boolean;
|
|
2249
|
+
showBreadcrumb: boolean;
|
|
2250
|
+
showBreadcrumbIcon: boolean;
|
|
2251
|
+
showTagsView: boolean;
|
|
2252
|
+
tagsViewHeight: number;
|
|
2253
|
+
tagsViewStyle: TagsViewStyle;
|
|
2254
|
+
showFooter: boolean;
|
|
2255
|
+
sidebarWidth: number;
|
|
2256
|
+
sidebarCollapsedWidth: number;
|
|
2257
|
+
headerHeight: number;
|
|
2258
|
+
enableHotkeys: boolean;
|
|
2259
|
+
version: string;
|
|
2260
|
+
}>;
|
|
1621
2261
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
1622
2262
|
primaryColor: Ref<string, string>;
|
|
1623
2263
|
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
@@ -1642,12 +2282,34 @@ borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
|
1642
2282
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
1643
2283
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
1644
2284
|
settingsState: ComputedRef<SettingsState>;
|
|
1645
|
-
syncCSSVariables: () => void;
|
|
2285
|
+
syncCSSVariables: () => void | undefined;
|
|
1646
2286
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
1647
2287
|
resetSettings: () => void;
|
|
1648
2288
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
1649
2289
|
toggleCollapse: () => void;
|
|
1650
|
-
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version">, Pick<{
|
|
2290
|
+
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version" | "defaults">, Pick<{
|
|
2291
|
+
defaults: Readonly<{
|
|
2292
|
+
themeMode: ThemeMode;
|
|
2293
|
+
primaryColor: string;
|
|
2294
|
+
borderRadius: BorderRadiusSize;
|
|
2295
|
+
transitionType: TransitionType;
|
|
2296
|
+
enableTransition: boolean;
|
|
2297
|
+
layoutMode: LayoutMode;
|
|
2298
|
+
menuExpandMode: MenuExpandMode;
|
|
2299
|
+
collapsed: boolean;
|
|
2300
|
+
fixedHeader: boolean;
|
|
2301
|
+
showBreadcrumb: boolean;
|
|
2302
|
+
showBreadcrumbIcon: boolean;
|
|
2303
|
+
showTagsView: boolean;
|
|
2304
|
+
tagsViewHeight: number;
|
|
2305
|
+
tagsViewStyle: TagsViewStyle;
|
|
2306
|
+
showFooter: boolean;
|
|
2307
|
+
sidebarWidth: number;
|
|
2308
|
+
sidebarCollapsedWidth: number;
|
|
2309
|
+
headerHeight: number;
|
|
2310
|
+
enableHotkeys: boolean;
|
|
2311
|
+
version: string;
|
|
2312
|
+
}>;
|
|
1651
2313
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
1652
2314
|
primaryColor: Ref<string, string>;
|
|
1653
2315
|
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
@@ -1672,12 +2334,34 @@ borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
|
1672
2334
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
1673
2335
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
1674
2336
|
settingsState: ComputedRef<SettingsState>;
|
|
1675
|
-
syncCSSVariables: () => void;
|
|
2337
|
+
syncCSSVariables: () => void | undefined;
|
|
1676
2338
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
1677
2339
|
resetSettings: () => void;
|
|
1678
2340
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
1679
2341
|
toggleCollapse: () => void;
|
|
1680
2342
|
}, "borderRadiusValue" | "transitionName" | "shouldEnableTransition" | "settingsState">, Pick<{
|
|
2343
|
+
defaults: Readonly<{
|
|
2344
|
+
themeMode: ThemeMode;
|
|
2345
|
+
primaryColor: string;
|
|
2346
|
+
borderRadius: BorderRadiusSize;
|
|
2347
|
+
transitionType: TransitionType;
|
|
2348
|
+
enableTransition: boolean;
|
|
2349
|
+
layoutMode: LayoutMode;
|
|
2350
|
+
menuExpandMode: MenuExpandMode;
|
|
2351
|
+
collapsed: boolean;
|
|
2352
|
+
fixedHeader: boolean;
|
|
2353
|
+
showBreadcrumb: boolean;
|
|
2354
|
+
showBreadcrumbIcon: boolean;
|
|
2355
|
+
showTagsView: boolean;
|
|
2356
|
+
tagsViewHeight: number;
|
|
2357
|
+
tagsViewStyle: TagsViewStyle;
|
|
2358
|
+
showFooter: boolean;
|
|
2359
|
+
sidebarWidth: number;
|
|
2360
|
+
sidebarCollapsedWidth: number;
|
|
2361
|
+
headerHeight: number;
|
|
2362
|
+
enableHotkeys: boolean;
|
|
2363
|
+
version: string;
|
|
2364
|
+
}>;
|
|
1681
2365
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
1682
2366
|
primaryColor: Ref<string, string>;
|
|
1683
2367
|
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
@@ -1702,7 +2386,7 @@ borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
|
1702
2386
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
1703
2387
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
1704
2388
|
settingsState: ComputedRef<SettingsState>;
|
|
1705
|
-
syncCSSVariables: () => void;
|
|
2389
|
+
syncCSSVariables: () => void | undefined;
|
|
1706
2390
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
1707
2391
|
resetSettings: () => void;
|
|
1708
2392
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
@@ -1714,22 +2398,81 @@ export declare function shouldCacheRoute(route: Pick<RouteLocationNormalizedLoad
|
|
|
1714
2398
|
name: string;
|
|
1715
2399
|
};
|
|
1716
2400
|
|
|
1717
|
-
|
|
2401
|
+
/** @deprecated 请使用 C_SideLayout;计划在 4.0 移除。 */
|
|
2402
|
+
export declare const SideLayout: {
|
|
2403
|
+
new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
2404
|
+
collapsed?: boolean;
|
|
2405
|
+
}> & Readonly<{
|
|
2406
|
+
"onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
|
|
2407
|
+
}>, {
|
|
2408
|
+
collapsed: ComputedRef<boolean>;
|
|
2409
|
+
toggleCollapse: () => void;
|
|
2410
|
+
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2411
|
+
"update:collapsed": (value: boolean) => any;
|
|
2412
|
+
}, PublicProps, {
|
|
2413
|
+
collapsed: boolean;
|
|
2414
|
+
}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
|
|
2415
|
+
P: {};
|
|
2416
|
+
B: {};
|
|
2417
|
+
D: {};
|
|
2418
|
+
C: {};
|
|
2419
|
+
M: {};
|
|
2420
|
+
Defaults: {};
|
|
2421
|
+
}, Readonly<{
|
|
2422
|
+
collapsed?: boolean;
|
|
2423
|
+
}> & Readonly<{
|
|
2424
|
+
"onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
|
|
2425
|
+
}>, {
|
|
2426
|
+
collapsed: ComputedRef<boolean>;
|
|
2427
|
+
toggleCollapse: () => void;
|
|
2428
|
+
}, {}, {}, {}, {
|
|
2429
|
+
collapsed: boolean;
|
|
2430
|
+
}>;
|
|
2431
|
+
__isFragment?: never;
|
|
2432
|
+
__isTeleport?: never;
|
|
2433
|
+
__isSuspense?: never;
|
|
2434
|
+
} & ComponentOptionsBase<Readonly<{
|
|
2435
|
+
collapsed?: boolean;
|
|
2436
|
+
}> & Readonly<{
|
|
2437
|
+
"onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
|
|
2438
|
+
}>, {
|
|
2439
|
+
collapsed: ComputedRef<boolean>;
|
|
2440
|
+
toggleCollapse: () => void;
|
|
2441
|
+
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2442
|
+
"update:collapsed": (value: boolean) => any;
|
|
2443
|
+
}, string, {
|
|
2444
|
+
collapsed: boolean;
|
|
2445
|
+
}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
|
|
2446
|
+
$slots: {
|
|
2447
|
+
logo?(_: {}): any;
|
|
2448
|
+
menu?(_: {
|
|
2449
|
+
collapsed: boolean;
|
|
2450
|
+
}): any;
|
|
2451
|
+
header?(_: {}): any;
|
|
2452
|
+
footer?(_: {}): any;
|
|
2453
|
+
};
|
|
2454
|
+
});
|
|
1718
2455
|
|
|
1719
2456
|
export declare const SideMenu: DefineComponent<__VLS_Props_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1720
|
-
click: (item: MenuOptions) => any;
|
|
2457
|
+
click: (item: MenuOptions<MenuMeta_2>) => any;
|
|
1721
2458
|
}, string, PublicProps, Readonly<__VLS_Props_5> & Readonly<{
|
|
1722
|
-
onClick?: ((item: MenuOptions) => any) | undefined;
|
|
2459
|
+
onClick?: ((item: MenuOptions<MenuMeta_2>) => any) | undefined;
|
|
1723
2460
|
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1724
2461
|
|
|
1725
2462
|
/** 标签页风格。 */
|
|
1726
2463
|
export declare type TagsViewStyle = "default" | "card" | "smart";
|
|
1727
2464
|
|
|
2465
|
+
/** 标签页风格。 */
|
|
2466
|
+
declare type TagsViewStyle_2 = "default" | "card" | "smart";
|
|
2467
|
+
|
|
1728
2468
|
export declare const THEME_PRESETS: ThemePreset[];
|
|
1729
2469
|
|
|
1730
2470
|
/** 与具体主题实现无关的标准主题模式。 */
|
|
1731
2471
|
export declare type ThemeMode = "light" | "dark" | "system";
|
|
1732
2472
|
|
|
2473
|
+
/** 与具体主题实现无关的标准主题模式。 */
|
|
2474
|
+
declare type ThemeMode_2 = "light" | "dark" | "system";
|
|
2475
|
+
|
|
1733
2476
|
/** 主题预设方案。 */
|
|
1734
2477
|
export declare interface ThemePreset {
|
|
1735
2478
|
name: string;
|
|
@@ -1739,7 +2482,28 @@ export declare interface ThemePreset {
|
|
|
1739
2482
|
settings?: Partial<Omit<SettingsState, "themeMode" | "layoutMode" | "primaryColor">>;
|
|
1740
2483
|
}
|
|
1741
2484
|
|
|
1742
|
-
|
|
2485
|
+
/** @deprecated 请使用 C_TopLayout;计划在 4.0 移除。 */
|
|
2486
|
+
export declare const TopLayout: {
|
|
2487
|
+
new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
|
|
2488
|
+
P: {};
|
|
2489
|
+
B: {};
|
|
2490
|
+
D: {};
|
|
2491
|
+
C: {};
|
|
2492
|
+
M: {};
|
|
2493
|
+
Defaults: {};
|
|
2494
|
+
}, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
2495
|
+
__isFragment?: never;
|
|
2496
|
+
__isTeleport?: never;
|
|
2497
|
+
__isSuspense?: never;
|
|
2498
|
+
} & ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
|
|
2499
|
+
$slots: {
|
|
2500
|
+
logo?(_: {}): any;
|
|
2501
|
+
menu?(_: {}): any;
|
|
2502
|
+
'header-extra'?(_: {}): any;
|
|
2503
|
+
'tags-view'?(_: {}): any;
|
|
2504
|
+
footer?(_: {}): any;
|
|
2505
|
+
};
|
|
2506
|
+
});
|
|
1743
2507
|
|
|
1744
2508
|
export declare const TRANSITION_MAP: {
|
|
1745
2509
|
readonly fade: "fade-transform";
|
|
@@ -1751,6 +2515,9 @@ export declare const TRANSITION_MAP: {
|
|
|
1751
2515
|
/** 页面动画类型。 */
|
|
1752
2516
|
export declare type TransitionType = "fade" | "slide" | "zoom" | "none";
|
|
1753
2517
|
|
|
2518
|
+
/** 页面动画类型。 */
|
|
2519
|
+
declare type TransitionType_2 = "fade" | "slide" | "zoom" | "none";
|
|
2520
|
+
|
|
1754
2521
|
/**
|
|
1755
2522
|
* 统一的 KeepAlive 缓存管理 composable
|
|
1756
2523
|
*
|
|
@@ -1760,7 +2527,7 @@ export declare type TransitionType = "fade" | "slide" | "zoom" | "none";
|
|
|
1760
2527
|
* @example
|
|
1761
2528
|
* ```vue
|
|
1762
2529
|
* <script setup>
|
|
1763
|
-
* import { useLayoutCache } from '@robot-admin/layout'
|
|
2530
|
+
* import { useLayoutCache } from '@robot-admin/layout/vue'
|
|
1764
2531
|
*
|
|
1765
2532
|
* const { cachedViews, maxCacheCount } = useLayoutCache({ maxCacheCount: 30 })
|
|
1766
2533
|
* </script>
|
|
@@ -1797,11 +2564,17 @@ export declare function useLayoutCache(options?: LayoutCacheOptions): {
|
|
|
1797
2564
|
*/
|
|
1798
2565
|
export declare function useLayoutContext(): LayoutContext;
|
|
1799
2566
|
|
|
2567
|
+
/** setup 作用域内使用的自动清理版本。 */
|
|
2568
|
+
export declare function useLayoutCssVariables(source: LayoutCssVariableSource, options?: LayoutCssVariableOptions): LayoutCssVariableBinding;
|
|
2569
|
+
|
|
2570
|
+
/** 返回宿主图标组件;未配置时使用零依赖 CSS class 渲染器。 */
|
|
2571
|
+
export declare function useLayoutIcon(): Component;
|
|
2572
|
+
|
|
1800
2573
|
/**
|
|
1801
2574
|
* 菜单拆分 Composable
|
|
1802
2575
|
*
|
|
1803
2576
|
* 提供一级/二级菜单拆分状态管理、路由自动匹配、菜单点击处理。
|
|
1804
|
-
* 供
|
|
2577
|
+
* 供 C_MixLayout / C_MixTopLayout / C_ReverseHorizontalMixLayout 共用。
|
|
1805
2578
|
*
|
|
1806
2579
|
* @example
|
|
1807
2580
|
* ```ts
|
|
@@ -1815,8 +2588,8 @@ export declare function useMenuSplit(options: UseMenuSplitOptions): UseMenuSplit
|
|
|
1815
2588
|
|
|
1816
2589
|
export declare interface UseMenuSplitOptions {
|
|
1817
2590
|
/** 菜单数据(响应式) */
|
|
1818
|
-
menus:
|
|
1819
|
-
/** 是否使用悬浮式二级菜单(
|
|
2591
|
+
menus: MaybeRefOrGetter<readonly MenuOptions[]>;
|
|
2592
|
+
/** 是否使用悬浮式二级菜单(C_MixLayout 的 toggle 模式) */
|
|
1820
2593
|
floatingSecondMenu?: MaybeRefOrGetter<boolean>;
|
|
1821
2594
|
}
|
|
1822
2595
|
|
|
@@ -1827,11 +2600,11 @@ export declare interface UseMenuSplitReturn {
|
|
|
1827
2600
|
activeFirstMenuItem: ComputedRef<MenuOptions | undefined>;
|
|
1828
2601
|
/** 当前一级菜单对应的二级菜单列表 */
|
|
1829
2602
|
currentSecondMenus: ComputedRef<MenuOptions[]>;
|
|
1830
|
-
/** 悬浮的菜单项(
|
|
2603
|
+
/** 悬浮的菜单项(C_MixLayout 使用) */
|
|
1831
2604
|
hoveredMenuItem: Ref<MenuOptions | null>;
|
|
1832
2605
|
/** 实际展示的菜单项(hovered 优先,fallback 到 active) */
|
|
1833
2606
|
displayMenuItem: ComputedRef<MenuOptions | null>;
|
|
1834
|
-
/** 是否显示悬浮二级菜单(
|
|
2607
|
+
/** 是否显示悬浮二级菜单(C_MixLayout 使用) */
|
|
1835
2608
|
showSecondMenu: Ref<boolean>;
|
|
1836
2609
|
/** 处理一级菜单点击 */
|
|
1837
2610
|
handleFirstMenuClick: (item: MenuOptions) => void;
|
|
@@ -1841,10 +2614,171 @@ export declare interface UseMenuSplitReturn {
|
|
|
1841
2614
|
isMenuItemActive: (menuPath: string | undefined) => boolean;
|
|
1842
2615
|
}
|
|
1843
2616
|
|
|
2617
|
+
/**
|
|
2618
|
+
* UI 框架无关的响应式菜单测量逻辑。
|
|
2619
|
+
* Naive UI 和 Element Plus 适配器只负责把 visible/hidden 数据渲染出来。
|
|
2620
|
+
*/
|
|
2621
|
+
export declare function useResponsiveMenu(options: UseResponsiveMenuOptions): {
|
|
2622
|
+
containerRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
|
2623
|
+
hiddenItems: Ref< {
|
|
2624
|
+
type?: "group" | "divider" | undefined;
|
|
2625
|
+
key?: string | undefined;
|
|
2626
|
+
path?: string | undefined;
|
|
2627
|
+
name?: string | undefined;
|
|
2628
|
+
component?: string | undefined;
|
|
2629
|
+
redirect?: string | undefined;
|
|
2630
|
+
label?: string | undefined;
|
|
2631
|
+
icon?: (string | (() => VNode) | VNode) | undefined;
|
|
2632
|
+
disabled?: boolean | undefined;
|
|
2633
|
+
meta?: {
|
|
2634
|
+
[x: string]: unknown;
|
|
2635
|
+
title?: string | undefined;
|
|
2636
|
+
icon?: string | undefined;
|
|
2637
|
+
hidden?: boolean | undefined;
|
|
2638
|
+
affix?: boolean | undefined;
|
|
2639
|
+
keepAlive?: boolean | undefined;
|
|
2640
|
+
full?: boolean | undefined;
|
|
2641
|
+
link?: string | undefined;
|
|
2642
|
+
} | undefined;
|
|
2643
|
+
children?: /*elided*/ any[] | undefined;
|
|
2644
|
+
}[], MenuOptions<MenuMeta_2>[] | {
|
|
2645
|
+
type?: "group" | "divider" | undefined;
|
|
2646
|
+
key?: string | undefined;
|
|
2647
|
+
path?: string | undefined;
|
|
2648
|
+
name?: string | undefined;
|
|
2649
|
+
component?: string | undefined;
|
|
2650
|
+
redirect?: string | undefined;
|
|
2651
|
+
label?: string | undefined;
|
|
2652
|
+
icon?: (string | (() => VNode) | VNode) | undefined;
|
|
2653
|
+
disabled?: boolean | undefined;
|
|
2654
|
+
meta?: {
|
|
2655
|
+
[x: string]: unknown;
|
|
2656
|
+
title?: string | undefined;
|
|
2657
|
+
icon?: string | undefined;
|
|
2658
|
+
hidden?: boolean | undefined;
|
|
2659
|
+
affix?: boolean | undefined;
|
|
2660
|
+
keepAlive?: boolean | undefined;
|
|
2661
|
+
full?: boolean | undefined;
|
|
2662
|
+
link?: string | undefined;
|
|
2663
|
+
} | undefined;
|
|
2664
|
+
children?: /*elided*/ any[] | undefined;
|
|
2665
|
+
}[]>;
|
|
2666
|
+
refresh: () => void;
|
|
2667
|
+
visibleItems: Ref< {
|
|
2668
|
+
type?: "group" | "divider" | undefined;
|
|
2669
|
+
key?: string | undefined;
|
|
2670
|
+
path?: string | undefined;
|
|
2671
|
+
name?: string | undefined;
|
|
2672
|
+
component?: string | undefined;
|
|
2673
|
+
redirect?: string | undefined;
|
|
2674
|
+
label?: string | undefined;
|
|
2675
|
+
icon?: (string | (() => VNode) | VNode) | undefined;
|
|
2676
|
+
disabled?: boolean | undefined;
|
|
2677
|
+
meta?: {
|
|
2678
|
+
[x: string]: unknown;
|
|
2679
|
+
title?: string | undefined;
|
|
2680
|
+
icon?: string | undefined;
|
|
2681
|
+
hidden?: boolean | undefined;
|
|
2682
|
+
affix?: boolean | undefined;
|
|
2683
|
+
keepAlive?: boolean | undefined;
|
|
2684
|
+
full?: boolean | undefined;
|
|
2685
|
+
link?: string | undefined;
|
|
2686
|
+
} | undefined;
|
|
2687
|
+
children?: /*elided*/ any[] | undefined;
|
|
2688
|
+
}[], MenuOptions<MenuMeta_2>[] | {
|
|
2689
|
+
type?: "group" | "divider" | undefined;
|
|
2690
|
+
key?: string | undefined;
|
|
2691
|
+
path?: string | undefined;
|
|
2692
|
+
name?: string | undefined;
|
|
2693
|
+
component?: string | undefined;
|
|
2694
|
+
redirect?: string | undefined;
|
|
2695
|
+
label?: string | undefined;
|
|
2696
|
+
icon?: (string | (() => VNode) | VNode) | undefined;
|
|
2697
|
+
disabled?: boolean | undefined;
|
|
2698
|
+
meta?: {
|
|
2699
|
+
[x: string]: unknown;
|
|
2700
|
+
title?: string | undefined;
|
|
2701
|
+
icon?: string | undefined;
|
|
2702
|
+
hidden?: boolean | undefined;
|
|
2703
|
+
affix?: boolean | undefined;
|
|
2704
|
+
keepAlive?: boolean | undefined;
|
|
2705
|
+
full?: boolean | undefined;
|
|
2706
|
+
link?: string | undefined;
|
|
2707
|
+
} | undefined;
|
|
2708
|
+
children?: /*elided*/ any[] | undefined;
|
|
2709
|
+
}[]>;
|
|
2710
|
+
};
|
|
2711
|
+
|
|
2712
|
+
/** 响应式菜单测量选项。 */
|
|
2713
|
+
export declare interface UseResponsiveMenuOptions {
|
|
2714
|
+
data: MaybeRefOrGetter<readonly MenuOptions[]>;
|
|
2715
|
+
/** 溢出菜单按钮和安全间距占用的宽度,默认 95px。 */
|
|
2716
|
+
overflowReserve?: number;
|
|
2717
|
+
/** ResizeObserver 触发后的防抖时间,默认 100ms。 */
|
|
2718
|
+
debounceMs?: number;
|
|
2719
|
+
}
|
|
2720
|
+
|
|
2721
|
+
/**
|
|
2722
|
+
* SettingsDrawer 的 UI 框架无关控制器。
|
|
2723
|
+
*
|
|
2724
|
+
* 负责配置事务、导入导出和页面级视觉效果;Naive UI / Element Plus
|
|
2725
|
+
* 适配器只处理组件渲染、消息和确认框。
|
|
2726
|
+
* 在 Vue setup/effect scope 内会自动清理;在作用域外创建时应调用返回值的 dispose()。
|
|
2727
|
+
*/
|
|
2728
|
+
export declare function useSettingsController(options: SettingsControllerOptions): {
|
|
2729
|
+
applyImportedConfig: (input: unknown) => Promise<LayoutSettingsConfig>;
|
|
2730
|
+
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
2731
|
+
clearCache: () => Promise<void>;
|
|
2732
|
+
colorWeakMode: Ref<boolean, boolean>;
|
|
2733
|
+
createExportConfig: () => ExportedLayoutSettings;
|
|
2734
|
+
dispose: () => void;
|
|
2735
|
+
downloadConfig: () => boolean;
|
|
2736
|
+
grayMode: Ref<boolean, boolean>;
|
|
2737
|
+
importFile: (file: Pick<File, "size" | "text">) => Promise<LayoutSettingsConfig>;
|
|
2738
|
+
reloadPage: () => void;
|
|
2739
|
+
resetAll: () => Promise<void>;
|
|
2740
|
+
resetAppearance: () => Promise<void>;
|
|
2741
|
+
resetLayout: () => void;
|
|
2742
|
+
systemInfo: ComputedRef< {
|
|
2743
|
+
browser: string;
|
|
2744
|
+
os: string;
|
|
2745
|
+
resolution: string;
|
|
2746
|
+
pixelRatio: string;
|
|
2747
|
+
language: string;
|
|
2748
|
+
timezone: string;
|
|
2749
|
+
}>;
|
|
2750
|
+
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
2751
|
+
watermarkEnabled: Ref<boolean, boolean>;
|
|
2752
|
+
watermarkText: Ref<string, string>;
|
|
2753
|
+
};
|
|
2754
|
+
|
|
1844
2755
|
/**
|
|
1845
2756
|
* 默认的设置 Store(使用默认配置)
|
|
1846
2757
|
*/
|
|
1847
2758
|
export declare const useSettingsStore: StoreDefinition<string, Pick<{
|
|
2759
|
+
/** 当前 Store 实例实际使用的默认值。 */
|
|
2760
|
+
defaults: Readonly<{
|
|
2761
|
+
themeMode: ThemeMode;
|
|
2762
|
+
primaryColor: string;
|
|
2763
|
+
borderRadius: BorderRadiusSize;
|
|
2764
|
+
transitionType: TransitionType;
|
|
2765
|
+
enableTransition: boolean;
|
|
2766
|
+
layoutMode: LayoutMode;
|
|
2767
|
+
menuExpandMode: MenuExpandMode;
|
|
2768
|
+
collapsed: boolean;
|
|
2769
|
+
fixedHeader: boolean;
|
|
2770
|
+
showBreadcrumb: boolean;
|
|
2771
|
+
showBreadcrumbIcon: boolean;
|
|
2772
|
+
showTagsView: boolean;
|
|
2773
|
+
tagsViewHeight: number;
|
|
2774
|
+
tagsViewStyle: TagsViewStyle;
|
|
2775
|
+
showFooter: boolean;
|
|
2776
|
+
sidebarWidth: number;
|
|
2777
|
+
sidebarCollapsedWidth: number;
|
|
2778
|
+
headerHeight: number;
|
|
2779
|
+
enableHotkeys: boolean;
|
|
2780
|
+
version: string;
|
|
2781
|
+
}>;
|
|
1848
2782
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
1849
2783
|
primaryColor: Ref<string, string>;
|
|
1850
2784
|
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
@@ -1869,12 +2803,35 @@ borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
|
1869
2803
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
1870
2804
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
1871
2805
|
settingsState: ComputedRef<SettingsState>;
|
|
1872
|
-
syncCSSVariables: () => void;
|
|
2806
|
+
syncCSSVariables: () => void | undefined;
|
|
1873
2807
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
1874
2808
|
resetSettings: () => void;
|
|
1875
2809
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
1876
2810
|
toggleCollapse: () => void;
|
|
1877
|
-
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version">, Pick<{
|
|
2811
|
+
}, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "menuExpandMode" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version" | "defaults">, Pick<{
|
|
2812
|
+
/** 当前 Store 实例实际使用的默认值。 */
|
|
2813
|
+
defaults: Readonly<{
|
|
2814
|
+
themeMode: ThemeMode;
|
|
2815
|
+
primaryColor: string;
|
|
2816
|
+
borderRadius: BorderRadiusSize;
|
|
2817
|
+
transitionType: TransitionType;
|
|
2818
|
+
enableTransition: boolean;
|
|
2819
|
+
layoutMode: LayoutMode;
|
|
2820
|
+
menuExpandMode: MenuExpandMode;
|
|
2821
|
+
collapsed: boolean;
|
|
2822
|
+
fixedHeader: boolean;
|
|
2823
|
+
showBreadcrumb: boolean;
|
|
2824
|
+
showBreadcrumbIcon: boolean;
|
|
2825
|
+
showTagsView: boolean;
|
|
2826
|
+
tagsViewHeight: number;
|
|
2827
|
+
tagsViewStyle: TagsViewStyle;
|
|
2828
|
+
showFooter: boolean;
|
|
2829
|
+
sidebarWidth: number;
|
|
2830
|
+
sidebarCollapsedWidth: number;
|
|
2831
|
+
headerHeight: number;
|
|
2832
|
+
enableHotkeys: boolean;
|
|
2833
|
+
version: string;
|
|
2834
|
+
}>;
|
|
1878
2835
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
1879
2836
|
primaryColor: Ref<string, string>;
|
|
1880
2837
|
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
@@ -1899,12 +2856,35 @@ borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
|
1899
2856
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
1900
2857
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
1901
2858
|
settingsState: ComputedRef<SettingsState>;
|
|
1902
|
-
syncCSSVariables: () => void;
|
|
2859
|
+
syncCSSVariables: () => void | undefined;
|
|
1903
2860
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
1904
2861
|
resetSettings: () => void;
|
|
1905
2862
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|
|
1906
2863
|
toggleCollapse: () => void;
|
|
1907
2864
|
}, "borderRadiusValue" | "transitionName" | "shouldEnableTransition" | "settingsState">, Pick<{
|
|
2865
|
+
/** 当前 Store 实例实际使用的默认值。 */
|
|
2866
|
+
defaults: Readonly<{
|
|
2867
|
+
themeMode: ThemeMode;
|
|
2868
|
+
primaryColor: string;
|
|
2869
|
+
borderRadius: BorderRadiusSize;
|
|
2870
|
+
transitionType: TransitionType;
|
|
2871
|
+
enableTransition: boolean;
|
|
2872
|
+
layoutMode: LayoutMode;
|
|
2873
|
+
menuExpandMode: MenuExpandMode;
|
|
2874
|
+
collapsed: boolean;
|
|
2875
|
+
fixedHeader: boolean;
|
|
2876
|
+
showBreadcrumb: boolean;
|
|
2877
|
+
showBreadcrumbIcon: boolean;
|
|
2878
|
+
showTagsView: boolean;
|
|
2879
|
+
tagsViewHeight: number;
|
|
2880
|
+
tagsViewStyle: TagsViewStyle;
|
|
2881
|
+
showFooter: boolean;
|
|
2882
|
+
sidebarWidth: number;
|
|
2883
|
+
sidebarCollapsedWidth: number;
|
|
2884
|
+
headerHeight: number;
|
|
2885
|
+
enableHotkeys: boolean;
|
|
2886
|
+
version: string;
|
|
2887
|
+
}>;
|
|
1908
2888
|
themeMode: Ref<ThemeMode, ThemeMode>;
|
|
1909
2889
|
primaryColor: Ref<string, string>;
|
|
1910
2890
|
borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
|
|
@@ -1929,7 +2909,7 @@ borderRadiusValue: ComputedRef<"4px" | "6px" | "8px">;
|
|
|
1929
2909
|
transitionName: ComputedRef<"" | "fade-transform" | "fade-slide" | "fade-zoom">;
|
|
1930
2910
|
shouldEnableTransition: ComputedRef<boolean>;
|
|
1931
2911
|
settingsState: ComputedRef<SettingsState>;
|
|
1932
|
-
syncCSSVariables: () => void;
|
|
2912
|
+
syncCSSVariables: () => void | undefined;
|
|
1933
2913
|
applyPreset: (preset: ThemePreset) => Promise<void>;
|
|
1934
2914
|
resetSettings: () => void;
|
|
1935
2915
|
updateThemeMode: (mode: ThemeMode) => Promise<void>;
|