@wfrog/vc-ui 1.1.0 → 1.2.0

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 (132) hide show
  1. package/README.md +3 -3
  2. package/dist/es/chunk/{OEa4tYPF.mjs → -ga82G_B.mjs} +1 -1
  3. package/dist/es/chunk/B1BnPYNG.mjs +163 -0
  4. package/dist/es/chunk/{DFOLES4O.mjs → BA2yoAwy.mjs} +403 -502
  5. package/dist/es/chunk/{BpqBBo4z.mjs → BDyXj_90.mjs} +2 -2
  6. package/dist/es/chunk/{BI0vrXwX.mjs → BI-fNJhk.mjs} +6 -3
  7. package/dist/es/chunk/{BsGCX4td.mjs → BK4T_2ha.mjs} +1 -1
  8. package/dist/es/chunk/{73YgKz3H.mjs → BLLKi_0v.mjs} +1 -1
  9. package/dist/es/chunk/{DTLPXrjb.mjs → BTsEMnf_.mjs} +1 -1
  10. package/dist/es/chunk/{B5UQmWXg.mjs → BUf50Y7Y.mjs} +41 -21
  11. package/dist/es/chunk/{BzedaLtg.mjs → BYVaz5Or.mjs} +2 -2
  12. package/dist/es/chunk/BaJ7k5Lg.mjs +209 -0
  13. package/dist/es/chunk/{Bp9jXKX0.mjs → BambM7zX.mjs} +2 -2
  14. package/dist/es/chunk/{CizMbf5K.mjs → Bl0WQiki.mjs} +1 -1
  15. package/dist/es/chunk/{CLbj8G-F.mjs → Bnot0Gwc.mjs} +12 -4
  16. package/dist/es/chunk/{4eyJqDa9.mjs → BoGGHTrJ.mjs} +4 -2
  17. package/dist/es/chunk/C7Dgjpd1.mjs +242 -0
  18. package/dist/es/chunk/{D0LB3gF-.mjs → CKbkzlkO.mjs} +104 -72
  19. package/dist/es/chunk/{DrgvuOYH.mjs → CL5WTCB3.mjs} +4 -2
  20. package/dist/es/chunk/{XwSiBVsA.mjs → CM_I1FoA.mjs} +2 -2
  21. package/dist/es/chunk/{DouIsSPi.mjs → CNILa-hz.mjs} +1 -1
  22. package/dist/es/chunk/{DRoyW749.mjs → CcKUdl3e.mjs} +12 -6
  23. package/dist/es/chunk/CidLkmft.mjs +188 -0
  24. package/dist/es/chunk/{HAog8AWU.mjs → CitH0taR.mjs} +816 -539
  25. package/dist/es/chunk/{Cu6erWl4.mjs → CzqeSQn4.mjs} +73 -38
  26. package/dist/es/chunk/{CLCfXfvv.mjs → D7JQbDFE.mjs} +154 -118
  27. package/dist/es/chunk/{DaCDeO95.mjs → D9iEroQw.mjs} +1 -207
  28. package/dist/es/chunk/{cPBw23yt.mjs → DEPZhJ0Z.mjs} +21 -16
  29. package/dist/es/chunk/{CPERtDRX.mjs → DHpbQMGk.mjs} +32 -22
  30. package/dist/es/chunk/{BHsNc7jl.mjs → DKpRXDRE.mjs} +82 -55
  31. package/dist/es/chunk/{CLMc8GzD.mjs → DMYHOxhk.mjs} +462 -311
  32. package/dist/es/chunk/{CBSopeeE.mjs → DQHGjqG5.mjs} +9 -4
  33. package/dist/es/chunk/DTEM_vYZ.mjs +23 -0
  34. package/dist/es/chunk/{NQBKROII.mjs → DWcIzeMM.mjs} +1 -1
  35. package/dist/es/chunk/{FHvLvzEB.mjs → DX38FfmL.mjs} +1088 -697
  36. package/dist/es/chunk/{DZD-YnCt.mjs → Dcm-lOj8.mjs} +4 -4
  37. package/dist/es/chunk/{09Ec85_u.mjs → DdmNdV7I.mjs} +398 -278
  38. package/dist/es/chunk/{f0-vIQGp.mjs → DfHTA5LW.mjs} +3 -3
  39. package/dist/es/chunk/DgFT6snA.mjs +835 -0
  40. package/dist/es/chunk/{DwKWIlzw.mjs → DgSzI6Fw.mjs} +106 -71
  41. package/dist/es/chunk/{BcTuAX8r.mjs → Dsye5ZEp.mjs} +5 -3
  42. package/dist/es/chunk/{BsLJxiSC.mjs → Dw-yyl2m.mjs} +1 -1
  43. package/dist/es/chunk/{DXPWe_a5.mjs → U13Qpiki.mjs} +19 -13
  44. package/dist/es/chunk/{axpwSky6.mjs → _8u_XVHh.mjs} +168 -120
  45. package/dist/es/chunk/egk9EEzo.mjs +66 -0
  46. package/dist/es/chunk/{BUEEWLrd.mjs → ezK_XQQd.mjs} +15 -6
  47. package/dist/es/chunk/{Bl2KlMdP.mjs → oW98L-44.mjs} +8 -3
  48. package/dist/es/chunk/{Dk6Bx0KT.mjs → plK2vnjp.mjs} +8 -5
  49. package/dist/es/components/awesome-icon/awesome-icon.mjs +2 -1
  50. package/dist/es/components/backbottom/backbottom.mjs +2 -2
  51. package/dist/es/components/button/button.mjs +105 -76
  52. package/dist/es/components/choice/choice.mjs +2 -2
  53. package/dist/es/components/config-provider/config-provider.d.ts +1 -0
  54. package/dist/es/components/config-provider/config-provider.mjs +13 -5
  55. package/dist/es/components/cropper/cropper.mjs +44 -33
  56. package/dist/es/components/currency/currency.mjs +5 -5
  57. package/dist/es/components/daterange-picker/daterange-picker.mjs +2267 -1522
  58. package/dist/es/components/dialog/dialog.mjs +213 -172
  59. package/dist/es/components/dialog/index.css +1 -1
  60. package/dist/es/components/dialog-camera-upload/dialog-camera-upload.mjs +11 -11
  61. package/dist/es/components/dialog-map-point/dialog-map-point.mjs +5 -4
  62. package/dist/es/components/dialog-upload-images/dialog-upload-images.mjs +495 -314
  63. package/dist/es/components/dialog-upload-images/index.css +1 -1
  64. package/dist/es/components/drag-verify/drag-verify.mjs +3 -3
  65. package/dist/es/components/drawer/drawer.mjs +136 -94
  66. package/dist/es/components/drawer/index.css +1 -1
  67. package/dist/es/components/easy-pagination/easy-pagination.mjs +2 -2
  68. package/dist/es/components/el-icon/el-icon.mjs +1 -1
  69. package/dist/es/components/el-icon/index.css +3 -2
  70. package/dist/es/components/flag/flag.mjs +2 -1
  71. package/dist/es/components/icon/icon.mjs +10 -31
  72. package/dist/es/components/icon/icon.vue.d.ts +1 -1
  73. package/dist/es/components/icon/icon2.mjs +1 -1
  74. package/dist/es/components/icon/index.mjs +2 -2
  75. package/dist/es/components/icon-picker/components/collections.vue.d.ts +625 -0
  76. package/dist/es/components/icon-picker/components/panel.vue.d.ts +9 -0
  77. package/dist/es/components/icon-picker/icon-picker.d.ts +40 -0
  78. package/dist/es/components/icon-picker/icon-picker.mjs +1375 -0
  79. package/dist/es/components/icon-picker/icon-picker.vue.d.ts +9 -0
  80. package/dist/es/components/icon-picker/index.css +121 -0
  81. package/dist/es/components/icon-picker/index.d.ts +4 -0
  82. package/dist/es/components/icon-picker/index.mjs +6 -0
  83. package/dist/es/components/iconify-icon/iconify-icon.d.ts +5 -0
  84. package/dist/es/components/iconify-icon/iconify-icon.mjs +1860 -0
  85. package/dist/es/components/iconify-icon/iconify-icon.vue.d.ts +6 -0
  86. package/dist/es/components/iconify-icon/index.css +11 -0
  87. package/dist/es/components/iconify-icon/index.d.ts +4 -0
  88. package/dist/es/components/iconify-icon/index.mjs +6 -0
  89. package/dist/es/components/image/image.mjs +5 -5
  90. package/dist/es/components/input/input.mjs +4 -4
  91. package/dist/es/components/input/input.vue.d.ts +63 -54
  92. package/dist/es/components/input-number/input-number.mjs +5 -5
  93. package/dist/es/components/pca-picker/components/c.vue.d.ts +4 -4
  94. package/dist/es/components/pca-picker/index.css +1 -1
  95. package/dist/es/components/pca-picker/pca-picker.mjs +154 -160
  96. package/dist/es/components/pca-picker/pca-picker.vue.d.ts +12 -11
  97. package/dist/es/components/qr-code/qr-code.mjs +2 -1
  98. package/dist/es/components/screenfull/screenfull.mjs +6 -5
  99. package/dist/es/components/scrollbar/index.css +18 -0
  100. package/dist/es/components/scrollbar/index.d.ts +4 -0
  101. package/dist/es/components/scrollbar/index.mjs +6 -0
  102. package/dist/es/components/scrollbar/scrollbar.d.ts +4 -0
  103. package/dist/es/components/scrollbar/scrollbar.mjs +65 -0
  104. package/dist/es/components/scrollbar/scrollbar.vue.d.ts +588 -0
  105. package/dist/es/components/select/select.mjs +7 -7
  106. package/dist/es/components/single-player/index.css +1 -1
  107. package/dist/es/components/single-player/single-player.mjs +265 -166
  108. package/dist/es/components/svg-icon/index.css +3 -2
  109. package/dist/es/components/svg-icon/svg-icon.mjs +3 -3
  110. package/dist/es/components/switch/switch.mjs +2 -2
  111. package/dist/es/components/sync-scroll-container/sync-scroll-container.mjs +2 -2
  112. package/dist/es/components/tags/tags.mjs +9 -9
  113. package/dist/es/components/text-ellipsis/text-ellipsis.mjs +4 -4
  114. package/dist/es/components/thousand-input/thousand-input.mjs +5 -4
  115. package/dist/es/components/thousand-input/thousand-input.vue.d.ts +126 -108
  116. package/dist/es/components/tinymce/index.css +1 -1
  117. package/dist/es/components/tinymce/tinymce.mjs +9 -8
  118. package/dist/es/components/tree-picker/components/popover-cascader.vue.d.ts +179 -141
  119. package/dist/es/components/tree-picker/popover-cascader.css +1 -1
  120. package/dist/es/components/tree-picker/tree-picker.mjs +10 -10
  121. package/dist/es/components/tree-picker/tree-picker.vue.d.ts +12 -11
  122. package/dist/es/components/upload-file/upload-file.mjs +3 -3
  123. package/dist/es/index.d.ts +3 -0
  124. package/dist/es/index.mjs +41 -31
  125. package/dist/global.d.ts +3 -0
  126. package/dist/index.css +166 -22
  127. package/package.json +8 -2
  128. package/dist/es/chunk/BtTIs3tG.mjs +0 -138
  129. package/dist/es/chunk/C7wQNvSS.mjs +0 -728
  130. package/dist/es/chunk/Cbhe4I9Z.mjs +0 -16
  131. package/dist/es/chunk/DihosKp1.mjs +0 -140
  132. package/dist/es/components/icon/index.css +0 -9
