@element-plus/nightly 0.0.20240616 → 0.0.20240618

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 (324) hide show
  1. package/dist/index.full.js +8 -8
  2. package/dist/index.full.min.js +3 -3
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +3 -3
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +8 -8
  7. package/dist/locale/af.js +1 -1
  8. package/dist/locale/af.min.js +1 -1
  9. package/dist/locale/af.min.mjs +1 -1
  10. package/dist/locale/af.mjs +1 -1
  11. package/dist/locale/ar-eg.js +1 -1
  12. package/dist/locale/ar-eg.min.js +1 -1
  13. package/dist/locale/ar-eg.min.mjs +1 -1
  14. package/dist/locale/ar-eg.mjs +1 -1
  15. package/dist/locale/ar.js +1 -1
  16. package/dist/locale/ar.min.js +1 -1
  17. package/dist/locale/ar.min.mjs +1 -1
  18. package/dist/locale/ar.mjs +1 -1
  19. package/dist/locale/az.js +1 -1
  20. package/dist/locale/az.min.js +1 -1
  21. package/dist/locale/az.min.mjs +1 -1
  22. package/dist/locale/az.mjs +1 -1
  23. package/dist/locale/bg.js +1 -1
  24. package/dist/locale/bg.min.js +1 -1
  25. package/dist/locale/bg.min.mjs +1 -1
  26. package/dist/locale/bg.mjs +1 -1
  27. package/dist/locale/bn.js +1 -1
  28. package/dist/locale/bn.min.js +1 -1
  29. package/dist/locale/bn.min.mjs +1 -1
  30. package/dist/locale/bn.mjs +1 -1
  31. package/dist/locale/ca.js +1 -1
  32. package/dist/locale/ca.min.js +1 -1
  33. package/dist/locale/ca.min.mjs +1 -1
  34. package/dist/locale/ca.mjs +1 -1
  35. package/dist/locale/ckb.js +1 -1
  36. package/dist/locale/ckb.min.js +1 -1
  37. package/dist/locale/ckb.min.mjs +1 -1
  38. package/dist/locale/ckb.mjs +1 -1
  39. package/dist/locale/cs.js +1 -1
  40. package/dist/locale/cs.min.js +1 -1
  41. package/dist/locale/cs.min.mjs +1 -1
  42. package/dist/locale/cs.mjs +1 -1
  43. package/dist/locale/da.js +1 -1
  44. package/dist/locale/da.min.js +1 -1
  45. package/dist/locale/da.min.mjs +1 -1
  46. package/dist/locale/da.mjs +1 -1
  47. package/dist/locale/de.js +1 -1
  48. package/dist/locale/de.min.js +1 -1
  49. package/dist/locale/de.min.mjs +1 -1
  50. package/dist/locale/de.mjs +1 -1
  51. package/dist/locale/el.js +1 -1
  52. package/dist/locale/el.min.js +1 -1
  53. package/dist/locale/el.min.mjs +1 -1
  54. package/dist/locale/el.mjs +1 -1
  55. package/dist/locale/en.js +1 -1
  56. package/dist/locale/en.min.js +1 -1
  57. package/dist/locale/en.min.mjs +1 -1
  58. package/dist/locale/en.mjs +1 -1
  59. package/dist/locale/eo.js +1 -1
  60. package/dist/locale/eo.min.js +1 -1
  61. package/dist/locale/eo.min.mjs +1 -1
  62. package/dist/locale/eo.mjs +1 -1
  63. package/dist/locale/es.js +1 -1
  64. package/dist/locale/es.min.js +1 -1
  65. package/dist/locale/es.min.mjs +1 -1
  66. package/dist/locale/es.mjs +1 -1
  67. package/dist/locale/et.js +1 -1
  68. package/dist/locale/et.min.js +1 -1
  69. package/dist/locale/et.min.mjs +1 -1
  70. package/dist/locale/et.mjs +1 -1
  71. package/dist/locale/eu.js +1 -1
  72. package/dist/locale/eu.min.js +1 -1
  73. package/dist/locale/eu.min.mjs +1 -1
  74. package/dist/locale/eu.mjs +1 -1
  75. package/dist/locale/fa.js +1 -1
  76. package/dist/locale/fa.min.js +1 -1
  77. package/dist/locale/fa.min.mjs +1 -1
  78. package/dist/locale/fa.mjs +1 -1
  79. package/dist/locale/fi.js +1 -1
  80. package/dist/locale/fi.min.js +1 -1
  81. package/dist/locale/fi.min.mjs +1 -1
  82. package/dist/locale/fi.mjs +1 -1
  83. package/dist/locale/fr.js +9 -9
  84. package/dist/locale/fr.min.js +1 -1
  85. package/dist/locale/fr.min.js.map +1 -1
  86. package/dist/locale/fr.min.mjs +1 -1
  87. package/dist/locale/fr.min.mjs.map +1 -1
  88. package/dist/locale/fr.mjs +9 -9
  89. package/dist/locale/he.js +1 -1
  90. package/dist/locale/he.min.js +1 -1
  91. package/dist/locale/he.min.mjs +1 -1
  92. package/dist/locale/he.mjs +1 -1
  93. package/dist/locale/hr.js +1 -1
  94. package/dist/locale/hr.min.js +1 -1
  95. package/dist/locale/hr.min.mjs +1 -1
  96. package/dist/locale/hr.mjs +1 -1
  97. package/dist/locale/hu.js +1 -1
  98. package/dist/locale/hu.min.js +1 -1
  99. package/dist/locale/hu.min.mjs +1 -1
  100. package/dist/locale/hu.mjs +1 -1
  101. package/dist/locale/hy-am.js +1 -1
  102. package/dist/locale/hy-am.min.js +1 -1
  103. package/dist/locale/hy-am.min.mjs +1 -1
  104. package/dist/locale/hy-am.mjs +1 -1
  105. package/dist/locale/id.js +1 -1
  106. package/dist/locale/id.min.js +1 -1
  107. package/dist/locale/id.min.mjs +1 -1
  108. package/dist/locale/id.mjs +1 -1
  109. package/dist/locale/it.js +1 -1
  110. package/dist/locale/it.min.js +1 -1
  111. package/dist/locale/it.min.mjs +1 -1
  112. package/dist/locale/it.mjs +1 -1
  113. package/dist/locale/ja.js +1 -1
  114. package/dist/locale/ja.min.js +1 -1
  115. package/dist/locale/ja.min.mjs +1 -1
  116. package/dist/locale/ja.mjs +1 -1
  117. package/dist/locale/kk.js +1 -1
  118. package/dist/locale/kk.min.js +1 -1
  119. package/dist/locale/kk.min.mjs +1 -1
  120. package/dist/locale/kk.mjs +1 -1
  121. package/dist/locale/km.js +1 -1
  122. package/dist/locale/km.min.js +1 -1
  123. package/dist/locale/km.min.mjs +1 -1
  124. package/dist/locale/km.mjs +1 -1
  125. package/dist/locale/ko.js +1 -1
  126. package/dist/locale/ko.min.js +1 -1
  127. package/dist/locale/ko.min.mjs +1 -1
  128. package/dist/locale/ko.mjs +1 -1
  129. package/dist/locale/ku.js +1 -1
  130. package/dist/locale/ku.min.js +1 -1
  131. package/dist/locale/ku.min.mjs +1 -1
  132. package/dist/locale/ku.mjs +1 -1
  133. package/dist/locale/ky.js +1 -1
  134. package/dist/locale/ky.min.js +1 -1
  135. package/dist/locale/ky.min.mjs +1 -1
  136. package/dist/locale/ky.mjs +1 -1
  137. package/dist/locale/lt.js +1 -1
  138. package/dist/locale/lt.min.js +1 -1
  139. package/dist/locale/lt.min.mjs +1 -1
  140. package/dist/locale/lt.mjs +1 -1
  141. package/dist/locale/lv.js +1 -1
  142. package/dist/locale/lv.min.js +1 -1
  143. package/dist/locale/lv.min.mjs +1 -1
  144. package/dist/locale/lv.mjs +1 -1
  145. package/dist/locale/mg.js +1 -1
  146. package/dist/locale/mg.min.js +1 -1
  147. package/dist/locale/mg.min.mjs +1 -1
  148. package/dist/locale/mg.mjs +1 -1
  149. package/dist/locale/mn.js +1 -1
  150. package/dist/locale/mn.min.js +1 -1
  151. package/dist/locale/mn.min.mjs +1 -1
  152. package/dist/locale/mn.mjs +1 -1
  153. package/dist/locale/nb-no.js +1 -1
  154. package/dist/locale/nb-no.min.js +1 -1
  155. package/dist/locale/nb-no.min.mjs +1 -1
  156. package/dist/locale/nb-no.mjs +1 -1
  157. package/dist/locale/nl.js +1 -1
  158. package/dist/locale/nl.min.js +1 -1
  159. package/dist/locale/nl.min.mjs +1 -1
  160. package/dist/locale/nl.mjs +1 -1
  161. package/dist/locale/pa.js +1 -1
  162. package/dist/locale/pa.min.js +1 -1
  163. package/dist/locale/pa.min.mjs +1 -1
  164. package/dist/locale/pa.mjs +1 -1
  165. package/dist/locale/pl.js +1 -1
  166. package/dist/locale/pl.min.js +1 -1
  167. package/dist/locale/pl.min.mjs +1 -1
  168. package/dist/locale/pl.mjs +1 -1
  169. package/dist/locale/pt-br.js +1 -1
  170. package/dist/locale/pt-br.min.js +1 -1
  171. package/dist/locale/pt-br.min.mjs +1 -1
  172. package/dist/locale/pt-br.mjs +1 -1
  173. package/dist/locale/pt.js +1 -1
  174. package/dist/locale/pt.min.js +1 -1
  175. package/dist/locale/pt.min.mjs +1 -1
  176. package/dist/locale/pt.mjs +1 -1
  177. package/dist/locale/ro.js +1 -1
  178. package/dist/locale/ro.min.js +1 -1
  179. package/dist/locale/ro.min.mjs +1 -1
  180. package/dist/locale/ro.mjs +1 -1
  181. package/dist/locale/ru.js +1 -1
  182. package/dist/locale/ru.min.js +1 -1
  183. package/dist/locale/ru.min.mjs +1 -1
  184. package/dist/locale/ru.mjs +1 -1
  185. package/dist/locale/sk.js +1 -1
  186. package/dist/locale/sk.min.js +1 -1
  187. package/dist/locale/sk.min.mjs +1 -1
  188. package/dist/locale/sk.mjs +1 -1
  189. package/dist/locale/sl.js +1 -1
  190. package/dist/locale/sl.min.js +1 -1
  191. package/dist/locale/sl.min.mjs +1 -1
  192. package/dist/locale/sl.mjs +1 -1
  193. package/dist/locale/sr.js +1 -1
  194. package/dist/locale/sr.min.js +1 -1
  195. package/dist/locale/sr.min.mjs +1 -1
  196. package/dist/locale/sr.mjs +1 -1
  197. package/dist/locale/sv.js +1 -1
  198. package/dist/locale/sv.min.js +1 -1
  199. package/dist/locale/sv.min.mjs +1 -1
  200. package/dist/locale/sv.mjs +1 -1
  201. package/dist/locale/sw.js +1 -1
  202. package/dist/locale/sw.min.js +1 -1
  203. package/dist/locale/sw.min.mjs +1 -1
  204. package/dist/locale/sw.mjs +1 -1
  205. package/dist/locale/ta.js +1 -1
  206. package/dist/locale/ta.min.js +1 -1
  207. package/dist/locale/ta.min.mjs +1 -1
  208. package/dist/locale/ta.mjs +1 -1
  209. package/dist/locale/th.js +1 -1
  210. package/dist/locale/th.min.js +1 -1
  211. package/dist/locale/th.min.mjs +1 -1
  212. package/dist/locale/th.mjs +1 -1
  213. package/dist/locale/tk.js +1 -1
  214. package/dist/locale/tk.min.js +1 -1
  215. package/dist/locale/tk.min.mjs +1 -1
  216. package/dist/locale/tk.mjs +1 -1
  217. package/dist/locale/tr.js +1 -1
  218. package/dist/locale/tr.min.js +1 -1
  219. package/dist/locale/tr.min.mjs +1 -1
  220. package/dist/locale/tr.mjs +1 -1
  221. package/dist/locale/ug-cn.js +1 -1
  222. package/dist/locale/ug-cn.min.js +1 -1
  223. package/dist/locale/ug-cn.min.mjs +1 -1
  224. package/dist/locale/ug-cn.mjs +1 -1
  225. package/dist/locale/uk.js +1 -1
  226. package/dist/locale/uk.min.js +1 -1
  227. package/dist/locale/uk.min.mjs +1 -1
  228. package/dist/locale/uk.mjs +1 -1
  229. package/dist/locale/uz-uz.js +1 -1
  230. package/dist/locale/uz-uz.min.js +1 -1
  231. package/dist/locale/uz-uz.min.mjs +1 -1
  232. package/dist/locale/uz-uz.mjs +1 -1
  233. package/dist/locale/vi.js +1 -1
  234. package/dist/locale/vi.min.js +1 -1
  235. package/dist/locale/vi.min.mjs +1 -1
  236. package/dist/locale/vi.mjs +1 -1
  237. package/dist/locale/zh-cn.js +1 -1
  238. package/dist/locale/zh-cn.min.js +1 -1
  239. package/dist/locale/zh-cn.min.mjs +1 -1
  240. package/dist/locale/zh-cn.mjs +1 -1
  241. package/dist/locale/zh-tw.js +1 -1
  242. package/dist/locale/zh-tw.min.js +1 -1
  243. package/dist/locale/zh-tw.min.mjs +1 -1
  244. package/dist/locale/zh-tw.mjs +1 -1
  245. package/es/components/backtop/index.mjs +2 -2
  246. package/es/components/backtop/src/backtop.mjs +54 -21
  247. package/es/components/backtop/src/backtop.mjs.map +1 -1
  248. package/es/components/backtop/src/backtop2.mjs +21 -54
  249. package/es/components/backtop/src/backtop2.mjs.map +1 -1
  250. package/es/components/carousel/index.mjs +2 -2
  251. package/es/components/carousel/src/carousel.mjs +60 -211
  252. package/es/components/carousel/src/carousel.mjs.map +1 -1
  253. package/es/components/carousel/src/carousel2.mjs +211 -60
  254. package/es/components/carousel/src/carousel2.mjs.map +1 -1
  255. package/es/components/date-picker/src/date-picker-com/panel-date-range.mjs +6 -6
  256. package/es/components/date-picker/src/date-picker-com/panel-date-range.mjs.map +1 -1
  257. package/es/components/dialog/index.mjs +2 -2
  258. package/es/components/dialog/src/dialog.mjs +69 -162
  259. package/es/components/dialog/src/dialog.mjs.map +1 -1
  260. package/es/components/dialog/src/dialog2.mjs +162 -69
  261. package/es/components/dialog/src/dialog2.mjs.map +1 -1
  262. package/es/components/drawer/src/drawer.mjs +1 -1
  263. package/es/components/index.mjs +5 -5
  264. package/es/components/result/index.mjs +2 -2
  265. package/es/components/result/src/result.mjs +63 -29
  266. package/es/components/result/src/result.mjs.map +1 -1
  267. package/es/components/result/src/result2.mjs +29 -63
  268. package/es/components/result/src/result2.mjs.map +1 -1
  269. package/es/components/upload/index.mjs +2 -2
  270. package/es/components/upload/src/upload-content.mjs +1 -1
  271. package/es/components/upload/src/upload-content2.mjs +1 -1
  272. package/es/components/upload/src/upload-list.mjs +1 -1
  273. package/es/components/upload/src/upload.mjs +104 -118
  274. package/es/components/upload/src/upload.mjs.map +1 -1
  275. package/es/components/upload/src/upload2.mjs +118 -104
  276. package/es/components/upload/src/upload2.mjs.map +1 -1
  277. package/es/components/upload/src/use-handlers.mjs +1 -1
  278. package/es/index.mjs +5 -5
  279. package/es/locale/lang/fr.mjs +8 -8
  280. package/es/locale/lang/fr.mjs.map +1 -1
  281. package/es/version.d.ts +1 -1
  282. package/es/version.mjs +1 -1
  283. package/es/version.mjs.map +1 -1
  284. package/lib/components/backtop/index.js +2 -2
  285. package/lib/components/backtop/src/backtop.js +54 -22
  286. package/lib/components/backtop/src/backtop.js.map +1 -1
  287. package/lib/components/backtop/src/backtop2.js +22 -54
  288. package/lib/components/backtop/src/backtop2.js.map +1 -1
  289. package/lib/components/carousel/index.js +2 -2
  290. package/lib/components/carousel/src/carousel.js +61 -211
  291. package/lib/components/carousel/src/carousel.js.map +1 -1
  292. package/lib/components/carousel/src/carousel2.js +211 -61
  293. package/lib/components/carousel/src/carousel2.js.map +1 -1
  294. package/lib/components/date-picker/src/date-picker-com/panel-date-range.js +6 -6
  295. package/lib/components/date-picker/src/date-picker-com/panel-date-range.js.map +1 -1
  296. package/lib/components/dialog/index.js +2 -2
  297. package/lib/components/dialog/src/dialog.js +70 -162
  298. package/lib/components/dialog/src/dialog.js.map +1 -1
  299. package/lib/components/dialog/src/dialog2.js +162 -70
  300. package/lib/components/dialog/src/dialog2.js.map +1 -1
  301. package/lib/components/drawer/src/drawer.js +1 -1
  302. package/lib/components/index.js +5 -5
  303. package/lib/components/result/index.js +2 -2
  304. package/lib/components/result/src/result.js +63 -31
  305. package/lib/components/result/src/result.js.map +1 -1
  306. package/lib/components/result/src/result2.js +31 -63
  307. package/lib/components/result/src/result2.js.map +1 -1
  308. package/lib/components/upload/index.js +2 -2
  309. package/lib/components/upload/src/upload-content.js +1 -1
  310. package/lib/components/upload/src/upload-content2.js +1 -1
  311. package/lib/components/upload/src/upload-list.js +1 -1
  312. package/lib/components/upload/src/upload.js +107 -118
  313. package/lib/components/upload/src/upload.js.map +1 -1
  314. package/lib/components/upload/src/upload2.js +118 -107
  315. package/lib/components/upload/src/upload2.js.map +1 -1
  316. package/lib/components/upload/src/use-handlers.js +1 -1
  317. package/lib/index.js +5 -5
  318. package/lib/locale/lang/fr.js +8 -8
  319. package/lib/locale/lang/fr.js.map +1 -1
  320. package/lib/version.d.ts +1 -1
  321. package/lib/version.js +1 -1
  322. package/lib/version.js.map +1 -1
  323. package/package.json +2 -2
  324. package/web-types.json +1 -1
