element-plus-secondary 1.2.1 → 1.2.3

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 (544) hide show
  1. package/dist/index.full.js +3 -2
  2. package/dist/index.full.min.js +10 -10
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +15 -15
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +3 -2
  7. package/es/components/anchor/index.mjs +1 -1
  8. package/es/components/anchor/src/anchor-link.mjs +81 -5
  9. package/es/components/anchor/src/anchor-link.mjs.map +1 -1
  10. package/es/components/anchor/src/anchor-link2.mjs +5 -81
  11. package/es/components/anchor/src/anchor-link2.mjs.map +1 -1
  12. package/es/components/backtop/index.mjs +2 -2
  13. package/es/components/backtop/src/backtop.mjs +21 -53
  14. package/es/components/backtop/src/backtop.mjs.map +1 -1
  15. package/es/components/backtop/src/backtop2.mjs +53 -21
  16. package/es/components/backtop/src/backtop2.mjs.map +1 -1
  17. package/es/components/breadcrumb/index.mjs +2 -2
  18. package/es/components/breadcrumb/src/breadcrumb-item.mjs +8 -56
  19. package/es/components/breadcrumb/src/breadcrumb-item.mjs.map +1 -1
  20. package/es/components/breadcrumb/src/breadcrumb-item2.mjs +56 -8
  21. package/es/components/breadcrumb/src/breadcrumb-item2.mjs.map +1 -1
  22. package/es/components/button/index.mjs +3 -3
  23. package/es/components/button/src/button-group.mjs +6 -29
  24. package/es/components/button/src/button-group.mjs.map +1 -1
  25. package/es/components/button/src/button-group2.mjs +29 -6
  26. package/es/components/button/src/button-group2.mjs.map +1 -1
  27. package/es/components/button/src/button.mjs +79 -67
  28. package/es/components/button/src/button.mjs.map +1 -1
  29. package/es/components/button/src/button2.mjs +67 -79
  30. package/es/components/button/src/button2.mjs.map +1 -1
  31. package/es/components/calendar/index.mjs +2 -2
  32. package/es/components/calendar/src/calendar.mjs +134 -16
  33. package/es/components/calendar/src/calendar.mjs.map +1 -1
  34. package/es/components/calendar/src/calendar2.mjs +16 -134
  35. package/es/components/calendar/src/calendar2.mjs.map +1 -1
  36. package/es/components/calendar/src/date-table.mjs +31 -89
  37. package/es/components/calendar/src/date-table.mjs.map +1 -1
  38. package/es/components/calendar/src/date-table2.mjs +89 -31
  39. package/es/components/calendar/src/date-table2.mjs.map +1 -1
  40. package/es/components/calendar/src/use-date-table.mjs +1 -1
  41. package/es/components/carousel/index.mjs +2 -2
  42. package/es/components/carousel/src/carousel-item.mjs +7 -69
  43. package/es/components/carousel/src/carousel-item.mjs.map +1 -1
  44. package/es/components/carousel/src/carousel-item2.mjs +69 -7
  45. package/es/components/carousel/src/carousel-item2.mjs.map +1 -1
  46. package/es/components/cascader/index.mjs +2 -2
  47. package/es/components/cascader/src/cascader.mjs +637 -80
  48. package/es/components/cascader/src/cascader.mjs.map +1 -1
  49. package/es/components/cascader/src/cascader2.mjs +80 -637
  50. package/es/components/cascader/src/cascader2.mjs.map +1 -1
  51. package/es/components/cascader-panel/src/index.mjs +1 -1
  52. package/es/components/cascader-panel/src/menu.mjs +1 -1
  53. package/es/components/cascader-panel/src/node.mjs +207 -115
  54. package/es/components/cascader-panel/src/node.mjs.map +1 -1
  55. package/es/components/cascader-panel/src/node2.mjs +115 -207
  56. package/es/components/cascader-panel/src/node2.mjs.map +1 -1
  57. package/es/components/cascader-panel/src/store.mjs +1 -1
  58. package/es/components/checkbox/index.mjs +4 -4
  59. package/es/components/checkbox/src/checkbox-button.mjs +1 -1
  60. package/es/components/checkbox/src/checkbox-group.mjs +29 -71
  61. package/es/components/checkbox/src/checkbox-group.mjs.map +1 -1
  62. package/es/components/checkbox/src/checkbox-group2.mjs +71 -29
  63. package/es/components/checkbox/src/checkbox-group2.mjs.map +1 -1
  64. package/es/components/checkbox/src/checkbox.mjs +125 -63
  65. package/es/components/checkbox/src/checkbox.mjs.map +1 -1
  66. package/es/components/checkbox/src/checkbox2.mjs +63 -125
  67. package/es/components/checkbox/src/checkbox2.mjs.map +1 -1
  68. package/es/components/col/index.mjs +2 -2
  69. package/es/components/col/src/col.mjs +43 -64
  70. package/es/components/col/src/col.mjs.map +1 -1
  71. package/es/components/col/src/col2.mjs +64 -43
  72. package/es/components/col/src/col2.mjs.map +1 -1
  73. package/es/components/color-picker/index.mjs +2 -2
  74. package/es/components/color-picker/src/color-picker.mjs +477 -49
  75. package/es/components/color-picker/src/color-picker.mjs.map +1 -1
  76. package/es/components/color-picker/src/color-picker2.mjs +49 -477
  77. package/es/components/color-picker/src/color-picker2.mjs.map +1 -1
  78. package/es/components/color-picker/src/components/predefine.mjs +1 -1
  79. package/es/components/countdown/index.mjs +2 -2
  80. package/es/components/countdown/src/countdown.mjs +22 -79
  81. package/es/components/countdown/src/countdown.mjs.map +1 -1
  82. package/es/components/countdown/src/countdown2.mjs +79 -22
  83. package/es/components/countdown/src/countdown2.mjs.map +1 -1
  84. package/es/components/dialog/index.mjs +2 -2
  85. package/es/components/dialog/src/dialog-content.mjs +88 -29
  86. package/es/components/dialog/src/dialog-content.mjs.map +1 -1
  87. package/es/components/dialog/src/dialog-content2.mjs +29 -88
  88. package/es/components/dialog/src/dialog-content2.mjs.map +1 -1
  89. package/es/components/dialog/src/dialog.mjs +67 -171
  90. package/es/components/dialog/src/dialog.mjs.map +1 -1
  91. package/es/components/dialog/src/dialog2.mjs +171 -67
  92. package/es/components/dialog/src/dialog2.mjs.map +1 -1
  93. package/es/components/divider/index.mjs +2 -2
  94. package/es/components/divider/src/divider.mjs +16 -34
  95. package/es/components/divider/src/divider.mjs.map +1 -1
  96. package/es/components/divider/src/divider2.mjs +34 -16
  97. package/es/components/divider/src/divider2.mjs.map +1 -1
  98. package/es/components/drawer/index.mjs +2 -2
  99. package/es/components/drawer/src/drawer.mjs +30 -178
  100. package/es/components/drawer/src/drawer.mjs.map +1 -1
  101. package/es/components/drawer/src/drawer2.mjs +178 -30
  102. package/es/components/drawer/src/drawer2.mjs.map +1 -1
  103. package/es/components/dropdown/src/dropdown2.mjs +1 -1
  104. package/es/components/form/index.mjs +2 -2
  105. package/es/components/form/src/form.mjs +53 -153
  106. package/es/components/form/src/form.mjs.map +1 -1
  107. package/es/components/form/src/form2.mjs +153 -53
  108. package/es/components/form/src/form2.mjs.map +1 -1
  109. package/es/components/image-viewer/index.mjs +2 -2
  110. package/es/components/image-viewer/src/image-viewer.mjs +49 -446
  111. package/es/components/image-viewer/src/image-viewer.mjs.map +1 -1
  112. package/es/components/image-viewer/src/image-viewer2.mjs +446 -49
  113. package/es/components/image-viewer/src/image-viewer2.mjs.map +1 -1
  114. package/es/components/index.mjs +39 -39
  115. package/es/components/input-tag/index.mjs +2 -2
  116. package/es/components/input-tag/src/input-tag.mjs +65 -215
  117. package/es/components/input-tag/src/input-tag.mjs.map +1 -1
  118. package/es/components/input-tag/src/input-tag2.mjs +215 -65
  119. package/es/components/input-tag/src/input-tag2.mjs.map +1 -1
  120. package/es/components/mention/index.mjs +2 -2
  121. package/es/components/mention/src/mention.mjs +62 -282
  122. package/es/components/mention/src/mention.mjs.map +1 -1
  123. package/es/components/mention/src/mention2.mjs +282 -62
  124. package/es/components/mention/src/mention2.mjs.map +1 -1
  125. package/es/components/pagination/src/components/next.mjs +18 -38
  126. package/es/components/pagination/src/components/next.mjs.map +1 -1
  127. package/es/components/pagination/src/components/next2.mjs +38 -18
  128. package/es/components/pagination/src/components/next2.mjs.map +1 -1
  129. package/es/components/pagination/src/components/sizes.mjs +71 -23
  130. package/es/components/pagination/src/components/sizes.mjs.map +1 -1
  131. package/es/components/pagination/src/components/sizes2.mjs +23 -71
  132. package/es/components/pagination/src/components/sizes2.mjs.map +1 -1
  133. package/es/components/pagination/src/components/total.mjs +26 -6
  134. package/es/components/pagination/src/components/total.mjs.map +1 -1
  135. package/es/components/pagination/src/components/total2.mjs +6 -26
  136. package/es/components/pagination/src/components/total2.mjs.map +1 -1
  137. package/es/components/pagination/src/pagination.mjs +3 -3
  138. package/es/components/popconfirm/index.mjs +2 -2
  139. package/es/components/popconfirm/src/popconfirm.mjs +45 -114
  140. package/es/components/popconfirm/src/popconfirm.mjs.map +1 -1
  141. package/es/components/popconfirm/src/popconfirm2.mjs +114 -45
  142. package/es/components/popconfirm/src/popconfirm2.mjs.map +1 -1
  143. package/es/components/popper/index.mjs +4 -4
  144. package/es/components/popper/src/popper.mjs +32 -22
  145. package/es/components/popper/src/popper.mjs.map +1 -1
  146. package/es/components/popper/src/popper2.mjs +22 -32
  147. package/es/components/popper/src/popper2.mjs.map +1 -1
  148. package/es/components/popper/src/trigger.mjs +31 -127
  149. package/es/components/popper/src/trigger.mjs.map +1 -1
  150. package/es/components/popper/src/trigger2.mjs +127 -31
  151. package/es/components/popper/src/trigger2.mjs.map +1 -1
  152. package/es/components/radio/index.mjs +2 -2
  153. package/es/components/radio/src/radio-button.mjs +5 -65
  154. package/es/components/radio/src/radio-button.mjs.map +1 -1
  155. package/es/components/radio/src/radio-button2.mjs +65 -5
  156. package/es/components/radio/src/radio-button2.mjs.map +1 -1
  157. package/es/components/rate/index.mjs +2 -2
  158. package/es/components/rate/src/rate.mjs +83 -258
  159. package/es/components/rate/src/rate.mjs.map +1 -1
  160. package/es/components/rate/src/rate2.mjs +258 -83
  161. package/es/components/rate/src/rate2.mjs.map +1 -1
  162. package/es/components/result/index.mjs +2 -2
  163. package/es/components/result/src/result.mjs +62 -28
  164. package/es/components/result/src/result.mjs.map +1 -1
  165. package/es/components/result/src/result2.mjs +28 -62
  166. package/es/components/result/src/result2.mjs.map +1 -1
  167. package/es/components/row/index.mjs +2 -2
  168. package/es/components/row/src/row.mjs +28 -44
  169. package/es/components/row/src/row.mjs.map +1 -1
  170. package/es/components/row/src/row2.mjs +44 -28
  171. package/es/components/row/src/row2.mjs.map +1 -1
  172. package/es/components/scrollbar/index.mjs +2 -2
  173. package/es/components/scrollbar/src/scrollbar.mjs +170 -55
  174. package/es/components/scrollbar/src/scrollbar.mjs.map +1 -1
  175. package/es/components/scrollbar/src/scrollbar2.mjs +55 -170
  176. package/es/components/scrollbar/src/scrollbar2.mjs.map +1 -1
  177. package/es/components/select/index.mjs +1 -1
  178. package/es/components/select/src/select.mjs +448 -126
  179. package/es/components/select/src/select.mjs.map +1 -1
  180. package/es/components/select/src/select2.mjs +126 -448
  181. package/es/components/select/src/select2.mjs.map +1 -1
  182. package/es/components/select-v2/src/defaults.mjs +1 -1
  183. package/es/components/skeleton/index.mjs +2 -2
  184. package/es/components/skeleton/src/skeleton-item.mjs +17 -22
  185. package/es/components/skeleton/src/skeleton-item.mjs.map +1 -1
  186. package/es/components/skeleton/src/skeleton-item2.mjs +22 -17
  187. package/es/components/skeleton/src/skeleton-item2.mjs.map +1 -1
  188. package/es/components/skeleton/src/skeleton2.mjs +1 -1
  189. package/es/components/steps/index.mjs +2 -2
  190. package/es/components/steps/src/steps.mjs +38 -41
  191. package/es/components/steps/src/steps.mjs.map +1 -1
  192. package/es/components/steps/src/steps2.mjs +41 -38
  193. package/es/components/steps/src/steps2.mjs.map +1 -1
  194. package/es/components/switch/index.mjs +2 -2
  195. package/es/components/switch/src/switch.mjs +72 -228
  196. package/es/components/switch/src/switch.mjs.map +1 -1
  197. package/es/components/switch/src/switch2.mjs +228 -72
  198. package/es/components/switch/src/switch2.mjs.map +1 -1
  199. package/es/components/tabs/index.mjs +2 -2
  200. package/es/components/tabs/src/tab-pane.mjs +13 -71
  201. package/es/components/tabs/src/tab-pane.mjs.map +1 -1
  202. package/es/components/tabs/src/tab-pane2.mjs +71 -13
  203. package/es/components/tabs/src/tab-pane2.mjs.map +1 -1
  204. package/es/components/tag/index.mjs +2 -2
  205. package/es/components/tag/src/tag.mjs +102 -27
  206. package/es/components/tag/src/tag.mjs.map +1 -1
  207. package/es/components/tag/src/tag2.mjs +27 -102
  208. package/es/components/tag/src/tag2.mjs.map +1 -1
  209. package/es/components/teleport/index.mjs +2 -2
  210. package/es/components/teleport/src/teleport.mjs +8 -18
  211. package/es/components/teleport/src/teleport.mjs.map +1 -1
  212. package/es/components/teleport/src/teleport2.mjs +18 -8
  213. package/es/components/teleport/src/teleport2.mjs.map +1 -1
  214. package/es/components/text/index.mjs +2 -2
  215. package/es/components/text/src/text.mjs +67 -21
  216. package/es/components/text/src/text.mjs.map +1 -1
  217. package/es/components/text/src/text2.mjs +21 -67
  218. package/es/components/text/src/text2.mjs.map +1 -1
  219. package/es/components/time-select/index.mjs +2 -2
  220. package/es/components/time-select/src/time-select.mjs +54 -131
  221. package/es/components/time-select/src/time-select.mjs.map +1 -1
  222. package/es/components/time-select/src/time-select2.mjs +131 -54
  223. package/es/components/time-select/src/time-select2.mjs.map +1 -1
  224. package/es/components/tooltip/src/tooltip.mjs +1 -1
  225. package/es/components/tooltip/src/trigger.mjs +1 -1
  226. package/es/components/tooltip/src/trigger2.mjs +1 -1
  227. package/es/components/tooltip-v2/index.mjs +3 -3
  228. package/es/components/tooltip-v2/src/content2.mjs +1 -1
  229. package/es/components/tooltip-v2/src/root.mjs +79 -17
  230. package/es/components/tooltip-v2/src/root.mjs.map +1 -1
  231. package/es/components/tooltip-v2/src/root2.mjs +17 -79
  232. package/es/components/tooltip-v2/src/root2.mjs.map +1 -1
  233. package/es/components/tooltip-v2/src/tooltip.mjs +77 -19
  234. package/es/components/tooltip-v2/src/tooltip.mjs.map +1 -1
  235. package/es/components/tooltip-v2/src/tooltip2.mjs +19 -77
  236. package/es/components/tooltip-v2/src/tooltip2.mjs.map +1 -1
  237. package/es/components/tour/index.mjs +5 -5
  238. package/es/components/tour/src/content.mjs +67 -43
  239. package/es/components/tour/src/content.mjs.map +1 -1
  240. package/es/components/tour/src/content2.mjs +43 -67
  241. package/es/components/tour/src/content2.mjs.map +1 -1
  242. package/es/components/tour/src/step.mjs +168 -44
  243. package/es/components/tour/src/step.mjs.map +1 -1
  244. package/es/components/tour/src/step2.mjs +44 -168
  245. package/es/components/tour/src/step2.mjs.map +1 -1
  246. package/es/components/tour/src/tour.mjs +153 -68
  247. package/es/components/tour/src/tour.mjs.map +1 -1
  248. package/es/components/tour/src/tour2.mjs +68 -153
  249. package/es/components/tour/src/tour2.mjs.map +1 -1
  250. package/es/components/transfer/src/composables/use-check.mjs +1 -1
  251. package/es/components/transfer/src/transfer-panel.mjs +19 -130
  252. package/es/components/transfer/src/transfer-panel.mjs.map +1 -1
  253. package/es/components/transfer/src/transfer-panel2.mjs +130 -19
  254. package/es/components/transfer/src/transfer-panel2.mjs.map +1 -1
  255. package/es/components/transfer/src/transfer2.mjs +1 -1
  256. package/es/components/upload/index.mjs +1 -1
  257. package/es/components/upload/src/upload-content2.mjs +1 -1
  258. package/es/components/upload/src/upload-dragger.mjs +47 -10
  259. package/es/components/upload/src/upload-dragger.mjs.map +1 -1
  260. package/es/components/upload/src/upload-dragger2.mjs +10 -47
  261. package/es/components/upload/src/upload-dragger2.mjs.map +1 -1
  262. package/es/components/visual-hidden/index.mjs +3 -3
  263. package/es/components/visual-hidden/src/visual-hidden.mjs +35 -6
  264. package/es/components/visual-hidden/src/visual-hidden.mjs.map +1 -1
  265. package/es/components/visual-hidden/src/visual-hidden2.mjs +6 -35
  266. package/es/components/visual-hidden/src/visual-hidden2.mjs.map +1 -1
  267. package/es/components/watermark/index.mjs +2 -2
  268. package/es/components/watermark/src/watermark.mjs +210 -27
  269. package/es/components/watermark/src/watermark.mjs.map +1 -1
  270. package/es/components/watermark/src/watermark2.mjs +27 -210
  271. package/es/components/watermark/src/watermark2.mjs.map +1 -1
  272. package/es/hooks/use-z-index/index.mjs +3 -2
  273. package/es/hooks/use-z-index/index.mjs.map +1 -1
  274. package/es/index.mjs +39 -39
  275. package/lib/components/anchor/index.js +1 -1
  276. package/lib/components/anchor/src/anchor-link.js +81 -5
  277. package/lib/components/anchor/src/anchor-link.js.map +1 -1
  278. package/lib/components/anchor/src/anchor-link2.js +5 -81
  279. package/lib/components/anchor/src/anchor-link2.js.map +1 -1
  280. package/lib/components/backtop/index.js +2 -2
  281. package/lib/components/backtop/src/backtop.js +22 -53
  282. package/lib/components/backtop/src/backtop.js.map +1 -1
  283. package/lib/components/backtop/src/backtop2.js +53 -22
  284. package/lib/components/backtop/src/backtop2.js.map +1 -1
  285. package/lib/components/breadcrumb/index.js +2 -2
  286. package/lib/components/breadcrumb/src/breadcrumb-item.js +8 -56
  287. package/lib/components/breadcrumb/src/breadcrumb-item.js.map +1 -1
  288. package/lib/components/breadcrumb/src/breadcrumb-item2.js +56 -8
  289. package/lib/components/breadcrumb/src/breadcrumb-item2.js.map +1 -1
  290. package/lib/components/button/index.js +3 -3
  291. package/lib/components/button/src/button-group.js +6 -29
  292. package/lib/components/button/src/button-group.js.map +1 -1
  293. package/lib/components/button/src/button-group2.js +29 -6
  294. package/lib/components/button/src/button-group2.js.map +1 -1
  295. package/lib/components/button/src/button.js +78 -69
  296. package/lib/components/button/src/button.js.map +1 -1
  297. package/lib/components/button/src/button2.js +69 -78
  298. package/lib/components/button/src/button2.js.map +1 -1
  299. package/lib/components/calendar/index.js +2 -2
  300. package/lib/components/calendar/src/calendar.js +134 -17
  301. package/lib/components/calendar/src/calendar.js.map +1 -1
  302. package/lib/components/calendar/src/calendar2.js +17 -134
  303. package/lib/components/calendar/src/calendar2.js.map +1 -1
  304. package/lib/components/calendar/src/date-table.js +35 -89
  305. package/lib/components/calendar/src/date-table.js.map +1 -1
  306. package/lib/components/calendar/src/date-table2.js +89 -35
  307. package/lib/components/calendar/src/date-table2.js.map +1 -1
  308. package/lib/components/calendar/src/use-date-table.js +1 -1
  309. package/lib/components/carousel/index.js +2 -2
  310. package/lib/components/carousel/src/carousel-item.js +7 -69
  311. package/lib/components/carousel/src/carousel-item.js.map +1 -1
  312. package/lib/components/carousel/src/carousel-item2.js +69 -7
  313. package/lib/components/carousel/src/carousel-item2.js.map +1 -1
  314. package/lib/components/cascader/index.js +2 -2
  315. package/lib/components/cascader/src/cascader.js +637 -81
  316. package/lib/components/cascader/src/cascader.js.map +1 -1
  317. package/lib/components/cascader/src/cascader2.js +81 -637
  318. package/lib/components/cascader/src/cascader2.js.map +1 -1
  319. package/lib/components/cascader-panel/src/index.js +1 -1
  320. package/lib/components/cascader-panel/src/menu.js +1 -1
  321. package/lib/components/cascader-panel/src/node.js +207 -115
  322. package/lib/components/cascader-panel/src/node.js.map +1 -1
  323. package/lib/components/cascader-panel/src/node2.js +115 -207
  324. package/lib/components/cascader-panel/src/node2.js.map +1 -1
  325. package/lib/components/cascader-panel/src/store.js +1 -1
  326. package/lib/components/checkbox/index.js +4 -4
  327. package/lib/components/checkbox/src/checkbox-button.js +1 -1
  328. package/lib/components/checkbox/src/checkbox-group.js +30 -71
  329. package/lib/components/checkbox/src/checkbox-group.js.map +1 -1
  330. package/lib/components/checkbox/src/checkbox-group2.js +71 -30
  331. package/lib/components/checkbox/src/checkbox-group2.js.map +1 -1
  332. package/lib/components/checkbox/src/checkbox.js +125 -64
  333. package/lib/components/checkbox/src/checkbox.js.map +1 -1
  334. package/lib/components/checkbox/src/checkbox2.js +64 -125
  335. package/lib/components/checkbox/src/checkbox2.js.map +1 -1
  336. package/lib/components/col/index.js +2 -2
  337. package/lib/components/col/src/col.js +43 -64
  338. package/lib/components/col/src/col.js.map +1 -1
  339. package/lib/components/col/src/col2.js +64 -43
  340. package/lib/components/col/src/col2.js.map +1 -1
  341. package/lib/components/color-picker/index.js +2 -2
  342. package/lib/components/color-picker/src/color-picker.js +475 -49
  343. package/lib/components/color-picker/src/color-picker.js.map +1 -1
  344. package/lib/components/color-picker/src/color-picker2.js +49 -475
  345. package/lib/components/color-picker/src/color-picker2.js.map +1 -1
  346. package/lib/components/color-picker/src/components/predefine.js +1 -1
  347. package/lib/components/countdown/index.js +2 -2
  348. package/lib/components/countdown/src/countdown.js +23 -79
  349. package/lib/components/countdown/src/countdown.js.map +1 -1
  350. package/lib/components/countdown/src/countdown2.js +79 -23
  351. package/lib/components/countdown/src/countdown2.js.map +1 -1
  352. package/lib/components/dialog/index.js +2 -2
  353. package/lib/components/dialog/src/dialog-content.js +87 -29
  354. package/lib/components/dialog/src/dialog-content.js.map +1 -1
  355. package/lib/components/dialog/src/dialog-content2.js +29 -87
  356. package/lib/components/dialog/src/dialog-content2.js.map +1 -1
  357. package/lib/components/dialog/src/dialog.js +67 -170
  358. package/lib/components/dialog/src/dialog.js.map +1 -1
  359. package/lib/components/dialog/src/dialog2.js +170 -67
  360. package/lib/components/dialog/src/dialog2.js.map +1 -1
  361. package/lib/components/divider/index.js +2 -2
  362. package/lib/components/divider/src/divider.js +16 -34
  363. package/lib/components/divider/src/divider.js.map +1 -1
  364. package/lib/components/divider/src/divider2.js +34 -16
  365. package/lib/components/divider/src/divider2.js.map +1 -1
  366. package/lib/components/drawer/index.js +2 -2
  367. package/lib/components/drawer/src/drawer.js +31 -178
  368. package/lib/components/drawer/src/drawer.js.map +1 -1
  369. package/lib/components/drawer/src/drawer2.js +178 -31
  370. package/lib/components/drawer/src/drawer2.js.map +1 -1
  371. package/lib/components/dropdown/src/dropdown2.js +1 -1
  372. package/lib/components/form/index.js +2 -2
  373. package/lib/components/form/src/form.js +54 -152
  374. package/lib/components/form/src/form.js.map +1 -1
  375. package/lib/components/form/src/form2.js +152 -54
  376. package/lib/components/form/src/form2.js.map +1 -1
  377. package/lib/components/image-viewer/index.js +2 -2
  378. package/lib/components/image-viewer/src/image-viewer.js +50 -446
  379. package/lib/components/image-viewer/src/image-viewer.js.map +1 -1
  380. package/lib/components/image-viewer/src/image-viewer2.js +446 -50
  381. package/lib/components/image-viewer/src/image-viewer2.js.map +1 -1
  382. package/lib/components/index.js +39 -39
  383. package/lib/components/input-tag/index.js +2 -2
  384. package/lib/components/input-tag/src/input-tag.js +65 -214
  385. package/lib/components/input-tag/src/input-tag.js.map +1 -1
  386. package/lib/components/input-tag/src/input-tag2.js +214 -65
  387. package/lib/components/input-tag/src/input-tag2.js.map +1 -1
  388. package/lib/components/mention/index.js +2 -2
  389. package/lib/components/mention/src/mention.js +61 -280
  390. package/lib/components/mention/src/mention.js.map +1 -1
  391. package/lib/components/mention/src/mention2.js +280 -61
  392. package/lib/components/mention/src/mention2.js.map +1 -1
  393. package/lib/components/pagination/src/components/next.js +18 -38
  394. package/lib/components/pagination/src/components/next.js.map +1 -1
  395. package/lib/components/pagination/src/components/next2.js +38 -18
  396. package/lib/components/pagination/src/components/next2.js.map +1 -1
  397. package/lib/components/pagination/src/components/sizes.js +71 -23
  398. package/lib/components/pagination/src/components/sizes.js.map +1 -1
  399. package/lib/components/pagination/src/components/sizes2.js +23 -71
  400. package/lib/components/pagination/src/components/sizes2.js.map +1 -1
  401. package/lib/components/pagination/src/components/total.js +26 -6
  402. package/lib/components/pagination/src/components/total.js.map +1 -1
  403. package/lib/components/pagination/src/components/total2.js +6 -26
  404. package/lib/components/pagination/src/components/total2.js.map +1 -1
  405. package/lib/components/pagination/src/pagination.js +3 -3
  406. package/lib/components/popconfirm/index.js +2 -2
  407. package/lib/components/popconfirm/src/popconfirm.js +46 -114
  408. package/lib/components/popconfirm/src/popconfirm.js.map +1 -1
  409. package/lib/components/popconfirm/src/popconfirm2.js +114 -46
  410. package/lib/components/popconfirm/src/popconfirm2.js.map +1 -1
  411. package/lib/components/popper/index.js +4 -4
  412. package/lib/components/popper/src/popper.js +32 -25
  413. package/lib/components/popper/src/popper.js.map +1 -1
  414. package/lib/components/popper/src/popper2.js +25 -32
  415. package/lib/components/popper/src/popper2.js.map +1 -1
  416. package/lib/components/popper/src/trigger.js +32 -127
  417. package/lib/components/popper/src/trigger.js.map +1 -1
  418. package/lib/components/popper/src/trigger2.js +127 -32
  419. package/lib/components/popper/src/trigger2.js.map +1 -1
  420. package/lib/components/radio/index.js +2 -2
  421. package/lib/components/radio/src/radio-button.js +5 -65
  422. package/lib/components/radio/src/radio-button.js.map +1 -1
  423. package/lib/components/radio/src/radio-button2.js +65 -5
  424. package/lib/components/radio/src/radio-button2.js.map +1 -1
  425. package/lib/components/rate/index.js +2 -2
  426. package/lib/components/rate/src/rate.js +83 -257
  427. package/lib/components/rate/src/rate.js.map +1 -1
  428. package/lib/components/rate/src/rate2.js +257 -83
  429. package/lib/components/rate/src/rate2.js.map +1 -1
  430. package/lib/components/result/index.js +2 -2
  431. package/lib/components/result/src/result.js +62 -30
  432. package/lib/components/result/src/result.js.map +1 -1
  433. package/lib/components/result/src/result2.js +30 -62
  434. package/lib/components/result/src/result2.js.map +1 -1
  435. package/lib/components/row/index.js +2 -2
  436. package/lib/components/row/src/row.js +30 -44
  437. package/lib/components/row/src/row.js.map +1 -1
  438. package/lib/components/row/src/row2.js +44 -30
  439. package/lib/components/row/src/row2.js.map +1 -1
  440. package/lib/components/scrollbar/index.js +2 -2
  441. package/lib/components/scrollbar/src/scrollbar.js +170 -56
  442. package/lib/components/scrollbar/src/scrollbar.js.map +1 -1
  443. package/lib/components/scrollbar/src/scrollbar2.js +56 -170
  444. package/lib/components/scrollbar/src/scrollbar2.js.map +1 -1
  445. package/lib/components/select/index.js +1 -1
  446. package/lib/components/select/src/select.js +447 -125
  447. package/lib/components/select/src/select.js.map +1 -1
  448. package/lib/components/select/src/select2.js +125 -447
  449. package/lib/components/select/src/select2.js.map +1 -1
  450. package/lib/components/select-v2/src/defaults.js +1 -1
  451. package/lib/components/skeleton/index.js +2 -2
  452. package/lib/components/skeleton/src/skeleton-item.js +17 -22
  453. package/lib/components/skeleton/src/skeleton-item.js.map +1 -1
  454. package/lib/components/skeleton/src/skeleton-item2.js +22 -17
  455. package/lib/components/skeleton/src/skeleton-item2.js.map +1 -1
  456. package/lib/components/skeleton/src/skeleton2.js +1 -1
  457. package/lib/components/steps/index.js +2 -2
  458. package/lib/components/steps/src/steps.js +38 -42
  459. package/lib/components/steps/src/steps.js.map +1 -1
  460. package/lib/components/steps/src/steps2.js +42 -38
  461. package/lib/components/steps/src/steps2.js.map +1 -1
  462. package/lib/components/switch/index.js +2 -2
  463. package/lib/components/switch/src/switch.js +72 -227
  464. package/lib/components/switch/src/switch.js.map +1 -1
  465. package/lib/components/switch/src/switch2.js +227 -72
  466. package/lib/components/switch/src/switch2.js.map +1 -1
  467. package/lib/components/tabs/index.js +2 -2
  468. package/lib/components/tabs/src/tab-pane.js +13 -71
  469. package/lib/components/tabs/src/tab-pane.js.map +1 -1
  470. package/lib/components/tabs/src/tab-pane2.js +71 -13
  471. package/lib/components/tabs/src/tab-pane2.js.map +1 -1
  472. package/lib/components/tag/index.js +2 -2
  473. package/lib/components/tag/src/tag.js +102 -28
  474. package/lib/components/tag/src/tag.js.map +1 -1
  475. package/lib/components/tag/src/tag2.js +28 -102
  476. package/lib/components/tag/src/tag2.js.map +1 -1
  477. package/lib/components/teleport/index.js +2 -2
  478. package/lib/components/teleport/src/teleport.js +8 -18
  479. package/lib/components/teleport/src/teleport.js.map +1 -1
  480. package/lib/components/teleport/src/teleport2.js +18 -8
  481. package/lib/components/teleport/src/teleport2.js.map +1 -1
  482. package/lib/components/text/index.js +2 -2
  483. package/lib/components/text/src/text.js +67 -21
  484. package/lib/components/text/src/text.js.map +1 -1
  485. package/lib/components/text/src/text2.js +21 -67
  486. package/lib/components/text/src/text2.js.map +1 -1
  487. package/lib/components/time-select/index.js +2 -2
  488. package/lib/components/time-select/src/time-select.js +54 -136
  489. package/lib/components/time-select/src/time-select.js.map +1 -1
  490. package/lib/components/time-select/src/time-select2.js +136 -54
  491. package/lib/components/time-select/src/time-select2.js.map +1 -1
  492. package/lib/components/tooltip/src/tooltip.js +1 -1
  493. package/lib/components/tooltip/src/trigger.js +1 -1
  494. package/lib/components/tooltip/src/trigger2.js +1 -1
  495. package/lib/components/tooltip-v2/index.js +3 -3
  496. package/lib/components/tooltip-v2/src/content2.js +1 -1
  497. package/lib/components/tooltip-v2/src/root.js +79 -17
  498. package/lib/components/tooltip-v2/src/root.js.map +1 -1
  499. package/lib/components/tooltip-v2/src/root2.js +17 -79
  500. package/lib/components/tooltip-v2/src/root2.js.map +1 -1
  501. package/lib/components/tooltip-v2/src/tooltip.js +77 -19
  502. package/lib/components/tooltip-v2/src/tooltip.js.map +1 -1
  503. package/lib/components/tooltip-v2/src/tooltip2.js +19 -77
  504. package/lib/components/tooltip-v2/src/tooltip2.js.map +1 -1
  505. package/lib/components/tour/index.js +5 -5
  506. package/lib/components/tour/src/content.js +67 -46
  507. package/lib/components/tour/src/content.js.map +1 -1
  508. package/lib/components/tour/src/content2.js +46 -67
  509. package/lib/components/tour/src/content2.js.map +1 -1
  510. package/lib/components/tour/src/step.js +167 -44
  511. package/lib/components/tour/src/step.js.map +1 -1
  512. package/lib/components/tour/src/step2.js +44 -167
  513. package/lib/components/tour/src/step2.js.map +1 -1
  514. package/lib/components/tour/src/tour.js +151 -67
  515. package/lib/components/tour/src/tour.js.map +1 -1
  516. package/lib/components/tour/src/tour2.js +67 -151
  517. package/lib/components/tour/src/tour2.js.map +1 -1
  518. package/lib/components/transfer/src/composables/use-check.js +1 -1
  519. package/lib/components/transfer/src/transfer-panel.js +21 -130
  520. package/lib/components/transfer/src/transfer-panel.js.map +1 -1
  521. package/lib/components/transfer/src/transfer-panel2.js +130 -21
  522. package/lib/components/transfer/src/transfer-panel2.js.map +1 -1
  523. package/lib/components/transfer/src/transfer2.js +1 -1
  524. package/lib/components/upload/index.js +1 -1
  525. package/lib/components/upload/src/upload-content2.js +1 -1
  526. package/lib/components/upload/src/upload-dragger.js +47 -11
  527. package/lib/components/upload/src/upload-dragger.js.map +1 -1
  528. package/lib/components/upload/src/upload-dragger2.js +11 -47
  529. package/lib/components/upload/src/upload-dragger2.js.map +1 -1
  530. package/lib/components/visual-hidden/index.js +2 -2
  531. package/lib/components/visual-hidden/src/visual-hidden.js +35 -6
  532. package/lib/components/visual-hidden/src/visual-hidden.js.map +1 -1
  533. package/lib/components/visual-hidden/src/visual-hidden2.js +6 -35
  534. package/lib/components/visual-hidden/src/visual-hidden2.js.map +1 -1
  535. package/lib/components/watermark/index.js +2 -2
  536. package/lib/components/watermark/src/watermark.js +210 -27
  537. package/lib/components/watermark/src/watermark.js.map +1 -1
  538. package/lib/components/watermark/src/watermark2.js +27 -210
  539. package/lib/components/watermark/src/watermark2.js.map +1 -1
  540. package/lib/hooks/use-z-index/index.js +3 -2
  541. package/lib/hooks/use-z-index/index.js.map +1 -1
  542. package/lib/index.js +39 -39
  543. package/package.json +1 -1
  544. package/web-types.json +1 -1