@@ -1,19 +1,19 @@
1
1
  import './index.css'
2
- import { u as useNamespace } from '../../chunk/DRoyW749.mjs';
3
- import { b as dialogContentEmits, c as dialogContentProps, e as dialogInjectionKey, d as dialogEmits, a as dialogProps, u as useDialog, E as ElOverlay, f as useSameTarget } from '../../chunk/DwKWIlzw.mjs';
4
- import { E as ElScrollbar } from '../../chunk/axpwSky6.mjs';
5
- import { E as ElButton } from '../../chunk/D0LB3gF-.mjs';
2
+ import { u as useNamespace } from '../../chunk/CcKUdl3e.mjs';
3
+ import { b as dialogContentEmits, c as dialogContentProps, e as dialogInjectionKey, d as dialogEmits, a as dialogProps, u as useDialog, E as ElOverlay, f as useSameTarget } from '../../chunk/DgSzI6Fw.mjs';
4
+ import { E as ElScrollbar } from '../../chunk/_8u_XVHh.mjs';
5
+ import { E as ElButton } from '../../chunk/CKbkzlkO.mjs';
6
6
  import { ref, onMounted, watchEffect, onBeforeUnmount, defineComponent, inject, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createCommentVNode, renderSlot, toDisplayString, createVNode, withCtx, createBlock, resolveDynamicComponent, useSlots, provide, Transition, mergeProps, withDirectives, createSlots, vShow, useCssVars, useCssModule, watch, isRef, createTextVNode } from 'vue';
