@octans/ui 1.0.0 → 1.3.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/README.md +45 -2
- package/dist/components/ActionList/ActionList.vue.d.ts +12 -4
- package/dist/components/ActionList/ActionListButton.vue.d.ts +13 -1
- package/dist/components/AppFrame/AppFrame.vue.d.ts +3 -3
- package/dist/components/Badge/Badge.vue.d.ts +3 -3
- package/dist/components/Banner/Banner.vue.d.ts +18 -0
- package/dist/components/Button/Button.vue.d.ts +66 -0
- package/dist/components/Calendar/types.d.ts +52 -0
- package/dist/components/CalendarHeatmap/CalendarHeatmap.vue.d.ts +1 -1
- package/dist/components/Card/CardSection.vue.d.ts +1 -1
- package/dist/components/ColorSelector/ColorSelector.vue.d.ts +1 -1
- package/dist/components/ColorSelector/types.d.ts +2 -2
- package/dist/components/DataTable/BulkActions.vue.d.ts +21 -3
- package/dist/components/DatePicker/types.d.ts +33 -0
- package/dist/components/FileInput/FileInput.vue.d.ts +104 -0
- package/dist/components/FileInput/ItemList.vue.d.ts +6 -0
- package/dist/components/FileInput/pageDrop.d.ts +23 -0
- package/dist/components/Filters/FilterActions.vue.d.ts +21 -3
- package/dist/components/Filters/FilterItem.vue.d.ts +31 -3
- package/dist/components/Filters/Filters.vue.d.ts +73 -9
- package/dist/components/Formatter/Formatter.vue.d.ts +18 -0
- package/dist/components/KeyboardKey/KeyboardKey.vue.d.ts +38 -0
- package/dist/components/KeyboardKey/index.d.ts +2 -0
- package/dist/components/Labelled/Labelled.vue.d.ts +18 -2
- package/dist/components/Modal/ModalSection.vue.d.ts +71 -0
- package/dist/components/Modal/index.d.ts +2 -1
- package/dist/components/Page/Page.vue.d.ts +34 -4
- package/dist/components/{Popper/Popper.vue.d.ts → Popover/Popover.vue.d.ts} +4 -4
- package/dist/components/Popover/index.d.ts +90 -0
- package/dist/components/{Popper → Popover}/types.d.ts +3 -3
- package/dist/components/RangeSlider/RangeSlider.vue.d.ts +27 -0
- package/dist/components/Select/Select.vue.d.ts +35 -3
- package/dist/components/SkeletonPage/SkeletonPage.vue.d.ts +19 -0
- package/dist/components/SkeletonPage/index.d.ts +2 -0
- package/dist/components/SkeletonPage/types.d.ts +26 -0
- package/dist/components/Tabs/Tabs.vue.d.ts +1 -14
- package/dist/components/Tabs/types.d.ts +11 -1
- package/dist/components/Tag/Tag.vue.d.ts +3 -3
- package/dist/components/TextField/types.d.ts +10 -0
- package/dist/components/TimePicker/types.d.ts +10 -0
- package/dist/components/ToggleSwitch/ToggleSwitch.vue.d.ts +8 -2
- package/dist/components/ToggleSwitch/types.d.ts +29 -0
- package/dist/components/Tooltip/Tooltip.vue.d.ts +2 -2
- package/dist/components/all.d.ts +3 -1
- package/dist/components/types.d.ts +5 -0
- package/dist/lib.d.ts +4 -1
- package/dist/reset.css +73 -0
- package/dist/style.css +1 -1
- package/dist/ui.js +4255 -3770
- package/dist/ui.umd.js +3 -3
- package/dist/utils/color.d.ts +11 -0
- package/dist/utils/contrastPairs.d.ts +39 -0
- package/dist/utils/createTheme.d.ts +29 -0
- package/dist/utils/customTheme.d.ts +1 -1
- package/dist/utils/date.d.ts +12 -1
- package/dist/utils/format.d.ts +8 -0
- package/dist/utils/positionPanel.d.ts +2 -2
- package/dist/utils/radix.d.ts +2 -2
- package/dist/utils/tokens.d.ts +1 -1
- package/package.json +29 -24
- package/skills/octans-ui/SKILL.md +303 -0
- package/dist/components/Popper/index.d.ts +0 -2
|
@@ -37,6 +37,18 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
37
37
|
helpLink: {
|
|
38
38
|
type: PropType<string | false | null>;
|
|
39
39
|
};
|
|
40
|
+
/**
|
|
41
|
+
* Marks the field as required, drawing an asterisk after the label.
|
|
42
|
+
*
|
|
43
|
+
* Unlike the other form controls this sets no `aria-required`: the
|
|
44
|
+
* `<input type="file">` is visually hidden and so is not in the
|
|
45
|
+
* accessibility tree, and the drop zone is a plain region rather than a
|
|
46
|
+
* control that could carry it.
|
|
47
|
+
*/
|
|
48
|
+
required: {
|
|
49
|
+
type: BooleanConstructor;
|
|
50
|
+
default: boolean;
|
|
51
|
+
};
|
|
40
52
|
/**
|
|
41
53
|
* A string that defines the file types the file input should accept.
|
|
42
54
|
*
|
|
@@ -77,9 +89,24 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
77
89
|
type: BooleanConstructor;
|
|
78
90
|
default: boolean;
|
|
79
91
|
};
|
|
92
|
+
/**
|
|
93
|
+
* Makes the WHOLE PAGE a drop target, not just the zone — dropping a file
|
|
94
|
+
* anywhere on the window adds it here, and an overlay says so while a
|
|
95
|
+
* drag is in progress. The zone stays where it is and keeps working.
|
|
96
|
+
*
|
|
97
|
+
* There is only one page, so only one input can have it: if a second one
|
|
98
|
+
* sets this, the first to mount keeps the page and the second warns and
|
|
99
|
+
* falls back to its own zone.
|
|
100
|
+
*/
|
|
101
|
+
dropOnPage: {
|
|
102
|
+
type: BooleanConstructor;
|
|
103
|
+
default: boolean;
|
|
104
|
+
};
|
|
80
105
|
}>, {}, {
|
|
81
106
|
isValidating: boolean;
|
|
107
|
+
isDraggingOnPage: boolean;
|
|
82
108
|
}, {
|
|
109
|
+
canAcceptFiles(): boolean;
|
|
83
110
|
acceptFn(): (file: FileInputFileItemType) => boolean;
|
|
84
111
|
items(): FileInputFileItemType[];
|
|
85
112
|
}, {
|
|
@@ -90,6 +117,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
90
117
|
appendFiles(fileList: FileList): Promise<void>;
|
|
91
118
|
onChangeFiles(): void;
|
|
92
119
|
onDropZoneDrop(fileList: FileList): void;
|
|
120
|
+
syncPageDrop(): void;
|
|
93
121
|
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
94
122
|
modelValue: {
|
|
95
123
|
type: PropType<FileInputFileItemType[]>;
|
|
@@ -125,6 +153,18 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
125
153
|
helpLink: {
|
|
126
154
|
type: PropType<string | false | null>;
|
|
127
155
|
};
|
|
156
|
+
/**
|
|
157
|
+
* Marks the field as required, drawing an asterisk after the label.
|
|
158
|
+
*
|
|
159
|
+
* Unlike the other form controls this sets no `aria-required`: the
|
|
160
|
+
* `<input type="file">` is visually hidden and so is not in the
|
|
161
|
+
* accessibility tree, and the drop zone is a plain region rather than a
|
|
162
|
+
* control that could carry it.
|
|
163
|
+
*/
|
|
164
|
+
required: {
|
|
165
|
+
type: BooleanConstructor;
|
|
166
|
+
default: boolean;
|
|
167
|
+
};
|
|
128
168
|
/**
|
|
129
169
|
* A string that defines the file types the file input should accept.
|
|
130
170
|
*
|
|
@@ -165,12 +205,27 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
165
205
|
type: BooleanConstructor;
|
|
166
206
|
default: boolean;
|
|
167
207
|
};
|
|
208
|
+
/**
|
|
209
|
+
* Makes the WHOLE PAGE a drop target, not just the zone — dropping a file
|
|
210
|
+
* anywhere on the window adds it here, and an overlay says so while a
|
|
211
|
+
* drag is in progress. The zone stays where it is and keeps working.
|
|
212
|
+
*
|
|
213
|
+
* There is only one page, so only one input can have it: if a second one
|
|
214
|
+
* sets this, the first to mount keeps the page and the second warns and
|
|
215
|
+
* falls back to its own zone.
|
|
216
|
+
*/
|
|
217
|
+
dropOnPage: {
|
|
218
|
+
type: BooleanConstructor;
|
|
219
|
+
default: boolean;
|
|
220
|
+
};
|
|
168
221
|
}>> & Readonly<{}>, {
|
|
222
|
+
required: boolean;
|
|
169
223
|
modelValue: FileInputFileItemType[];
|
|
170
224
|
readonly: boolean;
|
|
171
225
|
multiple: boolean;
|
|
172
226
|
accept: string;
|
|
173
227
|
maxBytes: number;
|
|
228
|
+
dropOnPage: boolean;
|
|
174
229
|
}, {}, {
|
|
175
230
|
DropZone: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
176
231
|
multiple: {
|
|
@@ -237,6 +292,49 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
237
292
|
contained: boolean;
|
|
238
293
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
239
294
|
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
295
|
+
Icon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
296
|
+
icon: {
|
|
297
|
+
type: StringConstructor;
|
|
298
|
+
};
|
|
299
|
+
size: {
|
|
300
|
+
type: StringConstructor;
|
|
301
|
+
};
|
|
302
|
+
contained: {
|
|
303
|
+
type: BooleanConstructor;
|
|
304
|
+
};
|
|
305
|
+
badge: {
|
|
306
|
+
type: PropType<import('../types').IconBadgeStatusType>;
|
|
307
|
+
};
|
|
308
|
+
badgeIcon: {
|
|
309
|
+
type: StringConstructor;
|
|
310
|
+
};
|
|
311
|
+
badgeColor: {
|
|
312
|
+
type: StringConstructor;
|
|
313
|
+
};
|
|
314
|
+
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
315
|
+
[key: string]: any;
|
|
316
|
+
}> | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
317
|
+
icon: {
|
|
318
|
+
type: StringConstructor;
|
|
319
|
+
};
|
|
320
|
+
size: {
|
|
321
|
+
type: StringConstructor;
|
|
322
|
+
};
|
|
323
|
+
contained: {
|
|
324
|
+
type: BooleanConstructor;
|
|
325
|
+
};
|
|
326
|
+
badge: {
|
|
327
|
+
type: PropType<import('../types').IconBadgeStatusType>;
|
|
328
|
+
};
|
|
329
|
+
badgeIcon: {
|
|
330
|
+
type: StringConstructor;
|
|
331
|
+
};
|
|
332
|
+
badgeColor: {
|
|
333
|
+
type: StringConstructor;
|
|
334
|
+
};
|
|
335
|
+
}>> & Readonly<{}>, {
|
|
336
|
+
contained: boolean;
|
|
337
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
240
338
|
ItemList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
241
339
|
items: {
|
|
242
340
|
type: PropType<FileInputFileItemType[]>;
|
|
@@ -275,6 +373,9 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
275
373
|
type: StringConstructor;
|
|
276
374
|
default: string;
|
|
277
375
|
};
|
|
376
|
+
timezone: {
|
|
377
|
+
type: StringConstructor;
|
|
378
|
+
};
|
|
278
379
|
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
279
380
|
[key: string]: any;
|
|
280
381
|
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -294,6 +395,9 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
294
395
|
type: StringConstructor;
|
|
295
396
|
default: string;
|
|
296
397
|
};
|
|
398
|
+
timezone: {
|
|
399
|
+
type: StringConstructor;
|
|
400
|
+
};
|
|
297
401
|
}>> & Readonly<{}>, {
|
|
298
402
|
locale: string;
|
|
299
403
|
currency: string;
|
|
@@ -40,6 +40,9 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
40
40
|
type: StringConstructor;
|
|
41
41
|
default: string;
|
|
42
42
|
};
|
|
43
|
+
timezone: {
|
|
44
|
+
type: StringConstructor;
|
|
45
|
+
};
|
|
43
46
|
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
44
47
|
[key: string]: any;
|
|
45
48
|
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -59,6 +62,9 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
59
62
|
type: StringConstructor;
|
|
60
63
|
default: string;
|
|
61
64
|
};
|
|
65
|
+
timezone: {
|
|
66
|
+
type: StringConstructor;
|
|
67
|
+
};
|
|
62
68
|
}>> & Readonly<{}>, {
|
|
63
69
|
locale: string;
|
|
64
70
|
currency: string;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Whole-page file dropping, for `<FileInput dropOnPage>`.
|
|
3
|
+
*
|
|
4
|
+
* The page is a SINGLE target — there is one window, and a file dropped on it
|
|
5
|
+
* can only go to one place — so this is a claim, not a subscription. The first
|
|
6
|
+
* input to ask gets it; a second is refused and warned about, rather than both
|
|
7
|
+
* quietly receiving the same file or the last one to mount silently winning.
|
|
8
|
+
*
|
|
9
|
+
* The listeners live on `window` and are attached only while someone holds the
|
|
10
|
+
* claim, so a page with no `dropOnPage` input pays nothing.
|
|
11
|
+
*/
|
|
12
|
+
export interface PageDropHandlers {
|
|
13
|
+
/** Fires when a file drag enters or leaves the page entirely. */
|
|
14
|
+
onDragChange(dragging: boolean): void;
|
|
15
|
+
onDrop(files: FileList): void;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Claims the page for `token`. Returns `false` — and warns — when another
|
|
19
|
+
* input already holds it, in which case that input keeps the page and this
|
|
20
|
+
* one behaves as though `dropOnPage` were not set.
|
|
21
|
+
*/
|
|
22
|
+
export declare function claimPageDrop(token: object, next: PageDropHandlers): boolean;
|
|
23
|
+
export declare function releasePageDrop(token: object): void;
|
|
@@ -53,7 +53,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
53
53
|
hide: () => any;
|
|
54
54
|
close: () => any;
|
|
55
55
|
}, import('vue').PublicProps, {
|
|
56
|
-
placement: import('../
|
|
56
|
+
placement: import('../Popover').PopoverPlacementType;
|
|
57
57
|
items: import('../ActionList').ActionListItemType[];
|
|
58
58
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
59
59
|
P: {};
|
|
@@ -67,7 +67,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
67
67
|
onHide?: (() => any) | undefined;
|
|
68
68
|
onClose?: (() => any) | undefined;
|
|
69
69
|
}>, {}, {}, {}, {}, {
|
|
70
|
-
placement: import('../
|
|
70
|
+
placement: import('../Popover').PopoverPlacementType;
|
|
71
71
|
items: import('../ActionList').ActionListItemType[];
|
|
72
72
|
}>;
|
|
73
73
|
__isFragment?: never;
|
|
@@ -82,7 +82,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
82
82
|
hide: () => any;
|
|
83
83
|
close: () => any;
|
|
84
84
|
}, string, {
|
|
85
|
-
placement: import('../
|
|
85
|
+
placement: import('../Popover').PopoverPlacementType;
|
|
86
86
|
items: import('../ActionList').ActionListItemType[];
|
|
87
87
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
88
88
|
$slots: {
|
|
@@ -142,6 +142,14 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
142
142
|
type: BooleanConstructor;
|
|
143
143
|
default: boolean;
|
|
144
144
|
};
|
|
145
|
+
loading: {
|
|
146
|
+
type: BooleanConstructor;
|
|
147
|
+
default: boolean;
|
|
148
|
+
};
|
|
149
|
+
pressed: {
|
|
150
|
+
type: BooleanConstructor;
|
|
151
|
+
default: undefined;
|
|
152
|
+
};
|
|
145
153
|
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
146
154
|
[key: string]: any;
|
|
147
155
|
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -197,16 +205,26 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
197
205
|
type: BooleanConstructor;
|
|
198
206
|
default: boolean;
|
|
199
207
|
};
|
|
208
|
+
loading: {
|
|
209
|
+
type: BooleanConstructor;
|
|
210
|
+
default: boolean;
|
|
211
|
+
};
|
|
212
|
+
pressed: {
|
|
213
|
+
type: BooleanConstructor;
|
|
214
|
+
default: undefined;
|
|
215
|
+
};
|
|
200
216
|
}>> & Readonly<{}>, {
|
|
201
217
|
disabled: boolean;
|
|
202
218
|
size: string;
|
|
203
219
|
type: import('../types').ActionTypeType;
|
|
204
220
|
destructive: boolean;
|
|
221
|
+
loading: boolean;
|
|
205
222
|
tooltipPosition: import('../types').ActionTooltipPositionType;
|
|
206
223
|
external: boolean;
|
|
207
224
|
dropdown: boolean;
|
|
208
225
|
fullWidth: boolean;
|
|
209
226
|
invert: boolean;
|
|
227
|
+
pressed: boolean;
|
|
210
228
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
211
229
|
ButtonGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
212
230
|
segmented: {
|
|
@@ -81,6 +81,14 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
81
81
|
type: BooleanConstructor;
|
|
82
82
|
default: boolean;
|
|
83
83
|
};
|
|
84
|
+
loading: {
|
|
85
|
+
type: BooleanConstructor;
|
|
86
|
+
default: boolean;
|
|
87
|
+
};
|
|
88
|
+
pressed: {
|
|
89
|
+
type: BooleanConstructor;
|
|
90
|
+
default: undefined;
|
|
91
|
+
};
|
|
84
92
|
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
85
93
|
[key: string]: any;
|
|
86
94
|
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -136,16 +144,26 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
136
144
|
type: BooleanConstructor;
|
|
137
145
|
default: boolean;
|
|
138
146
|
};
|
|
147
|
+
loading: {
|
|
148
|
+
type: BooleanConstructor;
|
|
149
|
+
default: boolean;
|
|
150
|
+
};
|
|
151
|
+
pressed: {
|
|
152
|
+
type: BooleanConstructor;
|
|
153
|
+
default: undefined;
|
|
154
|
+
};
|
|
139
155
|
}>> & Readonly<{}>, {
|
|
140
156
|
disabled: boolean;
|
|
141
157
|
size: string;
|
|
142
158
|
type: import('../types').ActionTypeType;
|
|
143
159
|
destructive: boolean;
|
|
160
|
+
loading: boolean;
|
|
144
161
|
tooltipPosition: import('../types').ActionTooltipPositionType;
|
|
145
162
|
external: boolean;
|
|
146
163
|
dropdown: boolean;
|
|
147
164
|
fullWidth: boolean;
|
|
148
165
|
invert: boolean;
|
|
166
|
+
pressed: boolean;
|
|
149
167
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
150
168
|
DatePicker: import('vue').DefineComponent<import('../DatePicker').DatePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
151
169
|
"update:modelValue": (v: string | null) => any;
|
|
@@ -246,6 +264,10 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
246
264
|
helpLink: {
|
|
247
265
|
type: import('vue').PropType<string | false | null>;
|
|
248
266
|
};
|
|
267
|
+
required: {
|
|
268
|
+
type: BooleanConstructor;
|
|
269
|
+
default: boolean;
|
|
270
|
+
};
|
|
249
271
|
modelValue: {
|
|
250
272
|
type: any;
|
|
251
273
|
};
|
|
@@ -380,6 +402,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
380
402
|
onDragMove(event: MouseEvent): void;
|
|
381
403
|
onDragEnd(event: MouseEvent): void;
|
|
382
404
|
endDragTracking(): void;
|
|
405
|
+
searchAtPoint(x: number, y: number): boolean;
|
|
383
406
|
optionAtPoint(x: number, y: number): any;
|
|
384
407
|
onBlur(): void;
|
|
385
408
|
focus(): void;
|
|
@@ -416,6 +439,10 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
416
439
|
helpLink: {
|
|
417
440
|
type: import('vue').PropType<string | false | null>;
|
|
418
441
|
};
|
|
442
|
+
required: {
|
|
443
|
+
type: BooleanConstructor;
|
|
444
|
+
default: boolean;
|
|
445
|
+
};
|
|
419
446
|
modelValue: {
|
|
420
447
|
type: any;
|
|
421
448
|
};
|
|
@@ -505,6 +532,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
505
532
|
}>, {
|
|
506
533
|
disabled: boolean;
|
|
507
534
|
loading: boolean;
|
|
535
|
+
required: boolean;
|
|
508
536
|
modelValue: any;
|
|
509
537
|
placeholder: string;
|
|
510
538
|
readonly: boolean;
|
|
@@ -667,7 +695,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
667
695
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
668
696
|
remove: () => any;
|
|
669
697
|
}, import('vue').PublicProps, {
|
|
670
|
-
tooltipPosition: import('../
|
|
698
|
+
tooltipPosition: import('../Popover').PopoverPlacementType;
|
|
671
699
|
required: boolean;
|
|
672
700
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
673
701
|
P: {};
|
|
@@ -679,7 +707,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
679
707
|
}, Readonly<import('../Tag/Tag.vue').TagProps> & Readonly<{
|
|
680
708
|
onRemove?: (() => any) | undefined;
|
|
681
709
|
}>, {}, {}, {}, {}, {
|
|
682
|
-
tooltipPosition: import('../
|
|
710
|
+
tooltipPosition: import('../Popover').PopoverPlacementType;
|
|
683
711
|
required: boolean;
|
|
684
712
|
}>;
|
|
685
713
|
__isFragment?: never;
|
|
@@ -690,7 +718,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
690
718
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
691
719
|
remove: () => any;
|
|
692
720
|
}, string, {
|
|
693
|
-
tooltipPosition: import('../
|
|
721
|
+
tooltipPosition: import('../Popover').PopoverPlacementType;
|
|
694
722
|
required: boolean;
|
|
695
723
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
696
724
|
$slots: {
|
|
@@ -286,6 +286,14 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
286
286
|
type: BooleanConstructor;
|
|
287
287
|
default: boolean;
|
|
288
288
|
};
|
|
289
|
+
loading: {
|
|
290
|
+
type: BooleanConstructor;
|
|
291
|
+
default: boolean;
|
|
292
|
+
};
|
|
293
|
+
pressed: {
|
|
294
|
+
type: BooleanConstructor;
|
|
295
|
+
default: undefined;
|
|
296
|
+
};
|
|
289
297
|
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
290
298
|
[key: string]: any;
|
|
291
299
|
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -341,16 +349,26 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
341
349
|
type: BooleanConstructor;
|
|
342
350
|
default: boolean;
|
|
343
351
|
};
|
|
352
|
+
loading: {
|
|
353
|
+
type: BooleanConstructor;
|
|
354
|
+
default: boolean;
|
|
355
|
+
};
|
|
356
|
+
pressed: {
|
|
357
|
+
type: BooleanConstructor;
|
|
358
|
+
default: undefined;
|
|
359
|
+
};
|
|
344
360
|
}>> & Readonly<{}>, {
|
|
345
361
|
disabled: boolean;
|
|
346
362
|
size: string;
|
|
347
363
|
type: import('../types').ActionTypeType;
|
|
348
364
|
destructive: boolean;
|
|
365
|
+
loading: boolean;
|
|
349
366
|
tooltipPosition: import('../types').ActionTooltipPositionType;
|
|
350
367
|
external: boolean;
|
|
351
368
|
dropdown: boolean;
|
|
352
369
|
fullWidth: boolean;
|
|
353
370
|
invert: boolean;
|
|
371
|
+
pressed: boolean;
|
|
354
372
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
355
373
|
FilterActions: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
356
374
|
filters: {
|
|
@@ -404,7 +422,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
404
422
|
hide: () => any;
|
|
405
423
|
close: () => any;
|
|
406
424
|
}, import('vue').PublicProps, {
|
|
407
|
-
placement: import('../
|
|
425
|
+
placement: import('../Popover').PopoverPlacementType;
|
|
408
426
|
items: ActionListItemType[];
|
|
409
427
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
410
428
|
P: {};
|
|
@@ -418,7 +436,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
418
436
|
onHide?: (() => any) | undefined;
|
|
419
437
|
onClose?: (() => any) | undefined;
|
|
420
438
|
}>, {}, {}, {}, {}, {
|
|
421
|
-
placement: import('../
|
|
439
|
+
placement: import('../Popover').PopoverPlacementType;
|
|
422
440
|
items: ActionListItemType[];
|
|
423
441
|
}>;
|
|
424
442
|
__isFragment?: never;
|
|
@@ -433,7 +451,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
433
451
|
hide: () => any;
|
|
434
452
|
close: () => any;
|
|
435
453
|
}, string, {
|
|
436
|
-
placement: import('../
|
|
454
|
+
placement: import('../Popover').PopoverPlacementType;
|
|
437
455
|
items: ActionListItemType[];
|
|
438
456
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
439
457
|
$slots: {
|
|
@@ -493,6 +511,14 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
493
511
|
type: BooleanConstructor;
|
|
494
512
|
default: boolean;
|
|
495
513
|
};
|
|
514
|
+
loading: {
|
|
515
|
+
type: BooleanConstructor;
|
|
516
|
+
default: boolean;
|
|
517
|
+
};
|
|
518
|
+
pressed: {
|
|
519
|
+
type: BooleanConstructor;
|
|
520
|
+
default: undefined;
|
|
521
|
+
};
|
|
496
522
|
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
497
523
|
[key: string]: any;
|
|
498
524
|
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -548,16 +574,26 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
548
574
|
type: BooleanConstructor;
|
|
549
575
|
default: boolean;
|
|
550
576
|
};
|
|
577
|
+
loading: {
|
|
578
|
+
type: BooleanConstructor;
|
|
579
|
+
default: boolean;
|
|
580
|
+
};
|
|
581
|
+
pressed: {
|
|
582
|
+
type: BooleanConstructor;
|
|
583
|
+
default: undefined;
|
|
584
|
+
};
|
|
551
585
|
}>> & Readonly<{}>, {
|
|
552
586
|
disabled: boolean;
|
|
553
587
|
size: string;
|
|
554
588
|
type: import('../types').ActionTypeType;
|
|
555
589
|
destructive: boolean;
|
|
590
|
+
loading: boolean;
|
|
556
591
|
tooltipPosition: import('../types').ActionTooltipPositionType;
|
|
557
592
|
external: boolean;
|
|
558
593
|
dropdown: boolean;
|
|
559
594
|
fullWidth: boolean;
|
|
560
595
|
invert: boolean;
|
|
596
|
+
pressed: boolean;
|
|
561
597
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
562
598
|
ButtonGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
563
599
|
segmented: {
|
|
@@ -664,6 +700,14 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
664
700
|
type: BooleanConstructor;
|
|
665
701
|
default: boolean;
|
|
666
702
|
};
|
|
703
|
+
loading: {
|
|
704
|
+
type: BooleanConstructor;
|
|
705
|
+
default: boolean;
|
|
706
|
+
};
|
|
707
|
+
pressed: {
|
|
708
|
+
type: BooleanConstructor;
|
|
709
|
+
default: undefined;
|
|
710
|
+
};
|
|
667
711
|
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
668
712
|
[key: string]: any;
|
|
669
713
|
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -719,16 +763,26 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
719
763
|
type: BooleanConstructor;
|
|
720
764
|
default: boolean;
|
|
721
765
|
};
|
|
766
|
+
loading: {
|
|
767
|
+
type: BooleanConstructor;
|
|
768
|
+
default: boolean;
|
|
769
|
+
};
|
|
770
|
+
pressed: {
|
|
771
|
+
type: BooleanConstructor;
|
|
772
|
+
default: undefined;
|
|
773
|
+
};
|
|
722
774
|
}>> & Readonly<{}>, {
|
|
723
775
|
disabled: boolean;
|
|
724
776
|
size: string;
|
|
725
777
|
type: import('../types').ActionTypeType;
|
|
726
778
|
destructive: boolean;
|
|
779
|
+
loading: boolean;
|
|
727
780
|
tooltipPosition: import('../types').ActionTooltipPositionType;
|
|
728
781
|
external: boolean;
|
|
729
782
|
dropdown: boolean;
|
|
730
783
|
fullWidth: boolean;
|
|
731
784
|
invert: boolean;
|
|
785
|
+
pressed: boolean;
|
|
732
786
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
733
787
|
DatePicker: import('vue').DefineComponent<import('../DatePicker').DatePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
734
788
|
"update:modelValue": (v: string | null) => any;
|
|
@@ -829,6 +883,10 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
829
883
|
helpLink: {
|
|
830
884
|
type: PropType<string | false | null>;
|
|
831
885
|
};
|
|
886
|
+
required: {
|
|
887
|
+
type: BooleanConstructor;
|
|
888
|
+
default: boolean;
|
|
889
|
+
};
|
|
832
890
|
modelValue: {
|
|
833
891
|
type: any;
|
|
834
892
|
};
|
|
@@ -963,6 +1021,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
963
1021
|
onDragMove(event: MouseEvent): void;
|
|
964
1022
|
onDragEnd(event: MouseEvent): void;
|
|
965
1023
|
endDragTracking(): void;
|
|
1024
|
+
searchAtPoint(x: number, y: number): boolean;
|
|
966
1025
|
optionAtPoint(x: number, y: number): any;
|
|
967
1026
|
onBlur(): void;
|
|
968
1027
|
focus(): void;
|
|
@@ -999,6 +1058,10 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
999
1058
|
helpLink: {
|
|
1000
1059
|
type: PropType<string | false | null>;
|
|
1001
1060
|
};
|
|
1061
|
+
required: {
|
|
1062
|
+
type: BooleanConstructor;
|
|
1063
|
+
default: boolean;
|
|
1064
|
+
};
|
|
1002
1065
|
modelValue: {
|
|
1003
1066
|
type: any;
|
|
1004
1067
|
};
|
|
@@ -1088,6 +1151,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1088
1151
|
}>, {
|
|
1089
1152
|
disabled: boolean;
|
|
1090
1153
|
loading: boolean;
|
|
1154
|
+
required: boolean;
|
|
1091
1155
|
modelValue: any;
|
|
1092
1156
|
placeholder: string;
|
|
1093
1157
|
readonly: boolean;
|
|
@@ -1250,7 +1314,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1250
1314
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
1251
1315
|
remove: () => any;
|
|
1252
1316
|
}, import('vue').PublicProps, {
|
|
1253
|
-
tooltipPosition: import('../
|
|
1317
|
+
tooltipPosition: import('../Popover').PopoverPlacementType;
|
|
1254
1318
|
required: boolean;
|
|
1255
1319
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
1256
1320
|
P: {};
|
|
@@ -1262,7 +1326,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1262
1326
|
}, Readonly<import('../Tag/Tag.vue').TagProps> & Readonly<{
|
|
1263
1327
|
onRemove?: (() => any) | undefined;
|
|
1264
1328
|
}>, {}, {}, {}, {}, {
|
|
1265
|
-
tooltipPosition: import('../
|
|
1329
|
+
tooltipPosition: import('../Popover').PopoverPlacementType;
|
|
1266
1330
|
required: boolean;
|
|
1267
1331
|
}>;
|
|
1268
1332
|
__isFragment?: never;
|
|
@@ -1273,7 +1337,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1273
1337
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
1274
1338
|
remove: () => any;
|
|
1275
1339
|
}, string, {
|
|
1276
|
-
tooltipPosition: import('../
|
|
1340
|
+
tooltipPosition: import('../Popover').PopoverPlacementType;
|
|
1277
1341
|
required: boolean;
|
|
1278
1342
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
1279
1343
|
$slots: {
|
|
@@ -1443,7 +1507,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1443
1507
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
1444
1508
|
remove: () => any;
|
|
1445
1509
|
}, import('vue').PublicProps, {
|
|
1446
|
-
tooltipPosition: import('../
|
|
1510
|
+
tooltipPosition: import('../Popover').PopoverPlacementType;
|
|
1447
1511
|
required: boolean;
|
|
1448
1512
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
1449
1513
|
P: {};
|
|
@@ -1455,7 +1519,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1455
1519
|
}, Readonly<import('../Tag/Tag.vue').TagProps> & Readonly<{
|
|
1456
1520
|
onRemove?: (() => any) | undefined;
|
|
1457
1521
|
}>, {}, {}, {}, {}, {
|
|
1458
|
-
tooltipPosition: import('../
|
|
1522
|
+
tooltipPosition: import('../Popover').PopoverPlacementType;
|
|
1459
1523
|
required: boolean;
|
|
1460
1524
|
}>;
|
|
1461
1525
|
__isFragment?: never;
|
|
@@ -1466,7 +1530,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1466
1530
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
1467
1531
|
remove: () => any;
|
|
1468
1532
|
}, string, {
|
|
1469
|
-
tooltipPosition: import('../
|
|
1533
|
+
tooltipPosition: import('../Popover').PopoverPlacementType;
|
|
1470
1534
|
required: boolean;
|
|
1471
1535
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
1472
1536
|
$slots: {
|
|
@@ -17,6 +17,15 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
17
17
|
type: StringConstructor;
|
|
18
18
|
default: string;
|
|
19
19
|
};
|
|
20
|
+
/**
|
|
21
|
+
* IANA time zone to render a date in, e.g. `America/Los_Angeles`.
|
|
22
|
+
*
|
|
23
|
+
* Usually you want `setTimezone` instead — one call at app start and
|
|
24
|
+
* every date in the app follows. This is the per-instance override.
|
|
25
|
+
*/
|
|
26
|
+
timezone: {
|
|
27
|
+
type: StringConstructor;
|
|
28
|
+
};
|
|
20
29
|
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
21
30
|
[key: string]: any;
|
|
22
31
|
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -36,6 +45,15 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
36
45
|
type: StringConstructor;
|
|
37
46
|
default: string;
|
|
38
47
|
};
|
|
48
|
+
/**
|
|
49
|
+
* IANA time zone to render a date in, e.g. `America/Los_Angeles`.
|
|
50
|
+
*
|
|
51
|
+
* Usually you want `setTimezone` instead — one call at app start and
|
|
52
|
+
* every date in the app follows. This is the per-instance override.
|
|
53
|
+
*/
|
|
54
|
+
timezone: {
|
|
55
|
+
type: StringConstructor;
|
|
56
|
+
};
|
|
39
57
|
}>> & Readonly<{}>, {
|
|
40
58
|
locale: string;
|
|
41
59
|
currency: string;
|