@wfrog/vc-ui 1.11.10 → 1.11.11
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/es/chunk/Bw0Rhd-r.mjs +110 -0
- package/dist/es/chunk/CqTdDZkE.mjs +31 -0
- package/dist/es/chunk/{DAnWZLYj.mjs → CzWfBa_8.mjs} +96 -2
- package/dist/es/chunk/D229kQ56.mjs +28 -0
- package/dist/es/chunk/{Cxx_YWUC.mjs → DcouM6gM.mjs} +6 -548
- package/dist/es/chunk/Fo0dZYnz.mjs +128 -0
- package/dist/es/chunk/KanuIcmc.mjs +412 -0
- package/dist/es/chunk/{B71xEPfK.mjs → uuUHUjSk.mjs} +4 -35
- package/dist/es/components/backbottom/backbottom.mjs +3 -2
- package/dist/es/components/button/button.mjs +4 -5
- package/dist/es/components/choice/choice.mjs +4 -4
- package/dist/es/components/choice/index.css +1 -1
- package/dist/es/components/color-switch/color-switch.mjs +73 -1046
- package/dist/es/components/color-switch/index.css +1 -1
- package/dist/es/components/cropper/cropper.mjs +11 -117
- package/dist/es/components/cropper/index.css +1 -1
- package/dist/es/components/currency/currency.mjs +4 -5
- package/dist/es/components/daterange-picker/daterange-picker.mjs +8 -6253
- package/dist/es/components/dialog/dialog.mjs +7 -400
- package/dist/es/components/dialog/index.css +1 -1
- package/dist/es/components/dialog-camera-upload/dialog-camera-upload.mjs +10 -11
- package/dist/es/components/dialog-map-point/dialog-map-point.mjs +4 -3
- package/dist/es/components/dialog-upload-images/dialog-upload-images.mjs +9 -1374
- package/dist/es/components/dialog-upload-images/index.css +1 -1
- package/dist/es/components/drag-verify/drag-verify.mjs +3 -2
- package/dist/es/components/drawer/drawer.mjs +10 -352
- package/dist/es/components/drawer/index.css +1 -1
- package/dist/es/components/easy-pagination/easy-pagination.mjs +3 -2
- package/dist/es/components/explorer/explorer.mjs +3 -3
- package/dist/es/components/explorer-column-table/explorer-column-table.mjs +5 -7
- package/dist/es/components/explorer-column-table/index.css +1 -1
- package/dist/es/components/explorer-container/explorer-container.d.ts +1 -1
- package/dist/es/components/explorer-container/explorer-container.mjs +4 -3
- package/dist/es/components/explorer-filter/explorer-filter.mjs +5 -4
- package/dist/es/components/explorer-footer/explorer-footer.mjs +4 -8
- package/dist/es/components/explorer-form/explorer-form.mjs +4 -3
- package/dist/es/components/explorer-list/explorer-list.mjs +5 -4
- package/dist/es/components/explorer-modal-form/explorer-modal-form.mjs +4 -3
- package/dist/es/components/explorer-panel/explorer-panel.mjs +3 -3
- package/dist/es/components/explorer-query/explorer-query.mjs +9 -2201
- package/dist/es/components/explorer-query/index.css +1 -1
- package/dist/es/components/explorer-table/explorer-table.mjs +5 -8
- package/dist/es/components/explorer-tools/explorer-tools.mjs +13 -264
- package/dist/es/components/explorer-tools/index.css +1 -1
- package/dist/es/components/explorer-tree/explorer-tree.mjs +4 -5
- package/dist/es/components/icon-picker/icon-picker.mjs +8 -12
- package/dist/es/components/image/image.mjs +4 -4
- package/dist/es/components/info-tooltip/info-tooltip.mjs +336 -4
- package/dist/es/components/input/input.mjs +3 -2
- package/dist/es/components/input-number/input-number.mjs +3 -3
- package/dist/es/components/pca-picker/index.css +1 -1
- package/dist/es/components/pca-picker/pca-picker.mjs +443 -601
- package/dist/es/components/screenfull/screenfull.mjs +4 -3
- package/dist/es/components/scrollbar/scrollbar.mjs +3 -2
- package/dist/es/components/select/select.mjs +3 -5
- package/dist/es/components/single-player/index.css +1 -1
- package/dist/es/components/single-player/single-player.mjs +10 -1087
- package/dist/es/components/splitter/splitter.mjs +3 -3
- package/dist/es/components/splitter-panel/splitter-panel.mjs +3 -3
- package/dist/es/components/switch/index.css +1 -1
- package/dist/es/components/switch/switch.mjs +9 -395
- package/dist/es/components/tags/tags.mjs +7 -9
- package/dist/es/components/text-ellipsis/text-ellipsis.mjs +3 -3
- package/dist/es/components/thousand-input/thousand-input.mjs +33 -1
- package/dist/es/components/tinymce/tinymce.mjs +4 -3
- package/dist/es/components/transfer/transfer.mjs +3 -4
- package/dist/es/components/transfer-panel/transfer-panel.mjs +5 -4
- package/dist/es/components/tree-picker/popover-cascader.css +1 -1
- package/dist/es/components/tree-picker/tree-picker.mjs +5 -10
- package/dist/es/index.mjs +1 -1
- package/dist/index.css +13 -40
- package/package.json +1 -1
- package/dist/es/chunk/B-rxnVJv.mjs +0 -3
- package/dist/es/chunk/B5HpgPRt.mjs +0 -69
- package/dist/es/chunk/BBhZKpIc.mjs +0 -2179
- package/dist/es/chunk/BDcsaNYa.mjs +0 -59
- package/dist/es/chunk/BTSSEFfD.mjs +0 -319
- package/dist/es/chunk/BTpNRPQW.mjs +0 -55
- package/dist/es/chunk/BVBK1U57.mjs +0 -96
- package/dist/es/chunk/Bc6yUGLs.mjs +0 -45
- package/dist/es/chunk/BjVI1XMz.mjs +0 -40
- package/dist/es/chunk/BlzQCBDu.mjs +0 -5741
- package/dist/es/chunk/BpJKnxlF.mjs +0 -476
- package/dist/es/chunk/Brp-qSBw.mjs +0 -2003
- package/dist/es/chunk/BunQI8Jb.mjs +0 -390
- package/dist/es/chunk/C0XgBrDz.mjs +0 -775
- package/dist/es/chunk/C0pTANRX.mjs +0 -109
- package/dist/es/chunk/CBMjhoFP.mjs +0 -101
- package/dist/es/chunk/CBiNtNvQ.mjs +0 -242
- package/dist/es/chunk/CBlJeNBO.mjs +0 -890
- package/dist/es/chunk/CCVL_Zj-.mjs +0 -427
- package/dist/es/chunk/CEl4MyfJ.mjs +0 -252
- package/dist/es/chunk/CJK5_jsA.mjs +0 -53
- package/dist/es/chunk/CKOcwq5V.mjs +0 -44
- package/dist/es/chunk/COs9dJZa.mjs +0 -66
- package/dist/es/chunk/CPt6MxJW.mjs +0 -375
- package/dist/es/chunk/CVqW0jzp.mjs +0 -107
- package/dist/es/chunk/CccIsEqA.mjs +0 -128
- package/dist/es/chunk/CjLR27-a.mjs +0 -582
- package/dist/es/chunk/CoGexPPD.mjs +0 -2192
- package/dist/es/chunk/CsLIbnzG.mjs +0 -64
- package/dist/es/chunk/Ct6q2FXg.mjs +0 -5
- package/dist/es/chunk/Cuq5meQh.mjs +0 -184
- package/dist/es/chunk/CvYIOfT1.mjs +0 -23
- package/dist/es/chunk/CxHJBf4l.mjs +0 -31
- package/dist/es/chunk/CzdaOBtA.mjs +0 -66
- package/dist/es/chunk/D0QTifnI.mjs +0 -54
- package/dist/es/chunk/D1QnA2iT.mjs +0 -229
- package/dist/es/chunk/D3AvJlVX.mjs +0 -188
- package/dist/es/chunk/D9Lr0Bzb.mjs +0 -1136
- package/dist/es/chunk/DCkPv0hy.mjs +0 -29
- package/dist/es/chunk/DRwwUUhy.mjs +0 -49
- package/dist/es/chunk/DX-2VRY2.mjs +0 -836
- package/dist/es/chunk/DZ2oTFad.mjs +0 -687
- package/dist/es/chunk/D_bou1py.mjs +0 -55
- package/dist/es/chunk/Da199A5L.mjs +0 -314
- package/dist/es/chunk/DbhQlaOz.mjs +0 -94
- package/dist/es/chunk/Dgu95mOy.mjs +0 -237
- package/dist/es/chunk/DhGOsWxx.mjs +0 -6
- package/dist/es/chunk/Dm_Sj5aH.mjs +0 -487
- package/dist/es/chunk/Dmi-1GRO.mjs +0 -163
- package/dist/es/chunk/DodoD9a9.mjs +0 -52
- package/dist/es/chunk/DrrVDcwm.mjs +0 -955
- package/dist/es/chunk/Du_zJ1Fz.mjs +0 -49
- package/dist/es/chunk/DxxbB5jY.mjs +0 -34
- package/dist/es/chunk/Gk1J52Yw.mjs +0 -207
- package/dist/es/chunk/NsldgdCh.mjs +0 -704
- package/dist/es/chunk/V6KjsUQN.mjs +0 -35
- package/dist/es/chunk/eEsLFV3s.mjs +0 -76
- package/dist/es/chunk/fqiLhk0V.mjs +0 -2065
- package/dist/es/chunk/nxVM7re4.mjs +0 -35
- package/dist/es/chunk/s7HLrANj.mjs +0 -215
- package/dist/es/chunk/vPhxogl3.mjs +0 -19
- package/dist/es/components/icon/icon2.mjs +0 -27
|
@@ -1,407 +1,14 @@
|
|
|
1
1
|
import './index.css'
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
2
|
+
import { ElDialog, ElButton } from 'element-plus/es';
|
|
3
|
+
import 'element-plus/es/components/base/style/css';
|
|
4
|
+
import 'element-plus/es/components/dialog/style/css';
|
|
5
|
+
import 'element-plus/es/components/button/style/css';
|
|
6
|
+
import { defineComponent, useCssModule, ref, computed, watch, createBlock, createCommentVNode, unref, openBlock, mergeProps, isRef, createSlots, withCtx, createVNode, renderSlot, createElementVNode, normalizeClass, createTextVNode, toDisplayString, withDirectives, vShow } from 'vue';
|
|
6
7
|
import { CopyDocument, FullScreen, Close } from '@element-plus/icons-vue';
|
|
7
8
|
import { C as Component$2 } from '../button/button.mjs';
|
|
8
9
|
import { C as Component$1 } from '../scrollbar/scrollbar.mjs';
|
|
9
10
|
import { useVModel, useToggle } from '@vueuse/core';
|
|
10
|
-
import {
|
|
11
|
-
import { E as ElIcon } from '../../chunk/D0QTifnI.mjs';
|
|
12
|
-
import { _ as _export_sfc, w as withInstall } from '../../chunk/V6KjsUQN.mjs';
|
|
13
|
-
import { a as addUnit } from '../../chunk/DodoD9a9.mjs';
|
|
14
|
-
import { C as CloseComponents } from '../icon/icon2.mjs';
|
|
15
|
-
import { u as useLocale } from '../../chunk/CEl4MyfJ.mjs';
|
|
16
|
-
import { u as useDeprecated } from '../../chunk/CvYIOfT1.mjs';
|
|
17
|
-
import { _ as _export_sfc$1 } from '../../chunk/pcqpp-6-.mjs';
|
|
18
|
-
|
|
19
|
-
const useDraggable = (targetRef, dragRef, draggable, overflow) => {
|
|
20
|
-
const transform = {
|
|
21
|
-
offsetX: 0,
|
|
22
|
-
offsetY: 0
|
|
23
|
-
};
|
|
24
|
-
const isDragging = ref(false);
|
|
25
|
-
const adjustPosition = (moveX, moveY) => {
|
|
26
|
-
if (targetRef.value) {
|
|
27
|
-
const { offsetX, offsetY } = transform;
|
|
28
|
-
const targetRect = targetRef.value.getBoundingClientRect();
|
|
29
|
-
const targetLeft = targetRect.left;
|
|
30
|
-
const targetTop = targetRect.top;
|
|
31
|
-
const targetWidth = targetRect.width;
|
|
32
|
-
const targetHeight = targetRect.height;
|
|
33
|
-
const clientWidth = document.documentElement.clientWidth;
|
|
34
|
-
const clientHeight = document.documentElement.clientHeight;
|
|
35
|
-
const minLeft = -targetLeft + offsetX;
|
|
36
|
-
const minTop = -targetTop + offsetY;
|
|
37
|
-
const maxLeft = clientWidth - targetLeft - targetWidth + offsetX;
|
|
38
|
-
const maxTop = clientHeight - targetTop - (targetHeight < clientHeight ? targetHeight : 0) + offsetY;
|
|
39
|
-
if (!(overflow == null ? void 0 : overflow.value)) {
|
|
40
|
-
moveX = Math.min(Math.max(moveX, minLeft), maxLeft);
|
|
41
|
-
moveY = Math.min(Math.max(moveY, minTop), maxTop);
|
|
42
|
-
}
|
|
43
|
-
transform.offsetX = moveX;
|
|
44
|
-
transform.offsetY = moveY;
|
|
45
|
-
targetRef.value.style.transform = `translate(${addUnit(moveX)}, ${addUnit(
|
|
46
|
-
moveY
|
|
47
|
-
)})`;
|
|
48
|
-
}
|
|
49
|
-
};
|
|
50
|
-
const onMousedown = (e) => {
|
|
51
|
-
const downX = e.clientX;
|
|
52
|
-
const downY = e.clientY;
|
|
53
|
-
const { offsetX, offsetY } = transform;
|
|
54
|
-
const onMousemove = (e2) => {
|
|
55
|
-
if (!isDragging.value) {
|
|
56
|
-
isDragging.value = true;
|
|
57
|
-
}
|
|
58
|
-
const moveX = offsetX + e2.clientX - downX;
|
|
59
|
-
const moveY = offsetY + e2.clientY - downY;
|
|
60
|
-
adjustPosition(moveX, moveY);
|
|
61
|
-
};
|
|
62
|
-
const onMouseup = () => {
|
|
63
|
-
isDragging.value = false;
|
|
64
|
-
document.removeEventListener("mousemove", onMousemove);
|
|
65
|
-
document.removeEventListener("mouseup", onMouseup);
|
|
66
|
-
};
|
|
67
|
-
document.addEventListener("mousemove", onMousemove);
|
|
68
|
-
document.addEventListener("mouseup", onMouseup);
|
|
69
|
-
};
|
|
70
|
-
const onDraggable = () => {
|
|
71
|
-
if (dragRef.value && targetRef.value) {
|
|
72
|
-
dragRef.value.addEventListener("mousedown", onMousedown);
|
|
73
|
-
window.addEventListener("resize", updatePosition);
|
|
74
|
-
}
|
|
75
|
-
};
|
|
76
|
-
const offDraggable = () => {
|
|
77
|
-
if (dragRef.value && targetRef.value) {
|
|
78
|
-
dragRef.value.removeEventListener("mousedown", onMousedown);
|
|
79
|
-
window.removeEventListener("resize", updatePosition);
|
|
80
|
-
}
|
|
81
|
-
};
|
|
82
|
-
const resetPosition = () => {
|
|
83
|
-
transform.offsetX = 0;
|
|
84
|
-
transform.offsetY = 0;
|
|
85
|
-
if (targetRef.value) {
|
|
86
|
-
targetRef.value.style.transform = "";
|
|
87
|
-
}
|
|
88
|
-
};
|
|
89
|
-
const updatePosition = () => {
|
|
90
|
-
const { offsetX, offsetY } = transform;
|
|
91
|
-
adjustPosition(offsetX, offsetY);
|
|
92
|
-
};
|
|
93
|
-
onMounted(() => {
|
|
94
|
-
watchEffect(() => {
|
|
95
|
-
if (draggable.value) {
|
|
96
|
-
onDraggable();
|
|
97
|
-
} else {
|
|
98
|
-
offDraggable();
|
|
99
|
-
}
|
|
100
|
-
});
|
|
101
|
-
});
|
|
102
|
-
onBeforeUnmount(() => {
|
|
103
|
-
offDraggable();
|
|
104
|
-
});
|
|
105
|
-
return {
|
|
106
|
-
isDragging,
|
|
107
|
-
resetPosition,
|
|
108
|
-
updatePosition
|
|
109
|
-
};
|
|
110
|
-
};
|
|
111
|
-
|
|
112
|
-
const composeRefs = (...refs) => {
|
|
113
|
-
return (el) => {
|
|
114
|
-
refs.forEach((ref) => {
|
|
115
|
-
ref.value = el;
|
|
116
|
-
});
|
|
117
|
-
};
|
|
118
|
-
};
|
|
119
|
-
|
|
120
|
-
const _hoisted_1$2 = ["aria-level"];
|
|
121
|
-
const _hoisted_2 = ["aria-label"];
|
|
122
|
-
const _hoisted_3 = ["id"];
|
|
123
|
-
const _sfc_main$2 = defineComponent({
|
|
124
|
-
...{ name: "ElDialogContent" },
|
|
125
|
-
__name: "dialog-content",
|
|
126
|
-
props: dialogContentProps,
|
|
127
|
-
emits: dialogContentEmits,
|
|
128
|
-
setup(__props, { expose: __expose }) {
|
|
129
|
-
const { t } = useLocale();
|
|
130
|
-
const { Close } = CloseComponents;
|
|
131
|
-
const props = __props;
|
|
132
|
-
const { dialogRef, headerRef, bodyId, ns, style } = inject(dialogInjectionKey);
|
|
133
|
-
const { focusTrapRef } = inject(FOCUS_TRAP_INJECTION_KEY);
|
|
134
|
-
const composedDialogRef = composeRefs(focusTrapRef, dialogRef);
|
|
135
|
-
const draggable = computed(() => !!props.draggable);
|
|
136
|
-
const overflow = computed(() => !!props.overflow);
|
|
137
|
-
const { resetPosition, updatePosition, isDragging } = useDraggable(
|
|
138
|
-
dialogRef,
|
|
139
|
-
headerRef,
|
|
140
|
-
draggable,
|
|
141
|
-
overflow
|
|
142
|
-
);
|
|
143
|
-
const dialogKls = computed(() => [
|
|
144
|
-
ns.b(),
|
|
145
|
-
ns.is("fullscreen", props.fullscreen),
|
|
146
|
-
ns.is("draggable", draggable.value),
|
|
147
|
-
ns.is("dragging", isDragging.value),
|
|
148
|
-
ns.is("align-center", !!props.alignCenter),
|
|
149
|
-
{ [ns.m("center")]: props.center }
|
|
150
|
-
]);
|
|
151
|
-
__expose({
|
|
152
|
-
resetPosition,
|
|
153
|
-
updatePosition
|
|
154
|
-
});
|
|
155
|
-
return (_ctx, _cache) => {
|
|
156
|
-
return openBlock(), createElementBlock(
|
|
157
|
-
"div",
|
|
158
|
-
{
|
|
159
|
-
ref: unref(composedDialogRef),
|
|
160
|
-
class: normalizeClass(dialogKls.value),
|
|
161
|
-
style: normalizeStyle(unref(style)),
|
|
162
|
-
tabindex: "-1"
|
|
163
|
-
},
|
|
164
|
-
[
|
|
165
|
-
createElementVNode(
|
|
166
|
-
"header",
|
|
167
|
-
{
|
|
168
|
-
ref_key: "headerRef",
|
|
169
|
-
ref: headerRef,
|
|
170
|
-
class: normalizeClass([unref(ns).e("header"), _ctx.headerClass, { "show-close": _ctx.showClose }])
|
|
171
|
-
},
|
|
172
|
-
[
|
|
173
|
-
renderSlot(_ctx.$slots, "header", {}, () => [
|
|
174
|
-
createElementVNode("span", {
|
|
175
|
-
role: "heading",
|
|
176
|
-
"aria-level": _ctx.ariaLevel,
|
|
177
|
-
class: normalizeClass(unref(ns).e("title"))
|
|
178
|
-
}, toDisplayString(_ctx.title), 11, _hoisted_1$2)
|
|
179
|
-
]),
|
|
180
|
-
_ctx.showClose ? (openBlock(), createElementBlock("button", {
|
|
181
|
-
key: 0,
|
|
182
|
-
"aria-label": unref(t)("el.dialog.close"),
|
|
183
|
-
class: normalizeClass(unref(ns).e("headerbtn")),
|
|
184
|
-
type: "button",
|
|
185
|
-
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
|
|
186
|
-
}, [
|
|
187
|
-
createVNode(unref(ElIcon), {
|
|
188
|
-
class: normalizeClass(unref(ns).e("close"))
|
|
189
|
-
}, {
|
|
190
|
-
default: withCtx(() => [
|
|
191
|
-
(openBlock(), createBlock(resolveDynamicComponent(_ctx.closeIcon || unref(Close))))
|
|
192
|
-
]),
|
|
193
|
-
_: 1
|
|
194
|
-
}, 8, ["class"])
|
|
195
|
-
], 10, _hoisted_2)) : createCommentVNode("v-if", true)
|
|
196
|
-
],
|
|
197
|
-
2
|
|
198
|
-
),
|
|
199
|
-
createElementVNode("div", {
|
|
200
|
-
id: unref(bodyId),
|
|
201
|
-
class: normalizeClass([unref(ns).e("body"), _ctx.bodyClass])
|
|
202
|
-
}, [
|
|
203
|
-
renderSlot(_ctx.$slots, "default")
|
|
204
|
-
], 10, _hoisted_3),
|
|
205
|
-
_ctx.$slots.footer ? (openBlock(), createElementBlock(
|
|
206
|
-
"footer",
|
|
207
|
-
{
|
|
208
|
-
key: 0,
|
|
209
|
-
class: normalizeClass([unref(ns).e("footer"), _ctx.footerClass])
|
|
210
|
-
},
|
|
211
|
-
[
|
|
212
|
-
renderSlot(_ctx.$slots, "footer")
|
|
213
|
-
],
|
|
214
|
-
2
|
|
215
|
-
)) : createCommentVNode("v-if", true)
|
|
216
|
-
],
|
|
217
|
-
6
|
|
218
|
-
);
|
|
219
|
-
};
|
|
220
|
-
}
|
|
221
|
-
});
|
|
222
|
-
var ElDialogContent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/dialog/src/dialog-content.vue"]]);
|
|
223
|
-
|
|
224
|
-
const _hoisted_1$1 = ["aria-label", "aria-labelledby", "aria-describedby"];
|
|
225
|
-
const _sfc_main$1 = defineComponent({
|
|
226
|
-
...{
|
|
227
|
-
name: "ElDialog",
|
|
228
|
-
inheritAttrs: false
|
|
229
|
-
},
|
|
230
|
-
__name: "dialog",
|
|
231
|
-
props: dialogProps,
|
|
232
|
-
emits: dialogEmits,
|
|
233
|
-
setup(__props, { expose: __expose }) {
|
|
234
|
-
const props = __props;
|
|
235
|
-
const slots = useSlots();
|
|
236
|
-
useDeprecated(
|
|
237
|
-
{
|
|
238
|
-
scope: "el-dialog",
|
|
239
|
-
from: "the title slot",
|
|
240
|
-
replacement: "the header slot",
|
|
241
|
-
version: "3.0.0",
|
|
242
|
-
ref: "https://element-plus.org/en-US/component/dialog.html#slots"
|
|
243
|
-
},
|
|
244
|
-
computed(() => !!slots.title)
|
|
245
|
-
);
|
|
246
|
-
const ns = useNamespace("dialog");
|
|
247
|
-
const dialogRef = ref();
|
|
248
|
-
const headerRef = ref();
|
|
249
|
-
const dialogContentRef = ref();
|
|
250
|
-
const {
|
|
251
|
-
visible,
|
|
252
|
-
titleId,
|
|
253
|
-
bodyId,
|
|
254
|
-
style,
|
|
255
|
-
overlayDialogStyle,
|
|
256
|
-
rendered,
|
|
257
|
-
transitionConfig,
|
|
258
|
-
zIndex,
|
|
259
|
-
_draggable,
|
|
260
|
-
_alignCenter,
|
|
261
|
-
_overflow,
|
|
262
|
-
handleClose,
|
|
263
|
-
onModalClick,
|
|
264
|
-
onOpenAutoFocus,
|
|
265
|
-
onCloseAutoFocus,
|
|
266
|
-
onCloseRequested,
|
|
267
|
-
onFocusoutPrevented,
|
|
268
|
-
closing
|
|
269
|
-
} = useDialog(props, dialogRef);
|
|
270
|
-
provide(dialogInjectionKey, {
|
|
271
|
-
dialogRef,
|
|
272
|
-
headerRef,
|
|
273
|
-
bodyId,
|
|
274
|
-
ns,
|
|
275
|
-
rendered,
|
|
276
|
-
style
|
|
277
|
-
});
|
|
278
|
-
const overlayEvent = useSameTarget(onModalClick);
|
|
279
|
-
const penetrable = computed(
|
|
280
|
-
() => props.modalPenetrable && !props.modal && !props.fullscreen
|
|
281
|
-
);
|
|
282
|
-
const resetPosition = () => {
|
|
283
|
-
var _a;
|
|
284
|
-
(_a = dialogContentRef.value) == null ? void 0 : _a.resetPosition();
|
|
285
|
-
};
|
|
286
|
-
__expose({
|
|
287
|
-
visible,
|
|
288
|
-
dialogContentRef,
|
|
289
|
-
resetPosition,
|
|
290
|
-
handleClose
|
|
291
|
-
});
|
|
292
|
-
return (_ctx, _cache) => {
|
|
293
|
-
return openBlock(), createBlock(unref(ElTeleport), {
|
|
294
|
-
to: _ctx.appendTo,
|
|
295
|
-
disabled: _ctx.appendTo !== "body" ? false : !_ctx.appendToBody
|
|
296
|
-
}, {
|
|
297
|
-
default: withCtx(() => [
|
|
298
|
-
createVNode(
|
|
299
|
-
Transition,
|
|
300
|
-
mergeProps(unref(transitionConfig), { persisted: "" }),
|
|
301
|
-
{
|
|
302
|
-
default: withCtx(() => {
|
|
303
|
-
var _a;
|
|
304
|
-
return [
|
|
305
|
-
withDirectives(createVNode(unref(ElOverlay), {
|
|
306
|
-
"custom-mask-event": "",
|
|
307
|
-
mask: _ctx.modal,
|
|
308
|
-
"overlay-class": [
|
|
309
|
-
(_a = _ctx.modalClass) != null ? _a : "",
|
|
310
|
-
`${unref(ns).namespace.value}-modal-dialog`,
|
|
311
|
-
unref(ns).is("penetrable", penetrable.value)
|
|
312
|
-
],
|
|
313
|
-
"z-index": unref(zIndex)
|
|
314
|
-
}, {
|
|
315
|
-
default: withCtx(() => [
|
|
316
|
-
createElementVNode("div", {
|
|
317
|
-
role: "dialog",
|
|
318
|
-
"aria-modal": "true",
|
|
319
|
-
"aria-label": _ctx.title || void 0,
|
|
320
|
-
"aria-labelledby": !_ctx.title ? unref(titleId) : void 0,
|
|
321
|
-
"aria-describedby": unref(bodyId),
|
|
322
|
-
class: normalizeClass([
|
|
323
|
-
`${unref(ns).namespace.value}-overlay-dialog`,
|
|
324
|
-
unref(ns).is("closing", unref(closing))
|
|
325
|
-
]),
|
|
326
|
-
style: normalizeStyle(unref(overlayDialogStyle)),
|
|
327
|
-
onClick: _cache[0] || (_cache[0] = (...args) => unref(overlayEvent).onClick && unref(overlayEvent).onClick(...args)),
|
|
328
|
-
onMousedown: _cache[1] || (_cache[1] = (...args) => unref(overlayEvent).onMousedown && unref(overlayEvent).onMousedown(...args)),
|
|
329
|
-
onMouseup: _cache[2] || (_cache[2] = (...args) => unref(overlayEvent).onMouseup && unref(overlayEvent).onMouseup(...args))
|
|
330
|
-
}, [
|
|
331
|
-
createVNode(unref(ElFocusTrap), {
|
|
332
|
-
loop: "",
|
|
333
|
-
trapped: unref(visible),
|
|
334
|
-
"focus-start-el": "container",
|
|
335
|
-
onFocusAfterTrapped: unref(onOpenAutoFocus),
|
|
336
|
-
onFocusAfterReleased: unref(onCloseAutoFocus),
|
|
337
|
-
onFocusoutPrevented: unref(onFocusoutPrevented),
|
|
338
|
-
onReleaseRequested: unref(onCloseRequested)
|
|
339
|
-
}, {
|
|
340
|
-
default: withCtx(() => [
|
|
341
|
-
unref(rendered) ? (openBlock(), createBlock(ElDialogContent, mergeProps({
|
|
342
|
-
key: 0,
|
|
343
|
-
ref_key: "dialogContentRef",
|
|
344
|
-
ref: dialogContentRef
|
|
345
|
-
}, _ctx.$attrs, {
|
|
346
|
-
center: _ctx.center,
|
|
347
|
-
"align-center": unref(_alignCenter),
|
|
348
|
-
"close-icon": _ctx.closeIcon,
|
|
349
|
-
draggable: unref(_draggable),
|
|
350
|
-
overflow: unref(_overflow),
|
|
351
|
-
fullscreen: _ctx.fullscreen,
|
|
352
|
-
"header-class": _ctx.headerClass,
|
|
353
|
-
"body-class": _ctx.bodyClass,
|
|
354
|
-
"footer-class": _ctx.footerClass,
|
|
355
|
-
"show-close": _ctx.showClose,
|
|
356
|
-
title: _ctx.title,
|
|
357
|
-
"aria-level": _ctx.headerAriaLevel,
|
|
358
|
-
onClose: unref(handleClose)
|
|
359
|
-
}), createSlots({
|
|
360
|
-
header: withCtx(() => [
|
|
361
|
-
!_ctx.$slots.title ? renderSlot(_ctx.$slots, "header", {
|
|
362
|
-
key: 0,
|
|
363
|
-
close: unref(handleClose),
|
|
364
|
-
titleId: unref(titleId),
|
|
365
|
-
titleClass: unref(ns).e("title")
|
|
366
|
-
}) : renderSlot(_ctx.$slots, "title", { key: 1 })
|
|
367
|
-
]),
|
|
368
|
-
default: withCtx(() => [
|
|
369
|
-
renderSlot(_ctx.$slots, "default")
|
|
370
|
-
]),
|
|
371
|
-
_: 2
|
|
372
|
-
}, [
|
|
373
|
-
_ctx.$slots.footer ? {
|
|
374
|
-
name: "footer",
|
|
375
|
-
fn: withCtx(() => [
|
|
376
|
-
renderSlot(_ctx.$slots, "footer")
|
|
377
|
-
]),
|
|
378
|
-
key: "0"
|
|
379
|
-
} : void 0
|
|
380
|
-
]), 1040, ["center", "align-center", "close-icon", "draggable", "overflow", "fullscreen", "header-class", "body-class", "footer-class", "show-close", "title", "aria-level", "onClose"])) : createCommentVNode("v-if", true)
|
|
381
|
-
]),
|
|
382
|
-
_: 3
|
|
383
|
-
}, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
|
|
384
|
-
], 46, _hoisted_1$1)
|
|
385
|
-
]),
|
|
386
|
-
_: 3
|
|
387
|
-
}, 8, ["mask", "overlay-class", "z-index"]), [
|
|
388
|
-
[vShow, unref(visible)]
|
|
389
|
-
])
|
|
390
|
-
];
|
|
391
|
-
}),
|
|
392
|
-
_: 3
|
|
393
|
-
},
|
|
394
|
-
16
|
|
395
|
-
)
|
|
396
|
-
]),
|
|
397
|
-
_: 3
|
|
398
|
-
}, 8, ["to", "disabled"]);
|
|
399
|
-
};
|
|
400
|
-
}
|
|
401
|
-
});
|
|
402
|
-
var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/dialog/src/dialog.vue"]]);
|
|
403
|
-
|
|
404
|
-
const ElDialog = withInstall(Dialog);
|
|
11
|
+
import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
|
|
405
12
|
|
|
406
13
|
const _hoisted_1 = ["id"];
|
|
407
14
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
@@ -561,7 +168,7 @@ const style0 = {
|
|
|
561
168
|
const cssModules = {
|
|
562
169
|
"$style": style0
|
|
563
170
|
};
|
|
564
|
-
const Component = /* @__PURE__ */ _export_sfc
|
|
171
|
+
const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
|
|
565
172
|
|
|
566
173
|
const __vite_glob_0_15 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
|
|
567
174
|
__proto__: null,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* source: src/components/dialog/dialog.vue */
|
|
2
|
-
|
|
2
|
+
div._main_k37nc_1 {
|
|
3
3
|
--el-dialog-padding-primary: 0;
|
|
4
4
|
display: flex;
|
|
5
5
|
flex-direction: column;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import './index.css'
|
|
2
|
-
import '
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
import
|
|
7
|
-
import '
|
|
8
|
-
import '
|
|
9
|
-
import
|
|
10
|
-
import
|
|
2
|
+
import { ElImage, ElAlert, ElIcon, ElLoadingDirective, ElSelect, ElOption, ElButton } from 'element-plus/es';
|
|
3
|
+
import 'element-plus/es/components/base/style/css';
|
|
4
|
+
import 'element-plus/es/components/loading/style/css';
|
|
5
|
+
import 'element-plus/es/components/button/style/css';
|
|
6
|
+
import 'element-plus/es/components/select/style/css';
|
|
7
|
+
import 'element-plus/es/components/option/style/css';
|
|
8
|
+
import 'element-plus/es/components/icon/style/css';
|
|
9
|
+
import 'element-plus/es/components/alert/style/css';
|
|
10
|
+
import 'element-plus/es/components/image/style/css';
|
|
11
11
|
import { ref, defineComponent, useTemplateRef, reactive, computed, watch, createBlock, openBlock, unref, isRef, withCtx, withDirectives, createElementBlock, normalizeStyle, normalizeClass, createCommentVNode, createVNode, vShow, createElementVNode, Transition, Fragment, renderList, createTextVNode } from 'vue';
|
|
12
12
|
import { Camera, Upload } from '@element-plus/icons-vue';
|
|
13
13
|
import { C as Component$3, i as index } from '../cropper/cropper.mjs';
|
|
@@ -15,7 +15,6 @@ import '../../chunk/D9iEroQw.mjs';
|
|
|
15
15
|
import { C as Component$1 } from '../dialog/dialog.mjs';
|
|
16
16
|
import { C as Component$2 } from '../upload-file/upload-file.mjs';
|
|
17
17
|
import { useUserMedia } from '@vueuse/core';
|
|
18
|
-
import { E as ElIcon } from '../../chunk/D0QTifnI.mjs';
|
|
19
18
|
import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
|
|
20
19
|
|
|
21
20
|
const TYPE_UPLOAD = "upload";
|
|
@@ -191,7 +190,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
191
190
|
const _component_ElOption = ElOption;
|
|
192
191
|
const _component_ElSelect = ElSelect;
|
|
193
192
|
const _component_ElButton = ElButton;
|
|
194
|
-
const _directive_loading =
|
|
193
|
+
const _directive_loading = ElLoadingDirective;
|
|
195
194
|
return openBlock(), createBlock(Component$1, {
|
|
196
195
|
modelValue: unref(dialogVisible),
|
|
197
196
|
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(dialogVisible) ? dialogVisible.value = $event : null),
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import './index.css'
|
|
2
|
-
import '
|
|
3
|
-
import
|
|
4
|
-
import
|
|
2
|
+
import { ElInput, ElButton } from 'element-plus/es';
|
|
3
|
+
import 'element-plus/es/components/base/style/css';
|
|
4
|
+
import 'element-plus/es/components/input/style/css';
|
|
5
|
+
import 'element-plus/es/components/button/style/css';
|
|
5
6
|
import { defineComponent, useTemplateRef, ref, computed, watch, nextTick, onMounted, createBlock, openBlock, unref, isRef, withCtx, createElementVNode, normalizeStyle, normalizeClass, createVNode, withKeys, createTextVNode } from 'vue';
|
|
6
7
|
import { Search } from '@element-plus/icons-vue';
|
|
7
8
|
import { i as index } from '../../chunk/BaJ7k5Lg.mjs';
|