@@ -2,170 +2,78 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var index$3 = require('../../overlay/index.js');
7
- require('../../../hooks/index.js');
8
- require('../../focus-trap/index.js');
9
- var dialogContent = require('./dialog-content2.js');
10
- var constants = require('./constants.js');
11
- var dialog = require('./dialog2.js');
12
- var useDialog = require('./use-dialog.js');
13
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
14
- var index = require('../../../hooks/use-deprecated/index.js');
15
- var index$1 = require('../../../hooks/use-namespace/index.js');
16
- var index$2 = require('../../../hooks/use-same-target/index.js');
17
- var focusTrap = require('../../focus-trap/src/focus-trap.js');
5
+ require('../../../utils/index.js');
6
+ require('../../../constants/index.js');
7
+ var dialogContent = require('./dialog-content.js');
8
+ var runtime = require('../../../utils/vue/props/runtime.js');
9
+ var event = require('../../../constants/event.js');
10
+ var types = require('../../../utils/types.js');
18
11
 
19
- const _hoisted_1 = ["aria-label", "aria-labelledby", "aria-describedby"];
20
- const __default__ = vue.defineComponent({
21
- name: "ElDialog",
22
- inheritAttrs: false
23
- });
24
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
25
- ...__default__,
26
- props: dialog.dialogProps,
27
- emits: dialog.dialogEmits,
28
- setup(__props, { expose }) {
29
- const props = __props;
30
- const slots = vue.useSlots();
31
- index.useDeprecated({
32
- scope: "el-dialog",
33
- from: "the title slot",
34
- replacement: "the header slot",
35
- version: "3.0.0",
36
- ref: "https://element-plus.org/en-US/component/dialog.html#slots"
37
- }, vue.computed(() => !!slots.title));
38
- const ns = index$1.useNamespace("dialog");
39
- const dialogRef = vue.ref();
40
- const headerRef = vue.ref();
41
- const dialogContentRef = vue.ref();
42
- const {
43
- visible,
44
- titleId,
45
- bodyId,
46
- style,
47
- overlayDialogStyle,
48
- rendered,
49
- zIndex,
50
- afterEnter,
51
- afterLeave,
52
- beforeLeave,
53
- handleClose,
54
- onModalClick,
55
- onOpenAutoFocus,
56
- onCloseAutoFocus,
57
- onCloseRequested,
58
- onFocusoutPrevented
59
- } = useDialog.useDialog(props, dialogRef);
60
- vue.provide(constants.dialogInjectionKey, {
61
- dialogRef,
62
- headerRef,
63
- bodyId,
64
- ns,
65
- rendered,
66
- style
67
- });
68
- const overlayEvent = index$2.useSameTarget(onModalClick);
69
- const draggable = vue.computed(() => props.draggable && !props.fullscreen);
70
- expose({
71
- visible,
72
- dialogContentRef
73
- });
74
- return (_ctx, _cache) => {
75
- return vue.openBlock(), vue.createBlock(vue.Teleport, {
76
- to: _ctx.appendTo,
77
- disabled: _ctx.appendTo !== "body" ? false : !_ctx.appendToBody
78
- }, [
79
- vue.createVNode(vue.Transition, {
80
- name: "dialog-fade",
81
- onAfterEnter: vue.unref(afterEnter),
82
- onAfterLeave: vue.unref(afterLeave),
83
- onBeforeLeave: vue.unref(beforeLeave),
84
- persisted: ""
85
- }, {
86
- default: vue.withCtx(() => [
87
- vue.withDirectives(vue.createVNode(vue.unref(index$3.ElOverlay), {
88
- "custom-mask-event": "",
89
- mask: _ctx.modal,
90
- "overlay-class": _ctx.modalClass,
91
- "z-index": vue.unref(zIndex)
92
- }, {
93
- default: vue.withCtx(() => [
94
- vue.createElementVNode("div", {
95
- role: "dialog",
96
- "aria-modal": "true",
97
- "aria-label": _ctx.title || void 0,
98
- "aria-labelledby": !_ctx.title ? vue.unref(titleId) : void 0,
99
- "aria-describedby": vue.unref(bodyId),
100
- class: vue.normalizeClass(`${vue.unref(ns).namespace.value}-overlay-dialog`),
101
- style: vue.normalizeStyle(vue.unref(overlayDialogStyle)),
102
- onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(overlayEvent).onClick && vue.unref(overlayEvent).onClick(...args)),
103
- onMousedown: _cache[1] || (_cache[1] = (...args) => vue.unref(overlayEvent).onMousedown && vue.unref(overlayEvent).onMousedown(...args)),
104
- onMouseup: _cache[2] || (_cache[2] = (...args) => vue.unref(overlayEvent).onMouseup && vue.unref(overlayEvent).onMouseup(...args))
105
- }, [
106
- vue.createVNode(vue.unref(focusTrap["default"]), {
107
- loop: "",
108
- trapped: vue.unref(visible),
109
- "focus-start-el": "container",
110
- onFocusAfterTrapped: vue.unref(onOpenAutoFocus),
111
- onFocusAfterReleased: vue.unref(onCloseAutoFocus),
112
- onFocusoutPrevented: vue.unref(onFocusoutPrevented),
113
- onReleaseRequested: vue.unref(onCloseRequested)
114
- }, {
115
- default: vue.withCtx(() => [
116
- vue.unref(rendered) ? (vue.openBlock(), vue.createBlock(dialogContent["default"], vue.mergeProps({
117
- key: 0,
118
- ref_key: "dialogContentRef",
119
- ref: dialogContentRef
120
- }, _ctx.$attrs, {
121
- center: _ctx.center,
122
- "align-center": _ctx.alignCenter,
123
- "close-icon": _ctx.closeIcon,
124
- draggable: vue.unref(draggable),
125
- overflow: _ctx.overflow,
126
- fullscreen: _ctx.fullscreen,
127
- "show-close": _ctx.showClose,
128
- title: _ctx.title,
129
- "aria-level": _ctx.headerAriaLevel,
130
- onClose: vue.unref(handleClose)
131
- }), vue.createSlots({
132
- header: vue.withCtx(() => [
133
- !_ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "header", {
134
- key: 0,
135
- close: vue.unref(handleClose),
136
- titleId: vue.unref(titleId),
137
- titleClass: vue.unref(ns).e("title")
138
- }) : vue.renderSlot(_ctx.$slots, "title", { key: 1 })
139
- ]),
140
- default: vue.withCtx(() => [
141
- vue.renderSlot(_ctx.$slots, "default")
142
- ]),
143
- _: 2
144
- }, [
145
- _ctx.$slots.footer ? {
146
- name: "footer",
147
- fn: vue.withCtx(() => [
148
- vue.renderSlot(_ctx.$slots, "footer")
149
- ])
150
- } : void 0
151
- ]), 1040, ["center", "align-center", "close-icon", "draggable", "overflow", "fullscreen", "show-close", "title", "aria-level", "onClose"])) : vue.createCommentVNode("v-if", true)
152
- ]),
153
- _: 3
154
- }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
155
- ], 46, _hoisted_1)
156
- ]),
157
- _: 3
158
- }, 8, ["mask", "overlay-class", "z-index"]), [
159
- [vue.vShow, vue.unref(visible)]
160
- ])
161
- ]),
162
- _: 3
163
- }, 8, ["onAfterEnter", "onAfterLeave", "onBeforeLeave"])
164
- ], 8, ["to", "disabled"]);
165
- };
12
+ const dialogProps = runtime.buildProps({
13
+ ...dialogContent.dialogContentProps,
14
+ appendToBody: Boolean,
15
+ appendTo: {
16
+ type: runtime.definePropType(String),
17
+ default: "body"
18
+ },
19
+ beforeClose: {
20
+ type: runtime.definePropType(Function)
21
+ },
22
+ destroyOnClose: Boolean,
23
+ closeOnClickModal: {
24
+ type: Boolean,
25
+ default: true
26
+ },
27
+ closeOnPressEscape: {
28
+ type: Boolean,
29
+ default: true
30
+ },
31
+ lockScroll: {
32
+ type: Boolean,
33
+ default: true
34
+ },
35
+ modal: {
36
+ type: Boolean,
37
+ default: true
38
+ },
39
+ openDelay: {
40
+ type: Number,
41
+ default: 0
42
+ },
43
+ closeDelay: {
44
+ type: Number,
45
+ default: 0
46
+ },
47
+ top: {
48
+ type: String
49
+ },
50
+ modelValue: Boolean,
51
+ modalClass: String,
52
+ width: {
53
+ type: [String, Number]
54
+ },
55
+ zIndex: {
56
+ type: Number
57
+ },
58
+ trapFocus: {
59
+ type: Boolean,
60
+ default: false
61
+ },
62
+ headerAriaLevel: {
63
+ type: String,
64
+ default: "2"
166
65
  }
167
66
  });
