@element-plus/nightly 0.0.20231102 → 0.0.20231104

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 (318) hide show
  1. package/dist/index.full.js +14 -32
  2. package/dist/index.full.min.js +11 -11
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +11 -11
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +14 -32
  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.js +1 -1
  12. package/dist/locale/ar.min.js +1 -1
  13. package/dist/locale/ar.min.mjs +1 -1
  14. package/dist/locale/ar.mjs +1 -1
  15. package/dist/locale/az.js +1 -1
  16. package/dist/locale/az.min.js +1 -1
  17. package/dist/locale/az.min.mjs +1 -1
  18. package/dist/locale/az.mjs +1 -1
  19. package/dist/locale/bg.js +1 -1
  20. package/dist/locale/bg.min.js +1 -1
  21. package/dist/locale/bg.min.mjs +1 -1
  22. package/dist/locale/bg.mjs +1 -1
  23. package/dist/locale/bn.js +1 -1
  24. package/dist/locale/bn.min.js +1 -1
  25. package/dist/locale/bn.min.mjs +1 -1
  26. package/dist/locale/bn.mjs +1 -1
  27. package/dist/locale/ca.js +1 -1
  28. package/dist/locale/ca.min.js +1 -1
  29. package/dist/locale/ca.min.mjs +1 -1
  30. package/dist/locale/ca.mjs +1 -1
  31. package/dist/locale/ckb.js +1 -1
  32. package/dist/locale/ckb.min.js +1 -1
  33. package/dist/locale/ckb.min.mjs +1 -1
  34. package/dist/locale/ckb.mjs +1 -1
  35. package/dist/locale/cs.js +1 -1
  36. package/dist/locale/cs.min.js +1 -1
  37. package/dist/locale/cs.min.mjs +1 -1
  38. package/dist/locale/cs.mjs +1 -1
  39. package/dist/locale/da.js +1 -1
  40. package/dist/locale/da.min.js +1 -1
  41. package/dist/locale/da.min.mjs +1 -1
  42. package/dist/locale/da.mjs +1 -1
  43. package/dist/locale/de.js +1 -1
  44. package/dist/locale/de.min.js +1 -1
  45. package/dist/locale/de.min.mjs +1 -1
  46. package/dist/locale/de.mjs +1 -1
  47. package/dist/locale/el.js +1 -1
  48. package/dist/locale/el.min.js +1 -1
  49. package/dist/locale/el.min.mjs +1 -1
  50. package/dist/locale/el.mjs +1 -1
  51. package/dist/locale/en.js +1 -1
  52. package/dist/locale/en.min.js +1 -1
  53. package/dist/locale/en.min.mjs +1 -1
  54. package/dist/locale/en.mjs +1 -1
  55. package/dist/locale/eo.js +1 -1
  56. package/dist/locale/eo.min.js +1 -1
  57. package/dist/locale/eo.min.mjs +1 -1
  58. package/dist/locale/eo.mjs +1 -1
  59. package/dist/locale/es.js +1 -1
  60. package/dist/locale/es.min.js +1 -1
  61. package/dist/locale/es.min.mjs +1 -1
  62. package/dist/locale/es.mjs +1 -1
  63. package/dist/locale/et.js +1 -1
  64. package/dist/locale/et.min.js +1 -1
  65. package/dist/locale/et.min.mjs +1 -1
  66. package/dist/locale/et.mjs +1 -1
  67. package/dist/locale/eu.js +1 -1
  68. package/dist/locale/eu.min.js +1 -1
  69. package/dist/locale/eu.min.mjs +1 -1
  70. package/dist/locale/eu.mjs +1 -1
  71. package/dist/locale/fa.js +1 -1
  72. package/dist/locale/fa.min.js +1 -1
  73. package/dist/locale/fa.min.mjs +1 -1
  74. package/dist/locale/fa.mjs +1 -1
  75. package/dist/locale/fi.js +1 -1
  76. package/dist/locale/fi.min.js +1 -1
  77. package/dist/locale/fi.min.mjs +1 -1
  78. package/dist/locale/fi.mjs +1 -1
  79. package/dist/locale/fr.js +1 -1
  80. package/dist/locale/fr.min.js +1 -1
  81. package/dist/locale/fr.min.mjs +1 -1
  82. package/dist/locale/fr.mjs +1 -1
  83. package/dist/locale/he.js +1 -1
  84. package/dist/locale/he.min.js +1 -1
  85. package/dist/locale/he.min.mjs +1 -1
  86. package/dist/locale/he.mjs +1 -1
  87. package/dist/locale/hr.js +1 -1
  88. package/dist/locale/hr.min.js +1 -1
  89. package/dist/locale/hr.min.mjs +1 -1
  90. package/dist/locale/hr.mjs +1 -1
  91. package/dist/locale/hu.js +1 -1
  92. package/dist/locale/hu.min.js +1 -1
  93. package/dist/locale/hu.min.mjs +1 -1
  94. package/dist/locale/hu.mjs +1 -1
  95. package/dist/locale/hy-am.js +1 -1
  96. package/dist/locale/hy-am.min.js +1 -1
  97. package/dist/locale/hy-am.min.mjs +1 -1
  98. package/dist/locale/hy-am.mjs +1 -1
  99. package/dist/locale/id.js +1 -1
  100. package/dist/locale/id.min.js +1 -1
  101. package/dist/locale/id.min.mjs +1 -1
  102. package/dist/locale/id.mjs +1 -1
  103. package/dist/locale/it.js +1 -1
  104. package/dist/locale/it.min.js +1 -1
  105. package/dist/locale/it.min.mjs +1 -1
  106. package/dist/locale/it.mjs +1 -1
  107. package/dist/locale/ja.js +1 -1
  108. package/dist/locale/ja.min.js +1 -1
  109. package/dist/locale/ja.min.mjs +1 -1
  110. package/dist/locale/ja.mjs +1 -1
  111. package/dist/locale/kk.js +1 -1
  112. package/dist/locale/kk.min.js +1 -1
  113. package/dist/locale/kk.min.mjs +1 -1
  114. package/dist/locale/kk.mjs +1 -1
  115. package/dist/locale/km.js +1 -1
  116. package/dist/locale/km.min.js +1 -1
  117. package/dist/locale/km.min.mjs +1 -1
  118. package/dist/locale/km.mjs +1 -1
  119. package/dist/locale/ko.js +1 -1
  120. package/dist/locale/ko.min.js +1 -1
  121. package/dist/locale/ko.min.mjs +1 -1
  122. package/dist/locale/ko.mjs +1 -1
  123. package/dist/locale/ku.js +1 -1
  124. package/dist/locale/ku.min.js +1 -1
  125. package/dist/locale/ku.min.mjs +1 -1
  126. package/dist/locale/ku.mjs +1 -1
  127. package/dist/locale/ky.js +1 -1
  128. package/dist/locale/ky.min.js +1 -1
  129. package/dist/locale/ky.min.mjs +1 -1
  130. package/dist/locale/ky.mjs +1 -1
  131. package/dist/locale/lt.js +1 -1
  132. package/dist/locale/lt.min.js +1 -1
  133. package/dist/locale/lt.min.mjs +1 -1
  134. package/dist/locale/lt.mjs +1 -1
  135. package/dist/locale/lv.js +1 -1
  136. package/dist/locale/lv.min.js +1 -1
  137. package/dist/locale/lv.min.mjs +1 -1
  138. package/dist/locale/lv.mjs +1 -1
  139. package/dist/locale/mg.js +1 -1
  140. package/dist/locale/mg.min.js +1 -1
  141. package/dist/locale/mg.min.mjs +1 -1
  142. package/dist/locale/mg.mjs +1 -1
  143. package/dist/locale/mn.js +1 -1
  144. package/dist/locale/mn.min.js +1 -1
  145. package/dist/locale/mn.min.mjs +1 -1
  146. package/dist/locale/mn.mjs +1 -1
  147. package/dist/locale/nb-no.js +1 -1
  148. package/dist/locale/nb-no.min.js +1 -1
  149. package/dist/locale/nb-no.min.mjs +1 -1
  150. package/dist/locale/nb-no.mjs +1 -1
  151. package/dist/locale/nl.js +1 -1
  152. package/dist/locale/nl.min.js +1 -1
  153. package/dist/locale/nl.min.mjs +1 -1
  154. package/dist/locale/nl.mjs +1 -1
  155. package/dist/locale/pa.js +1 -1
  156. package/dist/locale/pa.min.js +1 -1
  157. package/dist/locale/pa.min.mjs +1 -1
  158. package/dist/locale/pa.mjs +1 -1
  159. package/dist/locale/pl.js +1 -1
  160. package/dist/locale/pl.min.js +1 -1
  161. package/dist/locale/pl.min.mjs +1 -1
  162. package/dist/locale/pl.mjs +1 -1
  163. package/dist/locale/pt-br.js +1 -1
  164. package/dist/locale/pt-br.min.js +1 -1
  165. package/dist/locale/pt-br.min.mjs +1 -1
  166. package/dist/locale/pt-br.mjs +1 -1
  167. package/dist/locale/pt.js +1 -1
  168. package/dist/locale/pt.min.js +1 -1
  169. package/dist/locale/pt.min.mjs +1 -1
  170. package/dist/locale/pt.mjs +1 -1
  171. package/dist/locale/ro.js +1 -1
  172. package/dist/locale/ro.min.js +1 -1
  173. package/dist/locale/ro.min.mjs +1 -1
  174. package/dist/locale/ro.mjs +1 -1
  175. package/dist/locale/ru.js +1 -1
  176. package/dist/locale/ru.min.js +1 -1
  177. package/dist/locale/ru.min.mjs +1 -1
  178. package/dist/locale/ru.mjs +1 -1
  179. package/dist/locale/sk.js +1 -1
  180. package/dist/locale/sk.min.js +1 -1
  181. package/dist/locale/sk.min.mjs +1 -1
  182. package/dist/locale/sk.mjs +1 -1
  183. package/dist/locale/sl.js +1 -1
  184. package/dist/locale/sl.min.js +1 -1
  185. package/dist/locale/sl.min.mjs +1 -1
  186. package/dist/locale/sl.mjs +1 -1
  187. package/dist/locale/sr.js +1 -1
  188. package/dist/locale/sr.min.js +1 -1
  189. package/dist/locale/sr.min.mjs +1 -1
  190. package/dist/locale/sr.mjs +1 -1
  191. package/dist/locale/sv.js +1 -1
  192. package/dist/locale/sv.min.js +1 -1
  193. package/dist/locale/sv.min.mjs +1 -1
  194. package/dist/locale/sv.mjs +1 -1
  195. package/dist/locale/sw.js +1 -1
  196. package/dist/locale/sw.min.js +1 -1
  197. package/dist/locale/sw.min.mjs +1 -1
  198. package/dist/locale/sw.mjs +1 -1
  199. package/dist/locale/ta.js +1 -1
  200. package/dist/locale/ta.min.js +1 -1
  201. package/dist/locale/ta.min.mjs +1 -1
  202. package/dist/locale/ta.mjs +1 -1
  203. package/dist/locale/th.js +1 -1
  204. package/dist/locale/th.min.js +1 -1
  205. package/dist/locale/th.min.mjs +1 -1
  206. package/dist/locale/th.mjs +1 -1
  207. package/dist/locale/tk.js +1 -1
  208. package/dist/locale/tk.min.js +1 -1
  209. package/dist/locale/tk.min.mjs +1 -1
  210. package/dist/locale/tk.mjs +1 -1
  211. package/dist/locale/tr.js +1 -1
  212. package/dist/locale/tr.min.js +1 -1
  213. package/dist/locale/tr.min.mjs +1 -1
  214. package/dist/locale/tr.mjs +1 -1
  215. package/dist/locale/ug-cn.js +1 -1
  216. package/dist/locale/ug-cn.min.js +1 -1
  217. package/dist/locale/ug-cn.min.mjs +1 -1
  218. package/dist/locale/ug-cn.mjs +1 -1
  219. package/dist/locale/uk.js +1 -1
  220. package/dist/locale/uk.min.js +1 -1
  221. package/dist/locale/uk.min.mjs +1 -1
  222. package/dist/locale/uk.mjs +1 -1
  223. package/dist/locale/uz-uz.js +1 -1
  224. package/dist/locale/uz-uz.min.js +1 -1
  225. package/dist/locale/uz-uz.min.mjs +1 -1
  226. package/dist/locale/uz-uz.mjs +1 -1
  227. package/dist/locale/vi.js +1 -1
  228. package/dist/locale/vi.min.js +1 -1
  229. package/dist/locale/vi.min.mjs +1 -1
  230. package/dist/locale/vi.mjs +1 -1
  231. package/dist/locale/zh-cn.js +1 -1
  232. package/dist/locale/zh-cn.min.js +1 -1
  233. package/dist/locale/zh-cn.min.mjs +1 -1
  234. package/dist/locale/zh-cn.mjs +1 -1
  235. package/dist/locale/zh-tw.js +1 -1
  236. package/dist/locale/zh-tw.min.js +1 -1
  237. package/dist/locale/zh-tw.min.mjs +1 -1
  238. package/dist/locale/zh-tw.mjs +1 -1
  239. package/es/components/checkbox/index.mjs +2 -2
  240. package/es/components/checkbox/src/checkbox-group.mjs +72 -28
  241. package/es/components/checkbox/src/checkbox-group.mjs.map +1 -1
  242. package/es/components/checkbox/src/checkbox-group2.mjs +28 -72
  243. package/es/components/checkbox/src/checkbox-group2.mjs.map +1 -1
  244. package/es/components/collapse/index.mjs +2 -2
  245. package/es/components/collapse/src/collapse-item.mjs +91 -14
  246. package/es/components/collapse/src/collapse-item.mjs.map +1 -1
  247. package/es/components/collapse/src/collapse-item2.mjs +14 -91
  248. package/es/components/collapse/src/collapse-item2.mjs.map +1 -1
  249. package/es/components/countdown/index.mjs +2 -2
  250. package/es/components/countdown/src/countdown.mjs +23 -74
  251. package/es/components/countdown/src/countdown.mjs.map +1 -1
  252. package/es/components/countdown/src/countdown2.mjs +74 -23
  253. package/es/components/countdown/src/countdown2.mjs.map +1 -1
  254. package/es/components/dialog/index.mjs +2 -2
  255. package/es/components/dialog/src/dialog.mjs +65 -170
  256. package/es/components/dialog/src/dialog.mjs.map +1 -1
  257. package/es/components/dialog/src/dialog2.mjs +170 -65
  258. package/es/components/dialog/src/dialog2.mjs.map +1 -1
  259. package/es/components/drawer/src/drawer.mjs +1 -1
  260. package/es/components/index.mjs +6 -6
  261. package/es/components/steps/index.mjs +2 -2
  262. package/es/components/steps/src/steps.mjs +39 -36
  263. package/es/components/steps/src/steps.mjs.map +1 -1
  264. package/es/components/steps/src/steps2.mjs +36 -39
  265. package/es/components/steps/src/steps2.mjs.map +1 -1
  266. package/es/components/table/src/util.mjs +13 -30
  267. package/es/components/table/src/util.mjs.map +1 -1
  268. package/es/components/upload/index.mjs +1 -1
  269. package/es/components/upload/src/upload-content.mjs +33 -194
  270. package/es/components/upload/src/upload-content.mjs.map +1 -1
  271. package/es/components/upload/src/upload-content2.mjs +194 -33
  272. package/es/components/upload/src/upload-content2.mjs.map +1 -1
  273. package/es/components/upload/src/upload2.mjs +1 -1
  274. package/es/index.mjs +6 -6
  275. package/es/version.d.ts +1 -1
  276. package/es/version.mjs +1 -1
  277. package/es/version.mjs.map +1 -1
  278. package/lib/components/checkbox/index.js +2 -2
  279. package/lib/components/checkbox/src/checkbox-group.js +72 -29
  280. package/lib/components/checkbox/src/checkbox-group.js.map +1 -1
  281. package/lib/components/checkbox/src/checkbox-group2.js +29 -72
  282. package/lib/components/checkbox/src/checkbox-group2.js.map +1 -1
  283. package/lib/components/collapse/index.js +2 -2
  284. package/lib/components/collapse/src/collapse-item.js +91 -14
  285. package/lib/components/collapse/src/collapse-item.js.map +1 -1
  286. package/lib/components/collapse/src/collapse-item2.js +14 -91
  287. package/lib/components/collapse/src/collapse-item2.js.map +1 -1
  288. package/lib/components/countdown/index.js +2 -2
  289. package/lib/components/countdown/src/countdown.js +24 -74
  290. package/lib/components/countdown/src/countdown.js.map +1 -1
  291. package/lib/components/countdown/src/countdown2.js +74 -24
  292. package/lib/components/countdown/src/countdown2.js.map +1 -1
  293. package/lib/components/dialog/index.js +2 -2
  294. package/lib/components/dialog/src/dialog.js +66 -170
  295. package/lib/components/dialog/src/dialog.js.map +1 -1
  296. package/lib/components/dialog/src/dialog2.js +170 -66
  297. package/lib/components/dialog/src/dialog2.js.map +1 -1
  298. package/lib/components/drawer/src/drawer.js +1 -1
  299. package/lib/components/index.js +6 -6
  300. package/lib/components/steps/index.js +2 -2
  301. package/lib/components/steps/src/steps.js +39 -37
  302. package/lib/components/steps/src/steps.js.map +1 -1
  303. package/lib/components/steps/src/steps2.js +37 -39
  304. package/lib/components/steps/src/steps2.js.map +1 -1
  305. package/lib/components/table/src/util.js +13 -30
  306. package/lib/components/table/src/util.js.map +1 -1
  307. package/lib/components/upload/index.js +1 -1
  308. package/lib/components/upload/src/upload-content.js +31 -192
  309. package/lib/components/upload/src/upload-content.js.map +1 -1
  310. package/lib/components/upload/src/upload-content2.js +192 -31
  311. package/lib/components/upload/src/upload-content2.js.map +1 -1
  312. package/lib/components/upload/src/upload2.js +1 -1
  313. package/lib/index.js +6 -6
  314. package/lib/version.d.ts +1 -1
  315. package/lib/version.js +1 -1
  316. package/lib/version.js.map +1 -1
  317. package/package.json +2 -2
  318. package/web-types.json +1 -1