@@ -1,84 +1,27 @@
1
- import { defineComponent, ref, computed, onMounted, watch, onBeforeUnmount, openBlock, createBlock, unref, createSlots, renderList, withCtx, renderSlot } from 'vue';
2
- import { ElStatistic } from '../../statistic/index.mjs';
3
- import { countdownProps, countdownEmits } from './countdown2.mjs';
4
- import { formatTime, getTime } from './utils.mjs';
5
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
6
- import { rAF, cAF } from '../../../utils/raf.mjs';
1
+ import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
2
+ import { CHANGE_EVENT } from '../../../constants/event.mjs';
3
+ import { isNumber } from '../../../utils/types.mjs';
7
4
 
8
- const __default__ = defineComponent({
9
- name: "ElCountdown"
10
- });
11
- const _sfc_main = /* @__PURE__ */ defineComponent({
12
- ...__default__,
13
- props: countdownProps,
14
- emits: countdownEmits,
15
- setup(__props, { expose, emit }) {
16
- const props = __props;
17
- let timer;
18
- const rawValue = ref(0);
19
- const displayValue = computed(() => formatTime(rawValue.value, props.format));
20
- const formatter = (val) => formatTime(val, props.format);
21
- const stopTimer = () => {
22
- if (timer) {
23
- cAF(timer);
24
- timer = void 0;
25
- }
26
- };
27
- const startTimer = () => {
28
- const timestamp = getTime(props.value);
29
- const frameFunc = () => {
30
- let diff = timestamp - Date.now();
31
- emit("change", diff);
32
- if (diff <= 0) {
33
- diff = 0;
34
- stopTimer();
35
- emit("finish");
36
- } else {
37
- timer = rAF(frameFunc);
38
- }
39
- rawValue.value = diff;
40
- };
41
- timer = rAF(frameFunc);
42
- };
43
- onMounted(() => {
44
- rawValue.value = getTime(props.value) - Date.now();
45
- watch(() => [props.value, props.format], () => {
46
- stopTimer();
47
- startTimer();
48
- }, {
49
- immediate: true
50
- });
51
- });
52
- onBeforeUnmount(() => {
53
- stopTimer();
54
- });
55
- expose({
56
- displayValue
57
- });
58
- return (_ctx, _cache) => {
59
- return openBlock(), createBlock(unref(ElStatistic), {
60
- value: rawValue.value,
61
- title: _ctx.title,
62
- prefix: _ctx.prefix,
63
- suffix: _ctx.suffix,
64
- "value-style": _ctx.valueStyle,
65
- formatter
66
- }, createSlots({
67
- _: 2
68
- }, [
69
- renderList(_ctx.$slots, (_, name) => {
70
- return {
71
- name,
72
- fn: withCtx(() => [
73
- renderSlot(_ctx.$slots, name)
74
- ])
75
- };
76
- })
77
- ]), 1032, ["value", "title", "prefix", "suffix", "value-style"]);
78
- };
5
+ const countdownProps = buildProps({
6
+ format: {
7
+ type: String,
8
+ default: "HH:mm:ss"
9
+ },
10
+ prefix: String,
11
+ suffix: String,
12
+ title: String,
13
+ value: {
14
+ type: definePropType([Number, Object]),
15
+ default: 0
16
+ },
17
+ valueStyle: {
18
+ type: definePropType([String, Object, Array])
79
19
  }
80
20
  });
81
- var Countdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "countdown.vue"]]);
21
+ const countdownEmits = {
22
+ finish: () => true,
23
+ [CHANGE_EVENT]: (value) => isNumber(value)
24
+ };
82
25
 