168
- var Dialog = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "dialog.vue"]]);
67
+ const dialogEmits = {
68
+ open: () => true,
69
+ opened: () => true,
70
+ close: () => true,
71
+ closed: () => true,
72
+ [event.UPDATE_MODEL_EVENT]: (value) => types.isBoolean(value),
73
+ openAutoFocus: () => true,
74
+ closeAutoFocus: () => true
75
+ };
169
76
 
170
- exports["default"] = Dialog;
77
+ exports.dialogEmits = dialogEmits;
78
+ exports.dialogProps = dialogProps;
171
79
  //# sourceMappingURL=dialog.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.js","sources":["../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n <teleport\n :to=\"appendTo\"\n :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n >\n <transition\n name=\"dialog-fade\"\n @after-enter=\"afterEnter\"\n @after-leave=\"afterLeave\"\n @before-leave=\"beforeLeave\"\n >\n <el-overlay\n v-show=\"visible\"\n custom-mask-event\n :mask=\"modal\"\n :overlay-class=\"modalClass\"\n :z-index=\"zIndex\"\n >\n <div\n role=\"dialog\"\n aria-modal=\"true\"\n :aria-label=\"title || undefined\"\n :aria-labelledby=\"!title ? titleId : undefined\"\n :aria-describedby=\"bodyId\"\n :class=\"`${ns.namespace.value}-overlay-dialog`\"\n :style=\"overlayDialogStyle\"\n @click=\"overlayEvent.onClick\"\n @mousedown=\"overlayEvent.onMousedown\"\n @mouseup=\"overlayEvent.onMouseup\"\n >\n <el-focus-trap\n loop\n :trapped=\"visible\"\n focus-start-el=\"container\"\n @focus-after-trapped=\"onOpenAutoFocus\"\n @focus-after-released=\"onCloseAutoFocus\"\n @focusout-prevented=\"onFocusoutPrevented\"\n @release-requested=\"onCloseRequested\"\n >\n <el-dialog-content\n v-if=\"rendered\"\n ref=\"dialogContentRef\"\n v-bind=\"$attrs\"\n :center=\"center\"\n :align-center=\"alignCenter\"\n :close-icon=\"closeIcon\"\n :draggable=\"draggable\"\n :overflow=\"overflow\"\n :fullscreen=\"fullscreen\"\n :show-close=\"showClose\"\n :title=\"title\"\n :aria-level=\"headerAriaLevel\"\n @close=\"handleClose\"\n >\n <template #header>\n <slot\n v-if=\"!$slots.title\"\n name=\"header\"\n :close=\"handleClose\"\n :title-id=\"titleId\"\n :title-class=\"ns.e('title')\"\n />\n <slot v-else name=\"title\" />\n </template>\n <slot />\n <template v-if=\"$slots.footer\" #footer>\n <slot name=\"footer\" />\n </template>\n </el-dialog-content>\n </el-focus-trap>\n </div>\n </el-overlay>\n </transition>\n </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref, useSlots } from 'vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { useDeprecated, useNamespace, useSameTarget } from '@element-plus/hooks'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport ElDialogContent from './dialog-content.vue'\nimport { dialogInjectionKey } from './constants'\nimport { dialogEmits, dialogProps } from './dialog'\nimport { useDialog } from './use-dialog'\n\ndefineOptions({\n name: 'ElDialog',\n inheritAttrs: false,\n})\n\nconst props = defineProps(dialogProps)\ndefineEmits(dialogEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n {\n scope: 'el-dialog',\n from: 'the title slot',\n replacement: 'the header slot',\n version: '3.0.0',\n ref: 'https://element-plus.org/en-US/component/dialog.html#slots',\n },\n computed(() => !!slots.title)\n)\n\nconst ns = useNamespace('dialog')\nconst dialogRef = ref<HTMLElement>()\nconst headerRef = ref<HTMLElement>()\nconst dialogContentRef = ref()\n\nconst {\n visible,\n titleId,\n bodyId,\n style,\n overlayDialogStyle,\n rendered,\n zIndex,\n afterEnter,\n afterLeave,\n beforeLeave,\n handleClose,\n onModalClick,\n onOpenAutoFocus,\n onCloseAutoFocus,\n onCloseRequested,\n onFocusoutPrevented,\n} = useDialog(props, dialogRef)\n\nprovide(dialogInjectionKey, {\n dialogRef,\n headerRef,\n bodyId,\n ns,\n rendered,\n style,\n})\n\nconst overlayEvent = useSameTarget(onModalClick)\n\nconst draggable = computed(() => props.draggable && !props.fullscreen)\n\ndefineExpose({\n /** @description whether the dialog is visible */\n visible,\n dialogContentRef,\n})\n</script>\n"],"names":["useSlots","useDeprecated","computed","useNamespace","ref","useDialog","provide","dialogInjectionKey","useSameTarget"],"mappings":";;;;;;;;;;;;;;;;;;;uCAsFc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAEvB,IACEC,mBAAA,CAAA;AAAA,MACE,KAAO,EAAA,WAAA;AAAA,MACP,IAAM,EAAA,gBAAA;AAAA,MACN,WAAa,EAAA,iBAAA;AAAA,MACb,OAAS,EAAA,OAAA;AAAA,MACT,GAAK,EAAA,4DAAA;AAAA,OAEPC,YAAS,CAAA,MAAM,CAAC,CAAC,KAAA,CAAM,KAAK,CAC9B,CAAA,CAAA;AAEA,IAAM,MAAA,EAAA,GAAKC,qBAAa,QAAQ,CAAA,CAAA;AAChC,IAAA,MAAM,YAAYC,OAAiB,EAAA,CAAA;AACnC,IAAA,MAAM,YAAYA,OAAiB,EAAA,CAAA;AACnC,IAAA,MAAM,mBAAmBA,OAAI,EAAA,CAAA;AAE7B,IAAM,MAAA;AAAA,MACJ,OAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACA,kBAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA;AAAA,MACA,eAAA;AAAA,MACA,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA,mBAAA;AAAA,KACE,GAAAC,mBAAA,CAAU,OAAO,SAAS,CAAA,CAAA;AAE9B,IAAAC,WAAA,CAAQC,4BAAoB,EAAA;AAAA,MAC1B,SAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,EAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAeC,sBAAc,YAAY,CAAA,CAAA;AAE/C,IAAA,MAAM,YAAYN,YAAS,CAAA,MAAM,MAAM,SAAa,IAAA,CAAC,MAAM,UAAU,CAAA,CAAA;AAErE,IAAa,MAAA,CAAA;AAAA,MAEX,OAAA;AAAA,MACA,gBAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"dialog.js","sources":["../../../../../../packages/components/dialog/src/dialog.ts"],"sourcesContent":["import { buildProps, definePropType, isBoolean } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { dialogContentProps } from './dialog-content'\n\nimport type { ExtractPropTypes } from 'vue'\n\ntype DoneFn = (cancel?: boolean) => void\nexport type DialogBeforeCloseFn = (done: DoneFn) => void\n\nexport const dialogProps = buildProps({\n ...dialogContentProps,\n /**\n * @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true`\n */\n appendToBody: Boolean,\n /**\n * @description which element the Dialog appends to\n */\n appendTo: {\n type: definePropType<string>(String),\n default: 'body',\n },\n /**\n * @description callback before Dialog closes, and it will prevent Dialog from closing, use done to close the dialog\n */\n beforeClose: {\n type: definePropType<DialogBeforeCloseFn>(Function),\n },\n /**\n * @description destroy elements in Dialog when closed\n */\n destroyOnClose: Boolean,\n /**\n * @description whether the Dialog can be closed by clicking the mask\n */\n closeOnClickModal: {\n type: Boolean,\n default: true,\n },\n /**\n * @description whether the Dialog can be closed by pressing ESC\n */\n closeOnPressEscape: {\n type: Boolean,\n default: true,\n },\n /**\n * @description whether scroll of body is disabled while Dialog is displayed\n */\n lockScroll: {\n type: Boolean,\n default: true,\n },\n /**\n * @description whether a mask is displayed\n */\n modal: {\n type: Boolean,\n default: true,\n },\n /**\n * @description the Time(milliseconds) before open\n */\n openDelay: {\n type: Number,\n default: 0,\n },\n /**\n * @description the Time(milliseconds) before close\n */\n closeDelay: {\n type: Number,\n default: 0,\n },\n /**\n * @description value for `margin-top` of Dialog CSS, default is 15vh\n */\n top: {\n type: String,\n },\n /**\n * @description visibility of Dialog\n */\n modelValue: Boolean,\n /**\n * @description custom class names for mask\n */\n modalClass: String,\n /**\n * @description width of Dialog, default is 50%\n */\n width: {\n type: [String, Number],\n },\n /**\n * @description same as z-index in native CSS, z-order of dialog\n */\n zIndex: {\n type: Number,\n },\n trapFocus: {\n type: Boolean,\n default: false,\n },\n /**\n * @description header's aria-level attribute\n */\n headerAriaLevel: {\n type: String,\n default: '2',\n },\n} as const)\n\nexport type DialogProps = ExtractPropTypes<typeof dialogProps>\n\nexport const dialogEmits = {\n open: () => true,\n opened: () => true,\n close: () => true,\n closed: () => true,\n [UPDATE_MODEL_EVENT]: (value: boolean) => isBoolean(value),\n openAutoFocus: () => true,\n closeAutoFocus: () => true,\n}\nexport type DialogEmits = typeof dialogEmits\n"],"names":["buildProps","dialogContentProps","definePropType","UPDATE_MODEL_EVENT","isBoolean"],"mappings":";;;;;;;;;;;AAGY,MAAC,WAAW,GAAGA,kBAAU,CAAC;AACtC,EAAE,GAAGC,gCAAkB;AACvB,EAAE,YAAY,EAAE,OAAO;AACvB,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEC,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAEA,sBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,cAAc,EAAE,OAAO;AACzB,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,UAAU,EAAE,MAAM;AACpB,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;AAC3B,EAAE,IAAI,EAAE,MAAM,IAAI;AAClB,EAAE,MAAM,EAAE,MAAM,IAAI;AACpB,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB,EAAE,MAAM,EAAE,MAAM,IAAI;AACpB,EAAE,CAACC,wBAAkB,GAAG,CAAC,KAAK,KAAKC,eAAS,CAAC,KAAK,CAAC;AACnD,EAAE,aAAa,EAAE,MAAM,IAAI;AAC3B,EAAE,cAAc,EAAE,MAAM,IAAI;AAC5B;;;;;"}
