@nubisco/ui 2.4.0 → 2.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Modal.d.ts +17 -2
- package/dist/components/Modal.vue.d.ts +1 -2
- package/dist/components/Modal.vue.d.ts.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +1 -1
- package/dist/main.d.ts +1 -0
- package/dist/main.d.ts.map +1 -1
- package/dist/ui.css +1 -1
- package/package.json +1 -1
|
@@ -1,10 +1,25 @@
|
|
|
1
1
|
import { ESizeShort } from '../types/Size.d'
|
|
2
2
|
|
|
3
|
+
/**
|
|
4
|
+
* Dialog size.
|
|
5
|
+
*
|
|
6
|
+
* `sm` | `md` | `lg` are the shared short scale. The two larger steps are
|
|
7
|
+
* modal-only, so they are declared here rather than widened into `ESizeShort`,
|
|
8
|
+
* which NbButton, NbDataTable, NbPagination and NbSlider also read.
|
|
9
|
+
*
|
|
10
|
+
* `xl` is a bigger fixed box: content-heavy dialogs that are still dialogs.
|
|
11
|
+
* `immersive` approaches the viewport, for side-by-side comparison content
|
|
12
|
+
* that a fixed width forces into cramped wrapping. It is not full-screen: it
|
|
13
|
+
* keeps a margin all round, so the page behind stays visible and the dialog
|
|
14
|
+
* still reads as something you are inside of, not somewhere you navigated to.
|
|
15
|
+
*/
|
|
16
|
+
type TModalSize = `${ESizeShort}` | 'xl' | 'immersive'
|
|
17
|
+
|
|
3
18
|
interface IModalProps {
|
|
4
19
|
open?: boolean
|
|
5
20
|
title?: string
|
|
6
|
-
size?:
|
|
21
|
+
size?: TModalSize
|
|
7
22
|
closeOnOverlay?: boolean
|
|
8
23
|
}
|
|
9
24
|
|
|
10
|
-
export { IModalProps }
|
|
25
|
+
export { IModalProps, TModalSize }
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { ESizeShort } from '../types/Size.d';
|
|
2
1
|
import type { IModalProps } from './Modal.d';
|
|
3
2
|
declare var __VLS_13: {}, __VLS_20: {}, __VLS_28: {};
|
|
4
3
|
type __VLS_Slots = {} & {
|
|
@@ -13,7 +12,7 @@ declare const __VLS_base: import("vue").DefineComponent<IModalProps, {}, {}, {},
|
|
|
13
12
|
}, string, import("vue").PublicProps, Readonly<IModalProps> & Readonly<{
|
|
14
13
|
onClose?: (() => any) | undefined;
|
|
15
14
|
}>, {
|
|
16
|
-
size:
|
|
15
|
+
size: import("./Modal.d").TModalSize;
|
|
17
16
|
title: string;
|
|
18
17
|
open: boolean;
|
|
19
18
|
closeOnOverlay: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../src/components/Modal.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../src/components/Modal.vue"],"names":[],"mappings":"AA0PA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAuM5C,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACpE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|