7
7
  import { CopyDocument, FullScreen, Close } from '@element-plus/icons-vue';
8
8
  import { C as Component$1 } from '../button/button.mjs';
9
9
  import { useVModel, useToggle } from '@vueuse/core';
10
- import { F as FOCUS_TRAP_INJECTION_KEY, b as ElTeleport, d as ElFocusTrap } from '../../chunk/CLMc8GzD.mjs';
11
- import { E as ElIcon } from '../../chunk/cPBw23yt.mjs';
12
- import { _ as _export_sfc, w as withInstall } from '../../chunk/DTLPXrjb.mjs';
13
- import { a as addUnit } from '../../chunk/CizMbf5K.mjs';
10
+ import { F as FOCUS_TRAP_INJECTION_KEY, b as ElTeleport, d as ElFocusTrap } from '../../chunk/DMYHOxhk.mjs';
11
+ import { E as ElIcon } from '../../chunk/DEPZhJ0Z.mjs';
12
+ import { _ as _export_sfc, w as withInstall } from '../../chunk/BTsEMnf_.mjs';
13
+ import { a as addUnit } from '../../chunk/Bl0WQiki.mjs';
14
14
  import { C as CloseComponents } from '../icon/icon2.mjs';
15
- import { u as useLocale } from '../../chunk/Dk6Bx0KT.mjs';
16
- import { u as useDeprecated } from '../../chunk/Cbhe4I9Z.mjs';
15
+ import { u as useLocale } from '../../chunk/plK2vnjp.mjs';
16
+ import { u as useDeprecated } from '../../chunk/DTEM_vYZ.mjs';
17
17
  import { _ as _export_sfc$1 } from '../../chunk/pcqpp-6-.mjs';