@@ -2,78 +2,170 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../../../utils/index.js');
6
- require('../../../constants/index.js');
7
- var dialogContent = require('./dialog-content.js');
8
- var runtime = require('../../../utils/vue/props/runtime.js');
9
- var event = require('../../../constants/event.js');
10
- var types = require('../../../utils/types.js');
5
+ var vue = require('vue');
6
+ var index$3 = require('../../overlay/index.js');
7
+ require('../../../hooks/index.js');
8
+ require('../../focus-trap/index.js');
9
+ var dialogContent = require('./dialog-content2.js');
10
+ var constants = require('./constants.js');
11
+ var dialog = require('./dialog.js');
12
+ var useDialog = require('./use-dialog.js');
13
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
14
+ var index = require('../../../hooks/use-deprecated/index.js');
15
+ var index$1 = require('../../../hooks/use-namespace/index.js');
16
+ var index$2 = require('../../../hooks/use-same-target/index.js');
17
+ var focusTrap = require('../../focus-trap/src/focus-trap.js');
11
18
 
12
- const dialogProps = runtime.buildProps({
13
- ...dialogContent.dialogContentProps,
14
- appendToBody: Boolean,
15
- appendTo: {
16
- type: runtime.definePropType(String),
17
- default: "body"
18
- },
19
- beforeClose: {
20
- type: runtime.definePropType(Function)
21
- },
22
- destroyOnClose: Boolean,
23
- closeOnClickModal: {
24
- type: Boolean,
25
- default: true
26
- },
27
- closeOnPressEscape: {
28
- type: Boolean,
29
- default: true
30
- },
31
- lockScroll: {
32
- type: Boolean,
33
- default: true
34
- },
35
- modal: {
36
- type: Boolean,
37
- default: true
38
- },
39
- openDelay: {
40
- type: Number,
41
- default: 0
42
- },
43
- closeDelay: {
44
- type: Number,
45
- default: 0
46
- },
47
- top: {
48
- type: String
49
- },
50
- modelValue: Boolean,
51
- modalClass: String,
52
- width: {
53
- type: [String, Number]
54
- },
55
- zIndex: {
56
- type: Number
57
- },
58
- trapFocus: {
59
- type: Boolean,
60
- default: false
61
- },
62
- headerAriaLevel: {
63
- type: String,
64
- default: "2"
19
+ const _hoisted_1 = ["aria-label", "aria-labelledby", "aria-describedby"];
20
+ const __default__ = vue.defineComponent({
21
+ name: "ElDialog",
22
+ inheritAttrs: false
23
+ });
24
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
25
+ ...__default__,
26
+ props: dialog.dialogProps,
27
+ emits: dialog.dialogEmits,
28
+ setup(__props, { expose }) {
29
+ const props = __props;
30
+ const slots = vue.useSlots();
31
+ index.useDeprecated({
32
+ scope: "el-dialog",
33
+ from: "the title slot",
34
+ replacement: "the header slot",
35
+ version: "3.0.0",
36
+ ref: "https://element-plus.org/en-US/component/dialog.html#slots"
37
+ }, vue.computed(() => !!slots.title));
38
+ const ns = index$1.useNamespace("dialog");
39
+ const dialogRef = vue.ref();
40
+ const headerRef = vue.ref();
41
+ const dialogContentRef = vue.ref();
42
+ const {
43
+ visible,
44
+ titleId,
45
+ bodyId,
46
+ style,
47
+ overlayDialogStyle,
48
+ rendered,
49
+ zIndex,
50
+ afterEnter,
51
+ afterLeave,
52
+ beforeLeave,
53
+ handleClose,
54
+ onModalClick,
55
+ onOpenAutoFocus,
56
+ onCloseAutoFocus,
57
+ onCloseRequested,
58
+ onFocusoutPrevented
59
+ } = useDialog.useDialog(props, dialogRef);
60
+ vue.provide(constants.dialogInjectionKey, {
61
+ dialogRef,
62
+ headerRef,
63
+ bodyId,
64
+ ns,
65
+ rendered,
66
+ style
67
+ });
68
+ const overlayEvent = index$2.useSameTarget(onModalClick);
69
+ const draggable = vue.computed(() => props.draggable && !props.fullscreen);
70
+ expose({
71
+ visible,
72
+ dialogContentRef
73
+ });
74
+ return (_ctx, _cache) => {
75
+ return vue.openBlock(), vue.createBlock(vue.Teleport, {
76
+ to: _ctx.appendTo,
77
+ disabled: _ctx.appendTo !== "body" ? false : !_ctx.appendToBody
78
+ }, [
79
+ vue.createVNode(vue.Transition, {
80
+ name: "dialog-fade",
81
+ onAfterEnter: vue.unref(afterEnter),
82
+ onAfterLeave: vue.unref(afterLeave),
83
+ onBeforeLeave: vue.unref(beforeLeave),
84
+ persisted: ""
85
+ }, {
86
+ default: vue.withCtx(() => [
87
+ vue.withDirectives(vue.createVNode(vue.unref(index$3.ElOverlay), {
88
+ "custom-mask-event": "",
89
+ mask: _ctx.modal,
90
+ "overlay-class": _ctx.modalClass,
91
+ "z-index": vue.unref(zIndex)
92
+ }, {
93
+ default: vue.withCtx(() => [
94
+ vue.createElementVNode("div", {
95
+ role: "dialog",
96
+ "aria-modal": "true",
97
+ "aria-label": _ctx.title || void 0,
98
+ "aria-labelledby": !_ctx.title ? vue.unref(titleId) : void 0,
99
+ "aria-describedby": vue.unref(bodyId),
100
+ class: vue.normalizeClass(`${vue.unref(ns).namespace.value}-overlay-dialog`),
101
+ style: vue.normalizeStyle(vue.unref(overlayDialogStyle)),
102
+ onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(overlayEvent).onClick && vue.unref(overlayEvent).onClick(...args)),
103
+ onMousedown: _cache[1] || (_cache[1] = (...args) => vue.unref(overlayEvent).onMousedown && vue.unref(overlayEvent).onMousedown(...args)),
104
+ onMouseup: _cache[2] || (_cache[2] = (...args) => vue.unref(overlayEvent).onMouseup && vue.unref(overlayEvent).onMouseup(...args))
105
+ }, [
106
+ vue.createVNode(vue.unref(focusTrap["default"]), {
107
+ loop: "",
108
+ trapped: vue.unref(visible),
109
+ "focus-start-el": "container",
110
+ onFocusAfterTrapped: vue.unref(onOpenAutoFocus),
111
+ onFocusAfterReleased: vue.unref(onCloseAutoFocus),
112
+ onFocusoutPrevented: vue.unref(onFocusoutPrevented),
113
+ onReleaseRequested: vue.unref(onCloseRequested)
114
+ }, {
115
+ default: vue.withCtx(() => [
116
+ vue.unref(rendered) ? (vue.openBlock(), vue.createBlock(dialogContent["default"], vue.mergeProps({
117
+ key: 0,
118
+ ref_key: "dialogContentRef",
119
+ ref: dialogContentRef
120
+ }, _ctx.$attrs, {
121
+ center: _ctx.center,
122
+ "align-center": _ctx.alignCenter,
123
+ "close-icon": _ctx.closeIcon,
124
+ draggable: vue.unref(draggable),
125
+ overflow: _ctx.overflow,
126
+ fullscreen: _ctx.fullscreen,
127
+ "show-close": _ctx.showClose,
128
+ title: _ctx.title,
129
+ "aria-level": _ctx.headerAriaLevel,
130
+ onClose: vue.unref(handleClose)
131
+ }), vue.createSlots({
132
+ header: vue.withCtx(() => [
133
+ !_ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "header", {
134
+ key: 0,
135
+ close: vue.unref(handleClose),
136
+ titleId: vue.unref(titleId),
137
+ titleClass: vue.unref(ns).e("title")
138
+ }) : vue.renderSlot(_ctx.$slots, "title", { key: 1 })
139
+ ]),
140
+ default: vue.withCtx(() => [
141
+ vue.renderSlot(_ctx.$slots, "default")
142
+ ]),
143
+ _: 2
144
+ }, [
145
+ _ctx.$slots.footer ? {
146
+ name: "footer",
147
+ fn: vue.withCtx(() => [
148
+ vue.renderSlot(_ctx.$slots, "footer")
149
+ ])
150
+ } : void 0
151
+ ]), 1040, ["center", "align-center", "close-icon", "draggable", "overflow", "fullscreen", "show-close", "title", "aria-level", "onClose"])) : vue.createCommentVNode("v-if", true)
152
+ ]),
153
+ _: 3
154
+ }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
155
+ ], 46, _hoisted_1)
156
+ ]),
157
+ _: 3
158
+ }, 8, ["mask", "overlay-class", "z-index"]), [
159
+ [vue.vShow, vue.unref(visible)]
160
+ ])
161
+ ]),
162
+ _: 3
163
+ }, 8, ["onAfterEnter", "onAfterLeave", "onBeforeLeave"])
164
+ ], 8, ["to", "disabled"]);
165
+ };
65
166
  }
66
167
  });
