@bagelink/vue 1.15.125 → 1.15.129
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/form/inputs/RichText/index.vue.d.ts +1 -0
- package/dist/components/form/inputs/RichText/index.vue.d.ts.map +1 -1
- package/dist/components/layout/AppContent.vue.d.ts +64 -0
- package/dist/components/layout/AppContent.vue.d.ts.map +1 -1
- package/dist/components/layout/AppLayout.vue.d.ts.map +1 -1
- package/dist/components/layout/appLayoutContext.d.ts +6 -0
- package/dist/components/layout/appLayoutContext.d.ts.map +1 -1
- package/dist/index.cjs +137 -164
- package/dist/index.mjs +35255 -29163
- package/dist/style.css +2 -1
- package/package.json +1 -1
- package/src/components/FloatingPanel.vue +1 -1
- package/src/components/ListItem.vue +1 -1
- package/src/components/Menu.vue +1 -1
- package/src/components/form/inputs/RichText/index.vue +41 -1
- package/src/components/layout/AppContent.vue +349 -26
- package/src/components/layout/AppLayout.vue +14 -2
- package/src/components/layout/appLayoutContext.ts +9 -0
- package/src/styles/layout.css +10 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/inputs/RichText/index.vue"],"names":[],"mappings":"AACA;
|
|
1
|
+
{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/inputs/RichText/index.vue"],"names":[],"mappings":"AACA;AAqkIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAYpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAQ9D,KAAK,WAAW,GAAG;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IAEf,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC1B,GAAG,oBAAoB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yDAjDzB,CA7jIS;;mDA6jIT,CA3jIkD;;;;+CA2jIlD,CAxjIY;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAg6SZ,wBASG"}
|
|
@@ -1,10 +1,67 @@
|
|
|
1
|
+
/** How the header is framed against the page body. */
|
|
2
|
+
type HeaderVariant = 'border' | 'card' | 'none';
|
|
1
3
|
interface Props {
|
|
2
4
|
title?: string;
|
|
3
5
|
/** Secondary line under the title (page description / context). */
|
|
4
6
|
subtitle?: string;
|
|
5
7
|
showMenuButton?: boolean;
|
|
6
8
|
backTo?: string | Record<string, any>;
|
|
9
|
+
/**
|
|
10
|
+
* Header framing:
|
|
11
|
+
* 'border' → bottom hairline under the header (default — legacy behaviour).
|
|
12
|
+
* 'card' → header sits as a rounded, elevated card above the body.
|
|
13
|
+
* 'none' → no border, no card (flush with the body).
|
|
14
|
+
*/
|
|
15
|
+
variant?: HeaderVariant;
|
|
16
|
+
/**
|
|
17
|
+
* Override the header framing on mobile (≤ breakpoint) only. Lets a header be,
|
|
18
|
+
* say, a `card` on desktop but flush (`none`) on a phone, where the extra chrome
|
|
19
|
+
* and margins feel heavy. Unset (default) = mobile inherits the desktop variant.
|
|
20
|
+
*/
|
|
21
|
+
mobileVariant?: HeaderVariant;
|
|
22
|
+
/**
|
|
23
|
+
* Shorthand for `variant="card"` — lets you write `<AppContent card>` instead
|
|
24
|
+
* of `<AppContent variant="card">`. Ignored when `variant` is passed explicitly.
|
|
25
|
+
*/
|
|
26
|
+
card?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* @deprecated Use `variant` instead. `border` maps to
|
|
29
|
+
* `variant="border"` (true, the old default) or `variant="none"` (false).
|
|
30
|
+
* Only applied when `variant` (and `card`) are not passed.
|
|
31
|
+
*/
|
|
7
32
|
border?: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Fixed header height. Locked in on both desktop and mobile so the header's
|
|
35
|
+
* top-start corner (and everything in it — titles, inputs, buttons) sits at
|
|
36
|
+
* the exact same place on every page, regardless of content. Any CSS length.
|
|
37
|
+
*/
|
|
38
|
+
headerHeight?: string;
|
|
39
|
+
/**
|
|
40
|
+
* Lock the header to a single row of exactly `headerHeight` — content never
|
|
41
|
+
* wraps to a second line; anything that overflows is clipped. Off by default:
|
|
42
|
+
* the header keeps its fixed *minimum* height (stable start corner) but is
|
|
43
|
+
* free to grow downward into extra rows when content needs it (common on
|
|
44
|
+
* mobile). Turn this on only for headers you know must stay one exact line.
|
|
45
|
+
*/
|
|
46
|
+
singleRow?: boolean;
|
|
47
|
+
/**
|
|
48
|
+
* Cap the readable width of the page and center it on wide screens. Applies to
|
|
49
|
+
* BOTH the header and the body, so the title stays aligned above the content
|
|
50
|
+
* (no more per-view `w-1100px mx-auto`). Any CSS length, e.g. '1100px', '80rem'.
|
|
51
|
+
* Unset (default) = full-bleed. On narrow screens the content simply fills the
|
|
52
|
+
* available width (the cap only kicks in once the viewport is wider than it).
|
|
53
|
+
*/
|
|
54
|
+
maxWidth?: string;
|
|
55
|
+
/**
|
|
56
|
+
* Make the body's child fill the content area — the body becomes a flex column
|
|
57
|
+
* so its child takes the full width and the remaining height (`flex:1`) and owns
|
|
58
|
+
* its own scrolling. Saves repeating `h-100p w-100p overflow-hidden` on the
|
|
59
|
+
* wrapper of full-height views (tables, Kanban boards, chat, split panes). Off by
|
|
60
|
+
* default so short content (forms, empty states) still flows naturally at its own
|
|
61
|
+
* height instead of being stretched. Use only when the child should own the whole
|
|
62
|
+
* viewport region.
|
|
63
|
+
*/
|
|
64
|
+
fill?: boolean;
|
|
8
65
|
}
|
|
9
66
|
declare function __VLS_template(): {
|
|
10
67
|
attrs: Partial<{}>;
|
|
@@ -20,8 +77,15 @@ declare function __VLS_template(): {
|
|
|
20
77
|
};
|
|
21
78
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
22
79
|
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
80
|
+
fill: boolean;
|
|
23
81
|
border: boolean;
|
|
82
|
+
card: boolean;
|
|
83
|
+
maxWidth: string;
|
|
84
|
+
variant: HeaderVariant;
|
|
24
85
|
showMenuButton: boolean;
|
|
86
|
+
mobileVariant: HeaderVariant;
|
|
87
|
+
headerHeight: string;
|
|
88
|
+
singleRow: boolean;
|
|
25
89
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
26
90
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
27
91
|
export default _default;
|
|
@@ -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":"AA6bA,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;AAiED,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;UA7Ob,OAAO;YAhCL,OAAO;UANT,OAAO;cA4BH,MAAM;aAvCP,aAAa;oBARN,OAAO;mBAcR,aAAa;kBAiBd,MAAM;eAQT,OAAO;wFAuQlB,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":"AppLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/AppLayout.vue"],"names":[],"mappings":"AAyBA;
|
|
1
|
+
{"version":3,"file":"AppLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/AppLayout.vue"],"names":[],"mappings":"AAyBA;AA0VA,OAAO,EAMN,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;AAiGD,iBAAS,aAAa,SAErB;AA8FD,iBAAS,cAAc;WAyFT,OAAO,IAA6B;;;;;;;;;;2BApM/B,WAAW;;;;;YAmLL,GAAG;;;;;;;;;2BArLP,WAAW;;;;;YAsLL,GAAG;;;;;;YACD,GAAG;;;;;;;;;2BAtLb,WAAW;;;;;YAuLL,GAAG;;;YACD,GAAG;;;;;;YACF,GAAG;;;;;;YACF,GAAG;;;;;;;;;2BAxLV,WAAW;;;;;YAyLL,GAAG;;;;EAe9B;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;UAjUb,OAAO;kBAJC,MAAM;sBACF,OAAO;iBACZ,OAAO;aAIX,OAAO;gBACJ,MAAM;oBAOF,MAAM;0BACA,MAAM;wFA+T5B,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"}
|
|
@@ -45,6 +45,12 @@ export interface AppLayoutContext {
|
|
|
45
45
|
toggleBottom: () => void;
|
|
46
46
|
}
|
|
47
47
|
export declare const AppLayoutKey: InjectionKey<AppLayoutContext>;
|
|
48
|
+
/**
|
|
49
|
+
* True when called from inside a real `<AppLayout>` (a provider is present).
|
|
50
|
+
* Lets a child (e.g. AppContent) adapt its layout when it's nested in the shell
|
|
51
|
+
* vs. used standalone — without emitting the dev warning `useAppLayout` does.
|
|
52
|
+
*/
|
|
53
|
+
export declare function useIsInsideAppLayout(): boolean;
|
|
48
54
|
/**
|
|
49
55
|
* Access the AppLayout context (region state, sidebar open state, mobile flag).
|
|
50
56
|
* Works inside AppLayout's slots — including custom header buttons.
|
|
@@ -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;;;OAGG;IACH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IACxB,4EAA4E;IAC5E,IAAI,EAAE,MAAM,CAAA;IACZ,yEAAyE;IACzE,aAAa,EAAE,MAAM,CAAA;CACrB;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,YAAY,IAAI,gBAAgB,CA0B/C"}
|
|
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;;;OAGG;IACH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IACxB,4EAA4E;IAC5E,IAAI,EAAE,MAAM,CAAA;IACZ,yEAAyE;IACzE,aAAa,EAAE,MAAM,CAAA;CACrB;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"}
|