@synopackageland/ui 0.20.4 → 0.20.6
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 +27 -0
- package/LICENSES/THIRD_PARTY.md +2 -32
- package/dist/cli.js +0 -0
- package/dist/components/app/app-layout/AppLayout.vue.d.ts +21 -1
- package/dist/components/app/app-layout/pageTitle.d.ts +24 -0
- package/dist/components/app/app-tab-bar/AppTabBar.vue.d.ts +1 -1
- package/dist/components/app/aside-panel/AsidePanel.vue.d.ts +1 -1
- package/dist/components/app/section-tabs/SectionTabs.vue.d.ts +22 -4
- package/dist/components/composite/about-dialog/AboutDialog.vue.d.ts +1 -1
- package/dist/components/composite/adaptive-panel/AdaptivePanel.vue.d.ts +1 -1
- package/dist/components/composite/data-grid/DataGrid.vue.d.ts +19 -1
- package/dist/components/composite/data-grid/labels.d.ts +15 -0
- package/dist/components/composite/data-grid/listLayout.d.ts +26 -0
- package/dist/components/composite/data-table/DataTable.vue.d.ts +33 -7
- package/dist/components/composite/file-picker/FilePicker.vue.d.ts +3 -2
- package/dist/components/composite/form/FormGroup.vue.d.ts +1 -1
- package/dist/components/composite/form/context.d.ts +13 -0
- package/dist/components/composite/form-actions/FormActions.vue.d.ts +6 -2
- package/dist/components/composite/record-panel/RecordPanel.vue.d.ts +20 -6
- package/dist/components/composite/settings-section/SettingsSection.vue.d.ts +1 -1
- package/dist/components/composite/tag-editor/TagEditor.vue.d.ts +2 -2
- package/dist/components/composite/tree-view/TreeView.vue.d.ts +4 -4
- package/dist/components/composite/wizard/WizardDialog.vue.d.ts +2 -2
- package/dist/components/containers/list-detail/ListDetail.vue.d.ts +5 -3
- package/dist/components/feedback/validation-popup/ValidationPopup.vue.d.ts +1 -1
- package/dist/components/primitives/color-picker/ColorPicker.vue.d.ts +4 -4
- package/dist/components/primitives/combobox/Combobox.vue.d.ts +4 -4
- package/dist/components/primitives/context-menu/ContextMenu.vue.d.ts +2 -2
- package/dist/components/primitives/date-picker/DatePicker.vue.d.ts +1 -1
- package/dist/components/primitives/dialog/Dialog.vue.d.ts +17 -9
- package/dist/components/primitives/dropdown-menu/DropdownMenu.vue.d.ts +3 -3
- package/dist/components/primitives/dropdown-menu/DropdownMenuSheet.vue.d.ts +28 -0
- package/dist/components/primitives/input/Input.vue.d.ts +8 -1
- package/dist/components/primitives/input/Textarea.vue.d.ts +1 -1
- package/dist/components/primitives/input-steppers/InputSteppers.vue.d.ts +1 -1
- package/dist/components/primitives/motion/PushTransition.vue.d.ts +38 -0
- package/dist/components/primitives/multiple-select/MultipleSelect.vue.d.ts +4 -4
- package/dist/components/primitives/pagination/Pagination.vue.d.ts +22 -9
- package/dist/components/primitives/pagination/PaginationSheet.vue.d.ts +27 -0
- package/dist/components/primitives/pagination/labels.d.ts +6 -0
- package/dist/components/primitives/popover/Popover.vue.d.ts +1 -1
- package/dist/components/primitives/select/internal/ComboboxField.vue.d.ts +5 -5
- package/dist/components/primitives/select/internal/SelectSheet.vue.d.ts +42 -0
- package/dist/components/primitives/sheet/BottomSheet.vue.d.ts +69 -0
- package/dist/components/primitives/sheet/Sheet.vue.d.ts +13 -5
- package/dist/components/primitives/sheet/phone.d.ts +7 -0
- package/dist/components/primitives/superbox-select/SuperboxSelect.vue.d.ts +4 -4
- package/dist/components/rich-text-editor/RichTextEditor.vue.d.ts +1 -1
- package/dist/components/rich-text-editor/extensions.d.ts +2 -0
- package/dist/composables/formControl.d.ts +18 -0
- package/dist/composables/phoneSurface.d.ts +35 -0
- package/dist/feedback/StatusSlot.vue.d.ts +1 -1
- package/dist/grid/host/GridHost.vue.d.ts +1 -1
- package/dist/grid.js +358 -259
- package/dist/i18n/text.d.ts +11 -0
- package/dist/index.d.ts +7 -2
- package/dist/index.js +21205 -16551
- package/dist/json-preview/preview.js +16913 -12418
- package/dist/reka-runtime.json +15 -12
- package/dist/rich-text.js +259 -255
- package/dist/theme.css +1 -1
- package/dist/themes/dsm7-embedded-reset.css +1 -1
- package/dist/themes/dsm7-embedded-theme.css +1 -1
- package/dist/themes/dsm7-embedded.css +1 -1
- package/dist/themes/dsm7.css +1 -1
- package/docs/adaptive-layout.md +11 -9
- package/docs/app-local-modal.md +1 -1
- package/docs/layout-rules.md +14 -0
- package/docs/list-detail.md +9 -3
- package/docs/mobile-native.md +299 -11
- package/docs/release-checks.md +5 -0
- package/docs/theme-hooks.md +2 -2
- package/package.json +65 -57
|
@@ -13,14 +13,14 @@ type __VLS_Props = {
|
|
|
13
13
|
};
|
|
14
14
|
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
15
15
|
error: (error: unknown) => any;
|
|
16
|
-
"update:modelValue": (value: string[]) => any;
|
|
17
16
|
close: () => any;
|
|
18
17
|
open: () => any;
|
|
18
|
+
"update:modelValue": (value: string[]) => any;
|
|
19
19
|
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
20
20
|
onError?: ((error: unknown) => any) | undefined;
|
|
21
|
-
"onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
|
|
22
21
|
onClose?: (() => any) | undefined;
|
|
23
22
|
onOpen?: (() => any) | undefined;
|
|
23
|
+
"onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
|
|
24
24
|
}>, {
|
|
25
25
|
disabled: boolean;
|
|
26
26
|
modelValue: string[];
|
|
@@ -43,11 +43,11 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
|
|
|
43
43
|
collapseNode: (id: string) => void;
|
|
44
44
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
45
45
|
select: (node: TreeNode) => any;
|
|
46
|
-
"update:modelValue": (value: string | string[] | undefined) => any;
|
|
47
46
|
load: (payload: {
|
|
48
47
|
node: TreeNode;
|
|
49
48
|
children: TreeNode[];
|
|
50
49
|
}) => any;
|
|
50
|
+
"update:modelValue": (value: string | string[] | undefined) => any;
|
|
51
51
|
check: (payload: TreeViewCheckPayload) => any;
|
|
52
52
|
"update:checkedKeys": (value: string[]) => any;
|
|
53
53
|
"update:expanded": (value: string[]) => any;
|
|
@@ -62,11 +62,11 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
|
|
|
62
62
|
collapse: (node: TreeNode) => any;
|
|
63
63
|
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
64
64
|
onSelect?: ((node: TreeNode) => any) | undefined;
|
|
65
|
-
"onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
|
|
66
65
|
onLoad?: ((payload: {
|
|
67
66
|
node: TreeNode;
|
|
68
67
|
children: TreeNode[];
|
|
69
68
|
}) => any) | undefined;
|
|
69
|
+
"onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
|
|
70
70
|
onCheck?: ((payload: TreeViewCheckPayload) => any) | undefined;
|
|
71
71
|
"onUpdate:checkedKeys"?: ((value: string[]) => any) | undefined;
|
|
72
72
|
"onUpdate:expanded"?: ((value: string[]) => any) | undefined;
|
|
@@ -80,10 +80,10 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
|
|
|
80
80
|
"onUpdate:nodes"?: ((value: TreeNode[]) => any) | undefined;
|
|
81
81
|
onCollapse?: ((node: TreeNode) => any) | undefined;
|
|
82
82
|
}>, {
|
|
83
|
-
multiple: boolean;
|
|
84
83
|
expanded: string[];
|
|
85
|
-
checkedKeys: string[];
|
|
86
84
|
draggable: boolean | TreeViewDraggableConfig;
|
|
85
|
+
multiple: boolean;
|
|
86
|
+
checkedKeys: string[];
|
|
87
87
|
showIcons: boolean;
|
|
88
88
|
checkable: boolean;
|
|
89
89
|
defaultCheckedKeys: string[];
|
|
@@ -31,11 +31,11 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
|
|
|
31
31
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
32
32
|
onFinished?: (() => any) | undefined;
|
|
33
33
|
}>, {
|
|
34
|
-
defaultOpen: boolean;
|
|
35
34
|
open: boolean;
|
|
35
|
+
defaultOpen: boolean;
|
|
36
36
|
showClose: boolean;
|
|
37
|
-
closeOnFinish: boolean;
|
|
38
37
|
confirmClose: boolean;
|
|
38
|
+
closeOnFinish: boolean;
|
|
39
39
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
40
40
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
41
41
|
declare const _default: typeof __VLS_export;
|
|
@@ -18,13 +18,15 @@ type __VLS_Props = {
|
|
|
18
18
|
};
|
|
19
19
|
/** Goes back to the default width and forgets the remembered one. */
|
|
20
20
|
declare function reset(): void;
|
|
21
|
-
declare var __VLS_1: {},
|
|
21
|
+
declare var __VLS_1: {}, __VLS_12: {}, __VLS_14: {}, __VLS_24: {};
|
|
22
22
|
type __VLS_Slots = {} & {
|
|
23
23
|
default?: (props: typeof __VLS_1) => any;
|
|
24
24
|
} & {
|
|
25
|
-
header?: (props: typeof
|
|
25
|
+
header?: (props: typeof __VLS_12) => any;
|
|
26
26
|
} & {
|
|
27
|
-
|
|
27
|
+
header?: (props: typeof __VLS_14) => any;
|
|
28
|
+
} & {
|
|
29
|
+
detail?: (props: typeof __VLS_24) => any;
|
|
28
30
|
};
|
|
29
31
|
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
|
|
30
32
|
reset: typeof reset;
|
|
@@ -24,11 +24,11 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
|
|
|
24
24
|
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
25
25
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
26
26
|
}>, {
|
|
27
|
+
open: boolean;
|
|
27
28
|
offset: number;
|
|
28
29
|
side: "top" | "right" | "bottom" | "left";
|
|
29
30
|
align: "start" | "center" | "end";
|
|
30
31
|
defaultOpen: boolean;
|
|
31
|
-
open: boolean;
|
|
32
32
|
disable: boolean;
|
|
33
33
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
34
34
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -34,13 +34,13 @@ type __VLS_Props = {
|
|
|
34
34
|
declare function reset(): void;
|
|
35
35
|
declare function showCustom(): void;
|
|
36
36
|
declare function closeDropdown(): void;
|
|
37
|
-
declare var
|
|
37
|
+
declare var __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
|
|
38
38
|
type __VLS_Slots = {} & {
|
|
39
|
-
'top-custom'?: (props: typeof
|
|
39
|
+
'top-custom'?: (props: typeof __VLS_7) => any;
|
|
40
40
|
} & {
|
|
41
|
-
'bottom-custom'?: (props: typeof
|
|
41
|
+
'bottom-custom'?: (props: typeof __VLS_9) => any;
|
|
42
42
|
} & {
|
|
43
|
-
bottom?: (props: typeof
|
|
43
|
+
bottom?: (props: typeof __VLS_11) => any;
|
|
44
44
|
};
|
|
45
45
|
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
|
|
46
46
|
reset: typeof reset;
|
|
@@ -6,21 +6,21 @@ type __VLS_Props = Omit<SelectFieldProps, 'multiple' | 'modelValue' | 'defaultVa
|
|
|
6
6
|
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
7
7
|
select: (option: SelectOption) => any;
|
|
8
8
|
blur: (event: FocusEvent) => any;
|
|
9
|
+
focus: (event: FocusEvent) => any;
|
|
9
10
|
invalid: (text: string) => any;
|
|
10
11
|
"update:modelValue": (value: string) => any;
|
|
11
|
-
focus: (event: FocusEvent) => any;
|
|
12
|
-
"update:loading": (loading: boolean) => any;
|
|
13
12
|
create: (value: string) => any;
|
|
13
|
+
"update:loading": (loading: boolean) => any;
|
|
14
14
|
"open-dropdown": () => any;
|
|
15
15
|
"close-dropdown": () => any;
|
|
16
16
|
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
17
17
|
onSelect?: ((option: SelectOption) => any) | undefined;
|
|
18
18
|
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
19
|
+
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
19
20
|
onInvalid?: ((text: string) => any) | undefined;
|
|
20
21
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
21
|
-
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
22
|
-
"onUpdate:loading"?: ((loading: boolean) => any) | undefined;
|
|
23
22
|
onCreate?: ((value: string) => any) | undefined;
|
|
23
|
+
"onUpdate:loading"?: ((loading: boolean) => any) | undefined;
|
|
24
24
|
"onOpen-dropdown"?: (() => any) | undefined;
|
|
25
25
|
"onClose-dropdown"?: (() => any) | undefined;
|
|
26
26
|
}>, {
|
|
@@ -5,9 +5,9 @@ type __VLS_Props = {
|
|
|
5
5
|
/** How long a touch press is held before the menu opens, in ms; Reka's 700 when unset. */
|
|
6
6
|
pressOpenDelay?: number;
|
|
7
7
|
};
|
|
8
|
-
declare var
|
|
8
|
+
declare var __VLS_17: {};
|
|
9
9
|
type __VLS_Slots = {} & {
|
|
10
|
-
default?: (props: typeof
|
|
10
|
+
default?: (props: typeof __VLS_17) => any;
|
|
11
11
|
};
|
|
12
12
|
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
13
13
|
select: (key: string) => any;
|
|
@@ -25,7 +25,7 @@ type __VLS_Props = {
|
|
|
25
25
|
ariaLabel?: string;
|
|
26
26
|
/** Additive: show a time picker under the calendar and emit a local date-time string. */
|
|
27
27
|
showTime?: boolean;
|
|
28
|
-
/** Additive: type the date directly instead of picking it. Cannot be combined with `showTime`. */
|
|
28
|
+
/** Additive: type the date directly instead of picking it. Cannot be combined with `showTime`. On a phone the calendar sheet is used instead. */
|
|
29
29
|
editable?: boolean;
|
|
30
30
|
/** Additive: an empty text field clears the value instead of reporting `required`. */
|
|
31
31
|
allowBlank?: boolean;
|
|
@@ -16,7 +16,7 @@ type __VLS_Props = {
|
|
|
16
16
|
minHeight?: string;
|
|
17
17
|
/** The tallest the panel grows before its body scrolls (default 85vh), capped to the available height. */
|
|
18
18
|
maxHeight?: string;
|
|
19
|
-
/** Fills the viewport: `true` always, `'mobile'` only on a phone
|
|
19
|
+
/** Fills the viewport: `true` always, `'mobile'` only on a phone (an app 640px or narrower), for a dialog that is a page there. On a phone every dialog is a bottom sheet: `true`, `'mobile'` and a form of more than 3 fields fill the screen, the rest fit their content. */
|
|
20
20
|
fullscreen?: boolean | 'mobile';
|
|
21
21
|
closeLabel?: string;
|
|
22
22
|
/** Hides the header close affordance for fixed-flow dialogs that own their dismiss path. */
|
|
@@ -30,15 +30,23 @@ type __VLS_Props = {
|
|
|
30
30
|
/** The mask over the app behind: `dim` (default), `light` (a faint tint, as DSM leaves the window behind a wizard) or `none`. It blocks presses in each case. */
|
|
31
31
|
scrim?: 'dim' | 'light' | 'none';
|
|
32
32
|
};
|
|
33
|
-
declare var
|
|
33
|
+
declare var __VLS_15: {}, __VLS_18: {}, __VLS_20: {}, __VLS_23: {}, __VLS_38: {}, __VLS_86: {}, __VLS_99: {}, __VLS_107: {};
|
|
34
34
|
type __VLS_Slots = {} & {
|
|
35
|
-
trigger?: (props: typeof
|
|
35
|
+
trigger?: (props: typeof __VLS_15) => any;
|
|
36
36
|
} & {
|
|
37
|
-
header?: (props: typeof
|
|
37
|
+
header?: (props: typeof __VLS_18) => any;
|
|
38
38
|
} & {
|
|
39
|
-
default?: (props: typeof
|
|
39
|
+
default?: (props: typeof __VLS_20) => any;
|
|
40
40
|
} & {
|
|
41
|
-
footer?: (props: typeof
|
|
41
|
+
footer?: (props: typeof __VLS_23) => any;
|
|
42
|
+
} & {
|
|
43
|
+
trigger?: (props: typeof __VLS_38) => any;
|
|
44
|
+
} & {
|
|
45
|
+
header?: (props: typeof __VLS_86) => any;
|
|
46
|
+
} & {
|
|
47
|
+
default?: (props: typeof __VLS_99) => any;
|
|
48
|
+
} & {
|
|
49
|
+
footer?: (props: typeof __VLS_107) => any;
|
|
42
50
|
};
|
|
43
51
|
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
44
52
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
@@ -55,13 +63,13 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
|
|
|
55
63
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
56
64
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
57
65
|
}>, {
|
|
66
|
+
open: boolean;
|
|
58
67
|
flush: boolean;
|
|
59
68
|
defaultOpen: boolean;
|
|
60
|
-
open: boolean;
|
|
61
|
-
closeOnOutside: boolean;
|
|
62
69
|
showClose: boolean;
|
|
63
|
-
|
|
70
|
+
closeOnOutside: boolean;
|
|
64
71
|
scrim: "dim" | "light" | "none";
|
|
72
|
+
headerDivider: boolean;
|
|
65
73
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
66
74
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
67
75
|
declare const _default: typeof __VLS_export;
|
|
@@ -17,9 +17,9 @@ type __VLS_Props = {
|
|
|
17
17
|
/** `none` drops the open and close motion (a grid editor's menu); inherits `provideOverlayMotion`. */
|
|
18
18
|
motion?: OverlayMotion;
|
|
19
19
|
};
|
|
20
|
-
declare var
|
|
20
|
+
declare var __VLS_17: {};
|
|
21
21
|
type __VLS_Slots = {} & {
|
|
22
|
-
trigger?: (props: typeof
|
|
22
|
+
trigger?: (props: typeof __VLS_17) => any;
|
|
23
23
|
};
|
|
24
24
|
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
25
25
|
select: (key: string) => any;
|
|
@@ -38,8 +38,8 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
|
|
|
38
38
|
"onUpdate:radioValues"?: ((value: Record<string, string>) => any) | undefined;
|
|
39
39
|
onRadioSelect?: ((value: string, key: string, group: string) => any) | undefined;
|
|
40
40
|
}>, {
|
|
41
|
-
align: "start" | "center" | "end";
|
|
42
41
|
open: boolean;
|
|
42
|
+
align: "start" | "center" | "end";
|
|
43
43
|
motion: OverlayMotion;
|
|
44
44
|
radioIndicator: "dot" | "check";
|
|
45
45
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { DropdownMenuEntry } from './types';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
open: boolean;
|
|
4
|
+
items: DropdownMenuEntry[];
|
|
5
|
+
/** The sheet's title on the first level, e.g. the name of the button that opened it. */
|
|
6
|
+
title?: string;
|
|
7
|
+
checkedKeys?: string[];
|
|
8
|
+
radioValues?: Record<string, string>;
|
|
9
|
+
radioIndicator?: 'dot' | 'check';
|
|
10
|
+
};
|
|
11
|
+
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
12
|
+
select: (key: string) => any;
|
|
13
|
+
radio: (value: string, key: string, group: string) => any;
|
|
14
|
+
toggle: (key: string, checked: boolean) => any;
|
|
15
|
+
"update:open": (value: boolean) => any;
|
|
16
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
17
|
+
onSelect?: ((key: string) => any) | undefined;
|
|
18
|
+
onRadio?: ((value: string, key: string, group: string) => any) | undefined;
|
|
19
|
+
onToggle?: ((key: string, checked: boolean) => any) | undefined;
|
|
20
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
21
|
+
}>, {
|
|
22
|
+
title: string;
|
|
23
|
+
checkedKeys: string[];
|
|
24
|
+
radioValues: Record<string, string>;
|
|
25
|
+
radioIndicator: "dot" | "check";
|
|
26
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
27
|
+
declare const _default: typeof __VLS_export;
|
|
28
|
+
export default _default;
|
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
type __VLS_Props = {
|
|
2
2
|
modelValue?: string | number;
|
|
3
|
+
/**
|
|
4
|
+
* The native input type, plus `integer` and `decimal`: text fields that open
|
|
5
|
+
* a number keyboard (`inputmode` numeric or decimal) without the native
|
|
6
|
+
* number field's spinner and value parsing. The type also sets the phone
|
|
7
|
+
* keyboard's hints (`inputmode`, `autocapitalize`, `spellcheck`,
|
|
8
|
+
* `enterkeyhint`); an attribute of the same name overrides each.
|
|
9
|
+
*/
|
|
3
10
|
type?: string;
|
|
4
11
|
placeholder?: string;
|
|
5
12
|
disabled?: boolean;
|
|
@@ -25,9 +32,9 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
|
|
|
25
32
|
size: "sm" | "md" | "lg";
|
|
26
33
|
type: string;
|
|
27
34
|
disabled: boolean;
|
|
35
|
+
invalid: boolean;
|
|
28
36
|
modelValue: string | number;
|
|
29
37
|
readonly: boolean;
|
|
30
|
-
invalid: boolean;
|
|
31
38
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
32
39
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
33
40
|
declare const _default: typeof __VLS_export;
|
|
@@ -16,9 +16,9 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {
|
|
|
16
16
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
17
17
|
}>, {
|
|
18
18
|
disabled: boolean;
|
|
19
|
+
invalid: boolean;
|
|
19
20
|
modelValue: string;
|
|
20
21
|
readonly: boolean;
|
|
21
|
-
invalid: boolean;
|
|
22
22
|
rows: number;
|
|
23
23
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
24
24
|
declare const _default: typeof __VLS_export;
|
|
@@ -42,8 +42,8 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {
|
|
|
42
42
|
}>, {
|
|
43
43
|
menu: InputSteppersMenuItem[];
|
|
44
44
|
disabled: boolean;
|
|
45
|
-
modelValue: number;
|
|
46
45
|
width: number;
|
|
46
|
+
modelValue: number;
|
|
47
47
|
controlsType: "right-left" | "up-down";
|
|
48
48
|
hasDivider: boolean;
|
|
49
49
|
selectOnFocus: boolean;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
/** Whether the page is pushed. */
|
|
3
|
+
show: boolean;
|
|
4
|
+
/** Push motion, the edge swipe, the back header and the Back key. Off: the page shows and hides at once. */
|
|
5
|
+
enabled?: boolean;
|
|
6
|
+
/** The page underneath: it slides 30% left, dims and turns inert while covered. */
|
|
7
|
+
under?: HTMLElement | null;
|
|
8
|
+
/** The back header's title; without it (and without the `title` slot) the page has no back header. */
|
|
9
|
+
title?: string;
|
|
10
|
+
/** Keeps the page mounted, hidden, while it is popped (its local drafts stay). */
|
|
11
|
+
keepMounted?: boolean;
|
|
12
|
+
/** The page's element. */
|
|
13
|
+
as?: string;
|
|
14
|
+
};
|
|
15
|
+
type __VLS_Slots = {
|
|
16
|
+
default?: () => unknown;
|
|
17
|
+
title?: () => unknown;
|
|
18
|
+
'header-actions'?: () => unknown;
|
|
19
|
+
};
|
|
20
|
+
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
21
|
+
pop: () => any;
|
|
22
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
23
|
+
onPop?: (() => any) | undefined;
|
|
24
|
+
}>, {
|
|
25
|
+
title: string;
|
|
26
|
+
as: string;
|
|
27
|
+
enabled: boolean;
|
|
28
|
+
under: HTMLElement | null;
|
|
29
|
+
keepMounted: boolean;
|
|
30
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
31
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
32
|
+
declare const _default: typeof __VLS_export;
|
|
33
|
+
export default _default;
|
|
34
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
35
|
+
new (): {
|
|
36
|
+
$slots: S;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
@@ -6,21 +6,21 @@ type __VLS_Props = Omit<SelectFieldProps, 'multiple' | 'modelValue' | 'defaultVa
|
|
|
6
6
|
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
7
7
|
select: (option: SelectOption) => any;
|
|
8
8
|
blur: (event: FocusEvent) => any;
|
|
9
|
+
focus: (event: FocusEvent) => any;
|
|
9
10
|
invalid: (text: string) => any;
|
|
10
11
|
"update:modelValue": (value: string[]) => any;
|
|
11
|
-
focus: (event: FocusEvent) => any;
|
|
12
|
-
"update:loading": (loading: boolean) => any;
|
|
13
12
|
create: (value: string) => any;
|
|
13
|
+
"update:loading": (loading: boolean) => any;
|
|
14
14
|
"open-dropdown": () => any;
|
|
15
15
|
"close-dropdown": () => any;
|
|
16
16
|
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
17
17
|
onSelect?: ((option: SelectOption) => any) | undefined;
|
|
18
18
|
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
19
|
+
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
19
20
|
onInvalid?: ((text: string) => any) | undefined;
|
|
20
21
|
"onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
|
|
21
|
-
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
22
|
-
"onUpdate:loading"?: ((loading: boolean) => any) | undefined;
|
|
23
22
|
onCreate?: ((value: string) => any) | undefined;
|
|
23
|
+
"onUpdate:loading"?: ((loading: boolean) => any) | undefined;
|
|
24
24
|
"onOpen-dropdown"?: (() => any) | undefined;
|
|
25
25
|
"onClose-dropdown"?: (() => any) | undefined;
|
|
26
26
|
}>, {
|
|
@@ -29,7 +29,8 @@ type __VLS_Props = {
|
|
|
29
29
|
showTotal?: boolean;
|
|
30
30
|
/** Page-size choices; `false` hides the selector. Bind `v-model:page-size` to follow it. */
|
|
31
31
|
itemsPerPage?: false | PaginationPageSizeOption[];
|
|
32
|
-
|
|
32
|
+
/** `phone` is the `‹ Page 1 of N ›` pager with its page sheet; an app 640px or narrower uses it whatever the mode. */
|
|
33
|
+
mode?: 'normal' | 'less' | 'phone';
|
|
33
34
|
hasFirstBtn?: boolean;
|
|
34
35
|
hasLastBtn?: boolean;
|
|
35
36
|
/** Unknown total: no page numbers and no totals, only previous/next. */
|
|
@@ -54,13 +55,25 @@ declare var __VLS_1: {
|
|
|
54
55
|
pageCount: number;
|
|
55
56
|
start: number;
|
|
56
57
|
end: number;
|
|
57
|
-
},
|
|
58
|
+
}, __VLS_33: {}, __VLS_48: {}, __VLS_58: {
|
|
59
|
+
total: number;
|
|
60
|
+
page: number;
|
|
61
|
+
pageCount: number;
|
|
62
|
+
start: number;
|
|
63
|
+
end: number;
|
|
64
|
+
}, __VLS_116: {}, __VLS_138: {};
|
|
58
65
|
type __VLS_Slots = {} & {
|
|
59
66
|
total?: (props: typeof __VLS_1) => any;
|
|
60
67
|
} & {
|
|
61
|
-
right?: (props: typeof
|
|
68
|
+
right?: (props: typeof __VLS_33) => any;
|
|
69
|
+
} & {
|
|
70
|
+
'right-wrapper'?: (props: typeof __VLS_48) => any;
|
|
71
|
+
} & {
|
|
72
|
+
total?: (props: typeof __VLS_58) => any;
|
|
73
|
+
} & {
|
|
74
|
+
right?: (props: typeof __VLS_116) => any;
|
|
62
75
|
} & {
|
|
63
|
-
'right-wrapper'?: (props: typeof
|
|
76
|
+
'right-wrapper'?: (props: typeof __VLS_138) => any;
|
|
64
77
|
};
|
|
65
78
|
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
|
|
66
79
|
focusPrevious: () => void;
|
|
@@ -80,23 +93,23 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
|
|
|
80
93
|
}>, {
|
|
81
94
|
modelValue: number;
|
|
82
95
|
end: string | number;
|
|
83
|
-
mode: "normal" | "less";
|
|
96
|
+
mode: "normal" | "less" | "phone";
|
|
84
97
|
labels: Partial<PaginationLabels>;
|
|
85
98
|
start: string | number;
|
|
99
|
+
hasNext: boolean;
|
|
86
100
|
refresh: boolean;
|
|
87
|
-
|
|
101
|
+
endless: boolean;
|
|
88
102
|
pageSize: number;
|
|
89
|
-
|
|
103
|
+
itemsPerPage: false | PaginationPageSizeOption[];
|
|
104
|
+
total: string | number;
|
|
90
105
|
hasPrev: boolean;
|
|
91
106
|
selectedCount: string | number;
|
|
92
107
|
filteredCount: string | number;
|
|
93
108
|
switchPage: boolean;
|
|
94
109
|
pageShiftUnit: number;
|
|
95
110
|
showTotal: boolean;
|
|
96
|
-
itemsPerPage: false | PaginationPageSizeOption[];
|
|
97
111
|
hasFirstBtn: boolean;
|
|
98
112
|
hasLastBtn: boolean;
|
|
99
|
-
endless: boolean;
|
|
100
113
|
autoLess: boolean;
|
|
101
114
|
lessWidth: number;
|
|
102
115
|
maxPageButtons: number;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
open: boolean;
|
|
3
|
+
page: number;
|
|
4
|
+
pageCount: number;
|
|
5
|
+
/** Unknown total: no page field, only the sizes. */
|
|
6
|
+
endless: boolean;
|
|
7
|
+
pageSize: number;
|
|
8
|
+
sizes: {
|
|
9
|
+
label: string;
|
|
10
|
+
value: string;
|
|
11
|
+
}[];
|
|
12
|
+
title: string;
|
|
13
|
+
hint: string;
|
|
14
|
+
go: string;
|
|
15
|
+
itemsPerPage: string;
|
|
16
|
+
};
|
|
17
|
+
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
18
|
+
"update:open": (open: boolean) => any;
|
|
19
|
+
page: (page: number) => any;
|
|
20
|
+
pageSize: (value: string) => any;
|
|
21
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
22
|
+
"onUpdate:open"?: ((open: boolean) => any) | undefined;
|
|
23
|
+
onPage?: ((page: number) => any) | undefined;
|
|
24
|
+
onPageSize?: ((value: string) => any) | undefined;
|
|
25
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
26
|
+
declare const _default: typeof __VLS_export;
|
|
27
|
+
export default _default;
|
|
@@ -12,6 +12,12 @@ export type PaginationLabels = {
|
|
|
12
12
|
/** Accessible name of an inactive page button. */
|
|
13
13
|
goToPage: (page: number) => string;
|
|
14
14
|
itemsPerPage: string;
|
|
15
|
+
/** The phone pager's middle label, `Page 1 of 24`; it opens the page sheet. */
|
|
16
|
+
pageOf: (page: number, pageCount: number) => string;
|
|
17
|
+
/** Title of the phone page sheet and its page field. */
|
|
18
|
+
goToPageTitle: string;
|
|
19
|
+
/** The page sheet's confirm button. */
|
|
20
|
+
go: string;
|
|
15
21
|
/** Templates for `totalTextMode`; `{total}`, `{start}`, `{end}`, `{filteredCount}` and `{selectedCount}` are replaced. */
|
|
16
22
|
totalText: Record<PaginationTotalTextMode, string>;
|
|
17
23
|
};
|
|
@@ -23,10 +23,10 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
|
|
|
23
23
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
24
24
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
25
25
|
}>, {
|
|
26
|
+
open: boolean;
|
|
26
27
|
width: string;
|
|
27
28
|
side: "top" | "right" | "bottom" | "left";
|
|
28
29
|
align: "start" | "center" | "end";
|
|
29
|
-
open: boolean;
|
|
30
30
|
motion: OverlayMotion;
|
|
31
31
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
32
32
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -2,21 +2,21 @@ import { SelectFieldProps, SelectOption } from './types';
|
|
|
2
2
|
declare const __VLS_export: import('vue').DefineComponent<SelectFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
3
3
|
select: (option: SelectOption) => any;
|
|
4
4
|
blur: (event: FocusEvent) => any;
|
|
5
|
+
focus: (event: FocusEvent) => any;
|
|
5
6
|
invalid: (text: string) => any;
|
|
6
7
|
"update:modelValue": (value: string | string[]) => any;
|
|
7
|
-
focus: (event: FocusEvent) => any;
|
|
8
|
-
"update:loading": (loading: boolean) => any;
|
|
9
8
|
create: (value: string) => any;
|
|
9
|
+
"update:loading": (loading: boolean) => any;
|
|
10
10
|
"open-dropdown": () => any;
|
|
11
11
|
"close-dropdown": () => any;
|
|
12
12
|
}, string, import('vue').PublicProps, Readonly<SelectFieldProps> & Readonly<{
|
|
13
13
|
onSelect?: ((option: SelectOption) => any) | undefined;
|
|
14
14
|
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
15
|
+
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
15
16
|
onInvalid?: ((text: string) => any) | undefined;
|
|
16
17
|
"onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
|
|
17
|
-
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
18
|
-
"onUpdate:loading"?: ((loading: boolean) => any) | undefined;
|
|
19
18
|
onCreate?: ((value: string) => any) | undefined;
|
|
19
|
+
"onUpdate:loading"?: ((loading: boolean) => any) | undefined;
|
|
20
20
|
"onOpen-dropdown"?: (() => any) | undefined;
|
|
21
21
|
"onClose-dropdown"?: (() => any) | undefined;
|
|
22
22
|
}>, {
|
|
@@ -28,10 +28,10 @@ declare const __VLS_export: import('vue').DefineComponent<SelectFieldProps, {},
|
|
|
28
28
|
ariaLabelledby: string;
|
|
29
29
|
defaultValue: string | string[];
|
|
30
30
|
options: import('./types').SelectOptions;
|
|
31
|
+
multiple: boolean;
|
|
31
32
|
minSearchChar: number;
|
|
32
33
|
caseSensitive: boolean;
|
|
33
34
|
motion: "auto" | "none";
|
|
34
|
-
multiple: boolean;
|
|
35
35
|
allowCreate: import('./types').SelectAllowCreate;
|
|
36
36
|
editable: boolean;
|
|
37
37
|
clearable: boolean;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { SelectGroup } from './options';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
open: boolean;
|
|
4
|
+
title?: string;
|
|
5
|
+
groups: SelectGroup[];
|
|
6
|
+
/** The chosen value, or values with `multiple`. */
|
|
7
|
+
value?: string | string[];
|
|
8
|
+
multiple?: boolean;
|
|
9
|
+
/** Shows the search field. */
|
|
10
|
+
search?: boolean;
|
|
11
|
+
query?: string;
|
|
12
|
+
searchPlaceholder?: string;
|
|
13
|
+
loading?: boolean;
|
|
14
|
+
loadingText?: string;
|
|
15
|
+
notFoundText?: string;
|
|
16
|
+
/** A last row that adds what was typed, e.g. `Add "Lisbon"`. */
|
|
17
|
+
createText?: string;
|
|
18
|
+
};
|
|
19
|
+
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
20
|
+
"update:open": (value: boolean) => any;
|
|
21
|
+
"update:query": (value: string) => any;
|
|
22
|
+
pick: (value: string) => any;
|
|
23
|
+
create: () => any;
|
|
24
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
25
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
26
|
+
"onUpdate:query"?: ((value: string) => any) | undefined;
|
|
27
|
+
onPick?: ((value: string) => any) | undefined;
|
|
28
|
+
onCreate?: (() => any) | undefined;
|
|
29
|
+
}>, {
|
|
30
|
+
search: boolean;
|
|
31
|
+
title: string;
|
|
32
|
+
loading: boolean;
|
|
33
|
+
value: string | string[];
|
|
34
|
+
multiple: boolean;
|
|
35
|
+
query: string;
|
|
36
|
+
searchPlaceholder: string;
|
|
37
|
+
loadingText: string;
|
|
38
|
+
notFoundText: string;
|
|
39
|
+
createText: string;
|
|
40
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
41
|
+
declare const _default: typeof __VLS_export;
|
|
42
|
+
export default _default;
|