@robot-admin/layout 0.1.0 → 2.0.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.
Files changed (8) hide show
  1. package/dist/index.cjs +3 -3
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +1 -1
  4. package/dist/index.d.ts +26 -6
  5. package/dist/index.js +267 -261
  6. package/dist/index.js.map +1 -1
  7. package/package.json +77 -67
  8. package/src/styles/settings.scss +13 -8
package/dist/index.d.ts CHANGED
@@ -41,6 +41,7 @@ borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
41
41
  transitionType: Ref<TransitionType, TransitionType>;
42
42
  enableTransition: Ref<boolean, boolean>;
43
43
  layoutMode: Ref<LayoutMode, LayoutMode>;
44
+ collapsed: Ref<boolean, boolean>;
44
45
  fixedHeader: Ref<boolean, boolean>;
45
46
  showBreadcrumb: Ref<boolean, boolean>;
46
47
  showBreadcrumbIcon: Ref<boolean, boolean>;
@@ -61,13 +62,15 @@ syncCSSVariables: () => void;
61
62
  applyPreset: (preset: ThemePreset) => Promise<void>;
62
63
  resetSettings: () => void;
63
64
  updateThemeMode: (mode: ThemeMode) => Promise<void>;
64
- }, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version">, Pick<{
65
+ toggleCollapse: () => void;
66
+ }, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version">, Pick<{
65
67
  themeMode: Ref<ThemeMode, ThemeMode>;
66
68
  primaryColor: Ref<string, string>;
67
69
  borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
68
70
  transitionType: Ref<TransitionType, TransitionType>;
69
71
  enableTransition: Ref<boolean, boolean>;
70
72
  layoutMode: Ref<LayoutMode, LayoutMode>;
73
+ collapsed: Ref<boolean, boolean>;
71
74
  fixedHeader: Ref<boolean, boolean>;
72
75
  showBreadcrumb: Ref<boolean, boolean>;
73
76
  showBreadcrumbIcon: Ref<boolean, boolean>;
@@ -88,6 +91,7 @@ syncCSSVariables: () => void;
88
91
  applyPreset: (preset: ThemePreset) => Promise<void>;
89
92
  resetSettings: () => void;
90
93
  updateThemeMode: (mode: ThemeMode) => Promise<void>;
94
+ toggleCollapse: () => void;
91
95
  }, "borderRadiusValue" | "transitionName" | "shouldEnableTransition" | "settingsState">, Pick<{
92
96
  themeMode: Ref<ThemeMode, ThemeMode>;
93
97
  primaryColor: Ref<string, string>;
@@ -95,6 +99,7 @@ borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
95
99
  transitionType: Ref<TransitionType, TransitionType>;
96
100
  enableTransition: Ref<boolean, boolean>;
97
101
  layoutMode: Ref<LayoutMode, LayoutMode>;
102
+ collapsed: Ref<boolean, boolean>;
98
103
  fixedHeader: Ref<boolean, boolean>;
99
104
  showBreadcrumb: Ref<boolean, boolean>;
100
105
  showBreadcrumbIcon: Ref<boolean, boolean>;
@@ -115,7 +120,8 @@ syncCSSVariables: () => void;
115
120
  applyPreset: (preset: ThemePreset) => Promise<void>;
116
121
  resetSettings: () => void;
117
122
  updateThemeMode: (mode: ThemeMode) => Promise<void>;
118
- }, "syncCSSVariables" | "applyPreset" | "resetSettings" | "updateThemeMode">>;
123
+ toggleCollapse: () => void;
124
+ }, "syncCSSVariables" | "applyPreset" | "resetSettings" | "updateThemeMode" | "toggleCollapse">>;
119
125
 
120
126
  export declare const DEFAULT_SETTINGS: SettingsState;
121
127
 
@@ -168,6 +174,8 @@ export declare interface SettingsState {
168
174
  enableTransition: boolean;
169
175
  /** 布局模式：左侧/顶部/混合 */
170
176
  layoutMode: LayoutMode;
177
+ /** 侧边栏是否折叠 */
178
+ collapsed: boolean;
171
179
  /** 固定头部 */
172
180
  fixedHeader: boolean;
173
181
  /** 显示面包屑 */
@@ -227,6 +235,7 @@ borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
227
235
  transitionType: Ref<TransitionType, TransitionType>;
228
236
  enableTransition: Ref<boolean, boolean>;
229
237
  layoutMode: Ref<LayoutMode, LayoutMode>;
238
+ collapsed: Ref<boolean, boolean>;
230
239
  fixedHeader: Ref<boolean, boolean>;
231
240
  showBreadcrumb: Ref<boolean, boolean>;
232
241
  showBreadcrumbIcon: Ref<boolean, boolean>;
@@ -247,13 +256,15 @@ syncCSSVariables: () => void;
247
256
  applyPreset: (preset: ThemePreset) => Promise<void>;
248
257
  resetSettings: () => void;
249
258
  updateThemeMode: (mode: ThemeMode) => Promise<void>;
250
- }, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version">, Pick<{
259
+ toggleCollapse: () => void;
260
+ }, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version">, Pick<{
251
261
  themeMode: Ref<ThemeMode, ThemeMode>;
252
262
  primaryColor: Ref<string, string>;
253
263
  borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
254
264
  transitionType: Ref<TransitionType, TransitionType>;
255
265
  enableTransition: Ref<boolean, boolean>;
256
266
  layoutMode: Ref<LayoutMode, LayoutMode>;
267
+ collapsed: Ref<boolean, boolean>;
257
268
  fixedHeader: Ref<boolean, boolean>;
