@destyler/hover-card 0.0.2 → 0.0.3
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/component.cjs +46 -70
- package/dist/component.d.cts +2 -2
- package/dist/component.d.mts +2 -2
- package/dist/component.d.ts +2 -2
- package/dist/component.mjs +46 -70
- package/dist/index.d.cts +1 -1
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/shared/{hover-card.2208f99f.d.cts → hover-card.32cad1f6.d.cts} +4 -4
- package/dist/shared/{hover-card.2208f99f.d.mts → hover-card.32cad1f6.d.mts} +4 -4
- package/dist/shared/{hover-card.2208f99f.d.ts → hover-card.32cad1f6.d.ts} +4 -4
- package/package.json +9 -8
package/dist/component.cjs
CHANGED
|
@@ -38,9 +38,7 @@ const DestylerHoverCardArrow = vue.defineComponent({
|
|
|
38
38
|
composition.useForwardExpose();
|
|
39
39
|
},
|
|
40
40
|
render() {
|
|
41
|
-
return vue.h(popper.DestylerPopperArrow, this.$props,
|
|
42
|
-
default: () => this.$slots.default?.()
|
|
43
|
-
});
|
|
41
|
+
return vue.h(popper.DestylerPopperArrow, this.$props, () => this.$slots.default?.());
|
|
44
42
|
}
|
|
45
43
|
});
|
|
46
44
|
|
|
@@ -121,9 +119,7 @@ const DestylerHoverCardRoot = vue.defineComponent({
|
|
|
121
119
|
});
|
|
122
120
|
},
|
|
123
121
|
render() {
|
|
124
|
-
return vue.h(popper.DestylerPopperRoot, {},
|
|
125
|
-
default: () => this.$slots.default?.()
|
|
126
|
-
});
|
|
122
|
+
return vue.h(popper.DestylerPopperRoot, {}, () => this.$slots.default?.());
|
|
127
123
|
}
|
|
128
124
|
});
|
|
129
125
|
|
|
@@ -269,31 +265,25 @@ const DestylerHoverCardContentImpl = vue.defineComponent({
|
|
|
269
265
|
onDismiss: () => {
|
|
270
266
|
this.rootContext.onDismiss();
|
|
271
267
|
}
|
|
272
|
-
}, {
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
this.rootContext.hasSelectionRef.value = false;
|
|
290
|
-
this.rootContext.isPointerDownOnContentRef.value = true;
|
|
291
|
-
}
|
|
292
|
-
}), {
|
|
293
|
-
default: () => this.$slots.default?.()
|
|
294
|
-
});
|
|
268
|
+
}, () => vue.h(popper.DestylerPopperContent, vue.mergeProps(this.forwarded, this.$attrs, {
|
|
269
|
+
ref: (el) => this.forwardRef(el),
|
|
270
|
+
data_state: this.rootContext.open.value ? "open" : "closed",
|
|
271
|
+
style: {
|
|
272
|
+
"userSelect": this.containSelection ? "text" : void 0,
|
|
273
|
+
"WebkitUserSelect": this.containSelection ? "text" : void 0,
|
|
274
|
+
"--destyler_hover_card_content_transform_origin": "var(--destyler_popper_transform_origin)",
|
|
275
|
+
"--destyler_hover_card_content_available_width": "var(--destyler_popper_available_width)",
|
|
276
|
+
"--destyler_hover_card_content_available_height": "var(--destyler_popper_available_height)",
|
|
277
|
+
"--destyler_hover_card_trigger_width": "var(--destyler_popper_anchor_width)",
|
|
278
|
+
"--destyler_hover_card_trigger_height": "var(--destyler_popper_anchor_height)"
|
|
279
|
+
},
|
|
280
|
+
onPointerdown: (event) => {
|
|
281
|
+
if (event.currentTarget.contains(event.target))
|
|
282
|
+
this.containSelection = true;
|
|
283
|
+
this.rootContext.hasSelectionRef.value = false;
|
|
284
|
+
this.rootContext.isPointerDownOnContentRef.value = true;
|
|
295
285
|
}
|
|
296
|
-
});
|
|
286
|
+
}), () => this.$slots.default?.()));
|
|
297
287
|
}
|
|
298
288
|
});
|
|
299
289
|
|
|
@@ -321,21 +311,15 @@ const DestylerHoverCardContent = vue.defineComponent({
|
|
|
321
311
|
render() {
|
|
322
312
|
return vue.h(presence.DestylerPresence, {
|
|
323
313
|
present: this.forceMount || this.rootContext.open.value
|
|
324
|
-
}, {
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
onPointerleave: (event) => {
|
|
332
|
-
excludeTouch(this.rootContext.onClose)(event);
|
|
333
|
-
}
|
|
334
|
-
}), {
|
|
335
|
-
default: () => this.$slots.default?.()
|
|
336
|
-
});
|
|
314
|
+
}, () => vue.h(DestylerHoverCardContentImpl, vue.mergeProps(this.forwarded, {
|
|
315
|
+
ref: (el) => this.forwardRef(el),
|
|
316
|
+
onPointerenter: (event) => {
|
|
317
|
+
excludeTouch(this.rootContext.onOpen)(event);
|
|
318
|
+
},
|
|
319
|
+
onPointerleave: (event) => {
|
|
320
|
+
excludeTouch(this.rootContext.onClose)(event);
|
|
337
321
|
}
|
|
338
|
-
});
|
|
322
|
+
}), () => this.$slots.default?.()));
|
|
339
323
|
}
|
|
340
324
|
});
|
|
341
325
|
|
|
@@ -360,9 +344,7 @@ const DestylerHoverCardPortal = vue.defineComponent({
|
|
|
360
344
|
name: "DestylerHoverCardPortal",
|
|
361
345
|
props: destylerHoverCardPortalProps,
|
|
362
346
|
render() {
|
|
363
|
-
return vue.h(teleport.DestylerTeleport, this.$props,
|
|
364
|
-
default: () => this.$slots.default?.()
|
|
365
|
-
});
|
|
347
|
+
return vue.h(teleport.DestylerTeleport, this.$props, () => this.$slots.default?.());
|
|
366
348
|
}
|
|
367
349
|
});
|
|
368
350
|
|
|
@@ -392,30 +374,24 @@ const DestylerHoverCardTrigger = vue.defineComponent({
|
|
|
392
374
|
render() {
|
|
393
375
|
return vue.h(popper.DestylerPopperAnchor, {
|
|
394
376
|
asChild: true
|
|
395
|
-
}, {
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
"onBlur": () => {
|
|
412
|
-
this.rootContext.onClose();
|
|
413
|
-
}
|
|
414
|
-
}, {
|
|
415
|
-
default: () => this.$slots.default?.()
|
|
416
|
-
});
|
|
377
|
+
}, () => vue.h(primitive.DestylerPrimitive, {
|
|
378
|
+
"ref": (el) => this.forwardRef(el),
|
|
379
|
+
"as": this.$props.as,
|
|
380
|
+
"asChild": this.$props.asChild,
|
|
381
|
+
"data-state": this.rootContext.open.value ? "open" : "closed",
|
|
382
|
+
"onPointerenter": (event) => {
|
|
383
|
+
excludeTouch(this.rootContext.onOpen)(event);
|
|
384
|
+
},
|
|
385
|
+
"onPointerleave": (event) => {
|
|
386
|
+
excludeTouch(this.rootContext.onClose)(event);
|
|
387
|
+
},
|
|
388
|
+
"onFocus": () => {
|
|
389
|
+
this.rootContext.onOpen();
|
|
390
|
+
},
|
|
391
|
+
"onBlur": () => {
|
|
392
|
+
this.rootContext.onClose();
|
|
417
393
|
}
|
|
418
|
-
});
|
|
394
|
+
}, () => this.$slots.default?.()));
|
|
419
395
|
}
|
|
420
396
|
});
|
|
421
397
|
|
package/dist/component.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { H as HoverCardRootContext } from './shared/hover-card.
|
|
2
|
-
export { D as DestylerHoverCardArrow, a as DestylerHoverCardArrowProps, b as DestylerHoverCardContent, c as DestylerHoverCardContentProps, d as DestylerHoverCardPortal, e as DestylerHoverCardPortalProps, f as DestylerHoverCardRoot, g as DestylerHoverCardRootProps, h as DestylerHoverCardTrigger, i as DestylerHoverCardTriggerProps } from './shared/hover-card.
|
|
1
|
+
import { H as HoverCardRootContext } from './shared/hover-card.32cad1f6.cjs';
|
|
2
|
+
export { D as DestylerHoverCardArrow, a as DestylerHoverCardArrowProps, b as DestylerHoverCardContent, c as DestylerHoverCardContentProps, d as DestylerHoverCardPortal, e as DestylerHoverCardPortalProps, f as DestylerHoverCardRoot, g as DestylerHoverCardRootProps, h as DestylerHoverCardTrigger, i as DestylerHoverCardTriggerProps } from './shared/hover-card.32cad1f6.cjs';
|
|
3
3
|
import * as vue from 'vue';
|
|
4
4
|
import { PropType, Component } from 'vue';
|
|
5
5
|
import * as _destyler_shared from '@destyler/shared';
|
package/dist/component.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { H as HoverCardRootContext } from './shared/hover-card.
|
|
2
|
-
export { D as DestylerHoverCardArrow, a as DestylerHoverCardArrowProps, b as DestylerHoverCardContent, c as DestylerHoverCardContentProps, d as DestylerHoverCardPortal, e as DestylerHoverCardPortalProps, f as DestylerHoverCardRoot, g as DestylerHoverCardRootProps, h as DestylerHoverCardTrigger, i as DestylerHoverCardTriggerProps } from './shared/hover-card.
|
|
1
|
+
import { H as HoverCardRootContext } from './shared/hover-card.32cad1f6.mjs';
|
|
2
|
+
export { D as DestylerHoverCardArrow, a as DestylerHoverCardArrowProps, b as DestylerHoverCardContent, c as DestylerHoverCardContentProps, d as DestylerHoverCardPortal, e as DestylerHoverCardPortalProps, f as DestylerHoverCardRoot, g as DestylerHoverCardRootProps, h as DestylerHoverCardTrigger, i as DestylerHoverCardTriggerProps } from './shared/hover-card.32cad1f6.mjs';
|
|
3
3
|
import * as vue from 'vue';
|
|
4
4
|
import { PropType, Component } from 'vue';
|
|
5
5
|
import * as _destyler_shared from '@destyler/shared';
|
package/dist/component.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { H as HoverCardRootContext } from './shared/hover-card.
|
|
2
|
-
export { D as DestylerHoverCardArrow, a as DestylerHoverCardArrowProps, b as DestylerHoverCardContent, c as DestylerHoverCardContentProps, d as DestylerHoverCardPortal, e as DestylerHoverCardPortalProps, f as DestylerHoverCardRoot, g as DestylerHoverCardRootProps, h as DestylerHoverCardTrigger, i as DestylerHoverCardTriggerProps } from './shared/hover-card.
|
|
1
|
+
import { H as HoverCardRootContext } from './shared/hover-card.32cad1f6.js';
|
|
2
|
+
export { D as DestylerHoverCardArrow, a as DestylerHoverCardArrowProps, b as DestylerHoverCardContent, c as DestylerHoverCardContentProps, d as DestylerHoverCardPortal, e as DestylerHoverCardPortalProps, f as DestylerHoverCardRoot, g as DestylerHoverCardRootProps, h as DestylerHoverCardTrigger, i as DestylerHoverCardTriggerProps } from './shared/hover-card.32cad1f6.js';
|
|
3
3
|
import * as vue from 'vue';
|
|
4
4
|
import { PropType, Component } from 'vue';
|
|
5
5
|
import * as _destyler_shared from '@destyler/shared';
|
package/dist/component.mjs
CHANGED
|
@@ -36,9 +36,7 @@ const DestylerHoverCardArrow = defineComponent({
|
|
|
36
36
|
useForwardExpose();
|
|
37
37
|
},
|
|
38
38
|
render() {
|
|
39
|
-
return h(DestylerPopperArrow, this.$props,
|
|
40
|
-
default: () => this.$slots.default?.()
|
|
41
|
-
});
|
|
39
|
+
return h(DestylerPopperArrow, this.$props, () => this.$slots.default?.());
|
|
42
40
|
}
|
|
43
41
|
});
|
|
44
42
|
|
|
@@ -119,9 +117,7 @@ const DestylerHoverCardRoot = defineComponent({
|
|
|
119
117
|
});
|
|
120
118
|
},
|
|
121
119
|
render() {
|
|
122
|
-
return h(DestylerPopperRoot, {},
|
|
123
|
-
default: () => this.$slots.default?.()
|
|
124
|
-
});
|
|
120
|
+
return h(DestylerPopperRoot, {}, () => this.$slots.default?.());
|
|
125
121
|
}
|
|
126
122
|
});
|
|
127
123
|
|
|
@@ -267,31 +263,25 @@ const DestylerHoverCardContentImpl = defineComponent({
|
|
|
267
263
|
onDismiss: () => {
|
|
268
264
|
this.rootContext.onDismiss();
|
|
269
265
|
}
|
|
270
|
-
}, {
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
this.rootContext.hasSelectionRef.value = false;
|
|
288
|
-
this.rootContext.isPointerDownOnContentRef.value = true;
|
|
289
|
-
}
|
|
290
|
-
}), {
|
|
291
|
-
default: () => this.$slots.default?.()
|
|
292
|
-
});
|
|
266
|
+
}, () => h(DestylerPopperContent, mergeProps(this.forwarded, this.$attrs, {
|
|
267
|
+
ref: (el) => this.forwardRef(el),
|
|
268
|
+
data_state: this.rootContext.open.value ? "open" : "closed",
|
|
269
|
+
style: {
|
|
270
|
+
"userSelect": this.containSelection ? "text" : void 0,
|
|
271
|
+
"WebkitUserSelect": this.containSelection ? "text" : void 0,
|
|
272
|
+
"--destyler_hover_card_content_transform_origin": "var(--destyler_popper_transform_origin)",
|
|
273
|
+
"--destyler_hover_card_content_available_width": "var(--destyler_popper_available_width)",
|
|
274
|
+
"--destyler_hover_card_content_available_height": "var(--destyler_popper_available_height)",
|
|
275
|
+
"--destyler_hover_card_trigger_width": "var(--destyler_popper_anchor_width)",
|
|
276
|
+
"--destyler_hover_card_trigger_height": "var(--destyler_popper_anchor_height)"
|
|
277
|
+
},
|
|
278
|
+
onPointerdown: (event) => {
|
|
279
|
+
if (event.currentTarget.contains(event.target))
|
|
280
|
+
this.containSelection = true;
|
|
281
|
+
this.rootContext.hasSelectionRef.value = false;
|
|
282
|
+
this.rootContext.isPointerDownOnContentRef.value = true;
|
|
293
283
|
}
|
|
294
|
-
});
|
|
284
|
+
}), () => this.$slots.default?.()));
|
|
295
285
|
}
|
|
296
286
|
});
|
|
297
287
|
|
|
@@ -319,21 +309,15 @@ const DestylerHoverCardContent = defineComponent({
|
|
|
319
309
|
render() {
|
|
320
310
|
return h(DestylerPresence, {
|
|
321
311
|
present: this.forceMount || this.rootContext.open.value
|
|
322
|
-
}, {
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
onPointerleave: (event) => {
|
|
330
|
-
excludeTouch(this.rootContext.onClose)(event);
|
|
331
|
-
}
|
|
332
|
-
}), {
|
|
333
|
-
default: () => this.$slots.default?.()
|
|
334
|
-
});
|
|
312
|
+
}, () => h(DestylerHoverCardContentImpl, mergeProps(this.forwarded, {
|
|
313
|
+
ref: (el) => this.forwardRef(el),
|
|
314
|
+
onPointerenter: (event) => {
|
|
315
|
+
excludeTouch(this.rootContext.onOpen)(event);
|
|
316
|
+
},
|
|
317
|
+
onPointerleave: (event) => {
|
|
318
|
+
excludeTouch(this.rootContext.onClose)(event);
|
|
335
319
|
}
|
|
336
|
-
});
|
|
320
|
+
}), () => this.$slots.default?.()));
|
|
337
321
|
}
|
|
338
322
|
});
|
|
339
323
|
|
|
@@ -358,9 +342,7 @@ const DestylerHoverCardPortal = defineComponent({
|
|
|
358
342
|
name: "DestylerHoverCardPortal",
|
|
359
343
|
props: destylerHoverCardPortalProps,
|
|
360
344
|
render() {
|
|
361
|
-
return h(DestylerTeleport, this.$props,
|
|
362
|
-
default: () => this.$slots.default?.()
|
|
363
|
-
});
|
|
345
|
+
return h(DestylerTeleport, this.$props, () => this.$slots.default?.());
|
|
364
346
|
}
|
|
365
347
|
});
|
|
366
348
|
|
|
@@ -390,30 +372,24 @@ const DestylerHoverCardTrigger = defineComponent({
|
|
|
390
372
|
render() {
|
|
391
373
|
return h(DestylerPopperAnchor, {
|
|
392
374
|
asChild: true
|
|
393
|
-
}, {
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
"onBlur": () => {
|
|
410
|
-
this.rootContext.onClose();
|
|
411
|
-
}
|
|
412
|
-
}, {
|
|
413
|
-
default: () => this.$slots.default?.()
|
|
414
|
-
});
|
|
375
|
+
}, () => h(DestylerPrimitive, {
|
|
376
|
+
"ref": (el) => this.forwardRef(el),
|
|
377
|
+
"as": this.$props.as,
|
|
378
|
+
"asChild": this.$props.asChild,
|
|
379
|
+
"data-state": this.rootContext.open.value ? "open" : "closed",
|
|
380
|
+
"onPointerenter": (event) => {
|
|
381
|
+
excludeTouch(this.rootContext.onOpen)(event);
|
|
382
|
+
},
|
|
383
|
+
"onPointerleave": (event) => {
|
|
384
|
+
excludeTouch(this.rootContext.onClose)(event);
|
|
385
|
+
},
|
|
386
|
+
"onFocus": () => {
|
|
387
|
+
this.rootContext.onOpen();
|
|
388
|
+
},
|
|
389
|
+
"onBlur": () => {
|
|
390
|
+
this.rootContext.onClose();
|
|
415
391
|
}
|
|
416
|
-
});
|
|
392
|
+
}, () => this.$slots.default?.()));
|
|
417
393
|
}
|
|
418
394
|
});
|
|
419
395
|
|
package/dist/index.d.cts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { D as DestylerHoverCardArrow, a as DestylerHoverCardArrowProps, b as DestylerHoverCardContent, c as DestylerHoverCardContentProps, d as DestylerHoverCardPortal, e as DestylerHoverCardPortalProps, f as DestylerHoverCardRoot, g as DestylerHoverCardRootProps, h as DestylerHoverCardTrigger, i as DestylerHoverCardTriggerProps } from './shared/hover-card.
|
|
1
|
+
export { D as DestylerHoverCardArrow, a as DestylerHoverCardArrowProps, b as DestylerHoverCardContent, c as DestylerHoverCardContentProps, d as DestylerHoverCardPortal, e as DestylerHoverCardPortalProps, f as DestylerHoverCardRoot, g as DestylerHoverCardRootProps, h as DestylerHoverCardTrigger, i as DestylerHoverCardTriggerProps } from './shared/hover-card.32cad1f6.cjs';
|
|
2
2
|
import 'vue';
|
|
3
3
|
import '@destyler/primitive';
|
|
4
4
|
import '@destyler/shared';
|
package/dist/index.d.mts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { D as DestylerHoverCardArrow, a as DestylerHoverCardArrowProps, b as DestylerHoverCardContent, c as DestylerHoverCardContentProps, d as DestylerHoverCardPortal, e as DestylerHoverCardPortalProps, f as DestylerHoverCardRoot, g as DestylerHoverCardRootProps, h as DestylerHoverCardTrigger, i as DestylerHoverCardTriggerProps } from './shared/hover-card.
|
|
1
|
+
export { D as DestylerHoverCardArrow, a as DestylerHoverCardArrowProps, b as DestylerHoverCardContent, c as DestylerHoverCardContentProps, d as DestylerHoverCardPortal, e as DestylerHoverCardPortalProps, f as DestylerHoverCardRoot, g as DestylerHoverCardRootProps, h as DestylerHoverCardTrigger, i as DestylerHoverCardTriggerProps } from './shared/hover-card.32cad1f6.mjs';
|
|
2
2
|
import 'vue';
|
|
3
3
|
import '@destyler/primitive';
|
|
4
4
|
import '@destyler/shared';
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { D as DestylerHoverCardArrow, a as DestylerHoverCardArrowProps, b as DestylerHoverCardContent, c as DestylerHoverCardContentProps, d as DestylerHoverCardPortal, e as DestylerHoverCardPortalProps, f as DestylerHoverCardRoot, g as DestylerHoverCardRootProps, h as DestylerHoverCardTrigger, i as DestylerHoverCardTriggerProps } from './shared/hover-card.
|
|
1
|
+
export { D as DestylerHoverCardArrow, a as DestylerHoverCardArrowProps, b as DestylerHoverCardContent, c as DestylerHoverCardContentProps, d as DestylerHoverCardPortal, e as DestylerHoverCardPortalProps, f as DestylerHoverCardRoot, g as DestylerHoverCardRootProps, h as DestylerHoverCardTrigger, i as DestylerHoverCardTriggerProps } from './shared/hover-card.32cad1f6.js';
|
|
2
2
|
import 'vue';
|
|
3
3
|
import '@destyler/primitive';
|
|
4
4
|
import '@destyler/shared';
|
|
@@ -101,10 +101,10 @@ declare const destylerHoverCardRootProps: {
|
|
|
101
101
|
type DestylerHoverCardRootProps = ExtractPublicPropTypes<typeof destylerHoverCardRootProps>;
|
|
102
102
|
interface HoverCardRootContext {
|
|
103
103
|
open: Ref<boolean>;
|
|
104
|
-
onOpenChange(open: boolean)
|
|
105
|
-
onOpen()
|
|
106
|
-
onClose()
|
|
107
|
-
onDismiss()
|
|
104
|
+
onOpenChange: (open: boolean) => void;
|
|
105
|
+
onOpen: () => void;
|
|
106
|
+
onClose: () => void;
|
|
107
|
+
onDismiss: () => void;
|
|
108
108
|
hasSelectionRef: Ref<boolean>;
|
|
109
109
|
isPointerDownOnContentRef: Ref<boolean>;
|
|
110
110
|
}
|
|
@@ -101,10 +101,10 @@ declare const destylerHoverCardRootProps: {
|
|
|
101
101
|
type DestylerHoverCardRootProps = ExtractPublicPropTypes<typeof destylerHoverCardRootProps>;
|
|
102
102
|
interface HoverCardRootContext {
|
|
103
103
|
open: Ref<boolean>;
|
|
104
|
-
onOpenChange(open: boolean)
|
|
105
|
-
onOpen()
|
|
106
|
-
onClose()
|
|
107
|
-
onDismiss()
|
|
104
|
+
onOpenChange: (open: boolean) => void;
|
|
105
|
+
onOpen: () => void;
|
|
106
|
+
onClose: () => void;
|
|
107
|
+
onDismiss: () => void;
|
|
108
108
|
hasSelectionRef: Ref<boolean>;
|
|
109
109
|
isPointerDownOnContentRef: Ref<boolean>;
|
|
110
110
|
}
|
|
@@ -101,10 +101,10 @@ declare const destylerHoverCardRootProps: {
|
|
|
101
101
|
type DestylerHoverCardRootProps = ExtractPublicPropTypes<typeof destylerHoverCardRootProps>;
|
|
102
102
|
interface HoverCardRootContext {
|
|
103
103
|
open: Ref<boolean>;
|
|
104
|
-
onOpenChange(open: boolean)
|
|
105
|
-
onOpen()
|
|
106
|
-
onClose()
|
|
107
|
-
onDismiss()
|
|
104
|
+
onOpenChange: (open: boolean) => void;
|
|
105
|
+
onOpen: () => void;
|
|
106
|
+
onClose: () => void;
|
|
107
|
+
onDismiss: () => void;
|
|
108
108
|
hasSelectionRef: Ref<boolean>;
|
|
109
109
|
isPointerDownOnContentRef: Ref<boolean>;
|
|
110
110
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@destyler/hover-card",
|
|
3
|
-
"
|
|
3
|
+
"type": "module",
|
|
4
|
+
"version": "0.0.3",
|
|
4
5
|
"description": "unstyled hover card component for vue",
|
|
5
6
|
"author": "Elone Hoo <elonehoo@gmail.com>",
|
|
6
7
|
"license": "MIT",
|
|
@@ -33,13 +34,13 @@
|
|
|
33
34
|
"vue": ">=3.3.4"
|
|
34
35
|
},
|
|
35
36
|
"dependencies": {
|
|
36
|
-
"@destyler/composition": "0.0.
|
|
37
|
-
"@destyler/
|
|
38
|
-
"@destyler/dismissable-layer": "0.0.
|
|
39
|
-
"@destyler/
|
|
40
|
-
"@destyler/teleport": "0.0.
|
|
41
|
-
"@destyler/
|
|
42
|
-
"@destyler/
|
|
37
|
+
"@destyler/composition": "0.0.3",
|
|
38
|
+
"@destyler/popper": "0.0.3",
|
|
39
|
+
"@destyler/dismissable-layer": "0.0.3",
|
|
40
|
+
"@destyler/primitive": "0.0.3",
|
|
41
|
+
"@destyler/teleport": "0.0.3",
|
|
42
|
+
"@destyler/shared": "0.0.3",
|
|
43
|
+
"@destyler/presence": "0.0.3"
|
|
43
44
|
},
|
|
44
45
|
"scripts": {
|
|
45
46
|
"clear": "rimraf ./dist",
|