83
- export { Countdown as default };
26
+ export { countdownEmits, countdownProps };
84
27
  //# sourceMappingURL=countdown.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"countdown.mjs","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, onMounted, 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<number>(0)\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\nonMounted(() => {\n rawValue.value = getTime(props.value) - Date.now()\n\n watch(\n () => [props.value, props.format],\n () => {\n stopTimer()\n startTimer()\n },\n {\n immediate: true,\n }\n )\n})\n\nonBeforeUnmount(() => {\n stopTimer()\n})\n\ndefineExpose({\n /**\n * @description current display value\n */\n displayValue,\n})\n</script>\n"],"names":["_openBlock","_createBlock","_unref"],"mappings":";;;;;;;mCAqBc,CAAA;AAAA,EACZ,IAAM,EAAA,aAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAI,IAAA,KAAA,CAAA;AACJ,IAAM,MAAA,QAAA,GAAW,IAAY,CAAC,CAAA,CAAA;AAC9B,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM,UAAA,CAAW,SAAS,KAAO,EAAA,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA;AAE5E,IAAA,MAAM,YAAY,CAAC,GAAA,KAAgB,UAAW,CAAA,GAAA,EAAK,MAAM,MAAM,CAAA,CAAA;AAE/D,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,IAAI,KAAO,EAAA;AACT,QAAA,GAAA,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,GAAY,OAAQ,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,GAAQ,IAAI,SAAS,CAAA,CAAA;AAAA,SACvB;AACA,QAAA,QAAA,CAAS,KAAQ,GAAA,IAAA,CAAA;AAAA,OACnB,CAAA;AACA,MAAA,KAAA,GAAQ,IAAI,SAAS,CAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,QAAA,CAAS,QAAQ,OAAQ,CAAA,KAAA,CAAM,KAAK,CAAA,GAAI,KAAK,GAAI,EAAA,CAAA;AAEjD,MAAA,KAAA,CAAA,MAAA,CAAA,KAAA,CAAA,KAAA,EAAA,KAAA,CAAA,MAAA,CAAA,EAAA,MAAA;AAAA,QACE,SAAa,EAAA,CAAA;AAAmB,QAChC,UAAM,EAAA,CAAA;AACJ,OAAU,EAAA;AACV,QAAW,SAAA,EAAA,IAAA;AAAA,OACb,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAAA,IAAA,eACa,CAAA,MAAA;AAAA,MACb,SAAA,EAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,IACF,MAAC,CAAA;AAED,MAAA,YAAA;AACE,KAAU,CAAA,CAAA;AAAA,IACZ,OAAC,CAAA,IAAA,EAAA,MAAA,KAAA;AAED,MAAa,OAAAA,SAAA,EAAA,EAAAC,WAAA,CAAAC,KAAA,CAAA,WAAA,CAAA,EAAA;AAAA,QAAA,KAAA,EAAA,QAAA,CAAA,KAAA;AAAA,QAAA,KAAA,EAAA,IAAA,CAAA,KAAA;AAAA,QAAA,MAAA,EAAA,IAAA,CAAA,MAAA;AAAA,QAIX,MAAA,EAAA,IAAA,CAAA,MAAA;AAAA,QACD,aAAA,EAAA,IAAA,CAAA,UAAA;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"countdown.mjs","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":[],"mappings":";;;;AAEY,MAAC,cAAc,GAAG,UAAU,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,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,cAAc,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,CAAC,YAAY,GAAG,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AAC5C;;;;"}
