element-plus-secondary 0.3.6 → 0.3.7

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 (643) hide show
  1. package/es/components/affix/index.mjs +2 -2
  2. package/es/components/affix/src/affix.mjs +117 -26
  3. package/es/components/affix/src/affix.mjs.map +1 -1
  4. package/es/components/affix/src/affix2.mjs +26 -117
  5. package/es/components/affix/src/affix2.mjs.map +1 -1
  6. package/es/components/alert/index.mjs +2 -2
  7. package/es/components/alert/src/alert.mjs +36 -96
  8. package/es/components/alert/src/alert.mjs.map +1 -1
  9. package/es/components/alert/src/alert2.mjs +96 -36
  10. package/es/components/alert/src/alert2.mjs.map +1 -1
  11. package/es/components/autocomplete/index.d.ts +79 -79
  12. package/es/components/autocomplete/index.mjs +2 -2
  13. package/es/components/autocomplete/src/autocomplete.mjs +353 -71
  14. package/es/components/autocomplete/src/autocomplete.mjs.map +1 -1
  15. package/es/components/autocomplete/src/autocomplete.vue.d.ts +79 -79
  16. package/es/components/autocomplete/src/autocomplete2.mjs +71 -353
  17. package/es/components/autocomplete/src/autocomplete2.mjs.map +1 -1
  18. package/es/components/backtop/index.mjs +2 -2
  19. package/es/components/backtop/src/backtop.mjs +21 -54
  20. package/es/components/backtop/src/backtop.mjs.map +1 -1
  21. package/es/components/backtop/src/backtop2.mjs +54 -21
  22. package/es/components/backtop/src/backtop2.mjs.map +1 -1
  23. package/es/components/badge/index.mjs +2 -2
  24. package/es/components/badge/src/badge.mjs +17 -55
  25. package/es/components/badge/src/badge.mjs.map +1 -1
  26. package/es/components/badge/src/badge2.mjs +55 -17
  27. package/es/components/badge/src/badge2.mjs.map +1 -1
  28. package/es/components/breadcrumb/index.mjs +2 -2
  29. package/es/components/breadcrumb/src/breadcrumb-item.mjs +11 -57
  30. package/es/components/breadcrumb/src/breadcrumb-item.mjs.map +1 -1
  31. package/es/components/breadcrumb/src/breadcrumb-item2.mjs +57 -11
  32. package/es/components/breadcrumb/src/breadcrumb-item2.mjs.map +1 -1
  33. package/es/components/button/index.mjs +3 -3
  34. package/es/components/button/src/button-group.mjs +31 -6
  35. package/es/components/button/src/button-group.mjs.map +1 -1
  36. package/es/components/button/src/button-group2.mjs +6 -31
  37. package/es/components/button/src/button-group2.mjs.map +1 -1
  38. package/es/components/button/src/button.mjs +54 -78
  39. package/es/components/button/src/button.mjs.map +1 -1
  40. package/es/components/button/src/button2.mjs +78 -54
  41. package/es/components/button/src/button2.mjs.map +1 -1
  42. package/es/components/calendar/index.mjs +2 -2
  43. package/es/components/calendar/src/calendar.mjs +18 -131
  44. package/es/components/calendar/src/calendar.mjs.map +1 -1
  45. package/es/components/calendar/src/calendar2.mjs +131 -18
  46. package/es/components/calendar/src/calendar2.mjs.map +1 -1
  47. package/es/components/card/index.mjs +2 -2
  48. package/es/components/card/src/card.mjs +35 -16
  49. package/es/components/card/src/card.mjs.map +1 -1
  50. package/es/components/card/src/card2.mjs +16 -35
  51. package/es/components/card/src/card2.mjs.map +1 -1
  52. package/es/components/carousel/index.d.ts +1 -1
  53. package/es/components/carousel/src/carousel.vue.d.ts +1 -1
  54. package/es/components/cascader/index.d.ts +106 -106
  55. package/es/components/cascader/src/index.mjs +1 -1
  56. package/es/components/cascader/src/index.vue.d.ts +53 -53
  57. package/es/components/cascader-panel/src/index.mjs +1 -1
  58. package/es/components/cascader-panel/src/menu.mjs +1 -1
  59. package/es/components/cascader-panel/src/node.mjs +209 -116
  60. package/es/components/cascader-panel/src/node.mjs.map +1 -1
  61. package/es/components/cascader-panel/src/node2.mjs +116 -209
  62. package/es/components/cascader-panel/src/node2.mjs.map +1 -1
  63. package/es/components/cascader-panel/src/store.mjs +1 -1
  64. package/es/components/check-tag/index.mjs +2 -2
  65. package/es/components/check-tag/src/check-tag.mjs +30 -12
  66. package/es/components/check-tag/src/check-tag.mjs.map +1 -1
  67. package/es/components/check-tag/src/check-tag2.mjs +12 -30
  68. package/es/components/check-tag/src/check-tag2.mjs.map +1 -1
  69. package/es/components/checkbox/index.mjs +2 -2
  70. package/es/components/checkbox/src/checkbox-button.mjs +1 -1
  71. package/es/components/checkbox/src/checkbox.mjs +117 -54
  72. package/es/components/checkbox/src/checkbox.mjs.map +1 -1
  73. package/es/components/checkbox/src/checkbox2.mjs +54 -117
  74. package/es/components/checkbox/src/checkbox2.mjs.map +1 -1
  75. package/es/components/col/index.mjs +2 -2
  76. package/es/components/col/src/col.mjs +43 -66
  77. package/es/components/col/src/col.mjs.map +1 -1
  78. package/es/components/col/src/col2.mjs +66 -43
  79. package/es/components/col/src/col2.mjs.map +1 -1
  80. package/es/components/collapse/index.mjs +2 -2
  81. package/es/components/collapse/src/collapse-item.mjs +19 -96
  82. package/es/components/collapse/src/collapse-item.mjs.map +1 -1
  83. package/es/components/collapse/src/collapse-item2.mjs +96 -19
  84. package/es/components/collapse/src/collapse-item2.mjs.map +1 -1
  85. package/es/components/color-picker/index.d.ts +149 -149
  86. package/es/components/color-picker/index.mjs +2 -2
  87. package/es/components/color-picker/src/color-picker.mjs +46 -382
  88. package/es/components/color-picker/src/color-picker.mjs.map +1 -1
  89. package/es/components/color-picker/src/color-picker.vue.d.ts +149 -149
  90. package/es/components/color-picker/src/color-picker2.mjs +382 -46
  91. package/es/components/color-picker/src/color-picker2.mjs.map +1 -1
  92. package/es/components/color-picker/src/components/alpha-slider.vue.d.ts +32 -32
  93. package/es/components/color-picker/src/components/predefine.mjs +1 -1
  94. package/es/components/date-picker/src/date-picker-com/panel-date-pick.vue.d.ts +9 -9
  95. package/es/components/date-picker/src/date-picker-com/panel-date-range.vue.d.ts +9 -9
  96. package/es/components/date-picker/src/panel-utils.d.ts +18 -18
  97. package/es/components/descriptions/index.mjs +2 -2
  98. package/es/components/descriptions/src/description.mjs +110 -25
  99. package/es/components/descriptions/src/description.mjs.map +1 -1
  100. package/es/components/descriptions/src/description2.mjs +25 -110
  101. package/es/components/descriptions/src/description2.mjs.map +1 -1
  102. package/es/components/dialog/index.d.ts +3 -3
  103. package/es/components/dialog/src/dialog.vue.d.ts +3 -3
  104. package/es/components/divider/index.mjs +2 -2
  105. package/es/components/divider/src/divider.mjs +35 -17
  106. package/es/components/divider/src/divider.mjs.map +1 -1
  107. package/es/components/divider/src/divider2.mjs +17 -35
  108. package/es/components/divider/src/divider2.mjs.map +1 -1
  109. package/es/components/drawer/index.mjs +2 -2
  110. package/es/components/drawer/src/drawer.mjs +22 -165
  111. package/es/components/drawer/src/drawer.mjs.map +1 -1
  112. package/es/components/drawer/src/drawer2.mjs +165 -22
  113. package/es/components/drawer/src/drawer2.mjs.map +1 -1
  114. package/es/components/dropdown/index.d.ts +34 -31
  115. package/es/components/dropdown/src/dropdown-item-impl.vue.d.ts +1 -1
  116. package/es/components/dropdown/src/dropdown-item.vue.d.ts +1 -1
  117. package/es/components/dropdown/src/dropdown.d.ts +1 -0
  118. package/es/components/dropdown/src/dropdown.mjs +5 -1
  119. package/es/components/dropdown/src/dropdown.mjs.map +1 -1
  120. package/es/components/dropdown/src/dropdown.vue.d.ts +32 -29
  121. package/es/components/dropdown/src/dropdown2.mjs +2 -2
  122. package/es/components/dropdown/src/dropdown2.mjs.map +1 -1
  123. package/es/components/focus-trap/src/focus-trap.vue.d.ts +3 -3
  124. package/es/components/icon/index.mjs +2 -2
  125. package/es/components/icon/src/icon.mjs +8 -36
  126. package/es/components/icon/src/icon.mjs.map +1 -1
  127. package/es/components/icon/src/icon2.mjs +36 -8
  128. package/es/components/icon/src/icon2.mjs.map +1 -1
  129. package/es/components/image/index.d.ts +1 -1
  130. package/es/components/image/index.mjs +2 -2
  131. package/es/components/image/src/image.mjs +58 -219
  132. package/es/components/image/src/image.mjs.map +1 -1
  133. package/es/components/image/src/image.vue.d.ts +1 -1
  134. package/es/components/image/src/image2.mjs +219 -58
  135. package/es/components/image/src/image2.mjs.map +1 -1
  136. package/es/components/index.mjs +37 -37
  137. package/es/components/input/index.d.ts +9 -9
  138. package/es/components/input/src/input.vue.d.ts +9 -9
  139. package/es/components/input-number/index.d.ts +32 -32
  140. package/es/components/input-number/index.mjs +2 -2
  141. package/es/components/input-number/src/input-number.mjs +62 -300
  142. package/es/components/input-number/src/input-number.mjs.map +1 -1
  143. package/es/components/input-number/src/input-number.vue.d.ts +32 -32
  144. package/es/components/input-number/src/input-number2.mjs +300 -62
  145. package/es/components/input-number/src/input-number2.mjs.map +1 -1
  146. package/es/components/menu/index.mjs +4 -4
  147. package/es/components/menu/src/menu-item-group.mjs +4 -35
  148. package/es/components/menu/src/menu-item-group.mjs.map +1 -1
  149. package/es/components/menu/src/menu-item-group2.mjs +35 -4
  150. package/es/components/menu/src/menu-item-group2.mjs.map +1 -1
  151. package/es/components/menu/src/menu-item.mjs +14 -100
  152. package/es/components/menu/src/menu-item.mjs.map +1 -1
  153. package/es/components/menu/src/menu-item2.mjs +100 -14
  154. package/es/components/menu/src/menu-item2.mjs.map +1 -1
  155. package/es/components/message/index.mjs +1 -1
  156. package/es/components/message/src/message.mjs +86 -146
  157. package/es/components/message/src/message.mjs.map +1 -1
  158. package/es/components/message/src/message2.mjs +146 -86
  159. package/es/components/message/src/message2.mjs.map +1 -1
  160. package/es/components/message/src/method.mjs +2 -2
  161. package/es/components/notification/index.mjs +1 -1
  162. package/es/components/notification/src/notification.mjs +69 -145
  163. package/es/components/notification/src/notification.mjs.map +1 -1
  164. package/es/components/notification/src/notification2.mjs +145 -69
  165. package/es/components/notification/src/notification2.mjs.map +1 -1
  166. package/es/components/notification/src/notify.mjs +2 -2
  167. package/es/components/pagination/src/components/jumper.vue.d.ts +9 -9
  168. package/es/components/pagination/src/components/pager.mjs +207 -17
  169. package/es/components/pagination/src/components/pager.mjs.map +1 -1
  170. package/es/components/pagination/src/components/pager2.mjs +17 -207
  171. package/es/components/pagination/src/components/pager2.mjs.map +1 -1
  172. package/es/components/pagination/src/components/sizes.vue.d.ts +30 -30
  173. package/es/components/pagination/src/pagination.mjs +1 -1
  174. package/es/components/popconfirm/index.d.ts +44 -44
  175. package/es/components/popconfirm/index.mjs +2 -2
  176. package/es/components/popconfirm/src/popconfirm.mjs +49 -111
  177. package/es/components/popconfirm/src/popconfirm.mjs.map +1 -1
  178. package/es/components/popconfirm/src/popconfirm.vue.d.ts +44 -44
  179. package/es/components/popconfirm/src/popconfirm2.mjs +111 -49
  180. package/es/components/popconfirm/src/popconfirm2.mjs.map +1 -1
  181. package/es/components/popover/index.d.ts +44 -44
  182. package/es/components/popover/src/popover.vue.d.ts +44 -44
  183. package/es/components/popover/src/popover2.mjs +1 -1
  184. package/es/components/popper/src/content.d.ts +4 -4
  185. package/es/components/popper/src/content.vue.d.ts +9 -9
  186. package/es/components/popper/src/content2.mjs +1 -1
  187. package/es/components/popper/src/content2.mjs.map +1 -1
  188. package/es/components/popper/src/utils.mjs +1 -1
  189. package/es/components/popper/src/utils.mjs.map +1 -1
  190. package/es/components/progress/index.mjs +2 -2
  191. package/es/components/progress/src/progress.mjs +202 -57
  192. package/es/components/progress/src/progress.mjs.map +1 -1
  193. package/es/components/progress/src/progress2.mjs +57 -202
  194. package/es/components/progress/src/progress2.mjs.map +1 -1
  195. package/es/components/radio/index.mjs +4 -4
  196. package/es/components/radio/src/radio-button.mjs +9 -68
  197. package/es/components/radio/src/radio-button.mjs.map +1 -1
  198. package/es/components/radio/src/radio-button2.mjs +68 -9
  199. package/es/components/radio/src/radio-button2.mjs.map +1 -1
  200. package/es/components/radio/src/radio-group.mjs +1 -1
  201. package/es/components/radio/src/radio.mjs +34 -78
  202. package/es/components/radio/src/radio.mjs.map +1 -1
  203. package/es/components/radio/src/radio2.mjs +78 -34
  204. package/es/components/radio/src/radio2.mjs.map +1 -1
  205. package/es/components/rate/index.mjs +2 -2
  206. package/es/components/rate/src/rate.mjs +98 -256
  207. package/es/components/rate/src/rate.mjs.map +1 -1
  208. package/es/components/rate/src/rate2.mjs +256 -98
  209. package/es/components/rate/src/rate2.mjs.map +1 -1
  210. package/es/components/roving-focus-group/src/roving-focus-item.vue.d.ts +1 -1
  211. package/es/components/scrollbar/src/bar.mjs +42 -17
  212. package/es/components/scrollbar/src/bar.mjs.map +1 -1
  213. package/es/components/scrollbar/src/bar2.mjs +17 -42
  214. package/es/components/scrollbar/src/bar2.mjs.map +1 -1
  215. package/es/components/scrollbar/src/scrollbar.mjs +1 -1
  216. package/es/components/select/index.d.ts +30 -30
  217. package/es/components/select/src/select.mjs +1 -1
  218. package/es/components/select/src/select.vue.d.ts +30 -30
  219. package/es/components/select/src/useSelect.d.ts +29 -29
  220. package/es/components/select-v2/index.d.ts +60 -60
  221. package/es/components/select-v2/src/select.vue.d.ts +30 -30
  222. package/es/components/select-v2/src/useSelect.d.ts +29 -29
  223. package/es/components/slider/index.d.ts +107 -107
  224. package/es/components/slider/src/button.vue.d.ts +15 -15
  225. package/es/components/slider/src/composables/use-slide.d.ts +60 -60
  226. package/es/components/slider/src/slider.vue.d.ts +107 -107
  227. package/es/components/steps/index.mjs +2 -2
  228. package/es/components/steps/src/steps.mjs +36 -34
  229. package/es/components/steps/src/steps.mjs.map +1 -1
  230. package/es/components/steps/src/steps2.mjs +34 -36
  231. package/es/components/steps/src/steps2.mjs.map +1 -1
  232. package/es/components/switch/index.mjs +2 -2
  233. package/es/components/switch/src/switch.mjs +240 -88
  234. package/es/components/switch/src/switch.mjs.map +1 -1
  235. package/es/components/switch/src/switch2.mjs +88 -240
  236. package/es/components/switch/src/switch2.mjs.map +1 -1
  237. package/es/components/table/index.d.ts +1 -1
  238. package/es/components/table/src/filter-panel.vue.d.ts +29 -29
  239. package/es/components/table/src/table.vue.d.ts +1 -1
  240. package/es/components/tabs/index.mjs +3 -3
  241. package/es/components/tabs/src/tab-bar.mjs +81 -7
  242. package/es/components/tabs/src/tab-bar.mjs.map +1 -1
  243. package/es/components/tabs/src/tab-bar2.mjs +7 -81
  244. package/es/components/tabs/src/tab-bar2.mjs.map +1 -1
  245. package/es/components/tabs/src/tab-nav.mjs +1 -1
  246. package/es/components/tabs/src/tab-pane.mjs +13 -73
  247. package/es/components/tabs/src/tab-pane.mjs.map +1 -1
  248. package/es/components/tabs/src/tab-pane2.mjs +73 -13
  249. package/es/components/tabs/src/tab-pane2.mjs.map +1 -1
  250. package/es/components/tag/index.mjs +2 -2
  251. package/es/components/tag/src/tag.mjs +96 -32
  252. package/es/components/tag/src/tag.mjs.map +1 -1
  253. package/es/components/tag/src/tag2.mjs +32 -96
  254. package/es/components/tag/src/tag2.mjs.map +1 -1
  255. package/es/components/teleport/index.mjs +2 -2
  256. package/es/components/teleport/src/teleport.mjs +44 -18
  257. package/es/components/teleport/src/teleport.mjs.map +1 -1
  258. package/es/components/teleport/src/teleport2.mjs +18 -44
  259. package/es/components/teleport/src/teleport2.mjs.map +1 -1
  260. package/es/components/time-picker/src/common/picker.vue.d.ts +55 -55
  261. package/es/components/time-select/index.d.ts +120 -120
  262. package/es/components/time-select/src/time-select.vue.d.ts +60 -60
  263. package/es/components/tooltip/index.d.ts +15 -15
  264. package/es/components/tooltip/index.mjs +1 -1
  265. package/es/components/tooltip/src/content.d.ts +1 -1
  266. package/es/components/tooltip/src/content.vue.d.ts +12 -12
  267. package/es/components/tooltip/src/tooltip.d.ts +1 -1
  268. package/es/components/tooltip/src/tooltip.mjs +1 -1
  269. package/es/components/tooltip/src/tooltip.vue.d.ts +15 -15
  270. package/es/components/tooltip/src/tooltip2.mjs +1 -1
  271. package/es/components/tooltip/src/trigger.mjs +74 -16
  272. package/es/components/tooltip/src/trigger.mjs.map +1 -1
  273. package/es/components/tooltip/src/trigger2.mjs +16 -74
  274. package/es/components/tooltip/src/trigger2.mjs.map +1 -1
  275. package/es/components/tooltip-v2/index.mjs +3 -3
  276. package/es/components/tooltip-v2/src/arrow.mjs +38 -22
  277. package/es/components/tooltip-v2/src/arrow.mjs.map +1 -1
  278. package/es/components/tooltip-v2/src/arrow2.mjs +22 -38
  279. package/es/components/tooltip-v2/src/arrow2.mjs.map +1 -1
  280. package/es/components/tooltip-v2/src/content.mjs +50 -113
  281. package/es/components/tooltip-v2/src/content.mjs.map +1 -1
  282. package/es/components/tooltip-v2/src/content2.mjs +113 -50
  283. package/es/components/tooltip-v2/src/content2.mjs.map +1 -1
  284. package/es/components/tooltip-v2/src/root.mjs +17 -81
  285. package/es/components/tooltip-v2/src/root.mjs.map +1 -1
  286. package/es/components/tooltip-v2/src/root2.mjs +81 -17
  287. package/es/components/tooltip-v2/src/root2.mjs.map +1 -1
  288. package/es/components/tooltip-v2/src/tooltip.mjs +3 -3
  289. package/es/components/tooltip-v2/src/tooltip2.mjs +6 -6
  290. package/es/components/transfer/index.d.ts +45 -45
  291. package/es/components/transfer/src/composables/use-check.mjs +1 -1
  292. package/es/components/transfer/src/transfer-panel.mjs +131 -19
  293. package/es/components/transfer/src/transfer-panel.mjs.map +1 -1
  294. package/es/components/transfer/src/transfer-panel.vue.d.ts +9 -9
  295. package/es/components/transfer/src/transfer-panel2.mjs +19 -131
  296. package/es/components/transfer/src/transfer-panel2.mjs.map +1 -1
  297. package/es/components/transfer/src/transfer.mjs +1 -1
  298. package/es/components/transfer/src/transfer.vue.d.ts +45 -45
  299. package/es/components/tree-v2/index.d.ts +1 -1
  300. package/es/components/tree-v2/src/tree-node.vue.d.ts +1 -1
  301. package/es/components/tree-v2/src/tree.vue.d.ts +1 -1
  302. package/es/components/upload/index.d.ts +1 -1
  303. package/es/components/upload/index.mjs +3 -3
  304. package/es/components/upload/src/upload-content.mjs +1 -1
  305. package/es/components/upload/src/upload-content2.mjs +1 -1
  306. package/es/components/upload/src/upload-list.mjs +170 -26
  307. package/es/components/upload/src/upload-list.mjs.map +1 -1
  308. package/es/components/upload/src/upload-list2.mjs +26 -170
  309. package/es/components/upload/src/upload-list2.mjs.map +1 -1
  310. package/es/components/upload/src/upload.mjs +120 -105
  311. package/es/components/upload/src/upload.mjs.map +1 -1
  312. package/es/components/upload/src/upload.vue.d.ts +1 -1
  313. package/es/components/upload/src/upload2.mjs +105 -120
  314. package/es/components/upload/src/upload2.mjs.map +1 -1
  315. package/es/components/upload/src/use-handlers.mjs +1 -1
  316. package/es/components/visual-hidden/index.mjs +3 -3
  317. package/es/components/visual-hidden/src/visual-hidden.mjs +35 -7
  318. package/es/components/visual-hidden/src/visual-hidden.mjs.map +1 -1
  319. package/es/components/visual-hidden/src/visual-hidden2.mjs +7 -35
  320. package/es/components/visual-hidden/src/visual-hidden2.mjs.map +1 -1
  321. package/es/index.mjs +37 -37
  322. package/lib/components/affix/index.js +2 -2
  323. package/lib/components/affix/src/affix.js +117 -27
  324. package/lib/components/affix/src/affix.js.map +1 -1
  325. package/lib/components/affix/src/affix2.js +27 -117
  326. package/lib/components/affix/src/affix2.js.map +1 -1
  327. package/lib/components/alert/index.js +2 -2
  328. package/lib/components/alert/src/alert.js +37 -95
  329. package/lib/components/alert/src/alert.js.map +1 -1
  330. package/lib/components/alert/src/alert2.js +95 -37
  331. package/lib/components/alert/src/alert2.js.map +1 -1
  332. package/lib/components/autocomplete/index.d.ts +79 -79
  333. package/lib/components/autocomplete/index.js +2 -2
  334. package/lib/components/autocomplete/src/autocomplete.js +352 -71
  335. package/lib/components/autocomplete/src/autocomplete.js.map +1 -1
  336. package/lib/components/autocomplete/src/autocomplete.vue.d.ts +79 -79
  337. package/lib/components/autocomplete/src/autocomplete2.js +71 -352
  338. package/lib/components/autocomplete/src/autocomplete2.js.map +1 -1
  339. package/lib/components/backtop/index.js +2 -2
  340. package/lib/components/backtop/src/backtop.js +22 -54
  341. package/lib/components/backtop/src/backtop.js.map +1 -1
  342. package/lib/components/backtop/src/backtop2.js +54 -22
  343. package/lib/components/backtop/src/backtop2.js.map +1 -1
  344. package/lib/components/badge/index.js +2 -2
  345. package/lib/components/badge/src/badge.js +17 -55
  346. package/lib/components/badge/src/badge.js.map +1 -1
  347. package/lib/components/badge/src/badge2.js +55 -17
  348. package/lib/components/badge/src/badge2.js.map +1 -1
  349. package/lib/components/breadcrumb/index.js +2 -2
  350. package/lib/components/breadcrumb/src/breadcrumb-item.js +11 -57
  351. package/lib/components/breadcrumb/src/breadcrumb-item.js.map +1 -1
  352. package/lib/components/breadcrumb/src/breadcrumb-item2.js +57 -11
  353. package/lib/components/breadcrumb/src/breadcrumb-item2.js.map +1 -1
  354. package/lib/components/button/index.js +3 -3
  355. package/lib/components/button/src/button-group.js +31 -6
  356. package/lib/components/button/src/button-group.js.map +1 -1
  357. package/lib/components/button/src/button-group2.js +6 -31
  358. package/lib/components/button/src/button-group2.js.map +1 -1
  359. package/lib/components/button/src/button.js +57 -78
  360. package/lib/components/button/src/button.js.map +1 -1
  361. package/lib/components/button/src/button2.js +78 -57
  362. package/lib/components/button/src/button2.js.map +1 -1
  363. package/lib/components/calendar/index.js +2 -2
  364. package/lib/components/calendar/src/calendar.js +19 -131
  365. package/lib/components/calendar/src/calendar.js.map +1 -1
  366. package/lib/components/calendar/src/calendar2.js +131 -19
  367. package/lib/components/calendar/src/calendar2.js.map +1 -1
  368. package/lib/components/card/index.js +2 -2
  369. package/lib/components/card/src/card.js +35 -16
  370. package/lib/components/card/src/card.js.map +1 -1
  371. package/lib/components/card/src/card2.js +16 -35
  372. package/lib/components/card/src/card2.js.map +1 -1
  373. package/lib/components/carousel/index.d.ts +1 -1
  374. package/lib/components/carousel/src/carousel.vue.d.ts +1 -1
  375. package/lib/components/cascader/index.d.ts +106 -106
  376. package/lib/components/cascader/src/index.js +1 -1
  377. package/lib/components/cascader/src/index.vue.d.ts +53 -53
  378. package/lib/components/cascader-panel/src/index.js +1 -1
  379. package/lib/components/cascader-panel/src/menu.js +1 -1
  380. package/lib/components/cascader-panel/src/node.js +209 -116
  381. package/lib/components/cascader-panel/src/node.js.map +1 -1
  382. package/lib/components/cascader-panel/src/node2.js +116 -209
  383. package/lib/components/cascader-panel/src/node2.js.map +1 -1
  384. package/lib/components/cascader-panel/src/store.js +1 -1
  385. package/lib/components/check-tag/index.js +2 -2
  386. package/lib/components/check-tag/src/check-tag.js +30 -13
  387. package/lib/components/check-tag/src/check-tag.js.map +1 -1
  388. package/lib/components/check-tag/src/check-tag2.js +13 -30
  389. package/lib/components/check-tag/src/check-tag2.js.map +1 -1
  390. package/lib/components/checkbox/index.js +2 -2
  391. package/lib/components/checkbox/src/checkbox-button.js +1 -1
  392. package/lib/components/checkbox/src/checkbox.js +117 -55
  393. package/lib/components/checkbox/src/checkbox.js.map +1 -1
  394. package/lib/components/checkbox/src/checkbox2.js +55 -117
  395. package/lib/components/checkbox/src/checkbox2.js.map +1 -1
  396. package/lib/components/col/index.js +2 -2
  397. package/lib/components/col/src/col.js +43 -66
  398. package/lib/components/col/src/col.js.map +1 -1
  399. package/lib/components/col/src/col2.js +66 -43
  400. package/lib/components/col/src/col2.js.map +1 -1
  401. package/lib/components/collapse/index.js +2 -2
  402. package/lib/components/collapse/src/collapse-item.js +19 -96
  403. package/lib/components/collapse/src/collapse-item.js.map +1 -1
  404. package/lib/components/collapse/src/collapse-item2.js +96 -19
  405. package/lib/components/collapse/src/collapse-item2.js.map +1 -1
  406. package/lib/components/color-picker/index.d.ts +149 -149
  407. package/lib/components/color-picker/index.js +2 -2
  408. package/lib/components/color-picker/src/color-picker.js +46 -380
  409. package/lib/components/color-picker/src/color-picker.js.map +1 -1
  410. package/lib/components/color-picker/src/color-picker.vue.d.ts +149 -149
  411. package/lib/components/color-picker/src/color-picker2.js +380 -46
  412. package/lib/components/color-picker/src/color-picker2.js.map +1 -1
  413. package/lib/components/color-picker/src/components/alpha-slider.vue.d.ts +32 -32
  414. package/lib/components/color-picker/src/components/predefine.js +1 -1
  415. package/lib/components/date-picker/src/date-picker-com/panel-date-pick.vue.d.ts +9 -9
  416. package/lib/components/date-picker/src/date-picker-com/panel-date-range.vue.d.ts +9 -9
  417. package/lib/components/date-picker/src/panel-utils.d.ts +18 -18
  418. package/lib/components/descriptions/index.js +2 -2
  419. package/lib/components/descriptions/src/description.js +110 -25
  420. package/lib/components/descriptions/src/description.js.map +1 -1
  421. package/lib/components/descriptions/src/description2.js +25 -110
  422. package/lib/components/descriptions/src/description2.js.map +1 -1
  423. package/lib/components/dialog/index.d.ts +3 -3
  424. package/lib/components/dialog/src/dialog.vue.d.ts +3 -3
  425. package/lib/components/divider/index.js +2 -2
  426. package/lib/components/divider/src/divider.js +35 -17
  427. package/lib/components/divider/src/divider.js.map +1 -1
  428. package/lib/components/divider/src/divider2.js +17 -35
  429. package/lib/components/divider/src/divider2.js.map +1 -1
  430. package/lib/components/drawer/index.js +2 -2
  431. package/lib/components/drawer/src/drawer.js +23 -165
  432. package/lib/components/drawer/src/drawer.js.map +1 -1
  433. package/lib/components/drawer/src/drawer2.js +165 -23
  434. package/lib/components/drawer/src/drawer2.js.map +1 -1
  435. package/lib/components/dropdown/index.d.ts +34 -31
  436. package/lib/components/dropdown/src/dropdown-item-impl.vue.d.ts +1 -1
  437. package/lib/components/dropdown/src/dropdown-item.vue.d.ts +1 -1
  438. package/lib/components/dropdown/src/dropdown.d.ts +1 -0
  439. package/lib/components/dropdown/src/dropdown.js +5 -1
  440. package/lib/components/dropdown/src/dropdown.js.map +1 -1
  441. package/lib/components/dropdown/src/dropdown.vue.d.ts +32 -29
  442. package/lib/components/dropdown/src/dropdown2.js +2 -2
  443. package/lib/components/dropdown/src/dropdown2.js.map +1 -1
  444. package/lib/components/focus-trap/src/focus-trap.vue.d.ts +3 -3
  445. package/lib/components/icon/index.js +2 -2
  446. package/lib/components/icon/src/icon.js +8 -36
  447. package/lib/components/icon/src/icon.js.map +1 -1
  448. package/lib/components/icon/src/icon2.js +36 -8
  449. package/lib/components/icon/src/icon2.js.map +1 -1
  450. package/lib/components/image/index.d.ts +1 -1
  451. package/lib/components/image/index.js +2 -2
  452. package/lib/components/image/src/image.js +59 -219
  453. package/lib/components/image/src/image.js.map +1 -1
  454. package/lib/components/image/src/image.vue.d.ts +1 -1
  455. package/lib/components/image/src/image2.js +219 -59
  456. package/lib/components/image/src/image2.js.map +1 -1
  457. package/lib/components/index.js +37 -37
  458. package/lib/components/input/index.d.ts +9 -9
  459. package/lib/components/input/src/input.vue.d.ts +9 -9
  460. package/lib/components/input-number/index.d.ts +32 -32
  461. package/lib/components/input-number/index.js +2 -2
  462. package/lib/components/input-number/src/input-number.js +62 -299
  463. package/lib/components/input-number/src/input-number.js.map +1 -1
  464. package/lib/components/input-number/src/input-number.vue.d.ts +32 -32
  465. package/lib/components/input-number/src/input-number2.js +299 -62
  466. package/lib/components/input-number/src/input-number2.js.map +1 -1
  467. package/lib/components/menu/index.js +4 -4
  468. package/lib/components/menu/src/menu-item-group.js +4 -35
  469. package/lib/components/menu/src/menu-item-group.js.map +1 -1
  470. package/lib/components/menu/src/menu-item-group2.js +35 -4
  471. package/lib/components/menu/src/menu-item-group2.js.map +1 -1
  472. package/lib/components/menu/src/menu-item.js +15 -100
  473. package/lib/components/menu/src/menu-item.js.map +1 -1
  474. package/lib/components/menu/src/menu-item2.js +100 -15
  475. package/lib/components/menu/src/menu-item2.js.map +1 -1
  476. package/lib/components/message/index.js +1 -1
  477. package/lib/components/message/src/message.js +87 -144
  478. package/lib/components/message/src/message.js.map +1 -1
  479. package/lib/components/message/src/message2.js +144 -87
  480. package/lib/components/message/src/message2.js.map +1 -1
  481. package/lib/components/message/src/method.js +2 -2
  482. package/lib/components/notification/index.js +1 -1
  483. package/lib/components/notification/src/notification.js +70 -144
  484. package/lib/components/notification/src/notification.js.map +1 -1
  485. package/lib/components/notification/src/notification2.js +144 -70
  486. package/lib/components/notification/src/notification2.js.map +1 -1
  487. package/lib/components/notification/src/notify.js +2 -2
  488. package/lib/components/pagination/src/components/jumper.vue.d.ts +9 -9
  489. package/lib/components/pagination/src/components/pager.js +207 -17
  490. package/lib/components/pagination/src/components/pager.js.map +1 -1
  491. package/lib/components/pagination/src/components/pager2.js +17 -207
  492. package/lib/components/pagination/src/components/pager2.js.map +1 -1
  493. package/lib/components/pagination/src/components/sizes.vue.d.ts +30 -30
  494. package/lib/components/pagination/src/pagination.js +1 -1
  495. package/lib/components/popconfirm/index.d.ts +44 -44
  496. package/lib/components/popconfirm/index.js +2 -2
  497. package/lib/components/popconfirm/src/popconfirm.js +49 -111
  498. package/lib/components/popconfirm/src/popconfirm.js.map +1 -1
  499. package/lib/components/popconfirm/src/popconfirm.vue.d.ts +44 -44
  500. package/lib/components/popconfirm/src/popconfirm2.js +111 -49
  501. package/lib/components/popconfirm/src/popconfirm2.js.map +1 -1
  502. package/lib/components/popover/index.d.ts +44 -44
  503. package/lib/components/popover/src/popover.vue.d.ts +44 -44
  504. package/lib/components/popover/src/popover2.js +1 -1
  505. package/lib/components/popper/src/content.d.ts +4 -4
  506. package/lib/components/popper/src/content.vue.d.ts +9 -9
  507. package/lib/components/popper/src/content2.js +1 -1
  508. package/lib/components/popper/src/content2.js.map +1 -1
  509. package/lib/components/popper/src/utils.js +1 -1
  510. package/lib/components/popper/src/utils.js.map +1 -1
  511. package/lib/components/progress/index.js +2 -2
  512. package/lib/components/progress/src/progress.js +202 -57
  513. package/lib/components/progress/src/progress.js.map +1 -1
  514. package/lib/components/progress/src/progress2.js +57 -202
  515. package/lib/components/progress/src/progress2.js.map +1 -1
  516. package/lib/components/radio/index.js +4 -4
  517. package/lib/components/radio/src/radio-button.js +9 -68
  518. package/lib/components/radio/src/radio-button.js.map +1 -1
  519. package/lib/components/radio/src/radio-button2.js +68 -9
  520. package/lib/components/radio/src/radio-button2.js.map +1 -1
  521. package/lib/components/radio/src/radio-group.js +1 -1
  522. package/lib/components/radio/src/radio.js +36 -78
  523. package/lib/components/radio/src/radio.js.map +1 -1
  524. package/lib/components/radio/src/radio2.js +78 -36
  525. package/lib/components/radio/src/radio2.js.map +1 -1
  526. package/lib/components/rate/index.js +2 -2
  527. package/lib/components/rate/src/rate.js +98 -255
  528. package/lib/components/rate/src/rate.js.map +1 -1
  529. package/lib/components/rate/src/rate2.js +255 -98
  530. package/lib/components/rate/src/rate2.js.map +1 -1
  531. package/lib/components/roving-focus-group/src/roving-focus-item.vue.d.ts +1 -1
  532. package/lib/components/scrollbar/src/bar.js +42 -17
  533. package/lib/components/scrollbar/src/bar.js.map +1 -1
  534. package/lib/components/scrollbar/src/bar2.js +17 -42
  535. package/lib/components/scrollbar/src/bar2.js.map +1 -1
  536. package/lib/components/scrollbar/src/scrollbar.js +1 -1
  537. package/lib/components/select/index.d.ts +30 -30
  538. package/lib/components/select/src/select.js +1 -1
  539. package/lib/components/select/src/select.vue.d.ts +30 -30
  540. package/lib/components/select/src/useSelect.d.ts +29 -29
  541. package/lib/components/select-v2/index.d.ts +60 -60
  542. package/lib/components/select-v2/src/select.vue.d.ts +30 -30
  543. package/lib/components/select-v2/src/useSelect.d.ts +29 -29
  544. package/lib/components/slider/index.d.ts +107 -107
  545. package/lib/components/slider/src/button.vue.d.ts +15 -15
  546. package/lib/components/slider/src/composables/use-slide.d.ts +60 -60
  547. package/lib/components/slider/src/slider.vue.d.ts +107 -107
  548. package/lib/components/steps/index.js +2 -2
  549. package/lib/components/steps/src/steps.js +37 -34
  550. package/lib/components/steps/src/steps.js.map +1 -1
  551. package/lib/components/steps/src/steps2.js +34 -37
  552. package/lib/components/steps/src/steps2.js.map +1 -1
  553. package/lib/components/switch/index.js +2 -2
  554. package/lib/components/switch/src/switch.js +239 -88
  555. package/lib/components/switch/src/switch.js.map +1 -1
  556. package/lib/components/switch/src/switch2.js +88 -239
  557. package/lib/components/switch/src/switch2.js.map +1 -1
  558. package/lib/components/table/index.d.ts +1 -1
  559. package/lib/components/table/src/filter-panel.vue.d.ts +29 -29
  560. package/lib/components/table/src/table.vue.d.ts +1 -1
  561. package/lib/components/tabs/index.js +3 -3
  562. package/lib/components/tabs/src/tab-bar.js +81 -7
  563. package/lib/components/tabs/src/tab-bar.js.map +1 -1
  564. package/lib/components/tabs/src/tab-bar2.js +7 -81
  565. package/lib/components/tabs/src/tab-bar2.js.map +1 -1
  566. package/lib/components/tabs/src/tab-nav.js +1 -1
  567. package/lib/components/tabs/src/tab-pane.js +13 -73
  568. package/lib/components/tabs/src/tab-pane.js.map +1 -1
  569. package/lib/components/tabs/src/tab-pane2.js +73 -13
  570. package/lib/components/tabs/src/tab-pane2.js.map +1 -1
  571. package/lib/components/tag/index.js +2 -2
  572. package/lib/components/tag/src/tag.js +96 -33
  573. package/lib/components/tag/src/tag.js.map +1 -1
  574. package/lib/components/tag/src/tag2.js +33 -96
  575. package/lib/components/tag/src/tag2.js.map +1 -1
  576. package/lib/components/teleport/index.js +2 -2
  577. package/lib/components/teleport/src/teleport.js +44 -18
  578. package/lib/components/teleport/src/teleport.js.map +1 -1
  579. package/lib/components/teleport/src/teleport2.js +18 -44
  580. package/lib/components/teleport/src/teleport2.js.map +1 -1
  581. package/lib/components/time-picker/src/common/picker.vue.d.ts +55 -55
  582. package/lib/components/time-select/index.d.ts +120 -120
  583. package/lib/components/time-select/src/time-select.vue.d.ts +60 -60
  584. package/lib/components/tooltip/index.d.ts +15 -15
  585. package/lib/components/tooltip/index.js +1 -1
  586. package/lib/components/tooltip/src/content.d.ts +1 -1
  587. package/lib/components/tooltip/src/content.vue.d.ts +12 -12
  588. package/lib/components/tooltip/src/tooltip.d.ts +1 -1
  589. package/lib/components/tooltip/src/tooltip.js +1 -1
  590. package/lib/components/tooltip/src/tooltip.vue.d.ts +15 -15
  591. package/lib/components/tooltip/src/tooltip2.js +1 -1
  592. package/lib/components/tooltip/src/trigger.js +74 -16
  593. package/lib/components/tooltip/src/trigger.js.map +1 -1
  594. package/lib/components/tooltip/src/trigger2.js +16 -74
  595. package/lib/components/tooltip/src/trigger2.js.map +1 -1
  596. package/lib/components/tooltip-v2/index.js +3 -3
  597. package/lib/components/tooltip-v2/src/arrow.js +38 -23
  598. package/lib/components/tooltip-v2/src/arrow.js.map +1 -1
  599. package/lib/components/tooltip-v2/src/arrow2.js +23 -38
  600. package/lib/components/tooltip-v2/src/arrow2.js.map +1 -1
  601. package/lib/components/tooltip-v2/src/content.js +50 -113
  602. package/lib/components/tooltip-v2/src/content.js.map +1 -1
  603. package/lib/components/tooltip-v2/src/content2.js +113 -50
  604. package/lib/components/tooltip-v2/src/content2.js.map +1 -1
  605. package/lib/components/tooltip-v2/src/root.js +17 -81
  606. package/lib/components/tooltip-v2/src/root.js.map +1 -1
  607. package/lib/components/tooltip-v2/src/root2.js +81 -17
  608. package/lib/components/tooltip-v2/src/root2.js.map +1 -1
  609. package/lib/components/tooltip-v2/src/tooltip.js +3 -3
  610. package/lib/components/tooltip-v2/src/tooltip2.js +6 -6
  611. package/lib/components/transfer/index.d.ts +45 -45
  612. package/lib/components/transfer/src/composables/use-check.js +1 -1
  613. package/lib/components/transfer/src/transfer-panel.js +131 -21
  614. package/lib/components/transfer/src/transfer-panel.js.map +1 -1
  615. package/lib/components/transfer/src/transfer-panel.vue.d.ts +9 -9
  616. package/lib/components/transfer/src/transfer-panel2.js +21 -131
  617. package/lib/components/transfer/src/transfer-panel2.js.map +1 -1
  618. package/lib/components/transfer/src/transfer.js +1 -1
  619. package/lib/components/transfer/src/transfer.vue.d.ts +45 -45
  620. package/lib/components/tree-v2/index.d.ts +1 -1
  621. package/lib/components/tree-v2/src/tree-node.vue.d.ts +1 -1
  622. package/lib/components/tree-v2/src/tree.vue.d.ts +1 -1
  623. package/lib/components/upload/index.d.ts +1 -1
  624. package/lib/components/upload/index.js +3 -3
  625. package/lib/components/upload/src/upload-content.js +1 -1
  626. package/lib/components/upload/src/upload-content2.js +1 -1
  627. package/lib/components/upload/src/upload-list.js +170 -27
  628. package/lib/components/upload/src/upload-list.js.map +1 -1
  629. package/lib/components/upload/src/upload-list2.js +27 -170
  630. package/lib/components/upload/src/upload-list2.js.map +1 -1
  631. package/lib/components/upload/src/upload.js +120 -108
  632. package/lib/components/upload/src/upload.js.map +1 -1
  633. package/lib/components/upload/src/upload.vue.d.ts +1 -1
  634. package/lib/components/upload/src/upload2.js +108 -120
  635. package/lib/components/upload/src/upload2.js.map +1 -1
  636. package/lib/components/upload/src/use-handlers.js +1 -1
  637. package/lib/components/visual-hidden/index.js +2 -2
  638. package/lib/components/visual-hidden/src/visual-hidden.js +35 -7
  639. package/lib/components/visual-hidden/src/visual-hidden.js.map +1 -1
  640. package/lib/components/visual-hidden/src/visual-hidden2.js +7 -35
  641. package/lib/components/visual-hidden/src/visual-hidden2.js.map +1 -1
  642. package/lib/index.js +37 -37
  643. package/package.json +1 -1