258
269
  showBreadcrumb: Ref<boolean, boolean>;
259
270
  showBreadcrumbIcon: Ref<boolean, boolean>;
@@ -274,6 +285,7 @@ syncCSSVariables: () => void;
274
285
  applyPreset: (preset: ThemePreset) => Promise<void>;
275
286
  resetSettings: () => void;
276
287
  updateThemeMode: (mode: ThemeMode) => Promise<void>;
288
+ toggleCollapse: () => void;
277
289
  }, "borderRadiusValue" | "transitionName" | "shouldEnableTransition" | "settingsState">, Pick<{
278
290
  themeMode: Ref<ThemeMode, ThemeMode>;
279
291
  primaryColor: Ref<string, string>;
@@ -281,6 +293,7 @@ borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
281
293
  transitionType: Ref<TransitionType, TransitionType>;
282
294
  enableTransition: Ref<boolean, boolean>;
283
295
  layoutMode: Ref<LayoutMode, LayoutMode>;
296
+ collapsed: Ref<boolean, boolean>;
284
297
  fixedHeader: Ref<boolean, boolean>;
285
298
  showBreadcrumb: Ref<boolean, boolean>;
286
299
  showBreadcrumbIcon: Ref<boolean, boolean>;
@@ -301,7 +314,8 @@ syncCSSVariables: () => void;
301
314
  applyPreset: (preset: ThemePreset) => Promise<void>;
302
315
  resetSettings: () => void;
303
316
  updateThemeMode: (mode: ThemeMode) => Promise<void>;
304
- }, "syncCSSVariables" | "applyPreset" | "resetSettings" | "updateThemeMode">>;
317
+ toggleCollapse: () => void;
318
+ }, "syncCSSVariables" | "applyPreset" | "resetSettings" | "updateThemeMode" | "toggleCollapse">>;
305
319
 
306
320
  /**
307
321
  * 标签页风格
@@ -348,6 +362,7 @@ borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
348
362
  transitionType: Ref<TransitionType, TransitionType>;
349
363
  enableTransition: Ref<boolean, boolean>;
350
364
  layoutMode: Ref<LayoutMode, LayoutMode>;
365
+ collapsed: Ref<boolean, boolean>;
351
366
  fixedHeader: Ref<boolean, boolean>;
352
367
  showBreadcrumb: Ref<boolean, boolean>;
353
368
  showBreadcrumbIcon: Ref<boolean, boolean>;
@@ -368,13 +383,15 @@ syncCSSVariables: () => void;
368
383
  applyPreset: (preset: ThemePreset) => Promise<void>;
369
384
  resetSettings: () => void;
370
385
  updateThemeMode: (mode: ThemeMode) => Promise<void>;
371
- }, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version">, Pick<{
386
+ toggleCollapse: () => void;
387
+ }, "themeMode" | "layoutMode" | "primaryColor" | "borderRadius" | "transitionType" | "enableTransition" | "collapsed" | "fixedHeader" | "showBreadcrumb" | "showBreadcrumbIcon" | "showTagsView" | "tagsViewHeight" | "tagsViewStyle" | "showFooter" | "sidebarWidth" | "sidebarCollapsedWidth" | "headerHeight" | "enableHotkeys" | "version">, Pick<{
372
388
  themeMode: Ref<ThemeMode, ThemeMode>;
373
389
  primaryColor: Ref<string, string>;
374
390
  borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
375
391
  transitionType: Ref<TransitionType, TransitionType>;
376
392
  enableTransition: Ref<boolean, boolean>;
377
393
  layoutMode: Ref<LayoutMode, LayoutMode>;
394
+ collapsed: Ref<boolean, boolean>;
378
395
  fixedHeader: Ref<boolean, boolean>;
379
396
  showBreadcrumb: Ref<boolean, boolean>;
380
397
  showBreadcrumbIcon: Ref<boolean, boolean>;
@@ -395,6 +412,7 @@ syncCSSVariables: () => void;
395
412
  applyPreset: (preset: ThemePreset) => Promise<void>;
396
413
  resetSettings: () => void;
397
414
  updateThemeMode: (mode: ThemeMode) => Promise<void>;
415
+ toggleCollapse: () => void;
398
416
  }, "borderRadiusValue" | "transitionName" | "shouldEnableTransition" | "settingsState">, Pick<{
399
417
  themeMode: Ref<ThemeMode, ThemeMode>;
400
418
  primaryColor: Ref<string, string>;
@@ -402,6 +420,7 @@ borderRadius: Ref<BorderRadiusSize, BorderRadiusSize>;
402
420
  transitionType: Ref<TransitionType, TransitionType>;
403
421
  enableTransition: Ref<boolean, boolean>;
404
422
  layoutMode: Ref<LayoutMode, LayoutMode>;
423
+ collapsed: Ref<boolean, boolean>;
405
424
  fixedHeader: Ref<boolean, boolean>;
406
425
  showBreadcrumb: Ref<boolean, boolean>;
407
426
  showBreadcrumbIcon: Ref<boolean, boolean>;
@@ -422,6 +441,7 @@ syncCSSVariables: () => void;
422
441
  applyPreset: (preset: ThemePreset) => Promise<void>;
423
442
  resetSettings: () => void;
424
443
  updateThemeMode: (mode: ThemeMode) => Promise<void>;
425
- }, "syncCSSVariables" | "applyPreset" | "resetSettings" | "updateThemeMode">>;
444
+ toggleCollapse: () => void;
445
+ }, "syncCSSVariables" | "applyPreset" | "resetSettings" | "updateThemeMode" | "toggleCollapse">>;
426
446
 
427
447
  export { }