@@ -1,27 +1,84 @@
1
- import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
2
- import { CHANGE_EVENT } from '../../../constants/event.mjs';
3
- import { isNumber } from '../../../utils/types.mjs';
1
+ import { defineComponent, ref, computed, onMounted, watch, onBeforeUnmount, openBlock, createBlock, unref, createSlots, renderList, withCtx, renderSlot } from 'vue';
2
+ import { ElStatistic } from '../../statistic/index.mjs';
3
+ import { countdownProps, countdownEmits } from './countdown.mjs';
4
+ import { formatTime, getTime } from './utils.mjs';
5
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
6
+ import { rAF, cAF } from '../../../utils/raf.mjs';
4
7
 
5
- const countdownProps = buildProps({
6
- format: {
7
- type: String,
8
- default: "HH:mm:ss"
9
- },
10
- prefix: String,
11
- suffix: String,
12
- title: String,
13
- value: {
14
- type: definePropType([Number, Object]),
15
- default: 0
16
- },
17
- valueStyle: {
18
- type: definePropType([String, Object, Array])
8
+ const __default__ = defineComponent({
9
+ name: "ElCountdown"
10
+ });
11
+ const _sfc_main = /* @__PURE__ */ defineComponent({
12
+ ...__default__,
13
+ props: countdownProps,
14
+ emits: countdownEmits,
15
+ setup(__props, { expose, emit }) {
16
+ const props = __props;
17
+ let timer;
18
+ const rawValue = ref(0);
19
+ const displayValue = computed(() => formatTime(rawValue.value, props.format));
20
+ const formatter = (val) => formatTime(val, props.format);
21
+ const stopTimer = () => {
22
+ if (timer) {
23
+ cAF(timer);
24
+ timer = void 0;
25
+ }
26
+ };
27
+ const startTimer = () => {
28
+ const timestamp = getTime(props.value);
29
+ const frameFunc = () => {
30
+ let diff = timestamp - Date.now();
31
+ emit("change", diff);
32
+ if (diff <= 0) {
33
+ diff = 0;
34
+ stopTimer();
35
+ emit("finish");
36
+ } else {
37
+ timer = rAF(frameFunc);
38
+ }
39
+ rawValue.value = diff;
40
+ };
41
+ timer = rAF(frameFunc);
42
+ };
43
+ onMounted(() => {
44
+ rawValue.value = getTime(props.value) - Date.now();
45
+ watch(() => [props.value, props.format], () => {
46
+ stopTimer();
47
+ startTimer();
48
+ }, {
49
+ immediate: true
50
+ });
51
+ });
52
+ onBeforeUnmount(() => {
53
+ stopTimer();
54
+ });
55
+ expose({
56
+ displayValue
57
+ });
58
+ return (_ctx, _cache) => {
59
+ return openBlock(), createBlock(unref(ElStatistic), {
60
+ value: rawValue.value,
61
+ title: _ctx.title,
62
+ prefix: _ctx.prefix,
63
+ suffix: _ctx.suffix,
64
+ "value-style": _ctx.valueStyle,
65
+ formatter
66
+ }, createSlots({
67
+ _: 2
68
+ }, [
69
+ renderList(_ctx.$slots, (_, name) => {
70
+ return {
71
+ name,
72
+ fn: withCtx(() => [
73
+ renderSlot(_ctx.$slots, name)
74
+ ])
75
+ };
76
+ })
77
+ ]), 1032, ["value", "title", "prefix", "suffix", "value-style"]);
78
+ };
19
79
  }
20
80
  });
21
- const countdownEmits = {
22
- finish: () => true,
23
- [CHANGE_EVENT]: (value) => isNumber(value)
24
- };
81
+ var Countdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "countdown.vue"]]);
25
82
 