@@ -1,93 +1,153 @@
1
- import { isClient } from '@vueuse/core';
1
+ import { defineComponent, ref, computed, onMounted, watch, openBlock, createBlock, Transition, unref, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, createCommentVNode, resolveDynamicComponent, renderSlot, createElementBlock, toDisplayString, Fragment, withModifiers, createVNode, vShow } from 'vue';
2
+ import { useTimeoutFn, useEventListener, useResizeObserver } from '@vueuse/core';
2
3
  import '../../../utils/index.mjs';
3
- import { mutable } from '../../../utils/typescript.mjs';
4
- import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
5
- import { iconPropType } from '../../../utils/vue/icon.mjs';
4
+ import '../../../constants/index.mjs';
5
+ import { ElBadge } from '../../badge/index.mjs';
6
+ import { ElIcon } from '../../icon/index.mjs';
7
+ import '../../../hooks/index.mjs';
8
+ import { messageProps, messageEmits } from './message.mjs';
9
+ import { getLastOffset } from './instance.mjs';
10
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
11
+ import { TypeComponents, TypeComponentsMap } from '../../../utils/vue/icon.mjs';
12
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
13
+ import { EVENT_CODE } from '../../../constants/aria.mjs';
6
14
 
7
- const messageTypes = ["success", "info", "warning", "error"];
8
- const messageDefaults = mutable({
9
- customClass: "",
10
- center: false,
11
- dangerouslyUseHTMLString: false,
12
- duration: 3e3,
13
- icon: void 0,
14
- id: "",
15
- message: "",
16
- onClose: void 0,
17
- showClose: false,
18
- type: "info",
19
- offset: 16,
20
- zIndex: 0,
21
- grouping: false,
22
- repeatNum: 1,
23
- appendTo: isClient ? document.body : void 0
15
+ const _hoisted_1 = ["id"];
16
+ const _hoisted_2 = ["innerHTML"];
17
+ const __default__ = defineComponent({
18
+ name: "ElMessage"
24
19
  });
25
- const messageProps = buildProps({
26
- customClass: {
27
- type: String,
28
- default: messageDefaults.customClass
29
- },
30
- center: {
31
- type: Boolean,
32
- default: messageDefaults.center
33
- },
34
- dangerouslyUseHTMLString: {
35
- type: Boolean,
36
- default: messageDefaults.dangerouslyUseHTMLString
37
- },
38
- duration: {
39
- type: Number,
40
- default: messageDefaults.duration
41
- },
42
- icon: {
43
- type: iconPropType,
44
- default: messageDefaults.icon
45
- },
46
- id: {
47
- type: String,
48
- default: messageDefaults.id
49
- },
50
- message: {
51
- type: definePropType([
52
- String,
53
- Object,
54
- Function
55
- ]),
56
- default: messageDefaults.message
57
- },
58
- onClose: {
59
- type: definePropType(Function),
60
- required: false
61
- },
62
- showClose: {
63
- type: Boolean,
64
- default: messageDefaults.showClose
65
- },
66
- type: {
67
- type: String,
68
- values: messageTypes,
69
- default: messageDefaults.type
70
- },
71
- offset: {
72
- type: Number,
73
- default: messageDefaults.offset
74
- },
75
- zIndex: {
76
- type: Number,
77
- default: messageDefaults.zIndex
78
- },
79
- grouping: {
80
- type: Boolean,
81
- default: messageDefaults.grouping
82
- },
83
- repeatNum: {
84
- type: Number,
85
- default: messageDefaults.repeatNum
20
+ const _sfc_main = /* @__PURE__ */ defineComponent({
21
+ ...__default__,
22
+ props: messageProps,
23
+ emits: messageEmits,
24
+ setup(__props, { expose }) {
25
+ const props = __props;
26
+ const { Close } = TypeComponents;
27
+ const ns = useNamespace("message");
28
+ const messageRef = ref();
29
+ const visible = ref(false);
30
+ const height = ref(0);
31
+ let stopTimer = void 0;
32
+ const badgeType = computed(() => props.type ? props.type === "error" ? "danger" : props.type : "info");
33
+ const typeClass = computed(() => {
34
+ const type = props.type;
35
+ return { [ns.bm("icon", type)]: type && TypeComponentsMap[type] };
36
+ });
37
+ const iconComponent = computed(() => props.icon || TypeComponentsMap[props.type] || "");
38
+ const lastOffset = computed(() => getLastOffset(props.id));
39
+ const offset = computed(() => props.offset + lastOffset.value);
40
+ const bottom = computed(() => height.value + offset.value);
41
+ const customStyle = computed(() => ({
42
+ top: `${offset.value}px`,
43
+ zIndex: props.zIndex
44
+ }));
45
+ function startTimer() {
46
+ if (props.duration === 0)
47
+ return;
48
+ ({ stop: stopTimer } = useTimeoutFn(() => {
49
+ close();
50
+ }, props.duration));
51
+ }
52
+ function clearTimer() {
53
+ stopTimer == null ? void 0 : stopTimer();
54
+ }
55
+ function close() {
56
+ visible.value = false;
57
+ }
58
+ function keydown({ code }) {
59
+ if (code === EVENT_CODE.esc) {
60
+ close();
61
+ }
62
+ }
63
+ onMounted(() => {
64
+ startTimer();
65
+ visible.value = true;
66
+ });
67
+ watch(() => props.repeatNum, () => {
68
+ clearTimer();
69
+ startTimer();
70
+ });
71
+ useEventListener(document, "keydown", keydown);
72
+ useResizeObserver(messageRef, () => {
73
+ height.value = messageRef.value.getBoundingClientRect().height;
74
+ });
75
+ expose({
76
+ visible,
77
+ bottom,
78
+ close
79
+ });
80
+ return (_ctx, _cache) => {
81
+ return openBlock(), createBlock(Transition, {
82
+ name: unref(ns).b("fade"),
83
+ onBeforeLeave: _ctx.onClose,
84
+ onAfterLeave: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("destroy")),
85
+ persisted: ""
86
+ }, {
87
+ default: withCtx(() => [
88
+ withDirectives(createElementVNode("div", {
89
+ id: _ctx.id,
90
+ ref_key: "messageRef",
91
+ ref: messageRef,
92
+ class: normalizeClass([
93
+ unref(ns).b(),
94
+ { [unref(ns).m(_ctx.type)]: _ctx.type && !_ctx.icon },
95
+ unref(ns).is("center", _ctx.center),
96
+ unref(ns).is("closable", _ctx.showClose),
97
+ _ctx.customClass
98
+ ]),
99
+ style: normalizeStyle(unref(customStyle)),
100
+ role: "alert",
101
+ onMouseenter: clearTimer,
102
+ onMouseleave: startTimer
103
+ }, [
104
+ _ctx.repeatNum > 1 ? (openBlock(), createBlock(unref(ElBadge), {
105
+ key: 0,
106
+ value: _ctx.repeatNum,
107
+ type: unref(badgeType),
108
+ class: normalizeClass(unref(ns).e("badge"))
109
+ }, null, 8, ["value", "type", "class"])) : createCommentVNode("v-if", true),
110
+ unref(iconComponent) ? (openBlock(), createBlock(unref(ElIcon), {
111
+ key: 1,
112
+ class: normalizeClass([unref(ns).e("icon"), unref(typeClass)])
113
+ }, {
114
+ default: withCtx(() => [
115
+ (openBlock(), createBlock(resolveDynamicComponent(unref(iconComponent))))
116
+ ]),
117
+ _: 1
118
+ }, 8, ["class"])) : createCommentVNode("v-if", true),
119
+ renderSlot(_ctx.$slots, "default", {}, () => [
120
+ !_ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", {
121
+ key: 0,
122
+ class: normalizeClass(unref(ns).e("content"))
123
+ }, toDisplayString(_ctx.message), 3)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
124
+ createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
125
+ createElementVNode("p", {
126
+ class: normalizeClass(unref(ns).e("content")),
127
+ innerHTML: _ctx.message
128
+ }, null, 10, _hoisted_2)
129
+ ], 2112))
130
+ ]),
131
+ _ctx.showClose ? (openBlock(), createBlock(unref(ElIcon), {
132
+ key: 2,
133
+ class: normalizeClass(unref(ns).e("closeBtn")),
134
+ onClick: withModifiers(close, ["stop"])
135
+ }, {
136
+ default: withCtx(() => [
137
+ createVNode(unref(Close))
138
+ ]),
139
+ _: 1
140
+ }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
141
+ ], 46, _hoisted_1), [
142
+ [vShow, visible.value]
143
+ ])
144
+ ]),
145
+ _: 3
146
+ }, 8, ["name", "onBeforeLeave"]);
147
+ };
86
148
  }
87
149
  });
88
- const messageEmits = {
89
- destroy: () => true
90
- };
150
+ var MessageConstructor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/message/src/message.vue"]]);
91
151
 
92
- export { messageDefaults, messageEmits, messageProps, messageTypes };
152
+ export { MessageConstructor as default };
93
153
  //# sourceMappingURL=message2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"message2.mjs","sources":["../../../../../../packages/components/message/src/message.ts"],"sourcesContent":["import { isClient } from '@vueuse/core'\nimport {\n buildProps,\n definePropType,\n iconPropType,\n mutable,\n} from '@element-plus/utils'\nimport type { AppContext, ExtractPropTypes, VNode } from 'vue'\nimport type { Mutable } from '@element-plus/utils'\nimport type MessageConstructor from './message.vue'\n\nexport const messageTypes = ['success', 'info', 'warning', 'error'] as const\n\nexport type messageType = typeof messageTypes[number]\n\nexport interface MessageConfigContext {\n max?: number\n}\n\nexport const messageDefaults = mutable({\n customClass: '',\n center: false,\n dangerouslyUseHTMLString: false,\n duration: 3000,\n icon: undefined,\n id: '',\n message: '',\n onClose: undefined,\n showClose: false,\n type: 'info',\n offset: 16,\n zIndex: 0,\n grouping: false,\n repeatNum: 1,\n appendTo: isClient ? document.body : (undefined as never),\n} as const)\n\nexport const messageProps = buildProps({\n customClass: {\n type: String,\n default: messageDefaults.customClass,\n },\n center: {\n type: Boolean,\n default: messageDefaults.center,\n },\n dangerouslyUseHTMLString: {\n type: Boolean,\n default: messageDefaults.dangerouslyUseHTMLString,\n },\n duration: {\n type: Number,\n default: messageDefaults.duration,\n },\n icon: {\n type: iconPropType,\n default: messageDefaults.icon,\n },\n id: {\n type: String,\n default: messageDefaults.id,\n },\n message: {\n type: definePropType<string | VNode | (() => VNode)>([\n String,\n Object,\n Function,\n ]),\n default: messageDefaults.message,\n },\n onClose: {\n type: definePropType<() => void>(Function),\n required: false,\n },\n showClose: {\n type: Boolean,\n default: messageDefaults.showClose,\n },\n type: {\n type: String,\n values: messageTypes,\n default: messageDefaults.type,\n },\n offset: {\n type: Number,\n default: messageDefaults.offset,\n },\n zIndex: {\n type: Number,\n default: messageDefaults.zIndex,\n },\n grouping: {\n type: Boolean,\n default: messageDefaults.grouping,\n },\n repeatNum: {\n type: Number,\n default: messageDefaults.repeatNum,\n },\n} as const)\nexport type MessageProps = ExtractPropTypes<typeof messageProps>\n\nexport const messageEmits = {\n destroy: () => true,\n}\nexport type MessageEmits = typeof messageEmits\n\nexport type MessageInstance = InstanceType<typeof MessageConstructor>\n\nexport type MessageOptions = Partial<\n Mutable<\n Omit<MessageProps, 'id'> & {\n appendTo?: HTMLElement | string\n }\n >\n>\nexport type MessageParams = MessageOptions | MessageOptions['message']\nexport type MessageParamsNormalized = Omit<MessageProps, 'id'> & {\n appendTo: HTMLElement\n}\nexport type MessageOptionsWithType = Omit<MessageOptions, 'type'>\nexport type MessageParamsWithType =\n | MessageOptionsWithType\n | MessageOptions['message']\n\nexport interface MessageHandler {\n close: () => void\n}\n\nexport type MessageFn = {\n (options?: MessageParams, appContext?: null | AppContext): MessageHandler\n closeAll(type?: messageType): void\n}\nexport type MessageTypedFn = (\n options?: MessageParamsWithType,\n appContext?: null | AppContext\n) => MessageHandler\n\nexport interface Message extends MessageFn {\n success: MessageTypedFn\n warning: MessageTypedFn\n info: MessageTypedFn\n error: MessageTypedFn\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"message2.mjs","sources":["../../../../../../packages/components/message/src/message.vue"],"sourcesContent":["<template>\n <transition\n :name=\"ns.b('fade')\"\n @before-leave=\"onClose\"\n @after-leave=\"$emit('destroy')\"\n >\n <div\n v-show=\"visible\"\n :id=\"id\"\n ref=\"messageRef\"\n :class=\"[\n ns.b(),\n { [ns.m(type)]: type && !icon },\n ns.is('center', center),\n ns.is('closable', showClose),\n customClass,\n ]\"\n :style=\"customStyle\"\n role=\"alert\"\n @mouseenter=\"clearTimer\"\n @mouseleave=\"startTimer\"\n >\n <el-badge\n v-if=\"repeatNum > 1\"\n :value=\"repeatNum\"\n :type=\"badgeType\"\n :class=\"ns.e('badge')\"\n />\n <el-icon v-if=\"iconComponent\" :class=\"[ns.e('icon'), typeClass]\">\n <component :is=\"iconComponent\" />\n </el-icon>\n <slot>\n <p v-if=\"!dangerouslyUseHTMLString\" :class=\"ns.e('content')\">\n {{ message }}\n </p>\n <!-- Caution here, message could've been compromised, never use user's input as message -->\n <p v-else :class=\"ns.e('content')\" v-html=\"message\" />\n </slot>\n <el-icon v-if=\"showClose\" :class=\"ns.e('closeBtn')\" @click.stop=\"close\">\n <Close />\n </el-icon>\n </div>\n </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, ref, watch } from 'vue'\nimport { useEventListener, useResizeObserver, useTimeoutFn } from '@vueuse/core'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport ElBadge from '@element-plus/components/badge'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { messageEmits, messageProps } from './message'\nimport { getLastOffset } from './instance'\nimport type { BadgeProps } from '@element-plus/components/badge'\nimport type { CSSProperties } from 'vue'\n\nconst { Close } = TypeComponents\n\ndefineOptions({\n name: 'ElMessage',\n})\n\nconst props = defineProps(messageProps)\ndefineEmits(messageEmits)\n\nconst ns = useNamespace('message')\n\nconst messageRef = ref<HTMLDivElement>()\nconst visible = ref(false)\nconst height = ref(0)\n\nlet stopTimer: (() => void) | undefined = undefined\n\nconst badgeType = computed<BadgeProps['type']>(() =>\n props.type ? (props.type === 'error' ? 'danger' : props.type) : 'info'\n)\nconst typeClass = computed(() => {\n const type = props.type\n return { [ns.bm('icon', type)]: type && TypeComponentsMap[type] }\n})\nconst iconComponent = computed(\n () => props.icon || TypeComponentsMap[props.type] || ''\n)\n\nconst lastOffset = computed(() => getLastOffset(props.id))\nconst offset = computed(() => props.offset + lastOffset.value)\nconst bottom = computed((): number => height.value + offset.value)\nconst customStyle = computed<CSSProperties>(() => ({\n top: `${offset.value}px`,\n zIndex: props.zIndex,\n}))\n\nfunction startTimer() {\n if (props.duration === 0) return\n ;({ stop: stopTimer } = useTimeoutFn(() => {\n close()\n }, props.duration))\n}\n\nfunction clearTimer() {\n stopTimer?.()\n}\n\nfunction close() {\n visible.value = false\n}\n\nfunction keydown({ code }: KeyboardEvent) {\n if (code === EVENT_CODE.esc) {\n // press esc to close the message\n close()\n }\n}\n\nonMounted(() => {\n startTimer()\n visible.value = true\n})\n\nwatch(\n () => props.repeatNum,\n () => {\n clearTimer()\n startTimer()\n }\n)\n\nuseEventListener(document, 'keydown', keydown)\n\nuseResizeObserver(messageRef, () => {\n height.value = messageRef.value!.getBoundingClientRect().height\n})\n\ndefineExpose({\n visible,\n bottom,\n close,\n})\n</script>\n"],"names":[],"mappings":"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"}
@@ -3,8 +3,8 @@ import { isClient, isNumber } from '@vueuse/core';
3
3
  import '../../../utils/index.mjs';
4
4
  import '../../../hooks/index.mjs';
5
5
  import { messageConfig } from '../../config-provider/src/config-provider.mjs';
6
- import MessageConstructor from './message.mjs';
7
- import { messageDefaults, messageTypes } from './message2.mjs';
6
+ import MessageConstructor from './message2.mjs';
7
+ import { messageDefaults, messageTypes } from './message.mjs';
8
8
  import { instances } from './instance.mjs';
9
9
  import { isString, isFunction } from '@vue/shared';
10
10
  import { isElement } from '../../../utils/types.mjs';
@@ -1,6 +1,6 @@
1
1
  import '../../utils/index.mjs';
2
2
  import notify from './src/notify.mjs';
3
- export { notificationEmits, notificationProps, notificationTypes } from './src/notification2.mjs';
3
+ export { notificationEmits, notificationProps, notificationTypes } from './src/notification.mjs';
4
4
  import { withInstallFunction } from '../../utils/vue/install.mjs';
5
5
 
6
6
  const ElNotification = withInstallFunction(notify, "$notify");
@@ -1,151 +1,75 @@
1
- import { defineComponent, ref, computed, onMounted, openBlock, createBlock, Transition, unref, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, resolveDynamicComponent, createCommentVNode, toDisplayString, renderSlot, createElementBlock, Fragment, vShow, withModifiers, createVNode } from 'vue';
2
- import { useTimeoutFn, useEventListener } from '@vueuse/core';
3
1
  import '../../../utils/index.mjs';
4
- import '../../../constants/index.mjs';
5
- import { ElIcon } from '../../icon/index.mjs';
6
- import '../../../hooks/index.mjs';
7
- import { notificationProps, notificationEmits } from './notification2.mjs';
8
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
9
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
10
- import { CloseComponents, TypeComponentsMap } from '../../../utils/vue/icon.mjs';
11
- import { EVENT_CODE } from '../../../constants/aria.mjs';
2
+ import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
3
+ import { iconPropType } from '../../../utils/vue/icon.mjs';
12
4
 
13
- const _hoisted_1 = ["id"];
14
- const _hoisted_2 = ["textContent"];
15
- const _hoisted_3 = { key: 0 };
16
- const _hoisted_4 = ["innerHTML"];
17
- const __default__ = defineComponent({
18
- name: "ElNotification"
19
- });
20
- const _sfc_main = /* @__PURE__ */ defineComponent({
21
- ...__default__,
22
- props: notificationProps,
23
- emits: notificationEmits,
24
- setup(__props, { expose }) {
25
- const props = __props;
26
- const ns = useNamespace("notification");
27
- const { Close } = CloseComponents;
28
- const visible = ref(false);
29
- let timer = void 0;
30
- const typeClass = computed(() => {
31
- const type = props.type;
32
- return type && TypeComponentsMap[props.type] ? ns.m(type) : "";
33
- });
34
- const iconComponent = computed(() => {
35
- if (!props.type)
36
- return props.icon;
37
- return TypeComponentsMap[props.type] || props.icon;
38
- });
39
- const horizontalClass = computed(() => props.position.endsWith("right") ? "right" : "left");
40
- const verticalProperty = computed(() => props.position.startsWith("top") ? "top" : "bottom");
41
- const positionStyle = computed(() => {
42
- return {
43
- [verticalProperty.value]: `${props.offset}px`,
44
- zIndex: props.zIndex
45
- };
46
- });
47
- function startTimer() {
48
- if (props.duration > 0) {
49
- ;
50
- ({ stop: timer } = useTimeoutFn(() => {
51
- if (visible.value)
52
- close();
53
- }, props.duration));
54
- }
55
- }
56
- function clearTimer() {
57
- timer == null ? void 0 : timer();
58
- }
59
- function close() {
60
- visible.value = false;
61
- }
62
- function onKeydown({ code }) {
63
- if (code === EVENT_CODE.delete || code === EVENT_CODE.backspace) {
64
- clearTimer();
65
- } else if (code === EVENT_CODE.esc) {
66
- if (visible.value) {
67
- close();
68
- }
69
- } else {
70
- startTimer();
71
- }
72
- }
73
- onMounted(() => {
74
- startTimer();
75
- visible.value = true;
76
- });
77
- useEventListener(document, "keydown", onKeydown);
78
- expose({
79
- visible,
80
- close
81
- });
82
- return (_ctx, _cache) => {
83
- return openBlock(), createBlock(Transition, {
84
- name: unref(ns).b("fade"),
85
- onBeforeLeave: _ctx.onClose,
86
- onAfterLeave: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("destroy")),
87
- persisted: ""
88
- }, {
89
- default: withCtx(() => [
90
- withDirectives(createElementVNode("div", {
91
- id: _ctx.id,
92
- class: normalizeClass([unref(ns).b(), _ctx.customClass, unref(horizontalClass)]),
93
- style: normalizeStyle(unref(positionStyle)),
94
- role: "alert",
95
- onMouseenter: clearTimer,
96
- onMouseleave: startTimer,
97
- onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
98
- }, [
99
- unref(iconComponent) ? (openBlock(), createBlock(unref(ElIcon), {
100
- key: 0,
101
- class: normalizeClass([unref(ns).e("icon"), unref(typeClass)])
102
- }, {
103
- default: withCtx(() => [
104
- (openBlock(), createBlock(resolveDynamicComponent(unref(iconComponent))))
105
- ]),
106
- _: 1
107
- }, 8, ["class"])) : createCommentVNode("v-if", true),
108
- createElementVNode("div", {
109
- class: normalizeClass(unref(ns).e("group"))
110
- }, [
111
- createElementVNode("h2", {
112
- class: normalizeClass(unref(ns).e("title")),
113
- textContent: toDisplayString(_ctx.title)
114
- }, null, 10, _hoisted_2),
115
- withDirectives(createElementVNode("div", {
116
- class: normalizeClass(unref(ns).e("content")),
117
- style: normalizeStyle(!!_ctx.title ? void 0 : { margin: 0 })
118
- }, [
119
- renderSlot(_ctx.$slots, "default", {}, () => [
120
- !_ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(_ctx.message), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
121
- createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
122
- createElementVNode("p", { innerHTML: _ctx.message }, null, 8, _hoisted_4)
123
- ], 2112))
124
- ])
125
- ], 6), [
126
- [vShow, _ctx.message]
127
- ]),
128
- _ctx.showClose ? (openBlock(), createBlock(unref(ElIcon), {
129
- key: 0,
130
- class: normalizeClass(unref(ns).e("closeBtn")),
131
- onClick: withModifiers(close, ["stop"])
132
- }, {
133
- default: withCtx(() => [
134
- createVNode(unref(Close))
135
- ]),
136
- _: 1
137
- }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
138
- ], 2)
139
- ], 46, _hoisted_1), [
140
- [vShow, visible.value]
141
- ])
142
- ]),
143
- _: 3
144
- }, 8, ["name", "onBeforeLeave"]);
145
- };
5
+ const notificationTypes = [
6
+ "success",
7
+ "info",
8
+ "warning",
9
+ "error"
10
+ ];
11
+ const notificationProps = buildProps({
12
+ customClass: {
13
+ type: String,
14
+ default: ""
15
+ },
16
+ dangerouslyUseHTMLString: {
17
+ type: Boolean,
18
+ default: false
19
+ },
20
+ duration: {
21
+ type: Number,
22
+ default: 4500
23
+ },
24
+ icon: {
25
+ type: iconPropType
26
+ },
27
+ id: {
28
+ type: String,
29
+ default: ""
30
+ },
31
+ message: {
32
+ type: definePropType([String, Object]),
33
+ default: ""
34
+ },
35
+ offset: {
36
+ type: Number,
37
+ default: 0
38
+ },
39
+ onClick: {
40
+ type: definePropType(Function),
41
+ default: () => void 0
42
+ },
43
+ onClose: {
44
+ type: definePropType(Function),
45
+ required: true
46
+ },
47
+ position: {
48
+ type: String,
49
+ values: ["top-right", "top-left", "bottom-right", "bottom-left"],
50
+ default: "top-right"
51
+ },
52
+ showClose: {
53
+ type: Boolean,
54
+ default: true
55
+ },
56
+ title: {
57
+ type: String,
58
+ default: ""
59
+ },
60
+ type: {
61
+ type: String,
62
+ values: [...notificationTypes, ""],
63
+ default: ""
64
+ },
65
+ zIndex: {
66
+ type: Number,
67
+ default: 0
146
68
  }
147
69
  });
148
- var NotificationConstructor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/notification/src/notification.vue"]]);
70
+ const notificationEmits = {
71
+ destroy: () => true
72
+ };
149
73
 
150
- export { NotificationConstructor as default };
74
+ export { notificationEmits, notificationProps, notificationTypes };
151
75
  //# sourceMappingURL=notification.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"notification.mjs","sources":["../../../../../../packages/components/notification/src/notification.vue"],"sourcesContent":["<template>\n <transition\n :name=\"ns.b('fade')\"\n @before-leave=\"onClose\"\n @after-leave=\"$emit('destroy')\"\n >\n <div\n v-show=\"visible\"\n :id=\"id\"\n :class=\"[ns.b(), customClass, horizontalClass]\"\n :style=\"positionStyle\"\n role=\"alert\"\n @mouseenter=\"clearTimer\"\n @mouseleave=\"startTimer\"\n @click=\"onClick\"\n >\n <el-icon v-if=\"iconComponent\" :class=\"[ns.e('icon'), typeClass]\">\n <component :is=\"iconComponent\" />\n </el-icon>\n <div :class=\"ns.e('group')\">\n <h2 :class=\"ns.e('title')\" v-text=\"title\" />\n <div\n v-show=\"message\"\n :class=\"ns.e('content')\"\n :style=\"!!title ? undefined : { margin: 0 }\"\n >\n <slot>\n <p v-if=\"!dangerouslyUseHTMLString\">{{ message }}</p>\n <!-- Caution here, message could've been compromised, never use user's input as message -->\n <p v-else v-html=\"message\" />\n </slot>\n </div>\n <el-icon v-if=\"showClose\" :class=\"ns.e('closeBtn')\" @click.stop=\"close\">\n <Close />\n </el-icon>\n </div>\n </div>\n </transition>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, onMounted, ref } from 'vue'\nimport { useEventListener, useTimeoutFn } from '@vueuse/core'\nimport { CloseComponents, TypeComponentsMap } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { notificationEmits, notificationProps } from './notification'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: 'ElNotification',\n})\n\nconst props = defineProps(notificationProps)\ndefineEmits(notificationEmits)\n\nconst ns = useNamespace('notification')\nconst { Close } = CloseComponents\n\nconst visible = ref(false)\nlet timer: (() => void) | undefined = undefined\n\nconst typeClass = computed(() => {\n const type = props.type\n return type && TypeComponentsMap[props.type] ? ns.m(type) : ''\n})\n\nconst iconComponent = computed(() => {\n if (!props.type) return props.icon\n return TypeComponentsMap[props.type] || props.icon\n})\n\nconst horizontalClass = computed(() =>\n props.position.endsWith('right') ? 'right' : 'left'\n)\n\nconst verticalProperty = computed(() =>\n props.position.startsWith('top') ? 'top' : 'bottom'\n)\n\nconst positionStyle = computed<CSSProperties>(() => {\n return {\n [verticalProperty.value]: `${props.offset}px`,\n zIndex: props.zIndex,\n }\n})\n\nfunction startTimer() {\n if (props.duration > 0) {\n ;({ stop: timer } = useTimeoutFn(() => {\n if (visible.value) close()\n }, props.duration))\n }\n}\n\nfunction clearTimer() {\n timer?.()\n}\n\nfunction close() {\n visible.value = false\n}\n\nfunction onKeydown({ code }: KeyboardEvent) {\n if (code === EVENT_CODE.delete || code === EVENT_CODE.backspace) {\n clearTimer() // press delete/backspace clear timer\n } else if (code === EVENT_CODE.esc) {\n // press esc to close the notification\n if (visible.value) {\n close()\n }\n } else {\n startTimer() // resume timer\n }\n}\n\n// lifecycle\nonMounted(() => {\n startTimer()\n visible.value = true\n})\n\nuseEventListener(document, 'keydown', onKeydown)\n\ndefineExpose({\n visible,\n /** @description close notification */\n close,\n})\n</script>\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"notification.mjs","sources":["../../../../../../packages/components/notification/src/notification.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, VNode } from 'vue'\nimport type Notification from './notification.vue'\n\nexport const notificationTypes = [\n 'success',\n 'info',\n 'warning',\n 'error',\n] as const\n\nexport const notificationProps = buildProps({\n customClass: {\n type: String,\n default: '',\n },\n dangerouslyUseHTMLString: {\n type: Boolean,\n default: false,\n },\n duration: {\n type: Number,\n default: 4500,\n },\n icon: {\n type: iconPropType,\n },\n id: {\n type: String,\n default: '',\n },\n message: {\n type: definePropType<string | VNode>([String, Object]),\n default: '',\n },\n offset: {\n type: Number,\n default: 0,\n },\n onClick: {\n type: definePropType<() => void>(Function),\n default: () => undefined,\n },\n onClose: {\n type: definePropType<() => void>(Function),\n required: true,\n },\n position: {\n type: String,\n values: ['top-right', 'top-left', 'bottom-right', 'bottom-left'],\n default: 'top-right',\n },\n showClose: {\n type: Boolean,\n default: true,\n },\n title: {\n type: String,\n default: '',\n },\n type: {\n type: String,\n values: [...notificationTypes, ''],\n default: '',\n },\n zIndex: {\n type: Number,\n default: 0,\n },\n} as const)\nexport type NotificationProps = ExtractPropTypes<typeof notificationProps>\n\nexport const notificationEmits = {\n destroy: () => true,\n}\nexport type NotificationEmits = typeof notificationEmits\n\nexport type NotificationInstance = InstanceType<typeof Notification>\n\nexport type NotificationOptions = Omit<NotificationProps, 'id'> & {\n appendTo?: HTMLElement | string\n}\nexport type NotificationOptionsTyped = Omit<NotificationOptions, 'type'>\n\nexport interface NotificationHandle {\n close: () => void\n}\n\nexport type NotificationParams = Partial<NotificationOptions> | string | VNode\nexport type NotificationParamsTyped =\n | Partial<NotificationOptionsTyped>\n | string\n | VNode\n\nexport type NotifyFn = ((\n options?: NotificationParams\n) => NotificationHandle) & { closeAll: () => void }\n\nexport type NotifyTypedFn = (\n options?: NotificationParamsTyped\n) => NotificationHandle\n\nexport interface Notify extends NotifyFn {\n success: NotifyTypedFn\n warning: NotifyTypedFn\n error: NotifyTypedFn\n info: NotifyTypedFn\n}\n\nexport interface NotificationQueueItem {\n vm: VNode\n}\n\nexport type NotificationQueue = NotificationQueueItem[]\n"],"names":[],"mappings":";;;;AACY,MAAC,iBAAiB,GAAG;AACjC,EAAE,SAAS;AACX,EAAE,MAAM;AACR,EAAE,SAAS;AACX,EAAE,OAAO;AACT,EAAE;AACU,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,wBAAwB,EAAE;AAC5B,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAE,MAAM,KAAK,CAAC;AACzB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,CAAC;AACpE,IAAI,OAAO,EAAE,WAAW;AACxB,GAAG;AACH,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,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,GAAG,iBAAiB,EAAE,EAAE,CAAC;AACtC,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,CAAC,EAAE;AACS,MAAC,iBAAiB,GAAG;AACjC,EAAE,OAAO,EAAE,MAAM,IAAI;AACrB;;;;"}