@@ -2,83 +2,33 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var index = require('../../statistic/index.js');
7
5
  require('../../../utils/index.js');
8
- var countdown = require('./countdown2.js');
9
- var utils = require('./utils.js');
10
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
11
- var raf = require('../../../utils/raf.js');
6
+ require('../../../constants/index.js');
7
+ var runtime = require('../../../utils/vue/props/runtime.js');
8
+ var event = require('../../../constants/event.js');
9
+ var types = require('../../../utils/types.js');
12
10
 
13
- const __default__ = vue.defineComponent({
14
- name: "ElCountdown"
15
- });
16
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
17
- ...__default__,
18
- props: countdown.countdownProps,
19
- emits: countdown.countdownEmits,
20
- setup(__props, { expose, emit }) {
21
- const props = __props;
22
- let timer;
23
- const rawValue = vue.ref(utils.getTime(props.value) - Date.now());
24
- const displayValue = vue.computed(() => utils.formatTime(rawValue.value, props.format));
25
- const formatter = (val) => utils.formatTime(val, props.format);
26
- const stopTimer = () => {
27
- if (timer) {
28
- raf.cAF(timer);
29
- timer = void 0;
30
- }
31
- };
32
- const startTimer = () => {
33
- const timestamp = utils.getTime(props.value);
34
- const frameFunc = () => {
35
- let diff = timestamp - Date.now();
36
- emit("change", diff);
37
- if (diff <= 0) {
38
- diff = 0;
39
- stopTimer();
40
- emit("finish");
41
- } else {
42
- timer = raf.rAF(frameFunc);
43
- }
44
- rawValue.value = diff;
45
- };
46
- timer = raf.rAF(frameFunc);
47
- };
48
- vue.watch(() => [props.value, props.format], () => {
49
- stopTimer();
50
- startTimer();
51
- }, {
52
- immediate: true
53
- });
54
- vue.onBeforeUnmount(() => {
55
- stopTimer();
56
- });
57
- expose({
58
- displayValue
59
- });
60
- return (_ctx, _cache) => {
61
- return vue.openBlock(), vue.createBlock(vue.unref(index.ElStatistic), {
62
- value: rawValue.value,
63
- title: _ctx.title,
64
- prefix: _ctx.prefix,
65
- suffix: _ctx.suffix,
66
- "value-style": _ctx.valueStyle,
67
- formatter
68
- }, vue.createSlots({ _: 2 }, [
69
- vue.renderList(_ctx.$slots, (_, name) => {
70
- return {
71
- name,
72
- fn: vue.withCtx(() => [
73
- vue.renderSlot(_ctx.$slots, name)
74
- ])
75
- };
76
- })
77
- ]), 1032, ["value", "title", "prefix", "suffix", "value-style"]);
78
- };
11
+ const countdownProps = runtime.buildProps({
12
+ format: {
13
+ type: String,
14
+ default: "HH:mm:ss"
15
+ },
16
+ prefix: String,
17
+ suffix: String,
18
+ title: String,
19
+ value: {
20
+ type: runtime.definePropType([Number, Object]),
21
+ default: 0
22
+ },
23
+ valueStyle: {
24
+ type: runtime.definePropType([String, Object, Array])
79
25
  }
80
26
  });
81
- var Countdown = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/countdown/src/countdown.vue"]]);
27
+ const countdownEmits = {
28
+ finish: () => true,
29
+ [event.CHANGE_EVENT]: (value) => types.isNumber(value)
30
+ };
82
31
 
83
- exports["default"] = Countdown;
32
+ exports.countdownEmits = countdownEmits;
33
+ exports.countdownProps = countdownProps;
84
34
  //# sourceMappingURL=countdown.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"countdown.js","sources":["../../../../../../packages/components/countdown/src/countdown.vue"],"sourcesContent":["<template>\n <el-statistic\n :value=\"rawValue\"\n :title=\"title\"\n :prefix=\"prefix\"\n :suffix=\"suffix\"\n :value-style=\"valueStyle\"\n :formatter=\"formatter\"\n >\n <template v-for=\"(_, name) in $slots\" #[name]>\n <slot :name=\"name\" />\n </template>\n </el-statistic>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { ElStatistic } from '@element-plus/components/statistic'\nimport { cAF, rAF } from '@element-plus/utils'\nimport { countdownEmits, countdownProps } from './countdown'\nimport { formatTime, getTime } from './utils'\n\ndefineOptions({\n name: 'ElCountdown',\n})\n\nconst props = defineProps(countdownProps)\nconst emit = defineEmits(countdownEmits)\n\nlet timer: ReturnType<typeof rAF> | undefined\nconst rawValue = ref(getTime(props.value) - Date.now())\nconst displayValue = computed(() => formatTime(rawValue.value, props.format))\n\nconst formatter = (val: number) => formatTime(val, props.format)\n\nconst stopTimer = () => {\n if (timer) {\n cAF(timer)\n timer = undefined\n }\n}\n\nconst startTimer = () => {\n const timestamp = getTime(props.value)\n const frameFunc = () => {\n let diff = timestamp - Date.now()\n emit('change', diff)\n if (diff <= 0) {\n diff = 0\n stopTimer()\n emit('finish')\n } else {\n timer = rAF(frameFunc)\n }\n rawValue.value = diff\n }\n timer = rAF(frameFunc)\n}\n\nwatch(\n () => [props.value, props.format],\n () => {\n stopTimer()\n startTimer()\n },\n {\n immediate: true,\n }\n)\n\nonBeforeUnmount(() => {\n stopTimer()\n})\n\ndefineExpose({\n /**\n * @description current display value\n */\n displayValue,\n})\n</script>\n"],"names":["ref","getTime","computed","formatTime","cAF","rAF","watch","onBeforeUnmount"],"mappings":";;;;;;;;;;;;uCAqBc,CAAA;AAAA,EACZ,IAAM,EAAA,aAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAI,IAAA,KAAA,CAAA;AACJ,IAAM,MAAA,QAAA,GAAWA,QAAIC,aAAQ,CAAA,KAAA,CAAM,KAAK,CAAI,GAAA,IAAA,CAAK,KAAK,CAAA,CAAA;AACtD,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAMC,gBAAA,CAAW,SAAS,KAAO,EAAA,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA;AAE5E,IAAA,MAAM,YAAY,CAAC,GAAA,KAAgBA,gBAAW,CAAA,GAAA,EAAK,MAAM,MAAM,CAAA,CAAA;AAE/D,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,IAAI,KAAO,EAAA;AACT,QAAAC,OAAA,CAAI,KAAK,CAAA,CAAA;AACT,QAAQ,KAAA,GAAA,KAAA,CAAA,CAAA;AAAA,OACV;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,aAAa,MAAM;AACvB,MAAM,MAAA,SAAA,GAAYH,aAAQ,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AACrC,MAAA,MAAM,YAAY,MAAM;AACtB,QAAI,IAAA,IAAA,GAAO,SAAY,GAAA,IAAA,CAAK,GAAI,EAAA,CAAA;AAChC,QAAA,IAAA,CAAK,UAAU,IAAI,CAAA,CAAA;AACnB,QAAA,IAAI,QAAQ,CAAG,EAAA;AACb,UAAO,IAAA,GAAA,CAAA,CAAA;AACP,UAAU,SAAA,EAAA,CAAA;AACV,UAAA,IAAA,CAAK,QAAQ,CAAA,CAAA;AAAA,SACR,MAAA;AACL,UAAA,KAAA,GAAQI,QAAI,SAAS,CAAA,CAAA;AAAA,SACvB;AACA,QAAA,QAAA,CAAS,KAAQ,GAAA,IAAA,CAAA;AAAA,OACnB,CAAA;AACA,MAAA,KAAA,GAAQA,QAAI,SAAS,CAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAAC,SAAA,CACE,MAAM,CAAC,KAAA,CAAM,OAAO,KAAM,CAAA,MAAM,GAChC,MAAM;AACJ,MAAU,SAAA,EAAA,CAAA;AACV,MAAW,UAAA,EAAA,CAAA;AAAA,KAEb,EAAA;AAAA,MACE,SAAW,EAAA,IAAA;AAAA,KAEf,CAAA,CAAA;AAEA,IAAAC,mBAAA,CAAgB,MAAM;AACpB,MAAU,SAAA,EAAA,CAAA;AAAA,KACX,CAAA,CAAA;AAED,IAAa,MAAA,CAAA;AAAA,MAIX,YAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"countdown.js","sources":["../../../../../../packages/components/countdown/src/countdown.ts"],"sourcesContent":["import { buildProps, definePropType, isNumber } from '@element-plus/utils'\nimport { CHANGE_EVENT } from '@element-plus/constants'\n\nimport type { ExtractPropTypes, StyleValue } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type Countdown from './countdown.vue'\n\nexport const countdownProps = buildProps({\n /**\n * @description Formatting the countdown display\n */\n format: {\n type: String,\n default: 'HH:mm:ss',\n },\n /**\n * @description Sets the prefix of a countdown\n */\n prefix: String,\n /**\n * @description Sets the suffix of a countdown\n */\n suffix: String,\n /**\n * @description countdown titles\n */\n title: String,\n /**\n * @description target time\n */\n value: {\n type: definePropType<number | Dayjs>([Number, Object]),\n default: 0,\n },\n /**\n * @description Styles countdown values\n */\n valueStyle: {\n type: definePropType<StyleValue>([String, Object, Array]),\n },\n} as const)\nexport type CountdownProps = ExtractPropTypes<typeof countdownProps>\n\nexport const countdownEmits = {\n finish: () => true,\n [CHANGE_EVENT]: (value: number) => isNumber(value),\n}\nexport type CountdownEmits = typeof countdownEmits\n\nexport type CountdownInstance = InstanceType<typeof Countdown>\n"],"names":["buildProps","definePropType","CHANGE_EVENT","isNumber"],"mappings":";;;;;;;;;;AAEY,MAAC,cAAc,GAAGA,kBAAU,CAAC;AACzC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,UAAU;AACvB,GAAG;AACH,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEA,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AACjD,GAAG;AACH,CAAC,EAAE;AACS,MAAC,cAAc,GAAG;AAC9B,EAAE,MAAM,EAAE,MAAM,IAAI;AACpB,EAAE,CAACC,kBAAY,GAAG,CAAC,KAAK,KAAKC,cAAQ,CAAC,KAAK,CAAC;AAC5C;;;;;"}
@@ -2,33 +2,83 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var vue = require('vue');
6
+ var index = require('../../statistic/index.js');
5
7
  require('../../../utils/index.js');
6
- require('../../../constants/index.js');
7
- var runtime = require('../../../utils/vue/props/runtime.js');
8
- var event = require('../../../constants/event.js');
9
- var types = require('../../../utils/types.js');
8
+ var countdown = require('./countdown.js');
9
+ var utils = require('./utils.js');
10
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
11
+ var raf = require('../../../utils/raf.js');
10
12
 
11
- const countdownProps = runtime.buildProps({
12
- format: {
13
- type: String,
14
- default: "HH:mm:ss"
15
- },
16
- prefix: String,
17
- suffix: String,
18
- title: String,
19
- value: {
20
- type: runtime.definePropType([Number, Object]),
21
- default: 0
22
- },
23
- valueStyle: {
24
- type: runtime.definePropType([String, Object, Array])
13
+ const __default__ = vue.defineComponent({
14
+ name: "ElCountdown"
15
+ });
16
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
17
+ ...__default__,
18
+ props: countdown.countdownProps,
19
+ emits: countdown.countdownEmits,
20
+ setup(__props, { expose, emit }) {
21
+ const props = __props;
22
+ let timer;
23
+ const rawValue = vue.ref(utils.getTime(props.value) - Date.now());
24
+ const displayValue = vue.computed(() => utils.formatTime(rawValue.value, props.format));
25
+ const formatter = (val) => utils.formatTime(val, props.format);
26
+ const stopTimer = () => {
27
+ if (timer) {
28
+ raf.cAF(timer);
29
+ timer = void 0;
30
+ }
31
+ };
32
+ const startTimer = () => {
33
+ const timestamp = utils.getTime(props.value);
34
+ const frameFunc = () => {
35
+ let diff = timestamp - Date.now();
36
+ emit("change", diff);
37
+ if (diff <= 0) {
38
+ diff = 0;
39
+ stopTimer();
40
+ emit("finish");
41
+ } else {
42
+ timer = raf.rAF(frameFunc);
43
+ }
44
+ rawValue.value = diff;
45
+ };
46
+ timer = raf.rAF(frameFunc);
47
+ };
48
+ vue.watch(() => [props.value, props.format], () => {
49
+ stopTimer();
50
+ startTimer();
51
+ }, {
52
+ immediate: true
53
+ });
54
+ vue.onBeforeUnmount(() => {
55
+ stopTimer();
56
+ });
57
+ expose({
58
+ displayValue
59
+ });
60
+ return (_ctx, _cache) => {
61
+ return vue.openBlock(), vue.createBlock(vue.unref(index.ElStatistic), {
62
+ value: rawValue.value,
63
+ title: _ctx.title,
64
+ prefix: _ctx.prefix,
65
+ suffix: _ctx.suffix,
66
+ "value-style": _ctx.valueStyle,
67
+ formatter
68
+ }, vue.createSlots({ _: 2 }, [
69
+ vue.renderList(_ctx.$slots, (_, name) => {
70
+ return {
71
+ name,
72
+ fn: vue.withCtx(() => [
73
+ vue.renderSlot(_ctx.$slots, name)
74
+ ])
75
+ };
76
+ })
77
+ ]), 1032, ["value", "title", "prefix", "suffix", "value-style"]);
78
+ };
25
79
  }
26
80
  });
27
- const countdownEmits = {
28
- finish: () => true,
29
- [event.CHANGE_EVENT]: (value) => types.isNumber(value)
30
- };
81
+ var Countdown = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/countdown/src/countdown.vue"]]);
31
82
 
32
- exports.countdownEmits = countdownEmits;
33
- exports.countdownProps = countdownProps;
83
+ exports["default"] = Countdown;
34
84
  //# sourceMappingURL=countdown2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"countdown2.js","sources":["../../../../../../packages/components/countdown/src/countdown.ts"],"sourcesContent":["import { buildProps, definePropType, isNumber } from '@element-plus/utils'\nimport { CHANGE_EVENT } from '@element-plus/constants'\n\nimport type { ExtractPropTypes, StyleValue } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type Countdown from './countdown.vue'\n\nexport const countdownProps = buildProps({\n /**\n * @description Formatting the countdown display\n */\n format: {\n type: String,\n default: 'HH:mm:ss',\n },\n /**\n * @description Sets the prefix of a countdown\n */\n prefix: String,\n /**\n * @description Sets the suffix of a countdown\n */\n suffix: String,\n /**\n * @description countdown titles\n */\n title: String,\n /**\n * @description target time\n */\n value: {\n type: definePropType<number | Dayjs>([Number, Object]),\n default: 0,\n },\n /**\n * @description Styles countdown values\n */\n valueStyle: {\n type: definePropType<StyleValue>([String, Object, Array]),\n },\n} as const)\nexport type CountdownProps = ExtractPropTypes<typeof countdownProps>\n\nexport const countdownEmits = {\n finish: () => true,\n [CHANGE_EVENT]: (value: number) => isNumber(value),\n}\nexport type CountdownEmits = typeof countdownEmits\n\nexport type CountdownInstance = InstanceType<typeof Countdown>\n"],"names":["buildProps","definePropType","CHANGE_EVENT","isNumber"],"mappings":";;;;;;;;;;AAEY,MAAC,cAAc,GAAGA,kBAAU,CAAC;AACzC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,UAAU;AACvB,GAAG;AACH,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEA,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AACjD,GAAG;AACH,CAAC,EAAE;AACS,MAAC,cAAc,GAAG;AAC9B,EAAE,MAAM,EAAE,MAAM,IAAI;AACpB,EAAE,CAACC,kBAAY,GAAG,CAAC,KAAK,KAAKC,cAAQ,CAAC,KAAK,CAAC;AAC5C;;;;;"}
1
+ {"version":3,"file":"countdown2.js","sources":["../../../../../../packages/components/countdown/src/countdown.vue"],"sourcesContent":["<template>\n <el-statistic\n :value=\"rawValue\"\n :title=\"title\"\n :prefix=\"prefix\"\n :suffix=\"suffix\"\n :value-style=\"valueStyle\"\n :formatter=\"formatter\"\n >\n <template v-for=\"(_, name) in $slots\" #[name]>\n <slot :name=\"name\" />\n </template>\n </el-statistic>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { ElStatistic } from '@element-plus/components/statistic'\nimport { cAF, rAF } from '@element-plus/utils'\nimport { countdownEmits, countdownProps } from './countdown'\nimport { formatTime, getTime } from './utils'\n\ndefineOptions({\n name: 'ElCountdown',\n})\n\nconst props = defineProps(countdownProps)\nconst emit = defineEmits(countdownEmits)\n\nlet timer: ReturnType<typeof rAF> | undefined\nconst rawValue = ref(getTime(props.value) - Date.now())\nconst displayValue = computed(() => formatTime(rawValue.value, props.format))\n\nconst formatter = (val: number) => formatTime(val, props.format)\n\nconst stopTimer = () => {\n if (timer) {\n cAF(timer)\n timer = undefined\n }\n}\n\nconst startTimer = () => {\n const timestamp = getTime(props.value)\n const frameFunc = () => {\n let diff = timestamp - Date.now()\n emit('change', diff)\n if (diff <= 0) {\n diff = 0\n stopTimer()\n emit('finish')\n } else {\n timer = rAF(frameFunc)\n }\n rawValue.value = diff\n }\n timer = rAF(frameFunc)\n}\n\nwatch(\n () => [props.value, props.format],\n () => {\n stopTimer()\n startTimer()\n },\n {\n immediate: true,\n }\n)\n\nonBeforeUnmount(() => {\n stopTimer()\n})\n\ndefineExpose({\n /**\n * @description current display value\n */\n displayValue,\n})\n</script>\n"],"names":["ref","getTime","computed","formatTime","cAF","rAF","watch","onBeforeUnmount"],"mappings":";;;;;;;;;;;;uCAqBc,CAAA;AAAA,EACZ,IAAM,EAAA,aAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAI,IAAA,KAAA,CAAA;AACJ,IAAM,MAAA,QAAA,GAAWA,QAAIC,aAAQ,CAAA,KAAA,CAAM,KAAK,CAAI,GAAA,IAAA,CAAK,KAAK,CAAA,CAAA;AACtD,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAMC,gBAAA,CAAW,SAAS,KAAO,EAAA,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA;AAE5E,IAAA,MAAM,YAAY,CAAC,GAAA,KAAgBA,gBAAW,CAAA,GAAA,EAAK,MAAM,MAAM,CAAA,CAAA;AAE/D,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,IAAI,KAAO,EAAA;AACT,QAAAC,OAAA,CAAI,KAAK,CAAA,CAAA;AACT,QAAQ,KAAA,GAAA,KAAA,CAAA,CAAA;AAAA,OACV;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,aAAa,MAAM;AACvB,MAAM,MAAA,SAAA,GAAYH,aAAQ,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AACrC,MAAA,MAAM,YAAY,MAAM;AACtB,QAAI,IAAA,IAAA,GAAO,SAAY,GAAA,IAAA,CAAK,GAAI,EAAA,CAAA;AAChC,QAAA,IAAA,CAAK,UAAU,IAAI,CAAA,CAAA;AACnB,QAAA,IAAI,QAAQ,CAAG,EAAA;AACb,UAAO,IAAA,GAAA,CAAA,CAAA;AACP,UAAU,SAAA,EAAA,CAAA;AACV,UAAA,IAAA,CAAK,QAAQ,CAAA,CAAA;AAAA,SACR,MAAA;AACL,UAAA,KAAA,GAAQI,QAAI,SAAS,CAAA,CAAA;AAAA,SACvB;AACA,QAAA,QAAA,CAAS,KAAQ,GAAA,IAAA,CAAA;AAAA,OACnB,CAAA;AACA,MAAA,KAAA,GAAQA,QAAI,SAAS,CAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAAC,SAAA,CACE,MAAM,CAAC,KAAA,CAAM,OAAO,KAAM,CAAA,MAAM,GAChC,MAAM;AACJ,MAAU,SAAA,EAAA,CAAA;AACV,MAAW,UAAA,EAAA,CAAA;AAAA,KAEb,EAAA;AAAA,MACE,SAAW,EAAA,IAAA;AAAA,KAEf,CAAA,CAAA;AAEA,IAAAC,mBAAA,CAAgB,MAAM;AACpB,MAAU,SAAA,EAAA,CAAA;AAAA,KACX,CAAA,CAAA;AAED,IAAa,MAAA,CAAA;AAAA,MAIX,YAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -3,9 +3,9 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  require('../../utils/index.js');
6
- var dialog$1 = require('./src/dialog.js');
6
+ var dialog$1 = require('./src/dialog2.js');
7
7
  var useDialog = require('./src/use-dialog.js');
8
- var dialog = require('./src/dialog2.js');
8
+ var dialog = require('./src/dialog.js');
9
9
  var constants = require('./src/constants.js');
10
10
  var install = require('../../utils/vue/install.js');
11
11
 
@@ -2,178 +2,74 @@
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
- index.useDeprecated({
39
- scope: "el-dialog",
40
- from: "custom-class",
41
- replacement: "class",
42
- version: "2.3.0",
43
- ref: "https://element-plus.org/en-US/component/dialog.html#attributes",
44
- type: "Attribute"
45
- }, vue.computed(() => !!props.customClass));
46
- const ns = index$1.useNamespace("dialog");
47
- const dialogRef = vue.ref();
48
- const headerRef = vue.ref();
49
- const dialogContentRef = vue.ref();
50
- const {
51
- visible,
52
- titleId,
53
- bodyId,
54
- style,
55
- overlayDialogStyle,
56
- rendered,
57
- zIndex,
58
- afterEnter,
59
- afterLeave,
60
- beforeLeave,
61
- handleClose,
62
- onModalClick,
63
- onOpenAutoFocus,
64
- onCloseAutoFocus,
65
- onCloseRequested,
66
- onFocusoutPrevented
67
- } = useDialog.useDialog(props, dialogRef);
68
- vue.provide(constants.dialogInjectionKey, {
69
- dialogRef,
70
- headerRef,
71
- bodyId,
72
- ns,
73
- rendered,
74
- style
75
- });
76
- const overlayEvent = index$2.useSameTarget(onModalClick);
77
- const draggable = vue.computed(() => props.draggable && !props.fullscreen);
78
- expose({
79
- visible,
80
- dialogContentRef
81
- });
82
- return (_ctx, _cache) => {
83
- return vue.openBlock(), vue.createBlock(vue.Teleport, {
84
- to: "body",
85
- disabled: !_ctx.appendToBody
86
- }, [
87
- vue.createVNode(vue.Transition, {
88
- name: "dialog-fade",
89
- onAfterEnter: vue.unref(afterEnter),
90
- onAfterLeave: vue.unref(afterLeave),
91
- onBeforeLeave: vue.unref(beforeLeave),
92
- persisted: ""
93
- }, {
94
- default: vue.withCtx(() => [
95
- vue.withDirectives(vue.createVNode(vue.unref(index$3.ElOverlay), {
96
- "custom-mask-event": "",
97
- mask: _ctx.modal,
98
- "overlay-class": _ctx.modalClass,
99
- "z-index": vue.unref(zIndex)
100
- }, {
101
- default: vue.withCtx(() => [
102
- vue.createElementVNode("div", {
103
- role: "dialog",
104
- "aria-modal": "true",
105
- "aria-label": _ctx.title || void 0,
106
- "aria-labelledby": !_ctx.title ? vue.unref(titleId) : void 0,
107
- "aria-describedby": vue.unref(bodyId),
108
- class: vue.normalizeClass(`${vue.unref(ns).namespace.value}-overlay-dialog`),
109
- style: vue.normalizeStyle(vue.unref(overlayDialogStyle)),
110
- onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(overlayEvent).onClick && vue.unref(overlayEvent).onClick(...args)),
111
- onMousedown: _cache[1] || (_cache[1] = (...args) => vue.unref(overlayEvent).onMousedown && vue.unref(overlayEvent).onMousedown(...args)),
112
- onMouseup: _cache[2] || (_cache[2] = (...args) => vue.unref(overlayEvent).onMouseup && vue.unref(overlayEvent).onMouseup(...args))
113
- }, [
114
- vue.createVNode(vue.unref(focusTrap["default"]), {
115
- loop: "",
116
- trapped: vue.unref(visible),
117
- "focus-start-el": "container",
118
- onFocusAfterTrapped: vue.unref(onOpenAutoFocus),
119
- onFocusAfterReleased: vue.unref(onCloseAutoFocus),
120
- onFocusoutPrevented: vue.unref(onFocusoutPrevented),
121
- onReleaseRequested: vue.unref(onCloseRequested)
122
- }, {
123
- default: vue.withCtx(() => [
124
- vue.unref(rendered) ? (vue.openBlock(), vue.createBlock(dialogContent["default"], vue.mergeProps({
125
- key: 0,
126
- ref_key: "dialogContentRef",
127
- ref: dialogContentRef
128
- }, _ctx.$attrs, {
129
- "custom-class": _ctx.customClass,
130
- center: _ctx.center,
131
- "align-center": _ctx.alignCenter,
132
- "close-icon": _ctx.closeIcon,
133
- draggable: vue.unref(draggable),
134
- fullscreen: _ctx.fullscreen,
135
- "show-close": _ctx.showClose,
136
- title: _ctx.title,
137
- "aria-level": _ctx.headerAriaLevel,
138
- onClose: vue.unref(handleClose)
139
- }), vue.createSlots({
140
- header: vue.withCtx(() => [
141
- !_ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "header", {
142
- key: 0,
143
- close: vue.unref(handleClose),
144
- titleId: vue.unref(titleId),
145
- titleClass: vue.unref(ns).e("title")
146
- }) : vue.renderSlot(_ctx.$slots, "title", { key: 1 })
147
- ]),
148
- default: vue.withCtx(() => [
149
- vue.renderSlot(_ctx.$slots, "default")
150
- ]),
151
- _: 2
152
- }, [
153
- _ctx.$slots.footer ? {
154
- name: "footer",
155
- fn: vue.withCtx(() => [
156
- vue.renderSlot(_ctx.$slots, "footer")
157
- ])
158
- } : void 0
159
- ]), 1040, ["custom-class", "center", "align-center", "close-icon", "draggable", "fullscreen", "show-close", "title", "aria-level", "onClose"])) : vue.createCommentVNode("v-if", true)
160
- ]),
161
- _: 3
162
- }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
163
- ], 46, _hoisted_1)
164
- ]),
165
- _: 3
166
- }, 8, ["mask", "overlay-class", "z-index"]), [
167
- [vue.vShow, vue.unref(visible)]
168
- ])
169
- ]),
170
- _: 3
171
- }, 8, ["onAfterEnter", "onAfterLeave", "onBeforeLeave"])
172
- ], 8, ["disabled"]);
173
- };
12
+ const dialogProps = runtime.buildProps({
13
+ ...dialogContent.dialogContentProps,
14
+ appendToBody: Boolean,
15
+ beforeClose: {
16
+ type: runtime.definePropType(Function)
17
+ },
18
+ destroyOnClose: Boolean,
19
+ closeOnClickModal: {
20
+ type: Boolean,
21
+ default: true
22
+ },
23
+ closeOnPressEscape: {
24
+ type: Boolean,
25
+ default: true
26
+ },
27
+ lockScroll: {
28
+ type: Boolean,
29
+ default: true
30
+ },
31
+ modal: {
32
+ type: Boolean,
33
+ default: true
34
+ },
35
+ openDelay: {
36
+ type: Number,
37
+ default: 0
38
+ },
39
+ closeDelay: {
40
+ type: Number,
41
+ default: 0
42
+ },
43
+ top: {
44
+ type: String
45
+ },
46
+ modelValue: Boolean,
47
+ modalClass: String,
48
+ width: {
49
+ type: [String, Number]
50
+ },
51
+ zIndex: {
52
+ type: Number
53
+ },
54
+ trapFocus: {
55
+ type: Boolean,
56
+ default: false
57
+ },
58
+ headerAriaLevel: {
59
+ type: String,
60
+ default: "2"
174
61
  }
175
62
  });
176
- var Dialog = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/dialog/src/dialog.vue"]]);
63
+ const dialogEmits = {
64
+ open: () => true,
65
+ opened: () => true,
66
+ close: () => true,
67
+ closed: () => true,
68
+ [event.UPDATE_MODEL_EVENT]: (value) => types.isBoolean(value),
69
+ openAutoFocus: () => true,
70
+ closeAutoFocus: () => true
71
+ };
177
72
 
178
- exports["default"] = Dialog;
73
+ exports.dialogEmits = dialogEmits;
74
+ exports.dialogProps = dialogProps;
179
75
  //# sourceMappingURL=dialog.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.js","sources":["../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n <teleport to=\"body\" :disabled=\"!appendToBody\">\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 :custom-class=\"customClass\"\n :center=\"center\"\n :align-center=\"alignCenter\"\n :close-icon=\"closeIcon\"\n :draggable=\"draggable\"\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\nuseDeprecated(\n {\n scope: 'el-dialog',\n from: 'custom-class',\n replacement: 'class',\n version: '2.3.0',\n ref: 'https://element-plus.org/en-US/component/dialog.html#attributes',\n type: 'Attribute',\n },\n computed(() => !!props.customClass)\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":";;;;;;;;;;;;;;;;;;;uCAmFc,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,IACED,mBAAA,CAAA;AAAA,MACE,KAAO,EAAA,WAAA;AAAA,MACP,IAAM,EAAA,cAAA;AAAA,MACN,WAAa,EAAA,OAAA;AAAA,MACb,OAAS,EAAA,OAAA;AAAA,MACT,GAAK,EAAA,iEAAA;AAAA,MACL,IAAM,EAAA,WAAA;AAAA,OAERC,YAAS,CAAA,MAAM,CAAC,CAAC,KAAA,CAAM,WAAW,CACpC,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 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,WAAW,EAAE;AACf,IAAI,IAAI,EAAEC,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;;;;;"}