26
- export { countdownEmits, countdownProps };
83
+ export { Countdown as default };
27
84
  //# sourceMappingURL=countdown2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"countdown2.mjs","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":[],"mappings":";;;;AAEY,MAAC,cAAc,GAAG,UAAU,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,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,cAAc,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,CAAC,YAAY,GAAG,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AAC5C;;;;"}
1
+ {"version":3,"file":"countdown2.mjs","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, onMounted, 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<number>(0)\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\nonMounted(() => {\n rawValue.value = getTime(props.value) - Date.now()\n\n watch(\n () => [props.value, props.format],\n () => {\n stopTimer()\n startTimer()\n },\n {\n immediate: true,\n }\n )\n})\n\nonBeforeUnmount(() => {\n stopTimer()\n})\n\ndefineExpose({\n /**\n * @description current display value\n */\n displayValue,\n})\n</script>\n"],"names":["_openBlock","_createBlock","_unref"],"mappings":";;;;;;;mCAqBc,CAAA;AAAA,EACZ,IAAM,EAAA,aAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAI,IAAA,KAAA,CAAA;AACJ,IAAM,MAAA,QAAA,GAAW,IAAY,CAAC,CAAA,CAAA;AAC9B,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM,UAAA,CAAW,SAAS,KAAO,EAAA,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA;AAE5E,IAAA,MAAM,YAAY,CAAC,GAAA,KAAgB,UAAW,CAAA,GAAA,EAAK,MAAM,MAAM,CAAA,CAAA;AAE/D,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,IAAI,KAAO,EAAA;AACT,QAAA,GAAA,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,GAAY,OAAQ,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,GAAQ,IAAI,SAAS,CAAA,CAAA;AAAA,SACvB;AACA,QAAA,QAAA,CAAS,KAAQ,GAAA,IAAA,CAAA;AAAA,OACnB,CAAA;AACA,MAAA,KAAA,GAAQ,IAAI,SAAS,CAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,QAAA,CAAS,QAAQ,OAAQ,CAAA,KAAA,CAAM,KAAK,CAAA,GAAI,KAAK,GAAI,EAAA,CAAA;AAEjD,MAAA,KAAA,CAAA,MAAA,CAAA,KAAA,CAAA,KAAA,EAAA,KAAA,CAAA,MAAA,CAAA,EAAA,MAAA;AAAA,QACE,SAAa,EAAA,CAAA;AAAmB,QAChC,UAAM,EAAA,CAAA;AACJ,OAAU,EAAA;AACV,QAAW,SAAA,EAAA,IAAA;AAAA,OACb,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAAA,IAAA,eACa,CAAA,MAAA;AAAA,MACb,SAAA,EAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,IACF,MAAC,CAAA;AAED,MAAA,YAAA;AACE,KAAU,CAAA,CAAA;AAAA,IACZ,OAAC,CAAA,IAAA,EAAA,MAAA,KAAA;AAED,MAAa,OAAAA,SAAA,EAAA,EAAAC,WAAA,CAAAC,KAAA,CAAA,WAAA,CAAA,EAAA;AAAA,QAAA,KAAA,EAAA,QAAA,CAAA,KAAA;AAAA,QAAA,KAAA,EAAA,IAAA,CAAA,KAAA;AAAA,QAAA,MAAA,EAAA,IAAA,CAAA,MAAA;AAAA,QAIX,MAAA,EAAA,IAAA,CAAA,MAAA;AAAA,QACD,aAAA,EAAA,IAAA,CAAA,UAAA;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,6 +1,6 @@
1
- import Dialog from './src/dialog.mjs';
1
+ import Dialog from './src/dialog2.mjs';
2
2
  export { useDialog } from './src/use-dialog.mjs';
