@destyler/dialog 0.0.1-beta.11 → 0.0.1-beta.13
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 +35 -11
- package/dist/component.mjs +35 -11
- package/package.json +9 -9
package/dist/component.cjs
CHANGED
|
@@ -91,7 +91,9 @@ const DestylerDialogClose = vue.defineComponent({
|
|
|
91
91
|
onClick: () => {
|
|
92
92
|
this.rootContext.onOpenChange(false);
|
|
93
93
|
}
|
|
94
|
-
}),
|
|
94
|
+
}), {
|
|
95
|
+
default: () => this.$slots.default?.()
|
|
96
|
+
});
|
|
95
97
|
}
|
|
96
98
|
});
|
|
97
99
|
|
|
@@ -166,7 +168,9 @@ const DestylerDialogContentImpl = vue.defineComponent({
|
|
|
166
168
|
"onPointerDownOutside": (event) => {
|
|
167
169
|
this.$emit("pointerDownOutside", event);
|
|
168
170
|
}
|
|
169
|
-
},
|
|
171
|
+
}, {
|
|
172
|
+
default: () => this.$slots.default?.()
|
|
173
|
+
}), [
|
|
170
174
|
[directives.BindOnceDirective, { id: this.rootContext.contentId }]
|
|
171
175
|
]));
|
|
172
176
|
}
|
|
@@ -212,7 +216,9 @@ const DestylerDialogContentModal = vue.defineComponent({
|
|
|
212
216
|
"onOpenAutoFocus": (event) => {
|
|
213
217
|
this.$emit("openAutoFocus", event);
|
|
214
218
|
}
|
|
215
|
-
}),
|
|
219
|
+
}), {
|
|
220
|
+
default: () => this.$slots.default?.()
|
|
221
|
+
});
|
|
216
222
|
}
|
|
217
223
|
});
|
|
218
224
|
|
|
@@ -259,7 +265,9 @@ const DestylerDialogContentNonModal = vue.defineComponent({
|
|
|
259
265
|
if (event.detail.originalEvent.type === "focusin" && this.hasPointerDownOutsideRef)
|
|
260
266
|
event.preventDefault();
|
|
261
267
|
}
|
|
262
|
-
}),
|
|
268
|
+
}), {
|
|
269
|
+
default: () => this.$slots.default?.()
|
|
270
|
+
});
|
|
263
271
|
}
|
|
264
272
|
});
|
|
265
273
|
|
|
@@ -305,7 +313,11 @@ const DestylerDialogContent = vue.defineComponent({
|
|
|
305
313
|
onOpenAutoFocus: (event) => {
|
|
306
314
|
this.$emit("openAutoFocus", event);
|
|
307
315
|
}
|
|
308
|
-
}),
|
|
316
|
+
}), {
|
|
317
|
+
default: () => this.$slots.default?.()
|
|
318
|
+
}) : vue.h(DestylerDialogContentNonModal, vue.mergeProps(this.$props, this.emitsAsProps, this.$attrs), {
|
|
319
|
+
default: () => this.$slots.default?.()
|
|
320
|
+
})
|
|
309
321
|
]);
|
|
310
322
|
}
|
|
311
323
|
});
|
|
@@ -335,7 +347,9 @@ const DestylerDialogDescription = vue.defineComponent({
|
|
|
335
347
|
return vue.withDirectives(vue.h(primitive.DestylerPrimitive, {
|
|
336
348
|
as: this.$props.as,
|
|
337
349
|
asChild: this.$props.asChild
|
|
338
|
-
},
|
|
350
|
+
}, {
|
|
351
|
+
default: () => this.$slots.default?.()
|
|
352
|
+
}), [
|
|
339
353
|
[directives.BindOnceDirective, { id: this.rootContext.descriptionId }]
|
|
340
354
|
]);
|
|
341
355
|
}
|
|
@@ -370,7 +384,9 @@ const DestylerDialogOverlayImpl = vue.defineComponent({
|
|
|
370
384
|
"style": {
|
|
371
385
|
"pointer-events": "auto"
|
|
372
386
|
}
|
|
373
|
-
},
|
|
387
|
+
}, {
|
|
388
|
+
default: () => this.$slots.default?.()
|
|
389
|
+
});
|
|
374
390
|
}
|
|
375
391
|
});
|
|
376
392
|
|
|
@@ -406,7 +422,9 @@ const DestylerDialogOverlay = vue.defineComponent({
|
|
|
406
422
|
}, vue.h(DestylerDialogOverlayImpl, vue.mergeProps(this.$attrs, {
|
|
407
423
|
as: this.$props.as,
|
|
408
424
|
asChild: this.$props.asChild
|
|
409
|
-
}),
|
|
425
|
+
}), {
|
|
426
|
+
default: () => this.$slots.default?.()
|
|
427
|
+
})) : null;
|
|
410
428
|
}
|
|
411
429
|
});
|
|
412
430
|
|
|
@@ -426,7 +444,9 @@ const DestylerDialogPortal = vue.defineComponent({
|
|
|
426
444
|
name: "DestylerDialogPortal",
|
|
427
445
|
props: destylerDialogPortalProps,
|
|
428
446
|
render() {
|
|
429
|
-
return vue.h(teleport.DestylerTeleport, {},
|
|
447
|
+
return vue.h(teleport.DestylerTeleport, {}, {
|
|
448
|
+
default: () => this.$slots.default?.()
|
|
449
|
+
});
|
|
430
450
|
}
|
|
431
451
|
});
|
|
432
452
|
|
|
@@ -455,7 +475,9 @@ const DestylerDialogTitle = vue.defineComponent({
|
|
|
455
475
|
return vue.withDirectives(vue.h(primitive.DestylerPrimitive, {
|
|
456
476
|
as: this.$props.as,
|
|
457
477
|
asChild: this.$props.asChild
|
|
458
|
-
},
|
|
478
|
+
}, {
|
|
479
|
+
default: () => this.$slots.default?.()
|
|
480
|
+
}), [
|
|
459
481
|
[directives.BindOnceDirective, { id: this.rootContext.titleId }]
|
|
460
482
|
]);
|
|
461
483
|
}
|
|
@@ -500,7 +522,9 @@ const DestylerDialogTrigger = vue.defineComponent({
|
|
|
500
522
|
"onClick": () => {
|
|
501
523
|
this.rootContext.onOpenToggle();
|
|
502
524
|
}
|
|
503
|
-
}),
|
|
525
|
+
}), {
|
|
526
|
+
default: () => this.$slots.default?.()
|
|
527
|
+
});
|
|
504
528
|
}
|
|
505
529
|
});
|
|
506
530
|
|
package/dist/component.mjs
CHANGED
|
@@ -89,7 +89,9 @@ const DestylerDialogClose = defineComponent({
|
|
|
89
89
|
onClick: () => {
|
|
90
90
|
this.rootContext.onOpenChange(false);
|
|
91
91
|
}
|
|
92
|
-
}),
|
|
92
|
+
}), {
|
|
93
|
+
default: () => this.$slots.default?.()
|
|
94
|
+
});
|
|
93
95
|
}
|
|
94
96
|
});
|
|
95
97
|
|
|
@@ -164,7 +166,9 @@ const DestylerDialogContentImpl = defineComponent({
|
|
|
164
166
|
"onPointerDownOutside": (event) => {
|
|
165
167
|
this.$emit("pointerDownOutside", event);
|
|
166
168
|
}
|
|
167
|
-
},
|
|
169
|
+
}, {
|
|
170
|
+
default: () => this.$slots.default?.()
|
|
171
|
+
}), [
|
|
168
172
|
[BindOnceDirective, { id: this.rootContext.contentId }]
|
|
169
173
|
]));
|
|
170
174
|
}
|
|
@@ -210,7 +214,9 @@ const DestylerDialogContentModal = defineComponent({
|
|
|
210
214
|
"onOpenAutoFocus": (event) => {
|
|
211
215
|
this.$emit("openAutoFocus", event);
|
|
212
216
|
}
|
|
213
|
-
}),
|
|
217
|
+
}), {
|
|
218
|
+
default: () => this.$slots.default?.()
|
|
219
|
+
});
|
|
214
220
|
}
|
|
215
221
|
});
|
|
216
222
|
|
|
@@ -257,7 +263,9 @@ const DestylerDialogContentNonModal = defineComponent({
|
|
|
257
263
|
if (event.detail.originalEvent.type === "focusin" && this.hasPointerDownOutsideRef)
|
|
258
264
|
event.preventDefault();
|
|
259
265
|
}
|
|
260
|
-
}),
|
|
266
|
+
}), {
|
|
267
|
+
default: () => this.$slots.default?.()
|
|
268
|
+
});
|
|
261
269
|
}
|
|
262
270
|
});
|
|
263
271
|
|
|
@@ -303,7 +311,11 @@ const DestylerDialogContent = defineComponent({
|
|
|
303
311
|
onOpenAutoFocus: (event) => {
|
|
304
312
|
this.$emit("openAutoFocus", event);
|
|
305
313
|
}
|
|
306
|
-
}),
|
|
314
|
+
}), {
|
|
315
|
+
default: () => this.$slots.default?.()
|
|
316
|
+
}) : h(DestylerDialogContentNonModal, mergeProps(this.$props, this.emitsAsProps, this.$attrs), {
|
|
317
|
+
default: () => this.$slots.default?.()
|
|
318
|
+
})
|
|
307
319
|
]);
|
|
308
320
|
}
|
|
309
321
|
});
|
|
@@ -333,7 +345,9 @@ const DestylerDialogDescription = defineComponent({
|
|
|
333
345
|
return withDirectives(h(DestylerPrimitive, {
|
|
334
346
|
as: this.$props.as,
|
|
335
347
|
asChild: this.$props.asChild
|
|
336
|
-
},
|
|
348
|
+
}, {
|
|
349
|
+
default: () => this.$slots.default?.()
|
|
350
|
+
}), [
|
|
337
351
|
[BindOnceDirective, { id: this.rootContext.descriptionId }]
|
|
338
352
|
]);
|
|
339
353
|
}
|
|
@@ -368,7 +382,9 @@ const DestylerDialogOverlayImpl = defineComponent({
|
|
|
368
382
|
"style": {
|
|
369
383
|
"pointer-events": "auto"
|
|
370
384
|
}
|
|
371
|
-
},
|
|
385
|
+
}, {
|
|
386
|
+
default: () => this.$slots.default?.()
|
|
387
|
+
});
|
|
372
388
|
}
|
|
373
389
|
});
|
|
374
390
|
|
|
@@ -404,7 +420,9 @@ const DestylerDialogOverlay = defineComponent({
|
|
|
404
420
|
}, h(DestylerDialogOverlayImpl, mergeProps(this.$attrs, {
|
|
405
421
|
as: this.$props.as,
|
|
406
422
|
asChild: this.$props.asChild
|
|
407
|
-
}),
|
|
423
|
+
}), {
|
|
424
|
+
default: () => this.$slots.default?.()
|
|
425
|
+
})) : null;
|
|
408
426
|
}
|
|
409
427
|
});
|
|
410
428
|
|
|
@@ -424,7 +442,9 @@ const DestylerDialogPortal = defineComponent({
|
|
|
424
442
|
name: "DestylerDialogPortal",
|
|
425
443
|
props: destylerDialogPortalProps,
|
|
426
444
|
render() {
|
|
427
|
-
return h(DestylerTeleport, {},
|
|
445
|
+
return h(DestylerTeleport, {}, {
|
|
446
|
+
default: () => this.$slots.default?.()
|
|
447
|
+
});
|
|
428
448
|
}
|
|
429
449
|
});
|
|
430
450
|
|
|
@@ -453,7 +473,9 @@ const DestylerDialogTitle = defineComponent({
|
|
|
453
473
|
return withDirectives(h(DestylerPrimitive, {
|
|
454
474
|
as: this.$props.as,
|
|
455
475
|
asChild: this.$props.asChild
|
|
456
|
-
},
|
|
476
|
+
}, {
|
|
477
|
+
default: () => this.$slots.default?.()
|
|
478
|
+
}), [
|
|
457
479
|
[BindOnceDirective, { id: this.rootContext.titleId }]
|
|
458
480
|
]);
|
|
459
481
|
}
|
|
@@ -498,7 +520,9 @@ const DestylerDialogTrigger = defineComponent({
|
|
|
498
520
|
"onClick": () => {
|
|
499
521
|
this.rootContext.onOpenToggle();
|
|
500
522
|
}
|
|
501
|
-
}),
|
|
523
|
+
}), {
|
|
524
|
+
default: () => this.$slots.default?.()
|
|
525
|
+
});
|
|
502
526
|
}
|
|
503
527
|
});
|
|
504
528
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@destyler/dialog",
|
|
3
|
-
"version": "0.0.1-beta.
|
|
3
|
+
"version": "0.0.1-beta.13",
|
|
4
4
|
"description": "unstyled dialog component for vue",
|
|
5
5
|
"author": "Elone Hoo <elonehoo@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -33,14 +33,14 @@
|
|
|
33
33
|
"vue": ">=3.3.4"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@destyler/composition": "0.0.1-beta.
|
|
37
|
-
"@destyler/
|
|
38
|
-
"@destyler/focus-scope": "0.0.1-beta.
|
|
39
|
-
"@destyler/
|
|
40
|
-
"@destyler/primitive": "0.0.1-beta.
|
|
41
|
-
"@destyler/
|
|
42
|
-
"@destyler/
|
|
43
|
-
"@destyler/
|
|
36
|
+
"@destyler/composition": "0.0.1-beta.13",
|
|
37
|
+
"@destyler/directives": "0.0.1-beta.13",
|
|
38
|
+
"@destyler/focus-scope": "0.0.1-beta.13",
|
|
39
|
+
"@destyler/shared": "0.0.1-beta.13",
|
|
40
|
+
"@destyler/primitive": "0.0.1-beta.13",
|
|
41
|
+
"@destyler/presence": "0.0.1-beta.13",
|
|
42
|
+
"@destyler/dismissable-layer": "0.0.1-beta.13",
|
|
43
|
+
"@destyler/teleport": "0.0.1-beta.13"
|
|
44
44
|
},
|
|
45
45
|
"scripts": {
|
|
46
46
|
"clear": "rimraf ./dist",
|