18
18
 
19
19
  const useDraggable = (targetRef, dragRef, draggable, overflow) => {
@@ -42,7 +42,9 @@ const useDraggable = (targetRef, dragRef, draggable, overflow) => {
42
42
  }
43
43
  transform.offsetX = moveX;
44
44
  transform.offsetY = moveY;
45
- targetRef.value.style.transform = `translate(${addUnit(moveX)}, ${addUnit(moveY)})`;
45
+ targetRef.value.style.transform = `translate(${addUnit(moveX)}, ${addUnit(
46
+ moveY
47
+ )})`;
46
48
  }
47
49
  };
48
50
  const onMousedown = (e) => {
@@ -115,21 +117,29 @@ const composeRefs = (...refs) => {
115
117
  };
116
118
  };
117
119
 
118
- const __default__$1 = defineComponent({ name: "ElDialogContent" });
119
- const _sfc_main$2 = /* @__PURE__ */ defineComponent({
120
- ...__default__$1,
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",
121
126
  props: dialogContentProps,
122
127
  emits: dialogContentEmits,
123
- setup(__props, { expose }) {
124
- const props = __props;
128
+ setup(__props, { expose: __expose }) {
125
129
  const { t } = useLocale();
126
130
  const { Close } = CloseComponents;
131
+ const props = __props;
127
132
  const { dialogRef, headerRef, bodyId, ns, style } = inject(dialogInjectionKey);
128
133
  const { focusTrapRef } = inject(FOCUS_TRAP_INJECTION_KEY);
129
134
  const composedDialogRef = composeRefs(focusTrapRef, dialogRef);
130
135
  const draggable = computed(() => !!props.draggable);
131
136
  const overflow = computed(() => !!props.overflow);
132
- const { resetPosition, updatePosition, isDragging } = useDraggable(dialogRef, headerRef, draggable, overflow);
137
+ const { resetPosition, updatePosition, isDragging } = useDraggable(
138
+ dialogRef,
139
+ headerRef,
140
+ draggable,
141
+ overflow
142
+ );
133
143
  const dialogKls = computed(() => [
134
144
  ns.b(),
135
145
  ns.is("fullscreen", props.fullscreen),
@@ -138,82 +148,101 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
138
148
  ns.is("align-center", !!props.alignCenter),
139
149
  { [ns.m("center")]: props.center }
140
150
  ]);
141
- expose({
151
+ __expose({
142
152
  resetPosition,
143
153
  updatePosition
144
154
  });
145
155
  return (_ctx, _cache) => {
146
- return openBlock(), createElementBlock("div", {
147
- ref: unref(composedDialogRef),
148
- class: normalizeClass(unref(dialogKls)),
149
- style: normalizeStyle(unref(style)),
150
- tabindex: "-1"
151
- }, [
152
- createElementVNode("header", {
153
- ref_key: "headerRef",
154
- ref: headerRef,
155
- class: normalizeClass([unref(ns).e("header"), _ctx.headerClass, { "show-close": _ctx.showClose }])
156
- }, [
157
- renderSlot(_ctx.$slots, "header", {}, () => [
158
- createElementVNode("span", {
159
- role: "heading",
160
- "aria-level": _ctx.ariaLevel,
161
- class: normalizeClass(unref(ns).e("title"))
162
- }, toDisplayString(_ctx.title), 11, ["aria-level"])
163
- ]),
164
- _ctx.showClose ? (openBlock(), createElementBlock("button", {
165
- key: 0,
166
- "aria-label": unref(t)("el.dialog.close"),
167
- class: normalizeClass(unref(ns).e("headerbtn")),
168
- type: "button",
169
- onClick: ($event) => _ctx.$emit("close")
170
- }, [
171
- createVNode(unref(ElIcon), {
172
- class: normalizeClass(unref(ns).e("close"))
173
- }, {
174
- default: withCtx(() => [
175
- (openBlock(), createBlock(resolveDynamicComponent(_ctx.closeIcon || unref(Close))))
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)
176
179
  ]),
177
- _: 1
178
- }, 8, ["class"])
179
- ], 10, ["aria-label", "onClick"])) : createCommentVNode("v-if", true)
180
- ], 2),
181
- createElementVNode("div", {
182
- id: unref(bodyId),
183
- class: normalizeClass([unref(ns).e("body"), _ctx.bodyClass])
184
- }, [
185
- renderSlot(_ctx.$slots, "default")
186
- ], 10, ["id"]),
187
- _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", {
188
- key: 0,
189
- class: normalizeClass([unref(ns).e("footer"), _ctx.footerClass])
190
- }, [
191
- renderSlot(_ctx.$slots, "footer")
192
- ], 2)) : createCommentVNode("v-if", true)
193
- ], 6);
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
+ );
194
219
  };
195
220
  }