3
- export { dialogEmits, dialogProps } from './src/dialog2.mjs';
3
+ export { dialogEmits, dialogProps } from './src/dialog.mjs';
4
4
  export { dialogInjectionKey } from './src/constants.mjs';
5
5
  import { withInstall } from '../../utils/vue/install.mjs';
6
6
 
@@ -1,34 +1,93 @@
1
- import { buildProps } from '../../../utils/vue/props/runtime.mjs';
2
- import { iconPropType } from '../../../utils/vue/icon.mjs';
1
+ import { defineComponent, inject, computed, openBlock, createElementBlock, unref, normalizeClass, normalizeStyle, createElementVNode, renderSlot, toDisplayString, createVNode, withCtx, createBlock, resolveDynamicComponent, createCommentVNode } from 'vue';
2
+ import { ElIcon } from '../../icon/index.mjs';
3
+ import { dialogInjectionKey } from './constants.mjs';
4
+ import { dialogContentProps, dialogContentEmits } from './dialog-content2.mjs';
5
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
6
+ import { FOCUS_TRAP_INJECTION_KEY } from '../../focus-trap/src/tokens.mjs';
7
+ import { useDraggable } from '../../../hooks/use-draggable/index.mjs';
8
+ import { CloseComponents } from '../../../utils/vue/icon.mjs';
9
+ import { composeRefs } from '../../../utils/vue/refs.mjs';
10
+ import { useLocale } from '../../../hooks/use-locale/index.mjs';
3
11
 
4
- const dialogContentProps = buildProps({
5
- center: Boolean,
6
- alignCenter: Boolean,
7
- closeIcon: {
8
- type: iconPropType
9
- },
10
- draggable: Boolean,
11
- overflow: Boolean,
12
- fullscreen: Boolean,
13
- headerClass: String,
14
- bodyClass: String,
15
- footerClass: String,
16
- showClose: {
17
- type: Boolean,
18
- default: true
19
- },
20
- title: {
21
- type: String,
22
- default: ""
23
- },
24
- ariaLevel: {
25
- type: String,
26
- default: "2"
12
+ const __default__ = defineComponent({ name: "ElDialogContent" });
13
+ const _sfc_main = /* @__PURE__ */ defineComponent({
14
+ ...__default__,
15
+ props: dialogContentProps,
16
+ emits: dialogContentEmits,
17
+ setup(__props, { expose }) {
18
+ const props = __props;
19
+ const { t } = useLocale();
20
+ const { Close } = CloseComponents;
21
+ const { dialogRef, headerRef, bodyId, ns, style } = inject(dialogInjectionKey);
22
+ const { focusTrapRef } = inject(FOCUS_TRAP_INJECTION_KEY);
23
+ const dialogKls = computed(() => [
24
+ ns.b(),
25
+ ns.is("fullscreen", props.fullscreen),
26
+ ns.is("draggable", props.draggable),
27
+ ns.is("align-center", props.alignCenter),
28
+ { [ns.m("center")]: props.center }
29
+ ]);
30
+ const composedDialogRef = composeRefs(focusTrapRef, dialogRef);
31
+ const draggable = computed(() => props.draggable);
32
+ const overflow = computed(() => props.overflow);
33
+ const { resetPosition } = useDraggable(dialogRef, headerRef, draggable, overflow);
34
+ expose({
35
+ resetPosition
36
+ });
37
+ return (_ctx, _cache) => {
38
+ return openBlock(), createElementBlock("div", {
39
+ ref: unref(composedDialogRef),
40
+ class: normalizeClass(unref(dialogKls)),
41
+ style: normalizeStyle(unref(style)),
42
+ tabindex: "-1"
43
+ }, [
44
+ createElementVNode("header", {
45
+ ref_key: "headerRef",
46
+ ref: headerRef,
47
+ class: normalizeClass([unref(ns).e("header"), _ctx.headerClass, { "show-close": _ctx.showClose }])
48
+ }, [
49
+ renderSlot(_ctx.$slots, "header", {}, () => [
50
+ createElementVNode("span", {
51
+ role: "heading",
52
+ "aria-level": _ctx.ariaLevel,
53
+ class: normalizeClass(unref(ns).e("title"))
54
+ }, toDisplayString(_ctx.title), 11, ["aria-level"])
55
+ ]),
56
+ _ctx.showClose ? (openBlock(), createElementBlock("button", {
57
+ key: 0,
58
+ "aria-label": unref(t)("el.dialog.close"),
59
+ class: normalizeClass(unref(ns).e("headerbtn")),
60
+ type: "button",
61
+ onClick: ($event) => _ctx.$emit("close")
62
+ }, [
63
+ createVNode(unref(ElIcon), {
64
+ size: "20",
65
+ class: normalizeClass(unref(ns).e("close"))
66
+ }, {
67
+ default: withCtx(() => [
68
+ (openBlock(), createBlock(resolveDynamicComponent(_ctx.closeIcon || unref(Close))))
69
+ ]),
70
+ _: 1
71
+ }, 8, ["class"])
72
+ ], 10, ["aria-label", "onClick"])) : createCommentVNode("v-if", true)
73
+ ], 2),
74
+ createElementVNode("div", {
75
+ id: unref(bodyId),
76
+ class: normalizeClass([unref(ns).e("body"), _ctx.bodyClass])
77
+ }, [
78
+ renderSlot(_ctx.$slots, "default")
79
+ ], 10, ["id"]),
80
+ _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", {
81
+ key: 0,
82
+ class: normalizeClass([unref(ns).e("footer"), _ctx.footerClass])
83
+ }, [
84
+ renderSlot(_ctx.$slots, "footer")
85
+ ], 2)) : createCommentVNode("v-if", true)
86
+ ], 6);
87
+ };
27
88
  }
28
89
  });
