@octans/ui 1.4.0 → 1.6.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/CalendarHeatmap/CalendarHeatmap.vue.d.ts +13 -1
- package/dist/components/Card/CardSection.vue.d.ts +35 -0
- package/dist/components/ColorSelector/ColorSelector.vue.d.ts +14 -2
- package/dist/components/DatePicker/DatePicker.vue.d.ts +13 -1
- package/dist/components/Filters/FilterItem.vue.d.ts +54 -5
- package/dist/components/Filters/Filters.vue.d.ts +60 -14
- package/dist/components/OtpInput/OtpInput.vue.d.ts +13 -1
- package/dist/components/Popover/Popover.vue.d.ts +5 -4
- package/dist/components/Popover/index.d.ts +3 -0
- package/dist/components/Popover/types.d.ts +13 -0
- package/dist/components/RangeSlider/RangeSlider.vue.d.ts +4 -0
- package/dist/components/Rating/Rating.vue.d.ts +13 -1
- package/dist/components/ScrollPane/ScrollPane.vue.d.ts +14 -1
- package/dist/components/ScrollPane/index.d.ts +1 -1
- package/dist/components/ScrollPane/types.d.ts +22 -0
- package/dist/components/SegmentedControl/SegmentedControl.vue.d.ts +6 -2
- package/dist/components/Select/Select.vue.d.ts +3 -0
- package/dist/components/Sheet/Sheet.vue.d.ts +3 -4
- package/dist/components/Sheet/types.d.ts +24 -5
- package/dist/components/TextField/TextField.vue.d.ts +9 -5
- package/dist/components/TextField/types.d.ts +14 -0
- package/dist/components/TimePicker/TimePicker.vue.d.ts +13 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.vue.d.ts +6 -2
- package/dist/style.css +1 -1
- package/dist/ui.js +2417 -2182
- package/dist/ui.umd.js +4 -4
- package/dist/utils/tokens.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import { CalendarHeatmapProps, CalendarHeatmapSeries } from './types';
|
|
2
|
-
declare
|
|
2
|
+
declare var __VLS_9: any, __VLS_12: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
label?: (props: typeof __VLS_9) => any;
|
|
5
|
+
} & {
|
|
6
|
+
helpText?: (props: typeof __VLS_12) => any;
|
|
7
|
+
};
|
|
8
|
+
declare const __VLS_base: import('vue').DefineComponent<CalendarHeatmapProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CalendarHeatmapProps> & Readonly<{}>, {
|
|
3
9
|
data: import('./types').CalendarHeatmapDataPoint[];
|
|
4
10
|
tooltip: boolean;
|
|
5
11
|
weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
@@ -17,5 +23,11 @@ declare const __VLS_export: import('vue').DefineComponent<CalendarHeatmapProps,
|
|
|
17
23
|
showWeekdays: boolean;
|
|
18
24
|
showLegend: boolean;
|
|
19
25
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
26
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
20
27
|
declare const _default: typeof __VLS_export;
|
|
21
28
|
export default _default;
|
|
29
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
30
|
+
new (): {
|
|
31
|
+
$slots: S;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
@@ -35,11 +35,28 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
35
35
|
};
|
|
36
36
|
/**
|
|
37
37
|
* By default padding is included in the section. Use this to disable it.
|
|
38
|
+
*
|
|
39
|
+
* This drops the HORIZONTAL padding only — the section keeps its vertical
|
|
40
|
+
* rhythm, so a list of rows still breathes against the sections above and
|
|
41
|
+
* below it. For a section with no padding at all, use `flush`.
|
|
38
42
|
*/
|
|
39
43
|
padded: {
|
|
40
44
|
type: BooleanConstructor;
|
|
41
45
|
default: boolean;
|
|
42
46
|
};
|
|
47
|
+
/**
|
|
48
|
+
* Removes the section's padding entirely, so its content runs to the edges
|
|
49
|
+
* of the card. Wins over `padded`.
|
|
50
|
+
*
|
|
51
|
+
* The reason to reach for it is a component that fills the section — a
|
|
52
|
+
* `DataTable`, an image, a map. Those already cancel the padding by
|
|
53
|
+
* reaching out of it with a negative margin, which works but means the
|
|
54
|
+
* component has to know what its parent's padding is; `flush` is the
|
|
55
|
+
* version that says so from the outside.
|
|
56
|
+
*/
|
|
57
|
+
flush: {
|
|
58
|
+
type: BooleanConstructor;
|
|
59
|
+
};
|
|
43
60
|
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
44
61
|
[key: string]: any;
|
|
45
62
|
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -77,13 +94,31 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
77
94
|
};
|
|
78
95
|
/**
|
|
79
96
|
* By default padding is included in the section. Use this to disable it.
|
|
97
|
+
*
|
|
98
|
+
* This drops the HORIZONTAL padding only — the section keeps its vertical
|
|
99
|
+
* rhythm, so a list of rows still breathes against the sections above and
|
|
100
|
+
* below it. For a section with no padding at all, use `flush`.
|
|
80
101
|
*/
|
|
81
102
|
padded: {
|
|
82
103
|
type: BooleanConstructor;
|
|
83
104
|
default: boolean;
|
|
84
105
|
};
|
|
106
|
+
/**
|
|
107
|
+
* Removes the section's padding entirely, so its content runs to the edges
|
|
108
|
+
* of the card. Wins over `padded`.
|
|
109
|
+
*
|
|
110
|
+
* The reason to reach for it is a component that fills the section — a
|
|
111
|
+
* `DataTable`, an image, a map. Those already cancel the padding by
|
|
112
|
+
* reaching out of it with a negative margin, which works but means the
|
|
113
|
+
* component has to know what its parent's padding is; `flush` is the
|
|
114
|
+
* version that says so from the outside.
|
|
115
|
+
*/
|
|
116
|
+
flush: {
|
|
117
|
+
type: BooleanConstructor;
|
|
118
|
+
};
|
|
85
119
|
}>> & Readonly<{}>, {
|
|
86
120
|
subdued: boolean;
|
|
87
121
|
padded: boolean;
|
|
88
122
|
collapseActions: boolean;
|
|
123
|
+
flush: boolean;
|
|
89
124
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import { Gradient } from '../../utils/gradient';
|
|
2
2
|
import { ColorSelectorProps } from './types';
|
|
3
|
-
declare
|
|
3
|
+
declare var __VLS_9: any, __VLS_12: {};
|
|
4
|
+
type __VLS_Slots = {} & {
|
|
5
|
+
label?: (props: typeof __VLS_9) => any;
|
|
6
|
+
} & {
|
|
7
|
+
helpText?: (props: typeof __VLS_12) => any;
|
|
8
|
+
};
|
|
9
|
+
declare const __VLS_base: import('vue').DefineComponent<ColorSelectorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
4
10
|
"update:modelValue": (value: string | Gradient) => any;
|
|
5
11
|
"update:swatches": (value: string[]) => any;
|
|
6
12
|
}, string, import('vue').PublicProps, Readonly<ColorSelectorProps> & Readonly<{
|
|
@@ -9,8 +15,8 @@ declare const __VLS_export: import('vue').DefineComponent<ColorSelectorProps, {}
|
|
|
9
15
|
}>, {
|
|
10
16
|
placement: import('../Popover').PopoverPlacementType;
|
|
11
17
|
disabled: boolean;
|
|
12
|
-
trigger: import('./types').ColorSelectorTriggerType;
|
|
13
18
|
mode: import('./types').ColorSelectorMode;
|
|
19
|
+
trigger: import('./types').ColorSelectorTriggerType;
|
|
14
20
|
fullWidth: boolean;
|
|
15
21
|
placeholder: string;
|
|
16
22
|
readonly: boolean;
|
|
@@ -30,5 +36,11 @@ declare const __VLS_export: import('vue').DefineComponent<ColorSelectorProps, {}
|
|
|
30
36
|
rememberSwatches: boolean;
|
|
31
37
|
maxSwatches: number;
|
|
32
38
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
39
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
33
40
|
declare const _default: typeof __VLS_export;
|
|
34
41
|
export default _default;
|
|
42
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
43
|
+
new (): {
|
|
44
|
+
$slots: S;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import { DatePickerProps } from './types';
|
|
2
|
-
declare
|
|
2
|
+
declare var __VLS_9: any, __VLS_12: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
label?: (props: typeof __VLS_9) => any;
|
|
5
|
+
} & {
|
|
6
|
+
helpText?: (props: typeof __VLS_12) => any;
|
|
7
|
+
};
|
|
8
|
+
declare const __VLS_base: import('vue').DefineComponent<DatePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
3
9
|
"update:modelValue": (v: string | null) => any;
|
|
4
10
|
}, string, import('vue').PublicProps, Readonly<DatePickerProps> & Readonly<{
|
|
5
11
|
"onUpdate:modelValue"?: ((v: string | null) => any) | undefined;
|
|
@@ -13,5 +19,11 @@ declare const __VLS_export: import('vue').DefineComponent<DatePickerProps, {}, {
|
|
|
13
19
|
maxTime: string;
|
|
14
20
|
clearable: boolean;
|
|
15
21
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
22
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
16
23
|
declare const _default: typeof __VLS_export;
|
|
17
24
|
export default _default;
|
|
25
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
26
|
+
new (): {
|
|
27
|
+
$slots: S;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
@@ -165,11 +165,47 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
165
165
|
invert: boolean;
|
|
166
166
|
pressed: boolean;
|
|
167
167
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
168
|
-
DatePicker:
|
|
169
|
-
|
|
170
|
-
|
|
168
|
+
DatePicker: {
|
|
169
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../DatePicker').DatePickerProps> & Readonly<{
|
|
170
|
+
"onUpdate:modelValue"?: ((v: string | null) => any) | undefined;
|
|
171
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
172
|
+
"update:modelValue": (v: string | null) => any;
|
|
173
|
+
}, import('vue').PublicProps, {
|
|
174
|
+
disabled: boolean;
|
|
175
|
+
type: "datetime" | "date" | "month" | "year";
|
|
176
|
+
autoOpen: boolean;
|
|
177
|
+
readonly: boolean;
|
|
178
|
+
modelFormat: string;
|
|
179
|
+
minTime: string;
|
|
180
|
+
maxTime: string;
|
|
181
|
+
clearable: boolean;
|
|
182
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
183
|
+
P: {};
|
|
184
|
+
B: {};
|
|
185
|
+
D: {};
|
|
186
|
+
C: {};
|
|
187
|
+
M: {};
|
|
188
|
+
Defaults: {};
|
|
189
|
+
}, Readonly<import('../DatePicker').DatePickerProps> & Readonly<{
|
|
190
|
+
"onUpdate:modelValue"?: ((v: string | null) => any) | undefined;
|
|
191
|
+
}>, {}, {}, {}, {}, {
|
|
192
|
+
disabled: boolean;
|
|
193
|
+
type: "datetime" | "date" | "month" | "year";
|
|
194
|
+
autoOpen: boolean;
|
|
195
|
+
readonly: boolean;
|
|
196
|
+
modelFormat: string;
|
|
197
|
+
minTime: string;
|
|
198
|
+
maxTime: string;
|
|
199
|
+
clearable: boolean;
|
|
200
|
+
}>;
|
|
201
|
+
__isFragment?: never;
|
|
202
|
+
__isTeleport?: never;
|
|
203
|
+
__isSuspense?: never;
|
|
204
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('../DatePicker').DatePickerProps> & Readonly<{
|
|
171
205
|
"onUpdate:modelValue"?: ((v: string | null) => any) | undefined;
|
|
172
|
-
}>, {
|
|
206
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
207
|
+
"update:modelValue": (v: string | null) => any;
|
|
208
|
+
}, string, {
|
|
173
209
|
disabled: boolean;
|
|
174
210
|
type: "datetime" | "date" | "month" | "year";
|
|
175
211
|
autoOpen: boolean;
|
|
@@ -178,7 +214,13 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
178
214
|
minTime: string;
|
|
179
215
|
maxTime: string;
|
|
180
216
|
clearable: boolean;
|
|
181
|
-
}, {},
|
|
217
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
218
|
+
$slots: {
|
|
219
|
+
label?: (props: any) => any;
|
|
220
|
+
} & {
|
|
221
|
+
helpText?: (props: {}) => any;
|
|
222
|
+
};
|
|
223
|
+
});
|
|
182
224
|
TextField: {
|
|
183
225
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../TextField').TextFieldProps> & Readonly<{
|
|
184
226
|
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
@@ -238,6 +280,10 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
238
280
|
emptyValue: string | number | null;
|
|
239
281
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
240
282
|
$slots: {
|
|
283
|
+
label?: (props: any) => any;
|
|
284
|
+
} & {
|
|
285
|
+
helpText?: (props: {}) => any;
|
|
286
|
+
} & {
|
|
241
287
|
left?: (props: {}) => any;
|
|
242
288
|
} & {
|
|
243
289
|
prefix?: (props: {}) => any;
|
|
@@ -596,6 +642,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
596
642
|
ScrollPane: {
|
|
597
643
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../ScrollPane').ScrollPaneProps> & Readonly<{}>, {
|
|
598
644
|
scrollTo: (x: number, y: number) => void;
|
|
645
|
+
scrollIntoView: (target: Element | string | null | undefined, options?: import('../ScrollPane').ScrollPaneScrollIntoViewOptions) => void;
|
|
599
646
|
update: () => void;
|
|
600
647
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
601
648
|
disabled: boolean;
|
|
@@ -611,6 +658,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
611
658
|
Defaults: {};
|
|
612
659
|
}, Readonly<import('../ScrollPane').ScrollPaneProps> & Readonly<{}>, {
|
|
613
660
|
scrollTo: (x: number, y: number) => void;
|
|
661
|
+
scrollIntoView: (target: Element | string | null | undefined, options?: import('../ScrollPane').ScrollPaneScrollIntoViewOptions) => void;
|
|
614
662
|
update: () => void;
|
|
615
663
|
}, {}, {}, {}, {
|
|
616
664
|
disabled: boolean;
|
|
@@ -623,6 +671,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
623
671
|
__isSuspense?: never;
|
|
624
672
|
} & import('vue').ComponentOptionsBase<Readonly<import('../ScrollPane').ScrollPaneProps> & Readonly<{}>, {
|
|
625
673
|
scrollTo: (x: number, y: number) => void;
|
|
674
|
+
scrollIntoView: (target: Element | string | null | undefined, options?: import('../ScrollPane').ScrollPaneScrollIntoViewOptions) => void;
|
|
626
675
|
update: () => void;
|
|
627
676
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
628
677
|
disabled: boolean;
|
|
@@ -784,11 +784,47 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
784
784
|
invert: boolean;
|
|
785
785
|
pressed: boolean;
|
|
786
786
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
787
|
-
DatePicker:
|
|
788
|
-
|
|
789
|
-
|
|
787
|
+
DatePicker: {
|
|
788
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../DatePicker').DatePickerProps> & Readonly<{
|
|
789
|
+
"onUpdate:modelValue"?: ((v: string | null) => any) | undefined;
|
|
790
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
791
|
+
"update:modelValue": (v: string | null) => any;
|
|
792
|
+
}, import('vue').PublicProps, {
|
|
793
|
+
disabled: boolean;
|
|
794
|
+
type: "datetime" | "date" | "month" | "year";
|
|
795
|
+
autoOpen: boolean;
|
|
796
|
+
readonly: boolean;
|
|
797
|
+
modelFormat: string;
|
|
798
|
+
minTime: string;
|
|
799
|
+
maxTime: string;
|
|
800
|
+
clearable: boolean;
|
|
801
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
802
|
+
P: {};
|
|
803
|
+
B: {};
|
|
804
|
+
D: {};
|
|
805
|
+
C: {};
|
|
806
|
+
M: {};
|
|
807
|
+
Defaults: {};
|
|
808
|
+
}, Readonly<import('../DatePicker').DatePickerProps> & Readonly<{
|
|
809
|
+
"onUpdate:modelValue"?: ((v: string | null) => any) | undefined;
|
|
810
|
+
}>, {}, {}, {}, {}, {
|
|
811
|
+
disabled: boolean;
|
|
812
|
+
type: "datetime" | "date" | "month" | "year";
|
|
813
|
+
autoOpen: boolean;
|
|
814
|
+
readonly: boolean;
|
|
815
|
+
modelFormat: string;
|
|
816
|
+
minTime: string;
|
|
817
|
+
maxTime: string;
|
|
818
|
+
clearable: boolean;
|
|
819
|
+
}>;
|
|
820
|
+
__isFragment?: never;
|
|
821
|
+
__isTeleport?: never;
|
|
822
|
+
__isSuspense?: never;
|
|
823
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('../DatePicker').DatePickerProps> & Readonly<{
|
|
790
824
|
"onUpdate:modelValue"?: ((v: string | null) => any) | undefined;
|
|
791
|
-
}>, {
|
|
825
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
826
|
+
"update:modelValue": (v: string | null) => any;
|
|
827
|
+
}, string, {
|
|
792
828
|
disabled: boolean;
|
|
793
829
|
type: "datetime" | "date" | "month" | "year";
|
|
794
830
|
autoOpen: boolean;
|
|
@@ -797,7 +833,13 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
797
833
|
minTime: string;
|
|
798
834
|
maxTime: string;
|
|
799
835
|
clearable: boolean;
|
|
800
|
-
}, {},
|
|
836
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
837
|
+
$slots: {
|
|
838
|
+
label?: (props: any) => any;
|
|
839
|
+
} & {
|
|
840
|
+
helpText?: (props: {}) => any;
|
|
841
|
+
};
|
|
842
|
+
});
|
|
801
843
|
TextField: {
|
|
802
844
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../TextField').TextFieldProps> & Readonly<{
|
|
803
845
|
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
@@ -857,6 +899,10 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
857
899
|
emptyValue: string | number | null;
|
|
858
900
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
859
901
|
$slots: {
|
|
902
|
+
label?: (props: any) => any;
|
|
903
|
+
} & {
|
|
904
|
+
helpText?: (props: {}) => any;
|
|
905
|
+
} & {
|
|
860
906
|
left?: (props: {}) => any;
|
|
861
907
|
} & {
|
|
862
908
|
prefix?: (props: {}) => any;
|
|
@@ -1215,6 +1261,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1215
1261
|
ScrollPane: {
|
|
1216
1262
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../ScrollPane').ScrollPaneProps> & Readonly<{}>, {
|
|
1217
1263
|
scrollTo: (x: number, y: number) => void;
|
|
1264
|
+
scrollIntoView: (target: Element | string | null | undefined, options?: import('../ScrollPane').ScrollPaneScrollIntoViewOptions) => void;
|
|
1218
1265
|
update: () => void;
|
|
1219
1266
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
1220
1267
|
disabled: boolean;
|
|
@@ -1230,6 +1277,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1230
1277
|
Defaults: {};
|
|
1231
1278
|
}, Readonly<import('../ScrollPane').ScrollPaneProps> & Readonly<{}>, {
|
|
1232
1279
|
scrollTo: (x: number, y: number) => void;
|
|
1280
|
+
scrollIntoView: (target: Element | string | null | undefined, options?: import('../ScrollPane').ScrollPaneScrollIntoViewOptions) => void;
|
|
1233
1281
|
update: () => void;
|
|
1234
1282
|
}, {}, {}, {}, {
|
|
1235
1283
|
disabled: boolean;
|
|
@@ -1242,6 +1290,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1242
1290
|
__isSuspense?: never;
|
|
1243
1291
|
} & import('vue').ComponentOptionsBase<Readonly<import('../ScrollPane').ScrollPaneProps> & Readonly<{}>, {
|
|
1244
1292
|
scrollTo: (x: number, y: number) => void;
|
|
1293
|
+
scrollIntoView: (target: Element | string | null | undefined, options?: import('../ScrollPane').ScrollPaneScrollIntoViewOptions) => void;
|
|
1245
1294
|
update: () => void;
|
|
1246
1295
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
1247
1296
|
disabled: boolean;
|
|
@@ -1596,6 +1645,10 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1596
1645
|
emptyValue: string | number | null;
|
|
1597
1646
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
1598
1647
|
$slots: {
|
|
1648
|
+
label?: (props: any) => any;
|
|
1649
|
+
} & {
|
|
1650
|
+
helpText?: (props: {}) => any;
|
|
1651
|
+
} & {
|
|
1599
1652
|
left?: (props: {}) => any;
|
|
1600
1653
|
} & {
|
|
1601
1654
|
prefix?: (props: {}) => any;
|
|
@@ -1622,12 +1675,9 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1622
1675
|
"after-close": () => any;
|
|
1623
1676
|
}, import('vue').PublicProps, {
|
|
1624
1677
|
visible: boolean;
|
|
1625
|
-
size: number;
|
|
1626
1678
|
loading: boolean;
|
|
1627
1679
|
peek: number;
|
|
1628
1680
|
edge: import('../Sheet').SheetEdgeType;
|
|
1629
|
-
animateInDuration: number;
|
|
1630
|
-
animateOutDuration: number;
|
|
1631
1681
|
minIndex: number;
|
|
1632
1682
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
1633
1683
|
P: {};
|
|
@@ -1645,12 +1695,9 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1645
1695
|
"onAfter-close"?: (() => any) | undefined;
|
|
1646
1696
|
}>, {}, {}, {}, {}, {
|
|
1647
1697
|
visible: boolean;
|
|
1648
|
-
size: number;
|
|
1649
1698
|
loading: boolean;
|
|
1650
1699
|
peek: number;
|
|
1651
1700
|
edge: import('../Sheet').SheetEdgeType;
|
|
1652
|
-
animateInDuration: number;
|
|
1653
|
-
animateOutDuration: number;
|
|
1654
1701
|
minIndex: number;
|
|
1655
1702
|
}>;
|
|
1656
1703
|
__isFragment?: never;
|
|
@@ -1672,12 +1719,9 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1672
1719
|
"after-close": () => any;
|
|
1673
1720
|
}, string, {
|
|
1674
1721
|
visible: boolean;
|
|
1675
|
-
size: number;
|
|
1676
1722
|
loading: boolean;
|
|
1677
1723
|
peek: number;
|
|
1678
1724
|
edge: import('../Sheet').SheetEdgeType;
|
|
1679
|
-
animateInDuration: number;
|
|
1680
|
-
animateOutDuration: number;
|
|
1681
1725
|
minIndex: number;
|
|
1682
1726
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
1683
1727
|
$slots: {
|
|
@@ -1686,6 +1730,8 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1686
1730
|
actions?: (props: {}) => any;
|
|
1687
1731
|
} & {
|
|
1688
1732
|
default?: (props: {}) => any;
|
|
1733
|
+
} & {
|
|
1734
|
+
footer?: (props: {}) => any;
|
|
1689
1735
|
};
|
|
1690
1736
|
});
|
|
1691
1737
|
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import { OtpInputProps } from './types';
|
|
2
2
|
declare function focus(): void;
|
|
3
|
-
declare
|
|
3
|
+
declare var __VLS_9: any, __VLS_12: {};
|
|
4
|
+
type __VLS_Slots = {} & {
|
|
5
|
+
label?: (props: typeof __VLS_9) => any;
|
|
6
|
+
} & {
|
|
7
|
+
helpText?: (props: typeof __VLS_12) => any;
|
|
8
|
+
};
|
|
9
|
+
declare const __VLS_base: import('vue').DefineComponent<OtpInputProps, {
|
|
4
10
|
focus: typeof focus;
|
|
5
11
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
6
12
|
complete: (value: string) => any;
|
|
@@ -17,5 +23,11 @@ declare const __VLS_export: import('vue').DefineComponent<OtpInputProps, {
|
|
|
17
23
|
modelValue: string | null;
|
|
18
24
|
separator: string;
|
|
19
25
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
26
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
20
27
|
declare const _default: typeof __VLS_export;
|
|
21
28
|
export default _default;
|
|
29
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
30
|
+
new (): {
|
|
31
|
+
$slots: S;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
@@ -2,21 +2,21 @@ import { PopoverProps } from './types';
|
|
|
2
2
|
declare function show(): void;
|
|
3
3
|
declare function hide(): void;
|
|
4
4
|
declare function toggle(): void;
|
|
5
|
-
declare var
|
|
5
|
+
declare var __VLS_17: {
|
|
6
6
|
visible: boolean;
|
|
7
7
|
show: typeof show;
|
|
8
8
|
hide: typeof hide;
|
|
9
9
|
toggle: typeof toggle;
|
|
10
|
-
},
|
|
10
|
+
}, __VLS_38: {
|
|
11
11
|
visible: boolean;
|
|
12
12
|
show: typeof show;
|
|
13
13
|
hide: typeof hide;
|
|
14
14
|
toggle: typeof toggle;
|
|
15
15
|
};
|
|
16
16
|
type __VLS_Slots = {} & {
|
|
17
|
-
trigger?: (props: typeof
|
|
17
|
+
trigger?: (props: typeof __VLS_17) => any;
|
|
18
18
|
} & {
|
|
19
|
-
default?: (props: typeof
|
|
19
|
+
default?: (props: typeof __VLS_38) => any;
|
|
20
20
|
};
|
|
21
21
|
declare const __VLS_base: import('vue').DefineComponent<PopoverProps, {
|
|
22
22
|
show: typeof show;
|
|
@@ -33,6 +33,7 @@ declare const __VLS_base: import('vue').DefineComponent<PopoverProps, {
|
|
|
33
33
|
autoTriggerToggle: boolean;
|
|
34
34
|
autoHide: boolean;
|
|
35
35
|
hover: boolean;
|
|
36
|
+
surface: boolean;
|
|
36
37
|
zIndex: number;
|
|
37
38
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
38
39
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -25,6 +25,7 @@ export declare const Popper: {
|
|
|
25
25
|
autoTriggerToggle: boolean;
|
|
26
26
|
autoHide: boolean;
|
|
27
27
|
hover: boolean;
|
|
28
|
+
surface: boolean;
|
|
28
29
|
zIndex: number;
|
|
29
30
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
30
31
|
P: {};
|
|
@@ -46,6 +47,7 @@ export declare const Popper: {
|
|
|
46
47
|
autoTriggerToggle: boolean;
|
|
47
48
|
autoHide: boolean;
|
|
48
49
|
hover: boolean;
|
|
50
|
+
surface: boolean;
|
|
49
51
|
zIndex: number;
|
|
50
52
|
}>;
|
|
51
53
|
__isFragment?: never;
|
|
@@ -66,6 +68,7 @@ export declare const Popper: {
|
|
|
66
68
|
autoTriggerToggle: boolean;
|
|
67
69
|
autoHide: boolean;
|
|
68
70
|
hover: boolean;
|
|
71
|
+
surface: boolean;
|
|
69
72
|
zIndex: number;
|
|
70
73
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
71
74
|
$slots: {
|
|
@@ -25,5 +25,18 @@ export interface PopoverProps {
|
|
|
25
25
|
* cascading sub-menus, so hovering a descendant keeps its ancestors open.
|
|
26
26
|
*/
|
|
27
27
|
hover?: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Paints the content: surface colour, border, corner radius and a shadow.
|
|
30
|
+
*
|
|
31
|
+
* Off by default, and deliberately so — a popover hands the content slot
|
|
32
|
+
* straight through, so anything that already dresses itself (an
|
|
33
|
+
* `ActionListMenu`, a date picker, a card) would end up with two borders and
|
|
34
|
+
* two shadows. Turn it on for bring-your-own-content overlays, which would
|
|
35
|
+
* otherwise render transparent over the page.
|
|
36
|
+
*
|
|
37
|
+
* The styles land on the content's own root element and are defined with
|
|
38
|
+
* `:where()`, so any rule of your own still wins.
|
|
39
|
+
*/
|
|
40
|
+
surface?: boolean;
|
|
28
41
|
zIndex?: number;
|
|
29
42
|
}
|
|
@@ -318,6 +318,10 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
318
318
|
emptyValue: string | number | null;
|
|
319
319
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
320
320
|
$slots: {
|
|
321
|
+
label?: (props: any) => any;
|
|
322
|
+
} & {
|
|
323
|
+
helpText?: (props: {}) => any;
|
|
324
|
+
} & {
|
|
321
325
|
left?: (props: {}) => any;
|
|
322
326
|
} & {
|
|
323
327
|
prefix?: (props: {}) => any;
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import { RatingProps } from './types';
|
|
2
2
|
declare function focus(): void;
|
|
3
|
-
declare
|
|
3
|
+
declare var __VLS_9: any, __VLS_12: {};
|
|
4
|
+
type __VLS_Slots = {} & {
|
|
5
|
+
label?: (props: typeof __VLS_9) => any;
|
|
6
|
+
} & {
|
|
7
|
+
helpText?: (props: typeof __VLS_12) => any;
|
|
8
|
+
};
|
|
9
|
+
declare const __VLS_base: import('vue').DefineComponent<RatingProps, {
|
|
4
10
|
focus: typeof focus;
|
|
5
11
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
6
12
|
change: (value: number) => any;
|
|
@@ -16,5 +22,11 @@ declare const __VLS_export: import('vue').DefineComponent<RatingProps, {
|
|
|
16
22
|
fullIcon: string;
|
|
17
23
|
fullColor: string;
|
|
18
24
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
25
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
19
26
|
declare const _default: typeof __VLS_export;
|
|
20
27
|
export default _default;
|
|
28
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
29
|
+
new (): {
|
|
30
|
+
$slots: S;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
@@ -1,12 +1,25 @@
|
|
|
1
|
-
import { ScrollPaneProps } from './types';
|
|
1
|
+
import { ScrollPaneProps, ScrollPaneScrollIntoViewOptions } from './types';
|
|
2
2
|
declare function updateImmediate(): void;
|
|
3
3
|
declare function scrollTo(x: number, y: number): void;
|
|
4
|
+
/**
|
|
5
|
+
* Scrolls THIS pane so `target` is visible, and touches nothing else.
|
|
6
|
+
*
|
|
7
|
+
* `Element.scrollIntoView` walks every scrollable ancestor, so calling it on
|
|
8
|
+
* an item inside a pane that lives in a dropdown or a sheet is as likely to
|
|
9
|
+
* scroll the page out from under the overlay as it is to move the list. This
|
|
10
|
+
* knows which container it owns, so it scrolls that one.
|
|
11
|
+
*
|
|
12
|
+
* `target` may be an element or a selector resolved within the pane. Anything
|
|
13
|
+
* that is not inside the pane is ignored rather than guessed at.
|
|
14
|
+
*/
|
|
15
|
+
declare function scrollIntoView(target: Element | string | null | undefined, options?: ScrollPaneScrollIntoViewOptions): void;
|
|
4
16
|
declare var __VLS_1: {};
|
|
5
17
|
type __VLS_Slots = {} & {
|
|
6
18
|
default?: (props: typeof __VLS_1) => any;
|
|
7
19
|
};
|
|
8
20
|
declare const __VLS_base: import('vue').DefineComponent<ScrollPaneProps, {
|
|
9
21
|
scrollTo: typeof scrollTo;
|
|
22
|
+
scrollIntoView: typeof scrollIntoView;
|
|
10
23
|
update: typeof updateImmediate;
|
|
11
24
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ScrollPaneProps> & Readonly<{}>, {
|
|
12
25
|
disabled: boolean;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { default as ScrollPane } from './ScrollPane.vue';
|
|
2
|
-
export type { ScrollPaneProps, ScrollPaneDirectionType } from './types';
|
|
2
|
+
export type { ScrollPaneProps, ScrollPaneDirectionType, ScrollPaneAlignType, ScrollPaneScrollIntoViewOptions } from './types';
|
|
@@ -1,4 +1,26 @@
|
|
|
1
1
|
export type ScrollPaneDirectionType = 'vertical' | 'horizontal' | 'both';
|
|
2
|
+
/** Where in the pane `scrollIntoView` should leave the target. */
|
|
3
|
+
export type ScrollPaneAlignType = 'nearest' | 'start' | 'center' | 'end';
|
|
4
|
+
export interface ScrollPaneScrollIntoViewOptions {
|
|
5
|
+
/**
|
|
6
|
+
* Vertical placement. `"nearest"` (the default) scrolls only as far as it
|
|
7
|
+
* takes to make the target visible, and does nothing at all if it already
|
|
8
|
+
* is — the right behaviour for keyboard navigation through a list.
|
|
9
|
+
*/
|
|
10
|
+
block?: ScrollPaneAlignType;
|
|
11
|
+
/**
|
|
12
|
+
* Horizontal placement. Same values as `block`, and ignored unless the
|
|
13
|
+
* pane's `direction` scrolls horizontally.
|
|
14
|
+
*/
|
|
15
|
+
inline?: ScrollPaneAlignType;
|
|
16
|
+
/**
|
|
17
|
+
* Breathing room to leave between the target and the edge it is scrolled
|
|
18
|
+
* to, in pixels. Applies to `"nearest"`, `"start"` and `"end"`.
|
|
19
|
+
*/
|
|
20
|
+
offset?: number;
|
|
21
|
+
/** Passed straight to `Element.scrollTo`. */
|
|
22
|
+
behavior?: ScrollBehavior;
|
|
23
|
+
}
|
|
2
24
|
export interface ScrollPaneProps {
|
|
3
25
|
/**
|
|
4
26
|
* Which way the content scrolls.
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
import { SegmentedControlProps, SegmentedOptionType } from './types';
|
|
2
|
-
declare var
|
|
2
|
+
declare var __VLS_9: any, __VLS_12: {}, __VLS_14: {
|
|
3
3
|
option: SegmentedOptionType;
|
|
4
4
|
index: number;
|
|
5
5
|
selected: boolean;
|
|
6
6
|
};
|
|
7
7
|
type __VLS_Slots = {} & {
|
|
8
|
-
|
|
8
|
+
label?: (props: typeof __VLS_9) => any;
|
|
9
|
+
} & {
|
|
10
|
+
helpText?: (props: typeof __VLS_12) => any;
|
|
11
|
+
} & {
|
|
12
|
+
option?: (props: typeof __VLS_14) => any;
|
|
9
13
|
};
|
|
10
14
|
declare const __VLS_base: import('vue').DefineComponent<SegmentedControlProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
11
15
|
change: (value: any, option: SegmentedOptionType) => any;
|