@bagelink/vue 1.15.188 → 1.15.190
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/dist/components/layout/AppContent.vue.d.ts.map +1 -1
- package/dist/components/layout/AppLayout.vue.d.ts +37 -13
- package/dist/components/layout/AppLayout.vue.d.ts.map +1 -1
- package/dist/components/layout/AppSidebar.vue.d.ts.map +1 -1
- package/dist/components/layout/appLayoutContext.d.ts +22 -2
- package/dist/components/layout/appLayoutContext.d.ts.map +1 -1
- package/dist/index.cjs +182 -155
- package/dist/index.mjs +36850 -42838
- package/dist/style.css +1 -2
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/form/inputs/RadioGroup.vue +1 -1
- package/src/components/layout/AppContent.vue +3 -1
- package/src/components/layout/AppLayout.vue +198 -45
- package/src/components/layout/AppSidebar.vue +17 -11
- package/src/components/layout/appLayoutContext.ts +22 -2
- package/src/utils/index.ts +11 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/AppContent.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AppContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/AppContent.vue"],"names":[],"mappings":"AAqdA,sDAAsD;AACtD,KAAK,aAAa,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAA;AAE/C,UAAU,KAAK;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACrC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;CACd;AAmED,iBAAS,cAAc;WAkJT,OAAO,IAA6B;;+BAdd,GAAG;iCACD,GAAG;gCACJ,GAAG;yBACV,GAAG;yBACH,GAAG;;;;EAehC;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;UA/Ob,OAAO;YAhCL,OAAO;UANT,OAAO;cA4BH,MAAM;aAvCP,aAAa;oBARN,OAAO;mBAcR,aAAa;kBAiBd,MAAM;eAQT,OAAO;wFAyQlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { RegionPatch } from './appLayoutContext';
|
|
1
|
+
import { RegionSide, RegionPatch } from './appLayoutContext';
|
|
2
2
|
interface Props {
|
|
3
3
|
sidebarWidth?: string;
|
|
4
4
|
sidebarCardStyle?: boolean;
|
|
@@ -28,6 +28,10 @@ declare function __VLS_template(): {
|
|
|
28
28
|
mode: "push" | "overlay";
|
|
29
29
|
size: string;
|
|
30
30
|
collapsedSize: string;
|
|
31
|
+
role?: "sidebar" | "dock" | undefined;
|
|
32
|
+
resizable?: boolean | undefined;
|
|
33
|
+
minSize?: string | undefined;
|
|
34
|
+
maxSize?: string | undefined;
|
|
31
35
|
};
|
|
32
36
|
setRegion: (p: RegionPatch) => void;
|
|
33
37
|
isOpen: import('vue').WritableComputedRef<boolean, boolean>;
|
|
@@ -42,6 +46,10 @@ declare function __VLS_template(): {
|
|
|
42
46
|
mode: "push" | "overlay";
|
|
43
47
|
size: string;
|
|
44
48
|
collapsedSize: string;
|
|
49
|
+
role?: "sidebar" | "dock" | undefined;
|
|
50
|
+
resizable?: boolean | undefined;
|
|
51
|
+
minSize?: string | undefined;
|
|
52
|
+
maxSize?: string | undefined;
|
|
45
53
|
};
|
|
46
54
|
setRegion: (p: RegionPatch) => void;
|
|
47
55
|
isOpen: import('vue').WritableComputedRef<boolean, boolean>;
|
|
@@ -55,6 +63,18 @@ declare function __VLS_template(): {
|
|
|
55
63
|
toggleMenu: () => void;
|
|
56
64
|
closeOnMobile: typeof closeOnMobile;
|
|
57
65
|
}): any;
|
|
66
|
+
header?(_: {
|
|
67
|
+
isOpen: import('vue').WritableComputedRef<boolean, boolean>;
|
|
68
|
+
isMobile: import('vue').Ref<boolean, boolean>;
|
|
69
|
+
toggleMenu: () => void;
|
|
70
|
+
closeOnMobile: typeof closeOnMobile;
|
|
71
|
+
}): any;
|
|
72
|
+
default?(_: {
|
|
73
|
+
isOpen: import('vue').WritableComputedRef<boolean, boolean>;
|
|
74
|
+
isMobile: import('vue').Ref<boolean, boolean>;
|
|
75
|
+
toggleMenu: () => void;
|
|
76
|
+
closeOnMobile: typeof closeOnMobile;
|
|
77
|
+
}): any;
|
|
58
78
|
end?(_: {
|
|
59
79
|
region: {
|
|
60
80
|
present: boolean;
|
|
@@ -62,6 +82,10 @@ declare function __VLS_template(): {
|
|
|
62
82
|
mode: "push" | "overlay";
|
|
63
83
|
size: string;
|
|
64
84
|
collapsedSize: string;
|
|
85
|
+
role?: "sidebar" | "dock" | undefined;
|
|
86
|
+
resizable?: boolean | undefined;
|
|
87
|
+
minSize?: string | undefined;
|
|
88
|
+
maxSize?: string | undefined;
|
|
65
89
|
};
|
|
66
90
|
setRegion: (p: RegionPatch) => void;
|
|
67
91
|
isOpen: import('vue').WritableComputedRef<boolean, boolean>;
|
|
@@ -72,18 +96,6 @@ declare function __VLS_template(): {
|
|
|
72
96
|
aside?(_: {
|
|
73
97
|
isMobile: boolean;
|
|
74
98
|
}): any;
|
|
75
|
-
header?(_: {
|
|
76
|
-
isOpen: import('vue').WritableComputedRef<boolean, boolean>;
|
|
77
|
-
isMobile: import('vue').Ref<boolean, boolean>;
|
|
78
|
-
toggleMenu: () => void;
|
|
79
|
-
closeOnMobile: typeof closeOnMobile;
|
|
80
|
-
}): any;
|
|
81
|
-
default?(_: {
|
|
82
|
-
isOpen: import('vue').WritableComputedRef<boolean, boolean>;
|
|
83
|
-
isMobile: import('vue').Ref<boolean, boolean>;
|
|
84
|
-
toggleMenu: () => void;
|
|
85
|
-
closeOnMobile: typeof closeOnMobile;
|
|
86
|
-
}): any;
|
|
87
99
|
bottom?(_: {
|
|
88
100
|
region: {
|
|
89
101
|
present: boolean;
|
|
@@ -91,6 +103,10 @@ declare function __VLS_template(): {
|
|
|
91
103
|
mode: "push" | "overlay";
|
|
92
104
|
size: string;
|
|
93
105
|
collapsedSize: string;
|
|
106
|
+
role?: "sidebar" | "dock" | undefined;
|
|
107
|
+
resizable?: boolean | undefined;
|
|
108
|
+
minSize?: string | undefined;
|
|
109
|
+
maxSize?: string | undefined;
|
|
94
110
|
};
|
|
95
111
|
setRegion: (p: RegionPatch) => void;
|
|
96
112
|
isOpen: import('vue').WritableComputedRef<boolean, boolean>;
|
|
@@ -105,8 +121,16 @@ declare function __VLS_template(): {
|
|
|
105
121
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
106
122
|
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
107
123
|
"update:open": (value: boolean) => any;
|
|
124
|
+
resize: (payload: {
|
|
125
|
+
side: RegionSide;
|
|
126
|
+
size: string;
|
|
127
|
+
}) => any;
|
|
108
128
|
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
109
129
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
130
|
+
onResize?: ((payload: {
|
|
131
|
+
side: RegionSide;
|
|
132
|
+
size: string;
|
|
133
|
+
}) => any) | undefined;
|
|
110
134
|
}>, {
|
|
111
135
|
open: boolean;
|
|
112
136
|
sidebarWidth: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/AppLayout.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AppLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/AppLayout.vue"],"names":[],"mappings":"AA2BA;AA4gBA,OAAO,EAIN,KAAK,UAAU,EAEf,KAAK,WAAW,EAChB,MAAM,oBAAoB,CAAA;AAE3B,UAAU,KAAK;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC7B;AAqHD,iBAAS,aAAa,SAErB;AAkLD,iBAAS,cAAc;WA8HT,OAAO,IAA6B;;;;;;;;;;;;;;2BA7T/B,WAAW;;;;;YA4SL,GAAG;;;;;;;;;;;;;2BA9SP,WAAW;;;;;YA+SL,GAAG;;;;;;YACD,GAAG;;;;;;YACJ,GAAG;;;;;;YACF,GAAG;;;;;;;;;;;;;2BAjTb,WAAW;;;;;YAkTL,GAAG;;;YACD,GAAG;;;;;;;;;;;;;2BAjTR,WAAW;;;;;YAkTL,GAAG;;;;EAe9B;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;cArbM,UAAU;cAAQ,MAAM;;;;;cAAxB,UAAU;cAAQ,MAAM;;;UA7B3C,OAAO;kBAJC,MAAM;sBACF,OAAO;iBACZ,OAAO;aAIX,OAAO;gBACJ,MAAM;oBAOF,MAAM;0BACA,MAAM;wFAgd5B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/AppSidebar.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AppSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/AppSidebar.vue"],"names":[],"mappings":"AAmbA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAS5C,UAAU,cAAe,SAAQ,OAAO;IACvC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAA;CAC3B;AAED,UAAU,KAAK;IACd,QAAQ,EAAE,cAAc,EAAE,CAAA;IAC1B,WAAW,CAAC,EAAE,cAAc,EAAE,CAAA;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;4CACwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;2EAEuE;IACvE,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB;AA4JD,iBAAS,cAAc;WAiMT,OAAO,IAA6B;;;;YAXvB,GAAG;;;;;;YACD,GAAG;;;;EAe/B;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;UA9Xb,MAAM;UALN,OAAO;eAEF,MAAM;iBACJ,MAAM;aAFV,MAAM;iBAXF,cAAc,EAAE;sBAQX,OAAO;aAChB,MAAM;gBAKH,MAAM;iBAML,OAAO;qFAiYpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -8,14 +8,34 @@ export interface RegionState {
|
|
|
8
8
|
/** Expanded (reserves full `size`) vs collapsed/hidden (reserves `collapsedSize`). */
|
|
9
9
|
open: boolean;
|
|
10
10
|
/**
|
|
11
|
-
* push →
|
|
12
|
-
*
|
|
11
|
+
* push → AppLayout renders a real IN-FLOW, reserved-width box in the row and
|
|
12
|
+
* the child fills it (`width/height: 100%`). Single source of truth for
|
|
13
|
+
* the size; AppLayout owns the box + resize. No `fixed`/margin trick.
|
|
14
|
+
* overlay → the child floats `position: fixed` above the center and reserves
|
|
15
|
+
* nothing (mobile sidebar drawer, floating/full chat).
|
|
13
16
|
*/
|
|
14
17
|
mode: 'push' | 'overlay';
|
|
15
18
|
/** Inline-size for start/end, block-size for top/bottom. Any CSS length. */
|
|
16
19
|
size: string;
|
|
17
20
|
/** Size when `open === false`. `'0'` fully collapses the region away. */
|
|
18
21
|
collapsedSize: string;
|
|
22
|
+
/**
|
|
23
|
+
* What kind of thing occupies this region. Lets consumers tell an actual
|
|
24
|
+
* navigation sidebar apart from another panel that merely docks into the same
|
|
25
|
+
* rail (e.g. a chat dock in `start`). AppContent's menu-toggle only appears for
|
|
26
|
+
* a real `'sidebar'`. Default undefined (treated as a sidebar for back-compat).
|
|
27
|
+
*/
|
|
28
|
+
role?: 'sidebar' | 'dock';
|
|
29
|
+
/**
|
|
30
|
+
* Opt in to drag-resize (start/end only). AppLayout renders a thin handle on
|
|
31
|
+
* the region's inner edge and mutates `size` live during the drag, clamped to
|
|
32
|
+
* `[minSize, maxSize]`. `size` MUST be a px value (e.g. '440px') while resizable.
|
|
33
|
+
*/
|
|
34
|
+
resizable?: boolean;
|
|
35
|
+
/** Min resize bound (px string, e.g. '320px'). Defaults to '0'. */
|
|
36
|
+
minSize?: string;
|
|
37
|
+
/** Max resize bound (px string, e.g. '900px'). Defaults to '100vw' worth of px. */
|
|
38
|
+
maxSize?: string;
|
|
19
39
|
}
|
|
20
40
|
export type RegionPatch = Partial<RegionState>;
|
|
21
41
|
export interface AppLayoutContext {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appLayoutContext.d.ts","sourceRoot":"","sources":["../../../src/components/layout/appLayoutContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAG5C,eAAO,MAAM,uBAAuB,SAAS,CAAA;AAC7C,eAAO,MAAM,4BAA4B,SAAS,CAAA;AAElD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAA;AAE3D,MAAM,WAAW,WAAW;IAC3B,gFAAgF;IAChF,OAAO,EAAE,OAAO,CAAA;IAChB,sFAAsF;IACtF,IAAI,EAAE,OAAO,CAAA;IACb
|
|
1
|
+
{"version":3,"file":"appLayoutContext.d.ts","sourceRoot":"","sources":["../../../src/components/layout/appLayoutContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAG5C,eAAO,MAAM,uBAAuB,SAAS,CAAA;AAC7C,eAAO,MAAM,4BAA4B,SAAS,CAAA;AAElD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAA;AAE3D,MAAM,WAAW,WAAW;IAC3B,gFAAgF;IAChF,OAAO,EAAE,OAAO,CAAA;IAChB,sFAAsF;IACtF,IAAI,EAAE,OAAO,CAAA;IACb;;;;;;OAMG;IACH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IACxB,4EAA4E;IAC5E,IAAI,EAAE,MAAM,CAAA;IACZ,yEAAyE;IACzE,aAAa,EAAE,MAAM,CAAA;IACrB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mFAAmF;IACnF,OAAO,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC,CAAA;AAE9C,MAAM,WAAW,gBAAgB;IAEhC,qEAAqE;IACrE,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACpB,2CAA2C;IAC3C,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACtB,8EAA8E;IAC9E,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,gEAAgE;IAChE,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,2CAA2C;IAC3C,gBAAgB,EAAE,OAAO,CAAA;IAGzB,sEAAsE;IACtE,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC,CAAA;IACvD,kFAAkF;IAClF,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACtC,MAAM,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACpC,MAAM,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACpC,SAAS,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,uEAAuE;IACvE,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,YAAY,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,YAAY,CAAC,gBAAgB,CAAuB,CAAA;AAY/E;;;;GAIG;AACH,wBAAgB,oBAAoB,IAAI,OAAO,CAE9C;AAED;;;;GAIG;AACH,wBAAgB,YAAY,IAAI,gBAAgB,CA0B/C"}
|