@kaitify/vue 0.0.3 → 0.0.4-beta.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.
@@ -17,23 +17,473 @@ declare const __VLS_component: import('vue').DefineComponent<PopoverPropsType, {
17
17
  visible: import('vue').Ref<boolean, boolean>;
18
18
  showPopover: () => void;
19
19
  hidePopover: () => void;
20
- popperInstance: import('vue').Ref<Instance | undefined, Instance | undefined>;
20
+ popperInstance: import('vue').Ref<{
21
+ state: {
22
+ elements: {
23
+ reference: Element | {
24
+ getBoundingClientRect: () => ClientRect | DOMRect;
25
+ contextElement?: Element | undefined;
26
+ };
27
+ popper: HTMLElement;
28
+ arrow?: HTMLElement | undefined;
29
+ };
30
+ options: {
31
+ placement: import('@popperjs/core').Placement;
32
+ modifiers: any[];
33
+ strategy: import('@popperjs/core').PositioningStrategy;
34
+ onFirstUpdate?: ((arg0: Partial<import('@popperjs/core').State>) => void) | undefined;
35
+ };
36
+ placement: import('@popperjs/core').Placement;
37
+ strategy: import('@popperjs/core').PositioningStrategy;
38
+ orderedModifiers: {
39
+ name: any;
40
+ enabled: boolean;
41
+ phase: import('@popperjs/core').ModifierPhases;
42
+ requires?: Array<string> | undefined;
43
+ requiresIfExists?: Array<string> | undefined;
44
+ fn: (arg0: import('@popperjs/core').ModifierArguments<any>) => import('@popperjs/core').State | void;
45
+ effect?: ((arg0: import('@popperjs/core').ModifierArguments<any>) => (() => void) | void) | undefined;
46
+ options?: Partial<any> | undefined;
47
+ data?: import('@popperjs/core').Obj | undefined;
48
+ }[];
49
+ rects: {
50
+ reference: {
51
+ width: number;
52
+ height: number;
53
+ x: number;
54
+ y: number;
55
+ };
56
+ popper: {
57
+ width: number;
58
+ height: number;
59
+ x: number;
60
+ y: number;
61
+ };
62
+ };
63
+ scrollParents: {
64
+ reference: (Element | {
65
+ innerHeight: number;
66
+ offsetHeight: number;
67
+ innerWidth: number;
68
+ offsetWidth: number;
69
+ pageXOffset: number;
70
+ pageYOffset: number;
71
+ getComputedStyle: typeof getComputedStyle;
72
+ addEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
73
+ removeEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
74
+ Element: Element;
75
+ HTMLElement: HTMLElement;
76
+ Node: Node;
77
+ toString: () => "[object Window]";
78
+ devicePixelRatio: number;
79
+ visualViewport?: {
80
+ addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: AddEventListenerOptions | boolean) => void;
81
+ dispatchEvent: (event: Event) => boolean;
82
+ removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: EventListenerOptions | boolean) => void;
83
+ width: number;
84
+ height: number;
85
+ offsetLeft: number;
86
+ offsetTop: number;
87
+ scale: number;
88
+ } | undefined;
89
+ ShadowRoot: ShadowRoot;
90
+ } | {
91
+ addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: AddEventListenerOptions | boolean) => void;
92
+ dispatchEvent: (event: Event) => boolean;
93
+ removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: EventListenerOptions | boolean) => void;
94
+ width: number;
95
+ height: number;
96
+ offsetLeft: number;
97
+ offsetTop: number;
98
+ scale: number;
99
+ })[];
100
+ popper: (Element | {
101
+ innerHeight: number;
102
+ offsetHeight: number;
103
+ innerWidth: number;
104
+ offsetWidth: number;
105
+ pageXOffset: number;
106
+ pageYOffset: number;
107
+ getComputedStyle: typeof getComputedStyle;
108
+ addEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
109
+ removeEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
110
+ Element: Element;
111
+ HTMLElement: HTMLElement;
112
+ Node: Node;
113
+ toString: () => "[object Window]";
114
+ devicePixelRatio: number;
115
+ visualViewport?: {
116
+ addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: AddEventListenerOptions | boolean) => void;
117
+ dispatchEvent: (event: Event) => boolean;
118
+ removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: EventListenerOptions | boolean) => void;
119
+ width: number;
120
+ height: number;
121
+ offsetLeft: number;
122
+ offsetTop: number;
123
+ scale: number;
124
+ } | undefined;
125
+ ShadowRoot: ShadowRoot;
126
+ } | {
127
+ addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: AddEventListenerOptions | boolean) => void;
128
+ dispatchEvent: (event: Event) => boolean;
129
+ removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: EventListenerOptions | boolean) => void;
130
+ width: number;
131
+ height: number;
132
+ offsetLeft: number;
133
+ offsetTop: number;
134
+ scale: number;
135
+ })[];
136
+ };
137
+ styles: {
138
+ [key: string]: Partial<CSSStyleDeclaration>;
139
+ };
140
+ attributes: {
141
+ [key: string]: {
142
+ [key: string]: string | boolean;
143
+ };
144
+ };
145
+ modifiersData: {
146
+ [x: string]: any;
147
+ arrow?: {
148
+ x?: number | undefined;
149
+ y?: number | undefined;
150
+ centerOffset: number;
151
+ } | undefined;
152
+ hide?: {
153
+ isReferenceHidden: boolean;
154
+ hasPopperEscaped: boolean;
155
+ referenceClippingOffsets: {
156
+ top: number;
157
+ left: number;
158
+ right: number;
159
+ bottom: number;
160
+ };
161
+ popperEscapeOffsets: {
162
+ top: number;
163
+ left: number;
164
+ right: number;
165
+ bottom: number;
166
+ };
167
+ } | undefined;
168
+ offset?: {
169
+ auto?: {
170
+ y: number;
171
+ x: number;
172
+ } | undefined;
173
+ "auto-start"?: {
174
+ y: number;
175
+ x: number;
176
+ } | undefined;
177
+ "auto-end"?: {
178
+ y: number;
179
+ x: number;
180
+ } | undefined;
181
+ top?: {
182
+ y: number;
183
+ x: number;
184
+ } | undefined;
185
+ bottom?: {
186
+ y: number;
187
+ x: number;
188
+ } | undefined;
189
+ right?: {
190
+ y: number;
191
+ x: number;
192
+ } | undefined;
193
+ left?: {
194
+ y: number;
195
+ x: number;
196
+ } | undefined;
197
+ "top-start"?: {
198
+ y: number;
199
+ x: number;
200
+ } | undefined;
201
+ "top-end"?: {
202
+ y: number;
203
+ x: number;
204
+ } | undefined;
205
+ "bottom-start"?: {
206
+ y: number;
207
+ x: number;
208
+ } | undefined;
209
+ "bottom-end"?: {
210
+ y: number;
211
+ x: number;
212
+ } | undefined;
213
+ "right-start"?: {
214
+ y: number;
215
+ x: number;
216
+ } | undefined;
217
+ "right-end"?: {
218
+ y: number;
219
+ x: number;
220
+ } | undefined;
221
+ "left-start"?: {
222
+ y: number;
223
+ x: number;
224
+ } | undefined;
225
+ "left-end"?: {
226
+ y: number;
227
+ x: number;
228
+ } | undefined;
229
+ } | undefined;
230
+ preventOverflow?: {
231
+ y: number;
232
+ x: number;
233
+ } | undefined;
234
+ popperOffsets?: {
235
+ y: number;
236
+ x: number;
237
+ } | undefined;
238
+ };
239
+ reset: boolean;
240
+ };
241
+ destroy: () => void;
242
+ forceUpdate: () => void;
243
+ update: () => Promise<Partial<import('@popperjs/core').State>>;
244
+ setOptions: (setOptionsAction: Partial<import('@popperjs/core').OptionsGeneric<any>> | ((prev: Partial<import('@popperjs/core').OptionsGeneric<any>>) => Partial<import('@popperjs/core').OptionsGeneric<any>>)) => Promise<Partial<import('@popperjs/core').State>>;
245
+ } | null, Instance | {
246
+ state: {
247
+ elements: {
248
+ reference: Element | {
249
+ getBoundingClientRect: () => ClientRect | DOMRect;
250
+ contextElement?: Element | undefined;
251
+ };
252
+ popper: HTMLElement;
253
+ arrow?: HTMLElement | undefined;
254
+ };
255
+ options: {
256
+ placement: import('@popperjs/core').Placement;
257
+ modifiers: any[];
258
+ strategy: import('@popperjs/core').PositioningStrategy;
259
+ onFirstUpdate?: ((arg0: Partial<import('@popperjs/core').State>) => void) | undefined;
260
+ };
261
+ placement: import('@popperjs/core').Placement;
262
+ strategy: import('@popperjs/core').PositioningStrategy;
263
+ orderedModifiers: {
264
+ name: any;
265
+ enabled: boolean;
266
+ phase: import('@popperjs/core').ModifierPhases;
267
+ requires?: Array<string> | undefined;
268
+ requiresIfExists?: Array<string> | undefined;
269
+ fn: (arg0: import('@popperjs/core').ModifierArguments<any>) => import('@popperjs/core').State | void;
270
+ effect?: ((arg0: import('@popperjs/core').ModifierArguments<any>) => (() => void) | void) | undefined;
271
+ options?: Partial<any> | undefined;
272
+ data?: import('@popperjs/core').Obj | undefined;
273
+ }[];
274
+ rects: {
275
+ reference: {
276
+ width: number;
277
+ height: number;
278
+ x: number;
279
+ y: number;
280
+ };
281
+ popper: {
282
+ width: number;
283
+ height: number;
284
+ x: number;
285
+ y: number;
286
+ };
287
+ };
288
+ scrollParents: {
289
+ reference: (Element | {
290
+ innerHeight: number;
291
+ offsetHeight: number;
292
+ innerWidth: number;
293
+ offsetWidth: number;
294
+ pageXOffset: number;
295
+ pageYOffset: number;
296
+ getComputedStyle: typeof getComputedStyle;
297
+ addEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
298
+ removeEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
299
+ Element: Element;
300
+ HTMLElement: HTMLElement;
301
+ Node: Node;
302
+ toString: () => "[object Window]";
303
+ devicePixelRatio: number;
304
+ visualViewport?: {
305
+ addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: AddEventListenerOptions | boolean) => void;
306
+ dispatchEvent: (event: Event) => boolean;
307
+ removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: EventListenerOptions | boolean) => void;
308
+ width: number;
309
+ height: number;
310
+ offsetLeft: number;
311
+ offsetTop: number;
312
+ scale: number;
313
+ } | undefined;
314
+ ShadowRoot: ShadowRoot;
315
+ } | {
316
+ addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: AddEventListenerOptions | boolean) => void;
317
+ dispatchEvent: (event: Event) => boolean;
318
+ removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: EventListenerOptions | boolean) => void;
319
+ width: number;
320
+ height: number;
321
+ offsetLeft: number;
322
+ offsetTop: number;
323
+ scale: number;
324
+ })[];
325
+ popper: (Element | {
326
+ innerHeight: number;
327
+ offsetHeight: number;
328
+ innerWidth: number;
329
+ offsetWidth: number;
330
+ pageXOffset: number;
331
+ pageYOffset: number;
332
+ getComputedStyle: typeof getComputedStyle;
333
+ addEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
334
+ removeEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
335
+ Element: Element;
336
+ HTMLElement: HTMLElement;
337
+ Node: Node;
338
+ toString: () => "[object Window]";
339
+ devicePixelRatio: number;
340
+ visualViewport?: {
341
+ addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: AddEventListenerOptions | boolean) => void;
342
+ dispatchEvent: (event: Event) => boolean;
343
+ removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: EventListenerOptions | boolean) => void;
344
+ width: number;
345
+ height: number;
346
+ offsetLeft: number;
347
+ offsetTop: number;
348
+ scale: number;
349
+ } | undefined;
350
+ ShadowRoot: ShadowRoot;
351
+ } | {
352
+ addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: AddEventListenerOptions | boolean) => void;
353
+ dispatchEvent: (event: Event) => boolean;
354
+ removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: EventListenerOptions | boolean) => void;
355
+ width: number;
356
+ height: number;
357
+ offsetLeft: number;
358
+ offsetTop: number;
359
+ scale: number;
360
+ })[];
361
+ };
362
+ styles: {
363
+ [key: string]: Partial<CSSStyleDeclaration>;
364
+ };
365
+ attributes: {
366
+ [key: string]: {
367
+ [key: string]: string | boolean;
368
+ };
369
+ };
370
+ modifiersData: {
371
+ [x: string]: any;
372
+ arrow?: {
373
+ x?: number | undefined;
374
+ y?: number | undefined;
375
+ centerOffset: number;
376
+ } | undefined;
377
+ hide?: {
378
+ isReferenceHidden: boolean;
379
+ hasPopperEscaped: boolean;
380
+ referenceClippingOffsets: {
381
+ top: number;
382
+ left: number;
383
+ right: number;
384
+ bottom: number;
385
+ };
386
+ popperEscapeOffsets: {
387
+ top: number;
388
+ left: number;
389
+ right: number;
390
+ bottom: number;
391
+ };
392
+ } | undefined;
393
+ offset?: {
394
+ auto?: {
395
+ y: number;
396
+ x: number;
397
+ } | undefined;
398
+ "auto-start"?: {
399
+ y: number;
400
+ x: number;
401
+ } | undefined;
402
+ "auto-end"?: {
403
+ y: number;
404
+ x: number;
405
+ } | undefined;
406
+ top?: {
407
+ y: number;
408
+ x: number;
409
+ } | undefined;
410
+ bottom?: {
411
+ y: number;
412
+ x: number;
413
+ } | undefined;
414
+ right?: {
415
+ y: number;
416
+ x: number;
417
+ } | undefined;
418
+ left?: {
419
+ y: number;
420
+ x: number;
421
+ } | undefined;
422
+ "top-start"?: {
423
+ y: number;
424
+ x: number;
425
+ } | undefined;
426
+ "top-end"?: {
427
+ y: number;
428
+ x: number;
429
+ } | undefined;
430
+ "bottom-start"?: {
431
+ y: number;
432
+ x: number;
433
+ } | undefined;
434
+ "bottom-end"?: {
435
+ y: number;
436
+ x: number;
437
+ } | undefined;
438
+ "right-start"?: {
439
+ y: number;
440
+ x: number;
441
+ } | undefined;
442
+ "right-end"?: {
443
+ y: number;
444
+ x: number;
445
+ } | undefined;
446
+ "left-start"?: {
447
+ y: number;
448
+ x: number;
449
+ } | undefined;
450
+ "left-end"?: {
451
+ y: number;
452
+ x: number;
453
+ } | undefined;
454
+ } | undefined;
455
+ preventOverflow?: {
456
+ y: number;
457
+ x: number;
458
+ } | undefined;
459
+ popperOffsets?: {
460
+ y: number;
461
+ x: number;
462
+ } | undefined;
463
+ };
464
+ reset: boolean;
465
+ };
466
+ destroy: () => void;
467
+ forceUpdate: () => void;
468
+ update: () => Promise<Partial<import('@popperjs/core').State>>;
469
+ setOptions: (setOptionsAction: Partial<import('@popperjs/core').OptionsGeneric<any>> | ((prev: Partial<import('@popperjs/core').OptionsGeneric<any>>) => Partial<import('@popperjs/core').OptionsGeneric<any>>)) => Promise<Partial<import('@popperjs/core').State>>;
470
+ } | null>;
21
471
  update: () => Promise<void>;