29
- const dialogContentEmits = {
30
- close: () => true
31
- };
90
+ var ElDialogContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "dialog-content.vue"]]);
32
91
 
33
- export { dialogContentEmits, dialogContentProps };
92
+ export { ElDialogContent as default };
34
93
  //# sourceMappingURL=dialog-content.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"dialog-content.mjs","sources":["../../../../../../packages/components/dialog/src/dialog-content.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\n\nexport const dialogContentProps = buildProps({\n /**\n * @description whether to align the header and footer in center\n */\n center: Boolean,\n /**\n * @description whether to align the dialog both horizontally and vertically\n */\n alignCenter: Boolean,\n /**\n * @description custom close icon, default is Close\n */\n closeIcon: {\n type: iconPropType,\n },\n /**\n * @description enable dragging feature for Dialog\n */\n draggable: Boolean,\n /**\n * @description draggable Dialog can overflow the viewport\n */\n overflow: Boolean,\n /**\n * @description whether the Dialog takes up full screen\n */\n fullscreen: Boolean,\n /**\n * @description custom class names for header wrapper\n */\n headerClass: String,\n /**\n * @description custom class names for body wrapper\n */\n bodyClass: String,\n /**\n * @description custom class names for footer wrapper\n */\n footerClass: String,\n /**\n * @description whether to show a close button\n */\n showClose: {\n type: Boolean,\n default: true,\n },\n /**\n * @description title of Dialog. Can also be passed with a named slot (see the following table)\n */\n title: {\n type: String,\n default: '',\n },\n /**\n * @description header's aria-level attribute\n */\n ariaLevel: {\n type: String,\n default: '2',\n },\n} as const)\n\nexport const dialogContentEmits = {\n close: () => true,\n}\n"],"names":[],"mappings":";;;AACY,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,WAAW,EAAE,OAAO;AACtB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,kBAAkB,GAAG;AAClC,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB;;;;"}
1
+ {"version":3,"file":"dialog-content.mjs","sources":["../../../../../../packages/components/dialog/src/dialog-content.vue"],"sourcesContent":["<template>\n <div :ref=\"composedDialogRef\" :class=\"dialogKls\" :style=\"style\" tabindex=\"-1\">\n <header\n ref=\"headerRef\"\n :class=\"[ns.e('header'), headerClass, { 'show-close': showClose }]\"\n >\n <slot name=\"header\">\n <span role=\"heading\" :aria-level=\"ariaLevel\" :class=\"ns.e('title')\">\n {{ title }}\n </span>\n </slot>\n <button\n v-if=\"showClose\"\n :aria-label=\"t('el.dialog.close')\"\n :class=\"ns.e('headerbtn')\"\n type=\"button\"\n @click=\"$emit('close')\"\n >\n <el-icon size=\"20\" :class=\"ns.e('close')\">\n <component :is=\"closeIcon || Close\" />\n </el-icon>\n </button>\n </header>\n <div :id=\"bodyId\" :class=\"[ns.e('body'), bodyClass]\">\n <slot />\n </div>\n <footer v-if=\"$slots.footer\" :class=\"[ns.e('footer'), footerClass]\">\n <slot name=\"footer\" />\n </footer>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { FOCUS_TRAP_INJECTION_KEY } from '@element-plus/components/focus-trap'\nimport { useDraggable, useLocale } from '@element-plus/hooks'\nimport { CloseComponents, composeRefs } from '@element-plus/utils'\nimport { dialogInjectionKey } from './constants'\nimport { dialogContentEmits, dialogContentProps } from './dialog-content'\n\nconst { t } = useLocale()\nconst { Close } = CloseComponents\n\ndefineOptions({ name: 'ElDialogContent' })\nconst props = defineProps(dialogContentProps)\ndefineEmits(dialogContentEmits)\n\nconst { dialogRef, headerRef, bodyId, ns, style } = inject(dialogInjectionKey)!\nconst { focusTrapRef } = inject(FOCUS_TRAP_INJECTION_KEY)!\n\nconst dialogKls = computed(() => [\n ns.b(),\n ns.is('fullscreen', props.fullscreen),\n ns.is('draggable', props.draggable),\n ns.is('align-center', props.alignCenter),\n { [ns.m('center')]: props.center },\n])\n\nconst composedDialogRef = composeRefs(focusTrapRef, dialogRef)\n\nconst draggable = computed(() => props.draggable)\nconst overflow = computed(() => props.overflow)\nconst { resetPosition } = useDraggable(\n dialogRef,\n headerRef,\n draggable,\n overflow\n)\n\ndefineExpose({\n resetPosition,\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_unref","_normalizeClass","_normalizeStyle"],"mappings":";;;;;;;;;;;mCA4Cc,CAAA,EAAE,IAAM,EAAA,iBAAA,EAAkB,CAAA,CAAA;;;;;;;AAHxC,IAAM,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAE,OAAU,GAAA,eAAA,CAAA;AAMlB,IAAM,MAAA,EAAE,WAAW,SAAW,EAAA,MAAA,EAAQ,IAAI,KAAM,EAAA,GAAI,OAAO,kBAAkB,CAAA,CAAA;AAC7E,IAAA,MAAM,EAAE,YAAA,EAAiB,GAAA,MAAA,CAAO,wBAAwB,CAAA,CAAA;AAExD,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAAA,MAC/B,GAAG,CAAE,EAAA;AAAA,MACL,EAAG,CAAA,EAAA,CAAG,YAAc,EAAA,KAAA,CAAM,UAAU,CAAA;AAAA,MACpC,EAAG,CAAA,EAAA,CAAG,WAAa,EAAA,KAAA,CAAM,SAAS,CAAA;AAAA,MAClC,EAAG,CAAA,EAAA,CAAG,cAAgB,EAAA,KAAA,CAAM,WAAW,CAAA;AAAA,MACvC,EAAE,CAAC,EAAG,CAAA,CAAA,CAAE,QAAQ,CAAC,GAAG,MAAM,MAAO,EAAA;AAAA,KAClC,CAAA,CAAA;AAED,IAAM,MAAA,iBAAA,GAAoB,WAAY,CAAA,YAAA,EAAc,SAAS,CAAA,CAAA;AAE7D,IAAA,MAAM,SAAY,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,SAAS,CAAA,CAAA;AAChD,IAAA,MAAM,QAAW,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,QAAQ,CAAA,CAAA;AAC9C,IAAM,MAAA,EAAE,eAAkB,GAAA,YAAA,CAAA,SAAA,EAAA,SAAA,EAAA,SAAA,EAAA,QAAA,CAAA,CAAA;AAAA,IACxB,MAAA,CAAA;AAAA,MACA,aAAA;AAAA,KACA,CAAA,CAAA;AAAA,IACA,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MACF,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,KAAA,EAAA;AAEA,QAAa,GAAA,EAAAC,KAAA,CAAA,iBAAA,CAAA;AAAA,QACX,KAAA,EAAAC,cAAA,CAAAD,KAAA,CAAA,SAAA,CAAA,CAAA;AAAA,QACD,KAAA,EAAAE,cAAA,CAAAF,KAAA,CAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,93 +1,34 @@
1
- import { defineComponent, inject, computed, openBlock, createElementBlock, unref, normalizeClass, normalizeStyle, createElementVNode, renderSlot, toDisplayString, createVNode, withCtx, createBlock, resolveDynamicComponent, createCommentVNode } from 'vue';
2
- import { ElIcon } from '../../icon/index.mjs';
3
- import { dialogInjectionKey } from './constants.mjs';
4
- import { dialogContentProps, dialogContentEmits } from './dialog-content.mjs';
5
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
6
- import { FOCUS_TRAP_INJECTION_KEY } from '../../focus-trap/src/tokens.mjs';
7
- import { useDraggable } from '../../../hooks/use-draggable/index.mjs';
8
- import { CloseComponents } from '../../../utils/vue/icon.mjs';
9
- import { composeRefs } from '../../../utils/vue/refs.mjs';
10
- import { useLocale } from '../../../hooks/use-locale/index.mjs';
1
+ import { buildProps } from '../../../utils/vue/props/runtime.mjs';
2
+ import { iconPropType } from '../../../utils/vue/icon.mjs';
11
3
 
12
- const __default__ = defineComponent({ name: "ElDialogContent" });
13
- const _sfc_main = /* @__PURE__ */ defineComponent({
14
- ...__default__,
15
- props: dialogContentProps,
16
- emits: dialogContentEmits,
17
- setup(__props, { expose }) {
18
- const props = __props;
19
- const { t } = useLocale();
20
- const { Close } = CloseComponents;
21
- const { dialogRef, headerRef, bodyId, ns, style } = inject(dialogInjectionKey);
22
- const { focusTrapRef } = inject(FOCUS_TRAP_INJECTION_KEY);
23
- const dialogKls = computed(() => [
24
- ns.b(),
25
- ns.is("fullscreen", props.fullscreen),
26
- ns.is("draggable", props.draggable),
27
- ns.is("align-center", props.alignCenter),
28
- { [ns.m("center")]: props.center }
29
- ]);
30
- const composedDialogRef = composeRefs(focusTrapRef, dialogRef);
31
- const draggable = computed(() => props.draggable);
32
- const overflow = computed(() => props.overflow);
33
- const { resetPosition } = useDraggable(dialogRef, headerRef, draggable, overflow);
34
- expose({
35
- resetPosition
36
- });
37
- return (_ctx, _cache) => {
38
- return openBlock(), createElementBlock("div", {
39
- ref: unref(composedDialogRef),
40
- class: normalizeClass(unref(dialogKls)),
41
- style: normalizeStyle(unref(style)),
42
- tabindex: "-1"
43
- }, [
44
- createElementVNode("header", {
45
- ref_key: "headerRef",
46
- ref: headerRef,
47
- class: normalizeClass([unref(ns).e("header"), _ctx.headerClass, { "show-close": _ctx.showClose }])
48
- }, [
49
- renderSlot(_ctx.$slots, "header", {}, () => [
50
- createElementVNode("span", {
51
- role: "heading",
52
- "aria-level": _ctx.ariaLevel,
53
- class: normalizeClass(unref(ns).e("title"))
54
- }, toDisplayString(_ctx.title), 11, ["aria-level"])
55
- ]),
56
- _ctx.showClose ? (openBlock(), createElementBlock("button", {
57
- key: 0,
58
- "aria-label": unref(t)("el.dialog.close"),
59
- class: normalizeClass(unref(ns).e("headerbtn")),
60
- type: "button",
61
- onClick: ($event) => _ctx.$emit("close")
62
- }, [
63
- createVNode(unref(ElIcon), {
64
- size: "20",
65
- class: normalizeClass(unref(ns).e("close"))
66
- }, {
67
- default: withCtx(() => [
68
- (openBlock(), createBlock(resolveDynamicComponent(_ctx.closeIcon || unref(Close))))
69
- ]),
70
- _: 1
71
- }, 8, ["class"])
72
- ], 10, ["aria-label", "onClick"])) : createCommentVNode("v-if", true)
73
- ], 2),
74
- createElementVNode("div", {
75
- id: unref(bodyId),
76
- class: normalizeClass([unref(ns).e("body"), _ctx.bodyClass])
77
- }, [
78
- renderSlot(_ctx.$slots, "default")
79
- ], 10, ["id"]),
80
- _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", {
81
- key: 0,
82
- class: normalizeClass([unref(ns).e("footer"), _ctx.footerClass])
83
- }, [
84
- renderSlot(_ctx.$slots, "footer")
85
- ], 2)) : createCommentVNode("v-if", true)
86
- ], 6);
87
- };
4
+ const dialogContentProps = buildProps({
5
+ center: Boolean,
6
+ alignCenter: Boolean,
7
+ closeIcon: {
8
+ type: iconPropType
9
+ },
10
+ draggable: Boolean,
11
+ overflow: Boolean,
12
+ fullscreen: Boolean,
13
+ headerClass: String,
14
+ bodyClass: String,
15
+ footerClass: String,
16
+ showClose: {
17
+ type: Boolean,
18
+ default: true
19
+ },
20
+ title: {
21
+ type: String,
22
+ default: ""
23
+ },
24
+ ariaLevel: {
25
+ type: String,
26
+ default: "2"
88
27
  }
89
28
  });
90
- var ElDialogContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "dialog-content.vue"]]);
29
+ const dialogContentEmits = {
30
+ close: () => true
31
+ };
91
32
 