67
- const dialogEmits = {
68
- open: () => true,
69
- opened: () => true,
70
- close: () => true,
71
- closed: () => true,
72
- [event.UPDATE_MODEL_EVENT]: (value) => types.isBoolean(value),
73
- openAutoFocus: () => true,
74
- closeAutoFocus: () => true
75
- };
168
+ var Dialog = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "dialog.vue"]]);
76
169
 
77
- exports.dialogEmits = dialogEmits;
78
- exports.dialogProps = dialogProps;
170
+ exports["default"] = Dialog;
79
171
  //# sourceMappingURL=dialog2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"dialog2.js","sources":["../../../../../../packages/components/dialog/src/dialog.ts"],"sourcesContent":["import { buildProps, definePropType, isBoolean } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { dialogContentProps } from './dialog-content'\n\nimport type { ExtractPropTypes } from 'vue'\n\ntype DoneFn = (cancel?: boolean) => void\nexport type DialogBeforeCloseFn = (done: DoneFn) => void\n\nexport const dialogProps = buildProps({\n ...dialogContentProps,\n /**\n * @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true`\n */\n appendToBody: Boolean,\n /**\n * @description which element the Dialog appends to\n */\n appendTo: {\n type: definePropType<string>(String),\n default: 'body',\n },\n /**\n * @description callback before Dialog closes, and it will prevent Dialog from closing, use done to close the dialog\n */\n beforeClose: {\n type: definePropType<DialogBeforeCloseFn>(Function),\n },\n /**\n * @description destroy elements in Dialog when closed\n */\n destroyOnClose: Boolean,\n /**\n * @description whether the Dialog can be closed by clicking the mask\n */\n closeOnClickModal: {\n type: Boolean,\n default: true,\n },\n /**\n * @description whether the Dialog can be closed by pressing ESC\n */\n closeOnPressEscape: {\n type: Boolean,\n default: true,\n },\n /**\n * @description whether scroll of body is disabled while Dialog is displayed\n */\n lockScroll: {\n type: Boolean,\n default: true,\n },\n /**\n * @description whether a mask is displayed\n */\n modal: {\n type: Boolean,\n default: true,\n },\n /**\n * @description the Time(milliseconds) before open\n */\n openDelay: {\n type: Number,\n default: 0,\n },\n /**\n * @description the Time(milliseconds) before close\n */\n closeDelay: {\n type: Number,\n default: 0,\n },\n /**\n * @description value for `margin-top` of Dialog CSS, default is 15vh\n */\n top: {\n type: String,\n },\n /**\n * @description visibility of Dialog\n */\n modelValue: Boolean,\n /**\n * @description custom class names for mask\n */\n modalClass: String,\n /**\n * @description width of Dialog, default is 50%\n */\n width: {\n type: [String, Number],\n },\n /**\n * @description same as z-index in native CSS, z-order of dialog\n */\n zIndex: {\n type: Number,\n },\n trapFocus: {\n type: Boolean,\n default: false,\n },\n /**\n * @description header's aria-level attribute\n */\n headerAriaLevel: {\n type: String,\n default: '2',\n },\n} as const)\n\nexport type DialogProps = ExtractPropTypes<typeof dialogProps>\n\nexport const dialogEmits = {\n open: () => true,\n opened: () => true,\n close: () => true,\n closed: () => true,\n [UPDATE_MODEL_EVENT]: (value: boolean) => isBoolean(value),\n openAutoFocus: () => true,\n closeAutoFocus: () => true,\n}\nexport type DialogEmits = typeof dialogEmits\n"],"names":["buildProps","dialogContentProps","definePropType","UPDATE_MODEL_EVENT","isBoolean"],"mappings":";;;;;;;;;;;AAGY,MAAC,WAAW,GAAGA,kBAAU,CAAC;AACtC,EAAE,GAAGC,gCAAkB;AACvB,EAAE,YAAY,EAAE,OAAO;AACvB,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEC,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAEA,sBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,cAAc,EAAE,OAAO;AACzB,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,UAAU,EAAE,MAAM;AACpB,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;AAC3B,EAAE,IAAI,EAAE,MAAM,IAAI;AAClB,EAAE,MAAM,EAAE,MAAM,IAAI;AACpB,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB,EAAE,MAAM,EAAE,MAAM,IAAI;AACpB,EAAE,CAACC,wBAAkB,GAAG,CAAC,KAAK,KAAKC,eAAS,CAAC,KAAK,CAAC;AACnD,EAAE,aAAa,EAAE,MAAM,IAAI;AAC3B,EAAE,cAAc,EAAE,MAAM,IAAI;AAC5B;;;;;"}