22
472
  realPlacement: import('vue').Ref<PopoverPlacementType, PopoverPlacementType>;
23
473
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
24
- hidden: (value: Element) => any;
25
- show: (value: Element) => any;
26
- showing: (value: Element) => any;
27
- shown: (value: Element) => any;
28
- hide: (value: Element) => any;
29
- hiding: (value: Element) => any;
474
+ hidden: (value: HTMLDivElement) => any;
475
+ show: (value: HTMLDivElement) => any;
476
+ showing: (value: HTMLDivElement) => any;
477
+ shown: (value: HTMLDivElement) => any;
478
+ hide: (value: HTMLDivElement) => any;
479
+ hiding: (value: HTMLDivElement) => any;
30
480
  }, string, import('vue').PublicProps, Readonly<PopoverPropsType> & Readonly<{
31
- onHidden?: ((value: Element) => any) | undefined;
32
- onShow?: ((value: Element) => any) | undefined;
33
- onShowing?: ((value: Element) => any) | undefined;
34
- onShown?: ((value: Element) => any) | undefined;
35
- onHide?: ((value: Element) => any) | undefined;
36
- onHiding?: ((value: Element) => any) | undefined;
481
+ onHidden?: ((value: HTMLDivElement) => any) | undefined;
482
+ onShow?: ((value: HTMLDivElement) => any) | undefined;
483
+ onShowing?: ((value: HTMLDivElement) => any) | undefined;
484
+ onShown?: ((value: HTMLDivElement) => any) | undefined;
485
+ onHide?: ((value: HTMLDivElement) => any) | undefined;
486
+ onHiding?: ((value: HTMLDivElement) => any) | undefined;
37
487
  }>, {
38
488
  disabled: boolean;
39
489
  zIndex: number;
@@ -54,25 +54,25 @@ export type PopoverEmitsType = {
54
54
  /**
55
55
  * 浮层显示前触发的事件
56
56
  */
57
- (e: 'show', value: Element): void;
57
+ (e: 'show', value: HTMLDivElement): void;
58
58
  /**
59
59
  * 浮层显示时触发的事件
60
60
  */
61
- (e: 'showing', value: Element): void;
61
+ (e: 'showing', value: HTMLDivElement): void;
62
62
  /**
63
63
  * 浮层显示后触发的事件
64
64
  */
65
- (e: 'shown', value: Element): void;
65
+ (e: 'shown', value: HTMLDivElement): void;
66
66
  /**
67
67
  * 浮层隐藏前触发的事件
68
68
  */
69
- (e: 'hide', value: Element): void;
69
+ (e: 'hide', value: HTMLDivElement): void;
70
70
  /**
71
71
  * 浮层隐藏时触发的事件
72
72
  */
73
- (e: 'hiding', value: Element): void;
73
+ (e: 'hiding', value: HTMLDivElement): void;
74
74
  /**
75
75
  * 浮层隐藏后触发的事件
76
76
  */
77
- (e: 'hidden', value: Element): void;
77
+ (e: 'hidden', value: HTMLDivElement): void;
78
78
  };