@v-c/dialog 0.0.4 → 1.0.1

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.
@@ -1,329 +0,0 @@
1
- Object.defineProperties(exports, {
2
- __esModule: { value: true },
3
- [Symbol.toStringTag]: { value: "Module" }
4
- });
5
- const require_rolldown_runtime = require("../../_virtual/rolldown_runtime.cjs");
6
- const require_util = require("../../util.cjs");
7
- const require_Panel = require("./Panel.cjs");
8
- let vue = require("vue");
9
- let _v_c_util_dist_utils_transition = require("@v-c/util/dist/utils/transition");
10
- var Content = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
11
- const dialogRef = (0, vue.shallowRef)();
12
- const transformOrigin = (0, vue.shallowRef)("");
13
- function onPrepare() {
14
- const { mousePosition } = props;
15
- (0, vue.nextTick)(() => {
16
- if (dialogRef.value) {
17
- const elementOffset = require_util.offset(dialogRef.value);
18
- transformOrigin.value = mousePosition && (mousePosition.x || mousePosition.y) ? `${mousePosition.x - elementOffset.left}px ${mousePosition.y - elementOffset.top}px` : "";
19
- }
20
- });
21
- }
22
- const animationVisible = (0, vue.shallowRef)(props.visible);
23
- (0, vue.watch)(() => props.visible, () => {
24
- if (props.visible) animationVisible.value = true;
25
- });
26
- return () => {
27
- const { prefixCls, className, style, visible, destroyOnHidden, onVisibleChanged, ariaId, title, motionName } = props;
28
- const contentStyle = {};
29
- if (transformOrigin.value) contentStyle.transformOrigin = transformOrigin.value;
30
- return (0, vue.createVNode)(vue.Transition, (0, vue.mergeProps)((0, _v_c_util_dist_utils_transition.getTransitionProps)(motionName), {
31
- "onBeforeEnter": onPrepare,
32
- "onAfterEnter": () => onVisibleChanged?.(true),
33
- "onAfterLeave": () => {
34
- onVisibleChanged?.(false);
35
- animationVisible.value = false;
36
- }
37
- }), { default: () => [visible || !destroyOnHidden ? (0, vue.withDirectives)((0, vue.createVNode)(require_Panel.default, (0, vue.mergeProps)(props, {
38
- "animationVisible": animationVisible.value,
39
- "title": title,
40
- "ariaId": ariaId,
41
- "prefixCls": prefixCls,
42
- "style": {
43
- ...style,
44
- ...contentStyle
45
- },
46
- "class": [className],
47
- "holderRef": (el) => {
48
- dialogRef.value = el;
49
- }
50
- }), slots), [[vue.vShow, visible]]) : null] });
51
- };
52
- }, {
53
- props: {
54
- motionName: {
55
- type: String,
56
- required: false,
57
- default: void 0
58
- },
59
- ariaId: {
60
- type: String,
61
- required: false,
62
- default: void 0
63
- },
64
- onVisibleChanged: {
65
- type: Function,
66
- required: true,
67
- default: void 0
68
- },
69
- prefixCls: {
70
- type: String,
71
- required: true,
72
- default: void 0
73
- },
74
- onMouseDown: {
75
- type: Function,
76
- required: false,
77
- default: void 0
78
- },
79
- onMouseUp: {
80
- type: Function,
81
- required: false,
82
- default: void 0
83
- },
84
- holderRef: {
85
- type: Function,
86
- required: false,
87
- default: void 0
88
- },
89
- isFixedPos: {
90
- type: Boolean,
91
- required: false,
92
- default: void 0
93
- },
94
- className: {
95
- type: String,
96
- required: false,
97
- default: void 0
98
- },
99
- keyboard: {
100
- type: Boolean,
101
- required: false,
102
- default: void 0
103
- },
104
- style: {
105
- type: Object,
106
- required: false,
107
- default: void 0
108
- },
109
- rootStyle: {
110
- type: Object,
111
- required: false,
112
- default: void 0
113
- },
114
- mask: {
115
- type: Boolean,
116
- required: false,
117
- default: void 0
118
- },
119
- children: {
120
- type: [
121
- Object,
122
- Function,
123
- String,
124
- Number,
125
- null,
126
- Boolean,
127
- Array
128
- ],
129
- required: false,
130
- default: void 0
131
- },
132
- afterClose: {
133
- type: Function,
134
- required: false,
135
- default: void 0
136
- },
137
- afterOpenChange: {
138
- type: Function,
139
- required: false,
140
- default: void 0
141
- },
142
- onClose: {
143
- type: Function,
144
- required: false,
145
- default: void 0
146
- },
147
- closable: {
148
- type: [Boolean, Object],
149
- required: false,
150
- default: void 0
151
- },
152
- maskClosable: {
153
- type: Boolean,
154
- required: false,
155
- default: void 0
156
- },
157
- visible: {
158
- type: Boolean,
159
- required: false,
160
- default: void 0
161
- },
162
- destroyOnHidden: {
163
- type: Boolean,
164
- required: false,
165
- default: void 0
166
- },
167
- mousePosition: {
168
- type: [Object, null],
169
- required: false,
170
- default: void 0
171
- },
172
- title: {
173
- type: [
174
- Object,
175
- Function,
176
- String,
177
- Number,
178
- null,
179
- Boolean,
180
- Array
181
- ],
182
- required: false,
183
- default: void 0
184
- },
185
- footer: {
186
- type: [
187
- Object,
188
- Function,
189
- String,
190
- Number,
191
- null,
192
- Boolean,
193
- Array
194
- ],
195
- required: false,
196
- default: void 0
197
- },
198
- transitionName: {
199
- type: String,
200
- required: false,
201
- default: void 0
202
- },
203
- maskTransitionName: {
204
- type: String,
205
- required: false,
206
- default: void 0
207
- },
208
- animation: {
209
- required: false,
210
- default: void 0
211
- },
212
- maskAnimation: {
213
- required: false,
214
- default: void 0
215
- },
216
- wrapStyle: {
217
- type: Object,
218
- required: false,
219
- default: void 0
220
- },
221
- bodyStyle: {
222
- type: Object,
223
- required: false,
224
- default: void 0
225
- },
226
- maskStyle: {
227
- type: Object,
228
- required: false,
229
- default: void 0
230
- },
231
- wrapClassName: {
232
- type: String,
233
- required: false,
234
- default: void 0
235
- },
236
- width: {
237
- type: [String, Number],
238
- required: false,
239
- default: void 0
240
- },
241
- height: {
242
- type: [String, Number],
243
- required: false,
244
- default: void 0
245
- },
246
- zIndex: {
247
- type: Number,
248
- required: false,
249
- default: void 0
250
- },
251
- bodyProps: {
252
- required: false,
253
- default: void 0
254
- },
255
- maskProps: {
256
- required: false,
257
- default: void 0
258
- },
259
- rootClassName: {
260
- type: String,
261
- required: false,
262
- default: void 0
263
- },
264
- classNames: {
265
- type: Object,
266
- required: false,
267
- default: void 0
268
- },
269
- styles: {
270
- type: Object,
271
- required: false,
272
- default: void 0
273
- },
274
- wrapProps: {
275
- required: false,
276
- default: void 0
277
- },
278
- getContainer: {
279
- type: [
280
- String,
281
- Function,
282
- Boolean
283
- ],
284
- required: false,
285
- skipCheck: true,
286
- default: void 0
287
- },
288
- closeIcon: {
289
- type: [
290
- Object,
291
- Function,
292
- String,
293
- Number,
294
- null,
295
- Boolean,
296
- Array
297
- ],
298
- required: false,
299
- default: void 0
300
- },
301
- modalRender: {
302
- type: Function,
303
- required: false,
304
- default: void 0
305
- },
306
- forceRender: {
307
- type: Boolean,
308
- required: false,
309
- default: void 0
310
- },
311
- focusTriggerAfterClose: {
312
- type: Boolean,
313
- required: false,
314
- default: void 0
315
- },
316
- focusTrap: {
317
- type: Boolean,
318
- required: false,
319
- default: void 0
320
- },
321
- panelRef: {
322
- required: false,
323
- default: void 0
324
- }
325
- },
326
- name: "Content"
327
- });
328
- var Content_default = Content;
329
- exports.default = Content_default;
@@ -1,53 +0,0 @@
1
- Object.defineProperties(exports, {
2
- __esModule: { value: true },
3
- [Symbol.toStringTag]: { value: "Module" }
4
- });
5
- const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
6
- let vue = require("vue");
7
- let _v_c_util = require("@v-c/util");
8
- let _v_c_util_dist_utils_transition = require("@v-c/util/dist/utils/transition");
9
- var Mask = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
10
- return () => {
11
- const { maskProps, prefixCls, className, style, visible, motionName } = props;
12
- return (0, vue.createVNode)(vue.Transition, (0, vue.mergeProps)((0, _v_c_util_dist_utils_transition.getTransitionProps)(motionName), { "key": "mask" }), { default: () => [visible && (0, vue.createVNode)("div", (0, vue.mergeProps)({
13
- "style": [style],
14
- "class": (0, _v_c_util.classNames)(`${prefixCls}-mask`, className)
15
- }, maskProps), null)] });
16
- };
17
- }, {
18
- props: {
19
- prefixCls: {
20
- type: String,
21
- required: true,
22
- default: void 0
23
- },
24
- visible: {
25
- type: Boolean,
26
- required: true,
27
- default: void 0
28
- },
29
- motionName: {
30
- type: String,
31
- required: false,
32
- default: void 0
33
- },
34
- style: {
35
- type: Object,
36
- required: false,
37
- default: void 0
38
- },
39
- maskProps: {
40
- type: Object,
41
- required: false,
42
- default: void 0
43
- },
44
- className: {
45
- type: String,
46
- required: false,
47
- default: void 0
48
- }
49
- },
50
- name: "Mask"
51
- });
52
- var Mask_default = Mask;
53
- exports.default = Mask_default;