196
221
  });
197
- var ElDialogContent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "dialog-content.vue"]]);
222
+ var ElDialogContent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/dialog/src/dialog-content.vue"]]);
198
223
 
199
- const __default__ = defineComponent({
200
- name: "ElDialog",
201
- inheritAttrs: false
202
- });
203
- const _sfc_main$1 = /* @__PURE__ */ defineComponent({
204
- ...__default__,
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",
205
231
  props: dialogProps,
206
232
  emits: dialogEmits,
207
- setup(__props, { expose }) {
233
+ setup(__props, { expose: __expose }) {
208
234
  const props = __props;
209
235
  const slots = useSlots();
210
- useDeprecated({
211
- scope: "el-dialog",
212
- from: "the title slot",
213
- replacement: "the header slot",
214
- version: "3.0.0",
215
- ref: "https://element-plus.org/en-US/component/dialog.html#slots"
216
- }, computed(() => !!slots.title));
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
+ );
217
246
  const ns = useNamespace("dialog");
218
247
  const dialogRef = ref();
219
248
  const headerRef = ref();
@@ -235,7 +264,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
235
264
  onOpenAutoFocus,
236
265
  onCloseAutoFocus,
237
266
  onCloseRequested,
238
- onFocusoutPrevented
267
+ onFocusoutPrevented,
268
+ closing
239
269
  } = useDialog(props, dialogRef);
240
270
  provide(dialogInjectionKey, {
241
271
  dialogRef,
@@ -246,12 +276,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
246
276
  style
247
277
  });
248
278
  const overlayEvent = useSameTarget(onModalClick);
249
- const penetrable = computed(() => props.modalPenetrable && !props.modal && !props.fullscreen);
279
+ const penetrable = computed(
280
+ () => props.modalPenetrable && !props.modal && !props.fullscreen
281
+ );
250
282
  const resetPosition = () => {
251
283
  var _a;
252
284
  (_a = dialogContentRef.value) == null ? void 0 : _a.resetPosition();
253
285
  };
254
- expose({
286
+ __expose({
255
287
  visible,
256
288
  dialogContentRef,
257
289
  resetPosition,
@@ -263,102 +295,111 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
263
295
  disabled: _ctx.appendTo !== "body" ? false : !_ctx.appendToBody
264
296
  }, {
265
297
  default: withCtx(() => [
266
- createVNode(Transition, mergeProps(unref(transitionConfig), { persisted: "" }), {
267
- default: withCtx(() => {
268
- var _a;
269
- return [
270
- withDirectives(createVNode(unref(ElOverlay), {
271
- "custom-mask-event": "",
272
- mask: _ctx.modal,
273
- "overlay-class": [
274
- (_a = _ctx.modalClass) != null ? _a : "",
275
- `${unref(ns).namespace.value}-modal-dialog`,
276
- unref(ns).is("penetrable", unref(penetrable))
277
- ],
278
- "z-index": unref(zIndex)
279
- }, {
280
- default: withCtx(() => [
281
- createElementVNode("div", {
282
- role: "dialog",
283
- "aria-modal": "true",
284
- "aria-label": _ctx.title || void 0,
285
- "aria-labelledby": !_ctx.title ? unref(titleId) : void 0,
286
- "aria-describedby": unref(bodyId),
287
- class: normalizeClass(`${unref(ns).namespace.value}-overlay-dialog`),
288
- style: normalizeStyle(unref(overlayDialogStyle)),
289
- onClick: unref(overlayEvent).onClick,
290
- onMousedown: unref(overlayEvent).onMousedown,
291
- onMouseup: unref(overlayEvent).onMouseup
292
- }, [
293
- createVNode(unref(ElFocusTrap), {
294
- loop: "",
295
- trapped: unref(visible),
296
- "focus-start-el": "container",
297
- onFocusAfterTrapped: unref(onOpenAutoFocus),
298
- onFocusAfterReleased: unref(onCloseAutoFocus),
299
- onFocusoutPrevented: unref(onFocusoutPrevented),
300
- onReleaseRequested: unref(onCloseRequested)
301
- }, {
302
- default: withCtx(() => [
303
- unref(rendered) ? (openBlock(), createBlock(ElDialogContent, mergeProps({
304
- key: 0,
305
- ref_key: "dialogContentRef",
306
- ref: dialogContentRef
307
- }, _ctx.$attrs, {
308
- center: _ctx.center,
309
- "align-center": unref(_alignCenter),
310
- "close-icon": _ctx.closeIcon,
311
- draggable: unref(_draggable),
312
- overflow: unref(_overflow),
313
- fullscreen: _ctx.fullscreen,
314
- "header-class": _ctx.headerClass,
315
- "body-class": _ctx.bodyClass,
316
- "footer-class": _ctx.footerClass,
317
- "show-close": _ctx.showClose,
318
- title: _ctx.title,
319
- "aria-level": _ctx.headerAriaLevel,
320
- onClose: unref(handleClose)
321
- }), createSlots({
322
- header: withCtx(() => [
323
- !_ctx.$slots.title ? renderSlot(_ctx.$slots, "header", {
324
- key: 0,
325
- close: unref(handleClose),
326
- titleId: unref(titleId),
327
- titleClass: unref(ns).e("title")
328
- }) : renderSlot(_ctx.$slots, "title", { key: 1 })
329
- ]),
330
- default: withCtx(() => [
331
- renderSlot(_ctx.$slots, "default")
332
- ]),
333
- _: 2
334
- }, [
335
- _ctx.$slots.footer ? {
336
- name: "footer",
337
- fn: withCtx(() => [
338
- renderSlot(_ctx.$slots, "footer")
339
- ])
340
- } : void 0
341
- ]), 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)
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))
342
325
  ]),
343
- _: 3
344
- }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
345
- ], 46, ["aria-label", "aria-labelledby", "aria-describedby", "onClick", "onMousedown", "onMouseup"])
346
- ]),
347
- _: 3
348
- }, 8, ["mask", "overlay-class", "z-index"]), [
349
- [vShow, unref(visible)]
350
- ])
351
- ];
352
- }),
353
- _: 3
354
- }, 16)
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
+ )
355
396
  ]),
356
397
  _: 3
357
398
  }, 8, ["to", "disabled"]);
358
399
  };
359
400
  }
360
401
  });