92
- export { ElDialogContent as default };
33
+ export { dialogContentEmits, dialogContentProps };
93
34
  //# sourceMappingURL=dialog-content2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"dialog-content2.mjs","sources":["../../../../../../packages/components/dialog/src/dialog-content.vue"],"sourcesContent":["<template>\n <div :ref=\"composedDialogRef\" :class=\"dialogKls\" :style=\"style\" tabindex=\"-1\">\n <header\n ref=\"headerRef\"\n :class=\"[ns.e('header'), headerClass, { 'show-close': showClose }]\"\n >\n <slot name=\"header\">\n <span role=\"heading\" :aria-level=\"ariaLevel\" :class=\"ns.e('title')\">\n {{ title }}\n </span>\n </slot>\n <button\n v-if=\"showClose\"\n :aria-label=\"t('el.dialog.close')\"\n :class=\"ns.e('headerbtn')\"\n type=\"button\"\n @click=\"$emit('close')\"\n >\n <el-icon size=\"20\" :class=\"ns.e('close')\">\n <component :is=\"closeIcon || Close\" />\n </el-icon>\n </button>\n </header>\n <div :id=\"bodyId\" :class=\"[ns.e('body'), bodyClass]\">\n <slot />\n </div>\n <footer v-if=\"$slots.footer\" :class=\"[ns.e('footer'), footerClass]\">\n <slot name=\"footer\" />\n </footer>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { FOCUS_TRAP_INJECTION_KEY } from '@element-plus/components/focus-trap'\nimport { useDraggable, useLocale } from '@element-plus/hooks'\nimport { CloseComponents, composeRefs } from '@element-plus/utils'\nimport { dialogInjectionKey } from './constants'\nimport { dialogContentEmits, dialogContentProps } from './dialog-content'\n\nconst { t } = useLocale()\nconst { Close } = CloseComponents\n\ndefineOptions({ name: 'ElDialogContent' })\nconst props = defineProps(dialogContentProps)\ndefineEmits(dialogContentEmits)\n\nconst { dialogRef, headerRef, bodyId, ns, style } = inject(dialogInjectionKey)!\nconst { focusTrapRef } = inject(FOCUS_TRAP_INJECTION_KEY)!\n\nconst dialogKls = computed(() => [\n ns.b(),\n ns.is('fullscreen', props.fullscreen),\n ns.is('draggable', props.draggable),\n ns.is('align-center', props.alignCenter),\n { [ns.m('center')]: props.center },\n])\n\nconst composedDialogRef = composeRefs(focusTrapRef, dialogRef)\n\nconst draggable = computed(() => props.draggable)\nconst overflow = computed(() => props.overflow)\nconst { resetPosition } = useDraggable(\n dialogRef,\n headerRef,\n draggable,\n overflow\n)\n\ndefineExpose({\n resetPosition,\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_unref","_normalizeClass","_normalizeStyle"],"mappings":";;;;;;;;;;;mCA4Cc,CAAA,EAAE,IAAM,EAAA,iBAAA,EAAkB,CAAA,CAAA;;;;;;;AAHxC,IAAM,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAE,OAAU,GAAA,eAAA,CAAA;AAMlB,IAAM,MAAA,EAAE,WAAW,SAAW,EAAA,MAAA,EAAQ,IAAI,KAAM,EAAA,GAAI,OAAO,kBAAkB,CAAA,CAAA;AAC7E,IAAA,MAAM,EAAE,YAAA,EAAiB,GAAA,MAAA,CAAO,wBAAwB,CAAA,CAAA;AAExD,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAAA,MAC/B,GAAG,CAAE,EAAA;AAAA,MACL,EAAG,CAAA,EAAA,CAAG,YAAc,EAAA,KAAA,CAAM,UAAU,CAAA;AAAA,MACpC,EAAG,CAAA,EAAA,CAAG,WAAa,EAAA,KAAA,CAAM,SAAS,CAAA;AAAA,MAClC,EAAG,CAAA,EAAA,CAAG,cAAgB,EAAA,KAAA,CAAM,WAAW,CAAA;AAAA,MACvC,EAAE,CAAC,EAAG,CAAA,CAAA,CAAE,QAAQ,CAAC,GAAG,MAAM,MAAO,EAAA;AAAA,KAClC,CAAA,CAAA;AAED,IAAM,MAAA,iBAAA,GAAoB,WAAY,CAAA,YAAA,EAAc,SAAS,CAAA,CAAA;AAE7D,IAAA,MAAM,SAAY,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,SAAS,CAAA,CAAA;AAChD,IAAA,MAAM,QAAW,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,QAAQ,CAAA,CAAA;AAC9C,IAAM,MAAA,EAAE,eAAkB,GAAA,YAAA,CAAA,SAAA,EAAA,SAAA,EAAA,SAAA,EAAA,QAAA,CAAA,CAAA;AAAA,IACxB,MAAA,CAAA;AAAA,MACA,aAAA;AAAA,KACA,CAAA,CAAA;AAAA,IACA,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MACF,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,KAAA,EAAA;AAEA,QAAa,GAAA,EAAAC,KAAA,CAAA,iBAAA,CAAA;AAAA,QACX,KAAA,EAAAC,cAAA,CAAAD,KAAA,CAAA,SAAA,CAAA,CAAA;AAAA,QACD,KAAA,EAAAE,cAAA,CAAAF,KAAA,CAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"dialog-content2.mjs","sources":["../../../../../../packages/components/dialog/src/dialog-content.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\n\nexport const dialogContentProps = buildProps({\n /**\n * @description whether to align the header and footer in center\n */\n center: Boolean,\n /**\n * @description whether to align the dialog both horizontally and vertically\n */\n alignCenter: Boolean,\n /**\n * @description custom close icon, default is Close\n */\n closeIcon: {\n type: iconPropType,\n },\n /**\n * @description enable dragging feature for Dialog\n */\n draggable: Boolean,\n /**\n * @description draggable Dialog can overflow the viewport\n */\n overflow: Boolean,\n /**\n * @description whether the Dialog takes up full screen\n */\n fullscreen: Boolean,\n /**\n * @description custom class names for header wrapper\n */\n headerClass: String,\n /**\n * @description custom class names for body wrapper\n */\n bodyClass: String,\n /**\n * @description custom class names for footer wrapper\n */\n footerClass: String,\n /**\n * @description whether to show a close button\n */\n showClose: {\n type: Boolean,\n default: true,\n },\n /**\n * @description title of Dialog. Can also be passed with a named slot (see the following table)\n */\n title: {\n type: String,\n default: '',\n },\n /**\n * @description header's aria-level attribute\n */\n ariaLevel: {\n type: String,\n default: '2',\n },\n} as const)\n\nexport const dialogContentEmits = {\n close: () => true,\n}\n"],"names":[],"mappings":";;;AACY,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,WAAW,EAAE,OAAO;AACtB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,kBAAkB,GAAG;AAClC,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB;;;;"}