@destyler/popper 0.0.1-beta.9 → 0.0.2
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/LICENSE +21 -0
- package/dist/component.cjs +16 -0
- package/dist/component.d.cts +5 -0
- package/dist/component.d.mts +5 -0
- package/dist/component.d.ts +5 -0
- package/dist/component.mjs +7 -0
- package/dist/index.cjs +51 -44
- package/dist/index.d.cts +334 -356
- package/dist/index.d.mts +334 -356
- package/dist/index.d.ts +334 -356
- package/dist/index.mjs +55 -36
- package/dist/resolver.cjs +23 -0
- package/dist/resolver.d.cts +6 -0
- package/dist/resolver.d.mts +6 -0
- package/dist/resolver.d.ts +6 -0
- package/dist/resolver.mjs +20 -0
- package/package.json +15 -5
package/dist/index.d.ts
CHANGED
|
@@ -1,82 +1,64 @@
|
|
|
1
1
|
import * as vue from 'vue';
|
|
2
|
-
import {
|
|
3
|
-
import * as _destyler_primitive from '@destyler/primitive';
|
|
2
|
+
import { PropType, Component, Ref } from 'vue';
|
|
4
3
|
import { AsTag } from '@destyler/primitive';
|
|
4
|
+
import { ExtractPublicPropTypes, Measurable } from '@destyler/shared';
|
|
5
5
|
import * as _floating_ui_vue from '@floating-ui/vue';
|
|
6
|
-
import { Middleware, Placement } from '@floating-ui/vue';
|
|
7
|
-
import { ComponentResolver } from 'unplugin-vue-components';
|
|
8
6
|
|
|
9
|
-
interface Measurable {
|
|
10
|
-
getBoundingClientRect(): DOMRect;
|
|
11
|
-
}
|
|
12
|
-
interface PopperRootContext {
|
|
13
|
-
anchor: Ref<Measurable | HTMLElement | undefined>;
|
|
14
|
-
onAnchorChange(element: Measurable | HTMLElement | undefined): void;
|
|
15
|
-
}
|
|
16
|
-
declare const injectPopperRootContext: <T extends PopperRootContext | null | undefined = PopperRootContext>(fallback?: T | undefined) => T extends null ? PopperRootContext | null : PopperRootContext;
|
|
17
|
-
declare const providePopperRootContext: (contextValue: PopperRootContext) => PopperRootContext;
|
|
18
7
|
declare const DestylerPopperRoot: vue.DefineComponent<{}, void, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
|
|
19
8
|
|
|
20
9
|
declare const destylerPopperAnchorProps: {
|
|
21
|
-
|
|
22
|
-
type: PropType<
|
|
10
|
+
readonly as: {
|
|
11
|
+
readonly type: PropType<AsTag | Component>;
|
|
12
|
+
readonly required: false;
|
|
13
|
+
readonly default: "div";
|
|
23
14
|
};
|
|
24
|
-
|
|
25
|
-
type: PropType<
|
|
26
|
-
required:
|
|
27
|
-
default:
|
|
15
|
+
readonly asChild: {
|
|
16
|
+
readonly type: PropType<boolean>;
|
|
17
|
+
readonly required: false;
|
|
18
|
+
readonly default: false;
|
|
28
19
|
};
|
|
29
|
-
|
|
30
|
-
type: PropType<
|
|
31
|
-
required: boolean;
|
|
32
|
-
default: boolean;
|
|
20
|
+
readonly element: {
|
|
21
|
+
readonly type: PropType<Measurable>;
|
|
33
22
|
};
|
|
34
23
|
};
|
|
24
|
+
type DestylerPopperAnchorProps = ExtractPublicPropTypes<typeof destylerPopperAnchorProps>;
|
|
35
25
|
declare const DestylerPopperAnchor: vue.DefineComponent<{
|
|
36
|
-
|
|
37
|
-
type: PropType<
|
|
26
|
+
readonly as: {
|
|
27
|
+
readonly type: PropType<AsTag | Component>;
|
|
28
|
+
readonly required: false;
|
|
29
|
+
readonly default: "div";
|
|
38
30
|
};
|
|
39
|
-
|
|
40
|
-
type: PropType<
|
|
41
|
-
required:
|
|
42
|
-
default:
|
|
31
|
+
readonly asChild: {
|
|
32
|
+
readonly type: PropType<boolean>;
|
|
33
|
+
readonly required: false;
|
|
34
|
+
readonly default: false;
|
|
43
35
|
};
|
|
44
|
-
|
|
45
|
-
type: PropType<
|
|
46
|
-
required: boolean;
|
|
47
|
-
default: boolean;
|
|
36
|
+
readonly element: {
|
|
37
|
+
readonly type: PropType<Measurable>;
|
|
48
38
|
};
|
|
49
39
|
}, {
|
|
50
|
-
|
|
40
|
+
forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
|
|
51
41
|
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
52
|
-
|
|
53
|
-
type: PropType<
|
|
42
|
+
readonly as: {
|
|
43
|
+
readonly type: PropType<AsTag | Component>;
|
|
44
|
+
readonly required: false;
|
|
45
|
+
readonly default: "div";
|
|
54
46
|
};
|
|
55
|
-
|
|
56
|
-
type: PropType<
|
|
57
|
-
required:
|
|
58
|
-
default:
|
|
47
|
+
readonly asChild: {
|
|
48
|
+
readonly type: PropType<boolean>;
|
|
49
|
+
readonly required: false;
|
|
50
|
+
readonly default: false;
|
|
59
51
|
};
|
|
60
|
-
|
|
61
|
-
type: PropType<
|
|
62
|
-
required: boolean;
|
|
63
|
-
default: boolean;
|
|
52
|
+
readonly element: {
|
|
53
|
+
readonly type: PropType<Measurable>;
|
|
64
54
|
};
|
|
65
55
|
}>>, {
|
|
66
|
-
as:
|
|
67
|
-
asChild: boolean;
|
|
56
|
+
readonly as: AsTag | Component;
|
|
57
|
+
readonly asChild: boolean;
|
|
68
58
|
}, {}>;
|
|
69
59
|
|
|
70
60
|
declare const SIDE_OPTIONS: readonly ["top", "right", "bottom", "left"];
|
|
71
|
-
declare const ALIGN_OPTIONS: readonly ["start", "center", "end"];
|
|
72
61
|
type Side = (typeof SIDE_OPTIONS)[number];
|
|
73
|
-
type Align = (typeof ALIGN_OPTIONS)[number];
|
|
74
|
-
declare function isNotNull<T>(value: T | null): value is T;
|
|
75
|
-
declare function transformOrigin(options: {
|
|
76
|
-
arrowWidth: number;
|
|
77
|
-
arrowHeight: number;
|
|
78
|
-
}): Middleware;
|
|
79
|
-
declare function getSideAndAlignFromPlacement(placement: Placement): readonly ["top" | "right" | "bottom" | "left", "start" | "center" | "end"];
|
|
80
62
|
|
|
81
63
|
interface PopperContentContext {
|
|
82
64
|
placedSide: Ref<Side>;
|
|
@@ -85,158 +67,157 @@ interface PopperContentContext {
|
|
|
85
67
|
arrowY?: Ref<number>;
|
|
86
68
|
shouldHideArrow: Ref<boolean>;
|
|
87
69
|
}
|
|
88
|
-
declare const injectPopperContentContext: <T extends PopperContentContext | null | undefined = PopperContentContext>(fallback?: T | undefined) => T extends null ? PopperContentContext | null : PopperContentContext;
|
|
89
|
-
declare const providePopperContentContext: (contextValue: PopperContentContext) => PopperContentContext;
|
|
90
70
|
declare const destylerPopperContentProps: {
|
|
91
|
-
|
|
92
|
-
type: PropType<
|
|
93
|
-
required:
|
|
94
|
-
default:
|
|
95
|
-
};
|
|
96
|
-
|
|
97
|
-
type: PropType<
|
|
98
|
-
required:
|
|
99
|
-
default:
|
|
100
|
-
};
|
|
101
|
-
|
|
102
|
-
type: PropType<"
|
|
103
|
-
required:
|
|
104
|
-
default:
|
|
105
|
-
};
|
|
106
|
-
|
|
107
|
-
type: PropType<number>;
|
|
108
|
-
required:
|
|
109
|
-
default:
|
|
110
|
-
};
|
|
111
|
-
|
|
112
|
-
type: PropType<
|
|
113
|
-
required:
|
|
114
|
-
default:
|
|
115
|
-
};
|
|
116
|
-
|
|
117
|
-
type: PropType<
|
|
118
|
-
required:
|
|
119
|
-
default:
|
|
120
|
-
};
|
|
121
|
-
|
|
122
|
-
type: PropType<
|
|
123
|
-
required:
|
|
124
|
-
default:
|
|
125
|
-
};
|
|
126
|
-
|
|
127
|
-
type: PropType<
|
|
128
|
-
required:
|
|
129
|
-
default:
|
|
130
|
-
};
|
|
131
|
-
|
|
132
|
-
type: PropType<"
|
|
133
|
-
required:
|
|
134
|
-
default:
|
|
135
|
-
};
|
|
136
|
-
|
|
137
|
-
type: PropType<
|
|
138
|
-
required:
|
|
139
|
-
default:
|
|
140
|
-
};
|
|
141
|
-
|
|
142
|
-
type: PropType<"
|
|
143
|
-
required:
|
|
144
|
-
default:
|
|
145
|
-
};
|
|
146
|
-
|
|
147
|
-
type: PropType<
|
|
148
|
-
required:
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
};
|
|
160
|
-
|
|
161
|
-
type: PropType<boolean>;
|
|
162
|
-
required:
|
|
163
|
-
default:
|
|
71
|
+
readonly as: {
|
|
72
|
+
readonly type: PropType<AsTag | Component>;
|
|
73
|
+
readonly required: false;
|
|
74
|
+
readonly default: "div";
|
|
75
|
+
};
|
|
76
|
+
readonly asChild: {
|
|
77
|
+
readonly type: PropType<boolean>;
|
|
78
|
+
readonly required: false;
|
|
79
|
+
readonly default: false;
|
|
80
|
+
};
|
|
81
|
+
readonly side: {
|
|
82
|
+
readonly type: PropType<"top" | "right" | "bottom" | "left">;
|
|
83
|
+
readonly required: false;
|
|
84
|
+
readonly default: "bottom";
|
|
85
|
+
};
|
|
86
|
+
readonly sideOffset: {
|
|
87
|
+
readonly type: PropType<number>;
|
|
88
|
+
readonly required: false;
|
|
89
|
+
readonly default: 0;
|
|
90
|
+
};
|
|
91
|
+
readonly align: {
|
|
92
|
+
readonly type: PropType<"start" | "center" | "end">;
|
|
93
|
+
readonly required: false;
|
|
94
|
+
readonly default: "center";
|
|
95
|
+
};
|
|
96
|
+
readonly alignOffset: {
|
|
97
|
+
readonly type: PropType<number>;
|
|
98
|
+
readonly required: false;
|
|
99
|
+
readonly default: 0;
|
|
100
|
+
};
|
|
101
|
+
readonly avoidCollisions: {
|
|
102
|
+
readonly type: PropType<boolean>;
|
|
103
|
+
readonly required: false;
|
|
104
|
+
readonly default: true;
|
|
105
|
+
};
|
|
106
|
+
readonly collisionBoundary: {
|
|
107
|
+
readonly type: PropType<Element | (Element | null)[] | null>;
|
|
108
|
+
readonly required: false;
|
|
109
|
+
readonly default: () => never[];
|
|
110
|
+
};
|
|
111
|
+
readonly collisionPadding: {
|
|
112
|
+
readonly type: PropType<number | Partial<Record<"top" | "right" | "bottom" | "left", number>>>;
|
|
113
|
+
readonly required: false;
|
|
114
|
+
readonly default: 0;
|
|
115
|
+
};
|
|
116
|
+
readonly arrowPadding: {
|
|
117
|
+
readonly type: PropType<number>;
|
|
118
|
+
readonly required: false;
|
|
119
|
+
readonly default: 0;
|
|
120
|
+
};
|
|
121
|
+
readonly sticky: {
|
|
122
|
+
readonly type: PropType<"partial" | "always">;
|
|
123
|
+
readonly required: false;
|
|
124
|
+
readonly default: "partial";
|
|
125
|
+
};
|
|
126
|
+
readonly hideWhenDetached: {
|
|
127
|
+
readonly type: PropType<boolean>;
|
|
128
|
+
readonly required: false;
|
|
129
|
+
readonly default: false;
|
|
130
|
+
};
|
|
131
|
+
readonly updatePositionStrategy: {
|
|
132
|
+
readonly type: PropType<"always" | "optimized">;
|
|
133
|
+
readonly required: false;
|
|
134
|
+
readonly default: "optimized";
|
|
135
|
+
};
|
|
136
|
+
readonly onPlaced: {
|
|
137
|
+
readonly type: PropType<() => void>;
|
|
138
|
+
readonly required: false;
|
|
139
|
+
};
|
|
140
|
+
readonly prioritizePosition: {
|
|
141
|
+
readonly type: PropType<boolean>;
|
|
142
|
+
readonly required: false;
|
|
143
|
+
readonly default: false;
|
|
164
144
|
};
|
|
165
145
|
};
|
|
146
|
+
type DestylerPopperContentProps = ExtractPublicPropTypes<typeof destylerPopperContentProps>;
|
|
166
147
|
declare const DestylerPopperContent: vue.DefineComponent<{
|
|
167
|
-
|
|
168
|
-
type: PropType<
|
|
169
|
-
required:
|
|
170
|
-
default:
|
|
171
|
-
};
|
|
172
|
-
|
|
173
|
-
type: PropType<
|
|
174
|
-
required:
|
|
175
|
-
default:
|
|
176
|
-
};
|
|
177
|
-
|
|
178
|
-
type: PropType<"
|
|
179
|
-
required:
|
|
180
|
-
default:
|
|
181
|
-
};
|
|
182
|
-
|
|
183
|
-
type: PropType<number>;
|
|
184
|
-
required:
|
|
185
|
-
default:
|
|
186
|
-
};
|
|
187
|
-
|
|
188
|
-
type: PropType<
|
|
189
|
-
required:
|
|
190
|
-
default:
|
|
191
|
-
};
|
|
192
|
-
|
|
193
|
-
type: PropType<
|
|
194
|
-
required:
|
|
195
|
-
default:
|
|
196
|
-
};
|
|
197
|
-
|
|
198
|
-
type: PropType<
|
|
199
|
-
required:
|
|
200
|
-
default:
|
|
201
|
-
};
|
|
202
|
-
|
|
203
|
-
type: PropType<
|
|
204
|
-
required:
|
|
205
|
-
default:
|
|
206
|
-
};
|
|
207
|
-
|
|
208
|
-
type: PropType<"
|
|
209
|
-
required:
|
|
210
|
-
default:
|
|
211
|
-
};
|
|
212
|
-
|
|
213
|
-
type: PropType<
|
|
214
|
-
required:
|
|
215
|
-
default:
|
|
216
|
-
};
|
|
217
|
-
|
|
218
|
-
type: PropType<"
|
|
219
|
-
required:
|
|
220
|
-
default:
|
|
221
|
-
};
|
|
222
|
-
|
|
223
|
-
type: PropType<
|
|
224
|
-
required:
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
};
|
|
236
|
-
|
|
237
|
-
type: PropType<boolean>;
|
|
238
|
-
required:
|
|
239
|
-
default:
|
|
148
|
+
readonly as: {
|
|
149
|
+
readonly type: PropType<AsTag | Component>;
|
|
150
|
+
readonly required: false;
|
|
151
|
+
readonly default: "div";
|
|
152
|
+
};
|
|
153
|
+
readonly asChild: {
|
|
154
|
+
readonly type: PropType<boolean>;
|
|
155
|
+
readonly required: false;
|
|
156
|
+
readonly default: false;
|
|
157
|
+
};
|
|
158
|
+
readonly side: {
|
|
159
|
+
readonly type: PropType<"top" | "right" | "bottom" | "left">;
|
|
160
|
+
readonly required: false;
|
|
161
|
+
readonly default: "bottom";
|
|
162
|
+
};
|
|
163
|
+
readonly sideOffset: {
|
|
164
|
+
readonly type: PropType<number>;
|
|
165
|
+
readonly required: false;
|
|
166
|
+
readonly default: 0;
|
|
167
|
+
};
|
|
168
|
+
readonly align: {
|
|
169
|
+
readonly type: PropType<"start" | "center" | "end">;
|
|
170
|
+
readonly required: false;
|
|
171
|
+
readonly default: "center";
|
|
172
|
+
};
|
|
173
|
+
readonly alignOffset: {
|
|
174
|
+
readonly type: PropType<number>;
|
|
175
|
+
readonly required: false;
|
|
176
|
+
readonly default: 0;
|
|
177
|
+
};
|
|
178
|
+
readonly avoidCollisions: {
|
|
179
|
+
readonly type: PropType<boolean>;
|
|
180
|
+
readonly required: false;
|
|
181
|
+
readonly default: true;
|
|
182
|
+
};
|
|
183
|
+
readonly collisionBoundary: {
|
|
184
|
+
readonly type: PropType<Element | (Element | null)[] | null>;
|
|
185
|
+
readonly required: false;
|
|
186
|
+
readonly default: () => never[];
|
|
187
|
+
};
|
|
188
|
+
readonly collisionPadding: {
|
|
189
|
+
readonly type: PropType<number | Partial<Record<"top" | "right" | "bottom" | "left", number>>>;
|
|
190
|
+
readonly required: false;
|
|
191
|
+
readonly default: 0;
|
|
192
|
+
};
|
|
193
|
+
readonly arrowPadding: {
|
|
194
|
+
readonly type: PropType<number>;
|
|
195
|
+
readonly required: false;
|
|
196
|
+
readonly default: 0;
|
|
197
|
+
};
|
|
198
|
+
readonly sticky: {
|
|
199
|
+
readonly type: PropType<"partial" | "always">;
|
|
200
|
+
readonly required: false;
|
|
201
|
+
readonly default: "partial";
|
|
202
|
+
};
|
|
203
|
+
readonly hideWhenDetached: {
|
|
204
|
+
readonly type: PropType<boolean>;
|
|
205
|
+
readonly required: false;
|
|
206
|
+
readonly default: false;
|
|
207
|
+
};
|
|
208
|
+
readonly updatePositionStrategy: {
|
|
209
|
+
readonly type: PropType<"always" | "optimized">;
|
|
210
|
+
readonly required: false;
|
|
211
|
+
readonly default: "optimized";
|
|
212
|
+
};
|
|
213
|
+
readonly onPlaced: {
|
|
214
|
+
readonly type: PropType<() => void>;
|
|
215
|
+
readonly required: false;
|
|
216
|
+
};
|
|
217
|
+
readonly prioritizePosition: {
|
|
218
|
+
readonly type: PropType<boolean>;
|
|
219
|
+
readonly required: false;
|
|
220
|
+
readonly default: false;
|
|
240
221
|
};
|
|
241
222
|
}, {
|
|
242
223
|
floatingRef: Ref<HTMLElement | undefined>;
|
|
@@ -250,178 +231,175 @@ declare const DestylerPopperContent: vue.DefineComponent<{
|
|
|
250
231
|
isPositioned: Readonly<Ref<boolean>>;
|
|
251
232
|
contentZIndex: Ref<string>;
|
|
252
233
|
middlewareData: Readonly<Ref<_floating_ui_vue.MiddlewareData>>;
|
|
253
|
-
forwardRef: (ref:
|
|
254
|
-
customElement: Ref<ComponentPublicInstance | undefined>;
|
|
234
|
+
forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
|
|
255
235
|
placedSide: vue.ComputedRef<"top" | "right" | "bottom" | "left">;
|
|
256
236
|
placedAlign: vue.ComputedRef<"start" | "center" | "end">;
|
|
257
237
|
attrStyle: any;
|
|
258
238
|
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
259
|
-
|
|
260
|
-
type: PropType<
|
|
261
|
-
required:
|
|
262
|
-
default:
|
|
263
|
-
};
|
|
264
|
-
|
|
265
|
-
type: PropType<
|
|
266
|
-
required:
|
|
267
|
-
default:
|
|
268
|
-
};
|
|
269
|
-
|
|
270
|
-
type: PropType<"
|
|
271
|
-
required:
|
|
272
|
-
default:
|
|
273
|
-
};
|
|
274
|
-
|
|
275
|
-
type: PropType<number>;
|
|
276
|
-
required:
|
|
277
|
-
default:
|
|
278
|
-
};
|
|
279
|
-
|
|
280
|
-
type: PropType<
|
|
281
|
-
required:
|
|
282
|
-
default:
|
|
283
|
-
};
|
|
284
|
-
|
|
285
|
-
type: PropType<
|
|
286
|
-
required:
|
|
287
|
-
default:
|
|
288
|
-
};
|
|
289
|
-
|
|
290
|
-
type: PropType<
|
|
291
|
-
required:
|
|
292
|
-
default:
|
|
293
|
-
};
|
|
294
|
-
|
|
295
|
-
type: PropType<
|
|
296
|
-
required:
|
|
297
|
-
default:
|
|
298
|
-
};
|
|
299
|
-
|
|
300
|
-
type: PropType<"
|
|
301
|
-
required:
|
|
302
|
-
default:
|
|
303
|
-
};
|
|
304
|
-
|
|
305
|
-
type: PropType<
|
|
306
|
-
required:
|
|
307
|
-
default:
|
|
308
|
-
};
|
|
309
|
-
|
|
310
|
-
type: PropType<"
|
|
311
|
-
required:
|
|
312
|
-
default:
|
|
313
|
-
};
|
|
314
|
-
|
|
315
|
-
type: PropType<
|
|
316
|
-
required:
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
};
|
|
328
|
-
|
|
329
|
-
type: PropType<boolean>;
|
|
330
|
-
required:
|
|
331
|
-
default:
|
|
239
|
+
readonly as: {
|
|
240
|
+
readonly type: PropType<AsTag | Component>;
|
|
241
|
+
readonly required: false;
|
|
242
|
+
readonly default: "div";
|
|
243
|
+
};
|
|
244
|
+
readonly asChild: {
|
|
245
|
+
readonly type: PropType<boolean>;
|
|
246
|
+
readonly required: false;
|
|
247
|
+
readonly default: false;
|
|
248
|
+
};
|
|
249
|
+
readonly side: {
|
|
250
|
+
readonly type: PropType<"top" | "right" | "bottom" | "left">;
|
|
251
|
+
readonly required: false;
|
|
252
|
+
readonly default: "bottom";
|
|
253
|
+
};
|
|
254
|
+
readonly sideOffset: {
|
|
255
|
+
readonly type: PropType<number>;
|
|
256
|
+
readonly required: false;
|
|
257
|
+
readonly default: 0;
|
|
258
|
+
};
|
|
259
|
+
readonly align: {
|
|
260
|
+
readonly type: PropType<"start" | "center" | "end">;
|
|
261
|
+
readonly required: false;
|
|
262
|
+
readonly default: "center";
|
|
263
|
+
};
|
|
264
|
+
readonly alignOffset: {
|
|
265
|
+
readonly type: PropType<number>;
|
|
266
|
+
readonly required: false;
|
|
267
|
+
readonly default: 0;
|
|
268
|
+
};
|
|
269
|
+
readonly avoidCollisions: {
|
|
270
|
+
readonly type: PropType<boolean>;
|
|
271
|
+
readonly required: false;
|
|
272
|
+
readonly default: true;
|
|
273
|
+
};
|
|
274
|
+
readonly collisionBoundary: {
|
|
275
|
+
readonly type: PropType<Element | (Element | null)[] | null>;
|
|
276
|
+
readonly required: false;
|
|
277
|
+
readonly default: () => never[];
|
|
278
|
+
};
|
|
279
|
+
readonly collisionPadding: {
|
|
280
|
+
readonly type: PropType<number | Partial<Record<"top" | "right" | "bottom" | "left", number>>>;
|
|
281
|
+
readonly required: false;
|
|
282
|
+
readonly default: 0;
|
|
283
|
+
};
|
|
284
|
+
readonly arrowPadding: {
|
|
285
|
+
readonly type: PropType<number>;
|
|
286
|
+
readonly required: false;
|
|
287
|
+
readonly default: 0;
|
|
288
|
+
};
|
|
289
|
+
readonly sticky: {
|
|
290
|
+
readonly type: PropType<"partial" | "always">;
|
|
291
|
+
readonly required: false;
|
|
292
|
+
readonly default: "partial";
|
|
293
|
+
};
|
|
294
|
+
readonly hideWhenDetached: {
|
|
295
|
+
readonly type: PropType<boolean>;
|
|
296
|
+
readonly required: false;
|
|
297
|
+
readonly default: false;
|
|
298
|
+
};
|
|
299
|
+
readonly updatePositionStrategy: {
|
|
300
|
+
readonly type: PropType<"always" | "optimized">;
|
|
301
|
+
readonly required: false;
|
|
302
|
+
readonly default: "optimized";
|
|
303
|
+
};
|
|
304
|
+
readonly onPlaced: {
|
|
305
|
+
readonly type: PropType<() => void>;
|
|
306
|
+
readonly required: false;
|
|
307
|
+
};
|
|
308
|
+
readonly prioritizePosition: {
|
|
309
|
+
readonly type: PropType<boolean>;
|
|
310
|
+
readonly required: false;
|
|
311
|
+
readonly default: false;
|
|
332
312
|
};
|
|
333
313
|
}>>, {
|
|
334
|
-
as:
|
|
335
|
-
asChild: boolean;
|
|
336
|
-
side: "top" | "right" | "bottom" | "left";
|
|
337
|
-
align: "start" | "center" | "end";
|
|
338
|
-
sideOffset: number;
|
|
339
|
-
alignOffset: number;
|
|
340
|
-
avoidCollisions: boolean;
|
|
341
|
-
collisionBoundary: Element | (Element | null)[] | null;
|
|
342
|
-
collisionPadding: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
|
|
343
|
-
arrowPadding: number;
|
|
344
|
-
sticky: "partial" | "always";
|
|
345
|
-
hideWhenDetached: boolean;
|
|
346
|
-
updatePositionStrategy: "always" | "optimized";
|
|
347
|
-
prioritizePosition: boolean;
|
|
314
|
+
readonly as: AsTag | Component;
|
|
315
|
+
readonly asChild: boolean;
|
|
316
|
+
readonly side: "top" | "right" | "bottom" | "left";
|
|
317
|
+
readonly align: "start" | "center" | "end";
|
|
318
|
+
readonly sideOffset: number;
|
|
319
|
+
readonly alignOffset: number;
|
|
320
|
+
readonly avoidCollisions: boolean;
|
|
321
|
+
readonly collisionBoundary: Element | (Element | null)[] | null;
|
|
322
|
+
readonly collisionPadding: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
|
|
323
|
+
readonly arrowPadding: number;
|
|
324
|
+
readonly sticky: "partial" | "always";
|
|
325
|
+
readonly hideWhenDetached: boolean;
|
|
326
|
+
readonly updatePositionStrategy: "always" | "optimized";
|
|
327
|
+
readonly prioritizePosition: boolean;
|
|
348
328
|
}, {}>;
|
|
349
329
|
|
|
350
|
-
declare const OPPOSITE_SIDE: Record<Side, Side>;
|
|
351
330
|
declare const destylerPopperArrowProps: {
|
|
352
|
-
|
|
353
|
-
type: PropType<
|
|
354
|
-
required:
|
|
355
|
-
default:
|
|
356
|
-
};
|
|
357
|
-
width: {
|
|
358
|
-
type: PropType<number>;
|
|
359
|
-
required:
|
|
360
|
-
default:
|
|
361
|
-
};
|
|
362
|
-
height: {
|
|
363
|
-
type: PropType<number>;
|
|
364
|
-
required:
|
|
365
|
-
default:
|
|
366
|
-
};
|
|
367
|
-
|
|
368
|
-
type: PropType<
|
|
369
|
-
required:
|
|
370
|
-
default:
|
|
331
|
+
readonly asChild: {
|
|
332
|
+
readonly type: PropType<boolean>;
|
|
333
|
+
readonly required: false;
|
|
334
|
+
readonly default: false;
|
|
335
|
+
};
|
|
336
|
+
readonly width: {
|
|
337
|
+
readonly type: PropType<number>;
|
|
338
|
+
readonly required: false;
|
|
339
|
+
readonly default: 5;
|
|
340
|
+
};
|
|
341
|
+
readonly height: {
|
|
342
|
+
readonly type: PropType<number>;
|
|
343
|
+
readonly required: false;
|
|
344
|
+
readonly default: 10;
|
|
345
|
+
};
|
|
346
|
+
readonly as: {
|
|
347
|
+
readonly type: PropType<AsTag | Component>;
|
|
348
|
+
readonly required: false;
|
|
349
|
+
readonly default: "svg";
|
|
371
350
|
};
|
|
372
351
|
};
|
|
352
|
+
type DestylerPopperArrowProps = ExtractPublicPropTypes<typeof destylerPopperArrowProps>;
|
|
373
353
|
declare const DestylerPopperArrow: vue.DefineComponent<{
|
|
374
|
-
|
|
375
|
-
type: PropType<
|
|
376
|
-
required:
|
|
377
|
-
default:
|
|
378
|
-
};
|
|
379
|
-
width: {
|
|
380
|
-
type: PropType<number>;
|
|
381
|
-
required:
|
|
382
|
-
default:
|
|
383
|
-
};
|
|
384
|
-
height: {
|
|
385
|
-
type: PropType<number>;
|
|
386
|
-
required:
|
|
387
|
-
default:
|
|
388
|
-
};
|
|
389
|
-
|
|
390
|
-
type: PropType<
|
|
391
|
-
required:
|
|
392
|
-
default:
|
|
354
|
+
readonly asChild: {
|
|
355
|
+
readonly type: PropType<boolean>;
|
|
356
|
+
readonly required: false;
|
|
357
|
+
readonly default: false;
|
|
358
|
+
};
|
|
359
|
+
readonly width: {
|
|
360
|
+
readonly type: PropType<number>;
|
|
361
|
+
readonly required: false;
|
|
362
|
+
readonly default: 5;
|
|
363
|
+
};
|
|
364
|
+
readonly height: {
|
|
365
|
+
readonly type: PropType<number>;
|
|
366
|
+
readonly required: false;
|
|
367
|
+
readonly default: 10;
|
|
368
|
+
};
|
|
369
|
+
readonly as: {
|
|
370
|
+
readonly type: PropType<AsTag | Component>;
|
|
371
|
+
readonly required: false;
|
|
372
|
+
readonly default: "svg";
|
|
393
373
|
};
|
|
394
374
|
}, {
|
|
395
375
|
contentContext: PopperContentContext;
|
|
396
376
|
baseSide: vue.ComputedRef<"top" | "right" | "bottom" | "left">;
|
|
397
377
|
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
398
|
-
|
|
399
|
-
type: PropType<
|
|
400
|
-
required:
|
|
401
|
-
default:
|
|
402
|
-
};
|
|
403
|
-
width: {
|
|
404
|
-
type: PropType<number>;
|
|
405
|
-
required:
|
|
406
|
-
default:
|
|
407
|
-
};
|
|
408
|
-
height: {
|
|
409
|
-
type: PropType<number>;
|
|
410
|
-
required:
|
|
411
|
-
default:
|
|
412
|
-
};
|
|
413
|
-
|
|
414
|
-
type: PropType<
|
|
415
|
-
required:
|
|
416
|
-
default:
|
|
378
|
+
readonly asChild: {
|
|
379
|
+
readonly type: PropType<boolean>;
|
|
380
|
+
readonly required: false;
|
|
381
|
+
readonly default: false;
|
|
382
|
+
};
|
|
383
|
+
readonly width: {
|
|
384
|
+
readonly type: PropType<number>;
|
|
385
|
+
readonly required: false;
|
|
386
|
+
readonly default: 5;
|
|
387
|
+
};
|
|
388
|
+
readonly height: {
|
|
389
|
+
readonly type: PropType<number>;
|
|
390
|
+
readonly required: false;
|
|
391
|
+
readonly default: 10;
|
|
392
|
+
};
|
|
393
|
+
readonly as: {
|
|
394
|
+
readonly type: PropType<AsTag | Component>;
|
|
395
|
+
readonly required: false;
|
|
396
|
+
readonly default: "svg";
|
|
417
397
|
};
|
|
418
398
|
}>>, {
|
|
419
|
-
as: AsTag | Component;
|
|
420
|
-
asChild: boolean;
|
|
421
|
-
width: number;
|
|
422
|
-
height: number;
|
|
399
|
+
readonly as: AsTag | Component;
|
|
400
|
+
readonly asChild: boolean;
|
|
401
|
+
readonly width: number;
|
|
402
|
+
readonly height: number;
|
|
423
403
|
}, {}>;
|
|
424
404
|
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
export { type Align, DestylerPopperAnchor, DestylerPopperArrow, DestylerPopperContent, DestylerPopperResolver, DestylerPopperRoot, type Measurable, OPPOSITE_SIDE, type PopperContentContext, type Side, destylerPopperAnchorProps, destylerPopperArrowProps, destylerPopperContentProps, getSideAndAlignFromPlacement, injectPopperContentContext, injectPopperRootContext, isNotNull, providePopperContentContext, providePopperRootContext, transformOrigin };
|
|
405
|
+
export { DestylerPopperAnchor, type DestylerPopperAnchorProps, DestylerPopperArrow, type DestylerPopperArrowProps, DestylerPopperContent, type DestylerPopperContentProps, DestylerPopperRoot };
|