@v-c/dialog 1.0.0 → 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.
Files changed (12) hide show
  1. package/dist/Dialog/index.js +7 -1
  2. package/package.json +4 -4
  3. package/dist/Dialog/Content/Panel.cjs +0 -366
  4. package/dist/Dialog/Content/index.cjs +0 -329
  5. package/dist/Dialog/Mask.cjs +0 -53
  6. package/dist/Dialog/index.cjs +0 -376
  7. package/dist/DialogWrap.cjs +0 -294
  8. package/dist/IDialogPropTypes.cjs +0 -1
  9. package/dist/_virtual/rolldown_runtime.cjs +0 -21
  10. package/dist/context.cjs +0 -26
  11. package/dist/index.cjs +0 -9
  12. package/dist/util.cjs +0 -32
package/dist/Dialog/index.cjs DELETED
@@ -1,376 +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_index = require("./Content/index.cjs");
8
- const require_Mask = require("./Mask.cjs");
9
- let vue = require("vue");
10
- let _v_c_util = require("@v-c/util");
11
- let _v_c_util_dist_Dom_contains = require("@v-c/util/dist/Dom/contains");
12
- _v_c_util_dist_Dom_contains = require_rolldown_runtime.__toESM(_v_c_util_dist_Dom_contains);
13
- let _v_c_util_dist_pickAttrs = require("@v-c/util/dist/pickAttrs");
14
- _v_c_util_dist_pickAttrs = require_rolldown_runtime.__toESM(_v_c_util_dist_pickAttrs);
15
- var Dialog = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, slots }) => {
16
- if (process.env.NODE_ENV !== "production") {
17
- [
18
- "wrapStyle",
19
- "bodyStyle",
20
- "maskStyle"
21
- ].forEach((prop) => {
22
- (0, _v_c_util.warning)(!(prop in props && props[prop]), `${prop} is deprecated, please use styles instead.`);
23
- });
24
- if ("wrapClassName" in props && props.wrapClassName) (0, _v_c_util.warning)(false, `wrapClassName is deprecated, please use classNames instead.`);
25
- }
26
- const lastOutSideActiveElementRef = (0, vue.shallowRef)(null);
27
- const wrapperRef = (0, vue.shallowRef)();
28
- const contentRef = (0, vue.shallowRef)();
29
- const animatedVisible = (0, vue.shallowRef)(props.visible);
30
- const ariaId = (0, vue.useId)();
31
- function saveLastOutSideActiveElementRef() {
32
- if (!(0, _v_c_util_dist_Dom_contains.default)(wrapperRef.value, document.activeElement)) lastOutSideActiveElementRef.value = document.activeElement;
33
- }
34
- function focusDialogContent() {
35
- if (!(0, _v_c_util_dist_Dom_contains.default)(wrapperRef.value, document.activeElement)) contentRef.value?.focus?.();
36
- }
37
- function onDialogVisibleChanged(newVisible) {
38
- if (newVisible) focusDialogContent();
39
- else {
40
- const _animatedVisible = animatedVisible.value;
41
- animatedVisible.value = false;
42
- if (props.mask && lastOutSideActiveElementRef.value && props.focusTriggerAfterClose) {
43
- try {
44
- lastOutSideActiveElementRef.value?.focus?.({ preventScroll: true });
45
- } catch (e) {}
46
- lastOutSideActiveElementRef.value = null;
47
- }
48
- if (_animatedVisible) props?.afterClose?.();
49
- props?.afterOpenChange?.(newVisible);
50
- }
51
- }
52
- function onInternalClose(e) {
53
- props?.onClose?.(e);
54
- }
55
- const contentClickRef = (0, vue.shallowRef)(false);
56
- const contentTimeoutRef = (0, vue.shallowRef)();
57
- const onContentMouseDown = () => {
58
- clearTimeout(contentTimeoutRef.value);
59
- contentClickRef.value = true;
60
- };
61
- const onContentMouseUp = () => {
62
- contentTimeoutRef.value = setTimeout(() => {
63
- contentClickRef.value = false;
64
- });
65
- };
66
- let onWrapperClick = null;
67
- (0, vue.watch)(() => props.maskClosable, () => {
68
- if (props.maskClosable) onWrapperClick = (e) => {
69
- if (contentClickRef.value) contentClickRef.value = false;
70
- else if (wrapperRef.value === e.target) onInternalClose(e);
71
- };
72
- }, { immediate: true });
73
- (0, vue.watch)(() => props.visible, () => {
74
- if (props.visible) {
75
- animatedVisible.value = true;
76
- saveLastOutSideActiveElementRef();
77
- }
78
- }, { immediate: true });
79
- (0, vue.onUnmounted)(() => {
80
- clearTimeout(contentTimeoutRef.value);
81
- });
82
- expose({});
83
- return () => {
84
- const { zIndex, wrapStyle, wrapProps, wrapClassName, closable, transitionName, animation, styles: modalStyles, prefixCls, rootClassName, visible, mask, maskAnimation, maskTransitionName, maskStyle, maskProps, classNames: modalClassNames } = props;
85
- const mergedStyle = {
86
- zIndex,
87
- ...wrapStyle,
88
- ...modalStyles?.wrapper,
89
- display: !animatedVisible.value ? "none" : void 0
90
- };
91
- return (0, vue.createVNode)("div", (0, vue.mergeProps)({ "class": [`${prefixCls}-root`, rootClassName] }, (0, _v_c_util_dist_pickAttrs.default)(props, { data: true })), [(0, vue.createVNode)(require_Mask.default, {
92
- "prefixCls": prefixCls,
93
- "visible": !!(mask && visible),
94
- "motionName": require_util.getMotionName(prefixCls, maskTransitionName, maskAnimation),
95
- "style": {
96
- zIndex,
97
- ...maskStyle,
98
- ...modalStyles?.mask
99
- },
100
- "maskProps": maskProps,
101
- "className": modalClassNames?.mask
102
- }, null), (0, vue.createVNode)("div", (0, vue.mergeProps)({
103
- "class": [
104
- `${prefixCls}-wrap`,
105
- wrapClassName,
106
- modalClassNames?.wrapper
107
- ],
108
- "ref": wrapperRef,
109
- "onClick": onWrapperClick,
110
- "style": mergedStyle
111
- }, wrapProps), [(0, vue.createVNode)(require_index.default, (0, vue.mergeProps)({
112
- ...props,
113
- onMouseDown: onContentMouseDown,
114
- onMouseUp: onContentMouseUp,
115
- onClose: onInternalClose,
116
- onVisibleChanged: onDialogVisibleChanged
117
- }, {
118
- "ref": contentRef,
119
- "closable": closable,
120
- "ariaId": ariaId,
121
- "prefixCls": prefixCls,
122
- "visible": !!visible,
123
- "motionName": require_util.getMotionName(prefixCls, transitionName, animation)
124
- }), slots)])]);
125
- };
126
- }, {
127
- props: /* @__PURE__ */ (0, vue.mergeDefaults)({
128
- className: {
129
- type: String,
130
- required: false,
131
- default: void 0
132
- },
133
- keyboard: {
134
- type: Boolean,
135
- required: false,
136
- default: void 0
137
- },
138
- style: {
139
- type: Object,
140
- required: false,
141
- default: void 0
142
- },
143
- rootStyle: {
144
- type: Object,
145
- required: false,
146
- default: void 0
147
- },
148
- mask: {
149
- type: Boolean,
150
- required: false,
151
- default: void 0
152
- },
153
- children: {
154
- type: [
155
- Object,
156
- Function,
157
- String,
158
- Number,
159
- null,
160
- Boolean,
161
- Array
162
- ],
163
- required: false,
164
- default: void 0
165
- },
166
- afterClose: {
167
- type: Function,
168
- required: false,
169
- default: void 0
170
- },
171
- afterOpenChange: {
172
- type: Function,
173
- required: false,
174
- default: void 0
175
- },
176
- onClose: {
177
- type: Function,
178
- required: false,
179
- default: void 0
180
- },
181
- closable: {
182
- type: [Boolean, Object],
183
- required: false,
184
- default: void 0
185
- },
186
- maskClosable: {
187
- type: Boolean,
188
- required: false,
189
- default: void 0
190
- },
191
- visible: {
192
- type: Boolean,
193
- required: false,
194
- default: void 0
195
- },
196
- destroyOnHidden: {
197
- type: Boolean,
198
- required: false,
199
- default: void 0
200
- },
201
- mousePosition: {
202
- type: [Object, null],
203
- required: false,
204
- default: void 0
205
- },
206
- title: {
207
- type: [
208
- Object,
209
- Function,
210
- String,
211
- Number,
212
- null,
213
- Boolean,
214
- Array
215
- ],
216
- required: false,
217
- default: void 0
218
- },
219
- footer: {
220
- type: [
221
- Object,
222
- Function,
223
- String,
224
- Number,
225
- null,
226
- Boolean,
227
- Array
228
- ],
229
- required: false,
230
- default: void 0
231
- },
232
- transitionName: {
233
- type: String,
234
- required: false,
235
- default: void 0
236
- },
237
- maskTransitionName: {
238
- type: String,
239
- required: false,
240
- default: void 0
241
- },
242
- animation: {
243
- required: false,
244
- default: void 0
245
- },
246
- maskAnimation: {
247
- required: false,
248
- default: void 0
249
- },
250
- wrapStyle: {
251
- type: Object,
252
- required: false,
253
- default: void 0
254
- },
255
- bodyStyle: {
256
- type: Object,
257
- required: false,
258
- default: void 0
259
- },
260
- maskStyle: {
261
- type: Object,
262
- required: false,
263
- default: void 0
264
- },
265
- prefixCls: {
266
- type: String,
267
- required: false,
268
- default: void 0
269
- },
270
- wrapClassName: {
271
- type: String,
272
- required: false,
273
- default: void 0
274
- },
275
- width: {
276
- type: [String, Number],
277
- required: false,
278
- default: void 0
279
- },
280
- height: {
281
- type: [String, Number],
282
- required: false,
283
- default: void 0
284
- },
285
- zIndex: {
286
- type: Number,
287
- required: false,
288
- default: void 0
289
- },
290
- bodyProps: {
291
- required: false,
292
- default: void 0
293
- },
294
- maskProps: {
295
- required: false,
296
- default: void 0
297
- },
298
- rootClassName: {
299
- type: String,
300
- required: false,
301
- default: void 0
302
- },
303
- classNames: {
304
- type: Object,
305
- required: false,
306
- default: void 0
307
- },
308
- styles: {
309
- type: Object,
310
- required: false,
311
- default: void 0
312
- },
313
- wrapProps: {
314
- required: false,
315
- default: void 0
316
- },
317
- getContainer: {
318
- type: [
319
- String,
320
- Function,
321
- Boolean
322
- ],
323
- required: false,
324
- skipCheck: true,
325
- default: void 0
326
- },
327
- closeIcon: {
328
- type: [
329
- Object,
330
- Function,
331
- String,
332
- Number,
333
- null,
334
- Boolean,
335
- Array
336
- ],
337
- required: false,
338
- default: void 0
339
- },
340
- modalRender: {
341
- type: Function,
342
- required: false,
343
- default: void 0
344
- },
345
- forceRender: {
346
- type: Boolean,
347
- required: false,
348
- default: void 0
349
- },
350
- focusTriggerAfterClose: {
351
- type: Boolean,
352
- required: false,
353
- default: void 0
354
- },
355
- focusTrap: {
356
- type: Boolean,
357
- required: false,
358
- default: void 0
359
- },
360
- panelRef: {
361
- required: false,
362
- default: void 0
363
- }
364
- }, {
365
- prefixCls: "vc-dialog",
366
- visible: false,
367
- focusTriggerAfterClose: true,
368
- closable: true,
369
- mask: true,
370
- maskClosable: true,
371
- forceRender: false
372
- }),
373
- name: "Dialog"
374
- });
375
- var Dialog_default = Dialog;
376
- exports.default = Dialog_default;
package/dist/DialogWrap.cjs DELETED
@@ -1,294 +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_context = require("./context.cjs");
7
- const require_index = require("./Dialog/index.cjs");
8
- let vue = require("vue");
9
- let _v_c_portal = require("@v-c/portal");
10
- _v_c_portal = require_rolldown_runtime.__toESM(_v_c_portal);
11
- var DialogWrap = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
12
- const animatedVisible = (0, vue.shallowRef)(false);
13
- require_context.useRefProvide(props);
14
- const onEsc = ({ top, event }) => {
15
- const { keyboard = true } = props;
16
- if (top && keyboard) {
17
- event.stopPropagation();
18
- props?.onClose?.(event);
19
- }
20
- };
21
- (0, vue.watch)(() => props.visible, () => {
22
- if (props.visible) animatedVisible.value = true;
23
- }, { immediate: true });
24
- return () => {
25
- const { visible, getContainer, forceRender, destroyOnHidden = false, afterClose } = props;
26
- if (!forceRender && destroyOnHidden && !animatedVisible.value) return null;
27
- return (0, vue.createVNode)(_v_c_portal.default, {
28
- "open": visible || forceRender || animatedVisible.value,
29
- "autoDestroy": false,
30
- "onEsc": onEsc,
31
- "getContainer": getContainer,
32
- "autoLock": visible || animatedVisible.value
33
- }, { default: () => [(0, vue.createVNode)(require_index.default, (0, vue.mergeProps)(props, {
34
- "destroyOnHidden": destroyOnHidden,
35
- "afterClose": () => {
36
- afterClose?.();
37
- animatedVisible.value = false;
38
- }
39
- }), slots)] });
40
- };
41
- }, {
42
- props: /* @__PURE__ */ (0, vue.mergeDefaults)({
43
- className: {
44
- type: String,
45
- required: false,
46
- default: void 0
47
- },
48
- keyboard: {
49
- type: Boolean,
50
- required: false,
51
- default: void 0
52
- },
53
- style: {
54
- type: Object,
55
- required: false,
56
- default: void 0
57
- },
58
- rootStyle: {
59
- type: Object,
60
- required: false,
61
- default: void 0
62
- },
63
- mask: {
64
- type: Boolean,
65
- required: false,
66
- default: void 0
67
- },
68
- children: {
69
- type: [
70
- Object,
71
- Function,
72
- String,
73
- Number,
74
- null,
75
- Boolean,
76
- Array
77
- ],
78
- required: false,
79
- default: void 0
80
- },
81
- afterClose: {
82
- type: Function,
83
- required: false,
84
- default: void 0
85
- },
86
- afterOpenChange: {
87
- type: Function,
88
- required: false,
89
- default: void 0
90
- },
91
- onClose: {
92
- type: Function,
93
- required: false,
94
- default: void 0
95
- },
96
- closable: {
97
- type: [Boolean, Object],
98
- required: false,
99
- default: void 0
100
- },
101
- maskClosable: {
102
- type: Boolean,
103
- required: false,
104
- default: void 0
105
- },
106
- visible: {
107
- type: Boolean,
108
- required: false,
109
- default: void 0
110
- },
111
- destroyOnHidden: {
112
- type: Boolean,
113
- required: false,
114
- default: void 0
115
- },
116
- mousePosition: {
117
- type: [Object, null],
118
- required: false,
119
- default: void 0
120
- },
121
- title: {
122
- type: [
123
- Object,
124
- Function,
125
- String,
126
- Number,
127
- null,
128
- Boolean,
129
- Array
130
- ],
131
- required: false,
132
- default: void 0
133
- },
134
- footer: {
135
- type: [
136
- Object,
137
- Function,
138
- String,
139
- Number,
140
- null,
141
- Boolean,
142
- Array
143
- ],
144
- required: false,
145
- default: void 0
146
- },
147
- transitionName: {
148
- type: String,
149
- required: false,
150
- default: void 0
151
- },
152
- maskTransitionName: {
153
- type: String,
154
- required: false,
155
- default: void 0
156
- },
157
- animation: {
158
- required: false,
159
- default: void 0
160
- },
161
- maskAnimation: {
162
- required: false,
163
- default: void 0
164
- },
165
- wrapStyle: {
166
- type: Object,
167
- required: false,
168
- default: void 0
169
- },
170
- bodyStyle: {
171
- type: Object,
172
- required: false,
173
- default: void 0
174
- },
175
- maskStyle: {
176
- type: Object,
177
- required: false,
178
- default: void 0
179
- },
180
- prefixCls: {
181
- type: String,
182
- required: false,
183
- default: void 0
184
- },
185
- wrapClassName: {
186
- type: String,
187
- required: false,
188
- default: void 0
189
- },
190
- width: {
191
- type: [String, Number],
192
- required: false,
193
- default: void 0
194
- },
195
- height: {
196
- type: [String, Number],
197
- required: false,
198
- default: void 0
199
- },
200
- zIndex: {
201
- type: Number,
202
- required: false,
203
- default: void 0
204
- },
205
- bodyProps: {
206
- required: false,
207
- default: void 0
208
- },
209
- maskProps: {
210
- required: false,
211
- default: void 0
212
- },
213
- rootClassName: {
214
- type: String,
215
- required: false,
216
- default: void 0
217
- },
218
- classNames: {
219
- type: Object,
220
- required: false,
221
- default: void 0
222
- },
223
- styles: {
224
- type: Object,
225
- required: false,
226
- default: void 0
227
- },
228
- wrapProps: {
229
- required: false,
230
- default: void 0
231
- },
232
- getContainer: {
233
- type: [
234
- String,
235
- Function,
236
- Boolean
237
- ],
238
- required: false,
239
- skipCheck: true,
240
- default: void 0
241
- },
242
- closeIcon: {
243
- type: [
244
- Object,
245
- Function,
246
- String,
247
- Number,
248
- null,
249
- Boolean,
250
- Array
251
- ],
252
- required: false,
253
- default: void 0
254
- },
255
- modalRender: {
256
- type: Function,
257
- required: false,
258
- default: void 0
259
- },
260
- forceRender: {
261
- type: Boolean,
262
- required: false,
263
- default: void 0
264
- },
265
- focusTriggerAfterClose: {
266
- type: Boolean,
267
- required: false,
268
- default: void 0
269
- },
270
- focusTrap: {
271
- type: Boolean,
272
- required: false,
273
- default: void 0
274
- },
275
- panelRef: {
276
- required: false,
277
- default: void 0
278
- }
279
- }, {
280
- getContainer: void 0,
281
- closeIcon: void 0,
282
- prefixCls: "vc-dialog",
283
- keyboard: true,
284
- focusTriggerAfterClose: true,
285
- closable: true,
286
- mask: true,
287
- maskClosable: true,
288
- destroyOnHidden: false,
289
- forceRender: false
290
- }),
291
- name: "Dialog"
292
- });
293
- var DialogWrap_default = DialogWrap;
294
- exports.default = DialogWrap_default;
package/dist/IDialogPropTypes.cjs DELETED
@@ -1 +0,0 @@
1
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
package/dist/_virtual/rolldown_runtime.cjs DELETED
@@ -1,21 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __copyProps = (to, from, except, desc) => {
8
- if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
9
- key = keys[i];
10
- if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
11
- get: ((k) => from[k]).bind(null, key),
12
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
13
- });
14
- }
15
- return to;
16
- };
17
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
18
- value: mod,
19
- enumerable: true
20
- }) : target, mod));
21
- exports.__toESM = __toESM;
package/dist/context.cjs DELETED
@@ -1,26 +0,0 @@
1
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
3
- let vue = require("vue");
4
- var RefContext = Symbol("RefContext");
5
- function useRefProvide(props) {
6
- const panel = (0, vue.shallowRef)();
7
- const setPanelRef = (el) => {
8
- if (typeof props.panelRef === "function") props.panelRef(el);
9
- panel.value = el;
10
- };
11
- (0, vue.provide)(RefContext, {
12
- panel,
13
- setPanel(panel$1) {
14
- setPanelRef(panel$1);
15
- }
16
- });
17
- return {
18
- panel,
19
- setPanelRef
20
- };
21
- }
22
- function useGetRefContext() {
23
- return (0, vue.inject)(RefContext, {});
24
- }
25
- exports.useGetRefContext = useGetRefContext;
26
- exports.useRefProvide = useRefProvide;
package/dist/index.cjs DELETED
@@ -1,9 +0,0 @@
1
- Object.defineProperties(exports, {
2
- __esModule: { value: true },
3
- [Symbol.toStringTag]: { value: "Module" }
4
- });
5
- const require_Panel = require("./Dialog/Content/Panel.cjs");
6
- const require_DialogWrap = require("./DialogWrap.cjs");
7
- var src_default = require_DialogWrap.default;
8
- exports.Panel = require_Panel.default;
9
- exports.default = src_default;