361
- var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "dialog.vue"]]);
402
+ var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/dialog/src/dialog.vue"]]);
362
403
 
363
404
  const ElDialog = withInstall(Dialog);
364
405
 
@@ -1,5 +1,5 @@
1
1
  /* source: src/components/dialog/dialog.vue */
2
- :root{--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:0.5}.v-modal-enter{animation:v-modal-in var(--el-transition-duration-fast) ease}.v-modal-leave{animation:v-modal-out var(--el-transition-duration-fast) ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{to{opacity:0}}.v-modal{background:var(--el-popup-modal-bg-color);height:100%;left:0;opacity:var(--el-popup-modal-opacity);position:fixed;top:0;width:100%}.el-popup-parent--hidden{overflow:hidden}.el-dialog{--el-dialog-width:50%;--el-dialog-margin-top:15vh;--el-dialog-bg-color:var(--el-bg-color);--el-dialog-box-shadow:var(--el-box-shadow);--el-dialog-title-font-size:var(--el-font-size-large);--el-dialog-content-font-size:14px;--el-dialog-font-line-height:var(--el-font-line-height-primary);--el-dialog-padding-primary:16px;--el-dialog-border-radius:var(--el-border-radius-base);background:var(--el-dialog-bg-color);border-radius:var(--el-dialog-border-radius);box-shadow:var(--el-dialog-box-shadow);box-sizing:border-box;margin:var(--el-dialog-margin-top,15vh) auto 50px;overflow-wrap:break-word;padding:var(--el-dialog-padding-primary);position:relative;width:var(--el-dialog-width,50%)}.el-dialog:focus{outline:none!important}.el-dialog.is-align-center{margin:auto}.el-dialog.is-fullscreen{--el-dialog-width:100%;--el-dialog-margin-top:0;border-radius:0;height:100%;margin-bottom:0;overflow:auto}.el-dialog__wrapper{bottom:0;left:0;margin:0;overflow:auto;position:fixed;right:0;top:0}.el-dialog.is-draggable .el-dialog__header{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-dialog__header{padding-bottom:var(--el-dialog-padding-primary)}.el-dialog__header.show-close{padding-right:calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px))}.el-dialog__headerbtn{background:transparent;border:none;cursor:pointer;font-size:var(--el-message-close-size,16px);height:48px;outline:none;padding:0;position:absolute;right:0;top:0;width:48px}.el-dialog__headerbtn .el-dialog__close{color:var(--el-color-info);font-size:inherit}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:var(--el-color-primary)}.el-dialog__title{color:var(--el-text-color-primary);font-size:var(--el-dialog-title-font-size);line-height:var(--el-dialog-font-line-height)}.el-dialog__body{color:var(--el-text-color-regular);font-size:var(--el-dialog-content-font-size)}.el-dialog__footer{box-sizing:border-box;padding-top:var(--el-dialog-padding-primary);text-align:right}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial}.el-dialog--center .el-dialog__footer{text-align:inherit}.el-modal-dialog.is-penetrable{pointer-events:none}.el-modal-dialog.is-penetrable .el-dialog{pointer-events:auto}.el-overlay-dialog{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0}.dialog-fade-enter-active{animation:modal-fade-in var(--el-transition-duration)}.dialog-fade-enter-active .el-overlay-dialog{animation:dialog-fade-in var(--el-transition-duration)}.dialog-fade-leave-active{animation:modal-fade-out var(--el-transition-duration)}.dialog-fade-leave-active .el-overlay-dialog{animation:dialog-fade-out var(--el-transition-duration)}@keyframes dialog-fade-in{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes dialog-fade-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}div._main_zs7g5_1 {
2
+ :root{--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:0.5}.v-modal-enter{animation:v-modal-in var(--el-transition-duration-fast) ease}.v-modal-leave{animation:v-modal-out var(--el-transition-duration-fast) ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{to{opacity:0}}.v-modal{background:var(--el-popup-modal-bg-color);height:100%;left:0;opacity:var(--el-popup-modal-opacity);position:fixed;top:0;width:100%}.el-popup-parent--hidden{overflow:hidden}.el-dialog{--el-dialog-width:50%;--el-dialog-margin-top:15vh;--el-dialog-bg-color:var(--el-bg-color);--el-dialog-box-shadow:var(--el-box-shadow);--el-dialog-title-font-size:var(--el-font-size-large);--el-dialog-content-font-size:14px;--el-dialog-font-line-height:var(--el-font-line-height-primary);--el-dialog-padding-primary:16px;--el-dialog-border-radius:var(--el-border-radius-base);background:var(--el-dialog-bg-color);border-radius:var(--el-dialog-border-radius);box-shadow:var(--el-dialog-box-shadow);box-sizing:border-box;margin:var(--el-dialog-margin-top,15vh) auto 50px;overflow-wrap:break-word;padding:var(--el-dialog-padding-primary);position:relative;width:var(--el-dialog-width,50%)}.el-dialog:focus{outline:none!important}.el-dialog.is-align-center{margin:auto}.el-dialog.is-fullscreen{--el-dialog-width:100%;--el-dialog-margin-top:0;border-radius:0;height:100%;margin-bottom:0;overflow:auto}.el-dialog__wrapper{bottom:0;left:0;margin:0;overflow:auto;position:fixed;right:0;top:0}.el-dialog.is-draggable .el-dialog__header{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-dialog__header{padding-bottom:var(--el-dialog-padding-primary)}.el-dialog__header.show-close{padding-right:calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px))}.el-dialog__headerbtn{background:transparent;border:none;cursor:pointer;font-size:var(--el-message-close-size,16px);height:48px;outline:none;padding:0;position:absolute;right:0;top:0;width:48px}.el-dialog__headerbtn .el-dialog__close{color:var(--el-color-info);font-size:inherit}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:var(--el-color-primary)}.el-dialog__title{color:var(--el-text-color-primary);font-size:var(--el-dialog-title-font-size);line-height:var(--el-dialog-font-line-height)}.el-dialog__body{color:var(--el-text-color-regular);font-size:var(--el-dialog-content-font-size)}.el-dialog__footer{box-sizing:border-box;padding-top:var(--el-dialog-padding-primary);text-align:right}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial}.el-dialog--center .el-dialog__footer{text-align:inherit}.el-modal-dialog.is-penetrable{pointer-events:none}.el-modal-dialog.is-penetrable .el-dialog{pointer-events:auto}.el-overlay-dialog{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0}.el-overlay-dialog.is-closing .el-dialog{pointer-events:none}.dialog-fade-enter-active{animation:modal-fade-in var(--el-transition-duration)}.dialog-fade-enter-active .el-overlay-dialog{animation:dialog-fade-in var(--el-transition-duration)}.dialog-fade-leave-active{animation:modal-fade-out var(--el-transition-duration)}.dialog-fade-leave-active .el-overlay-dialog{animation:dialog-fade-out var(--el-transition-duration)}@keyframes dialog-fade-in{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes dialog-fade-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}div._main_zs7g5_1 {
3
3
  --el-dialog-padding-primary: 0;
4
4
  display: flex;
5
5
  flex-direction: column;
@@ -1,21 +1,21 @@
1
1
  import './index.css'
2
- import '../../chunk/DRoyW749.mjs';
3
- import { v as vLoading } from '../../chunk/BHsNc7jl.mjs';
4
- import { E as ElButton } from '../../chunk/D0LB3gF-.mjs';
5
- import '../../chunk/DihosKp1.mjs';
6
- import { E as ElSelect, a as ElOption } from '../../chunk/HAog8AWU.mjs';
7
- import '../../chunk/axpwSky6.mjs';
8
- import '../../chunk/CLMc8GzD.mjs';
9
- import { E as ElAlert } from '../../chunk/BtTIs3tG.mjs';
10
- import { E as ElImage } from '../../chunk/09Ec85_u.mjs';
2
+ import '../../chunk/CcKUdl3e.mjs';
3
+ import { v as vLoading } from '../../chunk/DKpRXDRE.mjs';
4
+ import { E as ElButton } from '../../chunk/CKbkzlkO.mjs';
5
+ import '../../chunk/B1BnPYNG.mjs';
6
+ import { E as ElSelect, a as ElOption } from '../../chunk/CitH0taR.mjs';
7
+ import '../../chunk/_8u_XVHh.mjs';
8
+ import '../../chunk/DMYHOxhk.mjs';
9
+ import { E as ElAlert } from '../../chunk/CidLkmft.mjs';
10
+ import { E as ElImage } from '../../chunk/DdmNdV7I.mjs';
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';
14
- import '../../chunk/DaCDeO95.mjs';
14
+ 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/cPBw23yt.mjs';
18
+ import { E as ElIcon } from '../../chunk/DEPZhJ0Z.mjs';
19
19
  import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
20
20
 
21
21
  const TYPE_UPLOAD = "upload";
@@ -1,10 +1,11 @@
1
1
  import './index.css'
2
- import '../../chunk/DRoyW749.mjs';
3
- import { E as ElInput } from '../../chunk/C7wQNvSS.mjs';
4
- import { E as ElButton } from '../../chunk/D0LB3gF-.mjs';
2
+ import '../../chunk/CcKUdl3e.mjs';
3
+ import { E as ElInput } from '../../chunk/DgFT6snA.mjs';
4
+ import { E as ElButton } from '../../chunk/CKbkzlkO.mjs';
5
5
  import { defineComponent, useTemplateRef, ref, computed, watch, nextTick, onMounted, createBlock, openBlock, unref, isRef, withCtx, createElementVNode, normalizeStyle, normalizeClass, createVNode, withKeys, createTextVNode } from 'vue';
6
6
  import { Search } from '@element-plus/icons-vue';
7
- import { i as index } from '../../chunk/DaCDeO95.mjs';
7
+ import { i as index } from '../../chunk/BaJ7k5Lg.mjs';
8
+ import '../../chunk/D9iEroQw.mjs';
8
9
  import { C as Component$1 } from '../dialog/dialog.mjs';
9
10
  import { defaultDocument } from '@vueuse/core';
10
11
  import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';