1
+ {"version":3,"file":"dialog2.js","sources":["../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n <teleport\n :to=\"appendTo\"\n :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n >\n <transition\n name=\"dialog-fade\"\n @after-enter=\"afterEnter\"\n @after-leave=\"afterLeave\"\n @before-leave=\"beforeLeave\"\n >\n <el-overlay\n v-show=\"visible\"\n custom-mask-event\n :mask=\"modal\"\n :overlay-class=\"modalClass\"\n :z-index=\"zIndex\"\n >\n <div\n role=\"dialog\"\n aria-modal=\"true\"\n :aria-label=\"title || undefined\"\n :aria-labelledby=\"!title ? titleId : undefined\"\n :aria-describedby=\"bodyId\"\n :class=\"`${ns.namespace.value}-overlay-dialog`\"\n :style=\"overlayDialogStyle\"\n @click=\"overlayEvent.onClick\"\n @mousedown=\"overlayEvent.onMousedown\"\n @mouseup=\"overlayEvent.onMouseup\"\n >\n <el-focus-trap\n loop\n :trapped=\"visible\"\n focus-start-el=\"container\"\n @focus-after-trapped=\"onOpenAutoFocus\"\n @focus-after-released=\"onCloseAutoFocus\"\n @focusout-prevented=\"onFocusoutPrevented\"\n @release-requested=\"onCloseRequested\"\n >\n <el-dialog-content\n v-if=\"rendered\"\n ref=\"dialogContentRef\"\n v-bind=\"$attrs\"\n :center=\"center\"\n :align-center=\"alignCenter\"\n :close-icon=\"closeIcon\"\n :draggable=\"draggable\"\n :overflow=\"overflow\"\n :fullscreen=\"fullscreen\"\n :show-close=\"showClose\"\n :title=\"title\"\n :aria-level=\"headerAriaLevel\"\n @close=\"handleClose\"\n >\n <template #header>\n <slot\n v-if=\"!$slots.title\"\n name=\"header\"\n :close=\"handleClose\"\n :title-id=\"titleId\"\n :title-class=\"ns.e('title')\"\n />\n <slot v-else name=\"title\" />\n </template>\n <slot />\n <template v-if=\"$slots.footer\" #footer>\n <slot name=\"footer\" />\n </template>\n </el-dialog-content>\n </el-focus-trap>\n </div>\n </el-overlay>\n </transition>\n </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref, useSlots } from 'vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { useDeprecated, useNamespace, useSameTarget } from '@element-plus/hooks'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport ElDialogContent from './dialog-content.vue'\nimport { dialogInjectionKey } from './constants'\nimport { dialogEmits, dialogProps } from './dialog'\nimport { useDialog } from './use-dialog'\n\ndefineOptions({\n name: 'ElDialog',\n inheritAttrs: false,\n})\n\nconst props = defineProps(dialogProps)\ndefineEmits(dialogEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n {\n scope: 'el-dialog',\n from: 'the title slot',\n replacement: 'the header slot',\n version: '3.0.0',\n ref: 'https://element-plus.org/en-US/component/dialog.html#slots',\n },\n computed(() => !!slots.title)\n)\n\nconst ns = useNamespace('dialog')\nconst dialogRef = ref<HTMLElement>()\nconst headerRef = ref<HTMLElement>()\nconst dialogContentRef = ref()\n\nconst {\n visible,\n titleId,\n bodyId,\n style,\n overlayDialogStyle,\n rendered,\n zIndex,\n afterEnter,\n afterLeave,\n beforeLeave,\n handleClose,\n onModalClick,\n onOpenAutoFocus,\n onCloseAutoFocus,\n onCloseRequested,\n onFocusoutPrevented,\n} = useDialog(props, dialogRef)\n\nprovide(dialogInjectionKey, {\n dialogRef,\n headerRef,\n bodyId,\n ns,\n rendered,\n style,\n})\n\nconst overlayEvent = useSameTarget(onModalClick)\n\nconst draggable = computed(() => props.draggable && !props.fullscreen)\n\ndefineExpose({\n /** @description whether the dialog is visible */\n visible,\n dialogContentRef,\n})\n</script>\n"],"names":["useSlots","useDeprecated","computed","useNamespace","ref","useDialog","provide","dialogInjectionKey","useSameTarget"],"mappings":";;;;;;;;;;;;;;;;;;;uCAsFc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAEvB,IACEC,mBAAA,CAAA;AAAA,MACE,KAAO,EAAA,WAAA;AAAA,MACP,IAAM,EAAA,gBAAA;AAAA,MACN,WAAa,EAAA,iBAAA;AAAA,MACb,OAAS,EAAA,OAAA;AAAA,MACT,GAAK,EAAA,4DAAA;AAAA,OAEPC,YAAS,CAAA,MAAM,CAAC,CAAC,KAAA,CAAM,KAAK,CAC9B,CAAA,CAAA;AAEA,IAAM,MAAA,EAAA,GAAKC,qBAAa,QAAQ,CAAA,CAAA;AAChC,IAAA,MAAM,YAAYC,OAAiB,EAAA,CAAA;AACnC,IAAA,MAAM,YAAYA,OAAiB,EAAA,CAAA;AACnC,IAAA,MAAM,mBAAmBA,OAAI,EAAA,CAAA;AAE7B,IAAM,MAAA;AAAA,MACJ,OAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACA,kBAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA;AAAA,MACA,eAAA;AAAA,MACA,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA,mBAAA;AAAA,KACE,GAAAC,mBAAA,CAAU,OAAO,SAAS,CAAA,CAAA;AAE9B,IAAAC,WAAA,CAAQC,4BAAoB,EAAA;AAAA,MAC1B,SAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,EAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAeC,sBAAc,YAAY,CAAA,CAAA;AAE/C,IAAA,MAAM,YAAYN,YAAS,CAAA,MAAM,MAAM,SAAa,IAAA,CAAC,MAAM,UAAU,CAAA,CAAA;AAErE,IAAa,MAAA,CAAA;AAAA,MAEX,OAAA;AAAA,MACA,gBAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  require('../../../utils/index.js');
6
6
  require('../../dialog/index.js');
7
7
  var runtime = require('../../../utils/vue/props/runtime.js');
8
- var dialog = require('../../dialog/src/dialog2.js');
8
+ var dialog = require('../../dialog/src/dialog.js');
9
9
 
10
10
  const drawerProps = runtime.buildProps({
11
11
  ...dialog.dialogProps,
@@ -87,7 +87,7 @@ var affix = require('./affix/src/affix.js');
87
87
  var alert = require('./alert/src/alert.js');
88
88
  var autocomplete = require('./autocomplete/src/autocomplete.js');
89
89
  var avatar = require('./avatar/src/avatar.js');
90
- var backtop = require('./backtop/src/backtop.js');
90
+ var backtop = require('./backtop/src/backtop2.js');
91
91
  var badge = require('./badge/src/badge.js');
92
92
  var breadcrumb = require('./breadcrumb/src/breadcrumb.js');
93
93
  var breadcrumbItem = require('./breadcrumb/src/breadcrumb-item.js');
@@ -96,7 +96,7 @@ var button = require('./button/src/button.js');
96
96
  var constants$1 = require('./button/src/constants.js');
97
97
  var calendar = require('./calendar/src/calendar.js');
98
98
  var card = require('./card/src/card.js');
99
- var carousel = require('./carousel/src/carousel2.js');
99
+ var carousel = require('./carousel/src/carousel.js');
100
100
  var carouselItem = require('./carousel/src/carousel-item.js');
101
101
  var constants$2 = require('./carousel/src/constants.js');
102
102
  var cascader = require('./cascader/src/cascader.js');
@@ -121,7 +121,7 @@ var datePicker = require('./date-picker/src/props/date-picker.js');
121
121
  var description = require('./descriptions/src/description.js');
122
122
  var descriptionItem = require('./descriptions/src/description-item.js');
123
123
  var useDialog = require('./dialog/src/use-dialog.js');
124
- var dialog = require('./dialog/src/dialog2.js');
124
+ var dialog = require('./dialog/src/dialog.js');
125
125
  var constants$7 = require('./dialog/src/constants.js');
126
126
  var divider = require('./divider/src/divider.js');
127
127
  var drawer = require('./drawer/src/drawer.js');
@@ -162,7 +162,7 @@ var radioGroup = require('./radio/src/radio-group.js');
162
162
  var radioButton = require('./radio/src/radio-button.js');
163
163
  var constants$b = require('./radio/src/constants.js');
164
164
  var rate = require('./rate/src/rate.js');
165
- var result = require('./result/src/result.js');
165
+ var result = require('./result/src/result2.js');
166
166
  var row = require('./row/src/row.js');
167
167
  var constants$c = require('./row/src/constants.js');
168
168
  var util = require('./scrollbar/src/util.js');
@@ -206,7 +206,7 @@ var trigger$2 = require('./tooltip/src/trigger.js');
206
206
  var content$2 = require('./tooltip/src/content.js');
207
207
  var constants$i = require('./tooltip/src/constants.js');
208
208
  var transfer = require('./transfer/src/transfer.js');
209
- var upload = require('./upload/src/upload2.js');
209
+ var upload = require('./upload/src/upload.js');
210
210
  var uploadContent = require('./upload/src/upload-content.js');
211
211
  var uploadList = require('./upload/src/upload-list.js');
212
212
  var uploadDragger = require('./upload/src/upload-dragger.js');