element-pe 2.3.15 → 2.3.16

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 (582) hide show
  1. package/dist/index.full.js +26 -13
  2. package/dist/index.full.min.js +6 -6
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +1 -1
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +26 -13
  7. package/es/components/affix/index.mjs +2 -2
  8. package/es/components/affix/src/affix.mjs +120 -24
  9. package/es/components/affix/src/affix.mjs.map +1 -1
  10. package/es/components/affix/src/affix2.mjs +24 -120
  11. package/es/components/affix/src/affix2.mjs.map +1 -1
  12. package/es/components/autocomplete/src/autocomplete.mjs +1 -1
  13. package/es/components/backtop/index.mjs +2 -2
  14. package/es/components/backtop/src/backtop.mjs +58 -23
  15. package/es/components/backtop/src/backtop.mjs.map +1 -1
  16. package/es/components/backtop/src/backtop2.mjs +23 -58
  17. package/es/components/backtop/src/backtop2.mjs.map +1 -1
  18. package/es/components/breadcrumb/index.mjs +2 -2
  19. package/es/components/breadcrumb/src/breadcrumb.mjs +37 -10
  20. package/es/components/breadcrumb/src/breadcrumb.mjs.map +1 -1
  21. package/es/components/breadcrumb/src/breadcrumb2.mjs +10 -37
  22. package/es/components/breadcrumb/src/breadcrumb2.mjs.map +1 -1
  23. package/es/components/button/index.mjs +1 -1
  24. package/es/components/button/src/button-group.mjs +29 -6
  25. package/es/components/button/src/button-group.mjs.map +1 -1
  26. package/es/components/button/src/button-group2.mjs +6 -29
  27. package/es/components/button/src/button-group2.mjs.map +1 -1
  28. package/es/components/calendar/index.mjs +2 -2
  29. package/es/components/calendar/src/calendar.mjs +16 -134
  30. package/es/components/calendar/src/calendar.mjs.map +1 -1
  31. package/es/components/calendar/src/calendar2.mjs +134 -16
  32. package/es/components/calendar/src/calendar2.mjs.map +1 -1
  33. package/es/components/carousel/index.mjs +2 -2
  34. package/es/components/carousel/src/carousel-item.mjs +7 -69
  35. package/es/components/carousel/src/carousel-item.mjs.map +1 -1
  36. package/es/components/carousel/src/carousel-item2.mjs +69 -7
  37. package/es/components/carousel/src/carousel-item2.mjs.map +1 -1
  38. package/es/components/cascader/index.mjs +2 -2
  39. package/es/components/cascader/src/cascader.mjs +656 -95
  40. package/es/components/cascader/src/cascader.mjs.map +1 -1
  41. package/es/components/cascader/src/cascader2.mjs +95 -656
  42. package/es/components/cascader/src/cascader2.mjs.map +1 -1
  43. package/es/components/checkbox/index.mjs +2 -2
  44. package/es/components/checkbox/src/checkbox-button.mjs +1 -1
  45. package/es/components/checkbox/src/checkbox.mjs +123 -64
  46. package/es/components/checkbox/src/checkbox.mjs.map +1 -1
  47. package/es/components/checkbox/src/checkbox2.mjs +64 -123
  48. package/es/components/checkbox/src/checkbox2.mjs.map +1 -1
  49. package/es/components/collapse/index.mjs +2 -2
  50. package/es/components/collapse/src/collapse.mjs +16 -28
  51. package/es/components/collapse/src/collapse.mjs.map +1 -1
  52. package/es/components/collapse/src/collapse2.mjs +28 -16
  53. package/es/components/collapse/src/collapse2.mjs.map +1 -1
  54. package/es/components/color-picker/index.mjs +2 -2
  55. package/es/components/color-picker/src/color-picker.mjs +55 -427
  56. package/es/components/color-picker/src/color-picker.mjs.map +1 -1
  57. package/es/components/color-picker/src/color-picker2.mjs +427 -55
  58. package/es/components/color-picker/src/color-picker2.mjs.map +1 -1
  59. package/es/components/color-picker/src/components/predefine.mjs +1 -1
  60. package/es/components/countdown/index.mjs +2 -2
  61. package/es/components/countdown/src/countdown.mjs +21 -80
  62. package/es/components/countdown/src/countdown.mjs.map +1 -1
  63. package/es/components/countdown/src/countdown2.mjs +80 -21
  64. package/es/components/countdown/src/countdown2.mjs.map +1 -1
  65. package/es/components/descriptions/index.mjs +2 -2
  66. package/es/components/descriptions/src/description.mjs +132 -28
  67. package/es/components/descriptions/src/description.mjs.map +1 -1
  68. package/es/components/descriptions/src/description2.mjs +28 -132
  69. package/es/components/descriptions/src/description2.mjs.map +1 -1
  70. package/es/components/divider/index.mjs +2 -2
  71. package/es/components/divider/src/divider.mjs +34 -16
  72. package/es/components/divider/src/divider.mjs.map +1 -1
  73. package/es/components/divider/src/divider2.mjs +16 -34
  74. package/es/components/divider/src/divider2.mjs.map +1 -1
  75. package/es/components/dropdown/index.mjs +2 -2
  76. package/es/components/dropdown/src/dropdown-item-impl.mjs +7 -4
  77. package/es/components/dropdown/src/dropdown-item-impl.mjs.map +1 -1
  78. package/es/components/dropdown/src/dropdown-item-impl.vue.d.ts +3 -3
  79. package/es/components/dropdown/src/dropdown-item.mjs +7 -4
  80. package/es/components/dropdown/src/dropdown-item.mjs.map +1 -1
  81. package/es/components/dropdown/src/dropdown-item.vue.d.ts +0 -15
  82. package/es/components/dropdown/src/dropdown-menu.mjs +9 -5
  83. package/es/components/dropdown/src/dropdown-menu.mjs.map +1 -1
  84. package/es/components/dropdown/src/dropdown-menu.vue.d.ts +4 -4
  85. package/es/components/dropdown/src/dropdown.mjs +120 -302
  86. package/es/components/dropdown/src/dropdown.mjs.map +1 -1
  87. package/es/components/dropdown/src/dropdown2.mjs +302 -120
  88. package/es/components/dropdown/src/dropdown2.mjs.map +1 -1
  89. package/es/components/empty/index.mjs +2 -2
  90. package/es/components/empty/src/empty.mjs +11 -52
  91. package/es/components/empty/src/empty.mjs.map +1 -1
  92. package/es/components/empty/src/empty2.mjs +52 -11
  93. package/es/components/empty/src/empty2.mjs.map +1 -1
  94. package/es/components/form/index.mjs +4 -4
  95. package/es/components/form/src/form-item.mjs +50 -330
  96. package/es/components/form/src/form-item.mjs.map +1 -1
  97. package/es/components/form/src/form-item2.mjs +330 -50
  98. package/es/components/form/src/form-item2.mjs.map +1 -1
  99. package/es/components/form/src/form.mjs +154 -57
  100. package/es/components/form/src/form.mjs.map +1 -1
  101. package/es/components/form/src/form2.mjs +57 -154
  102. package/es/components/form/src/form2.mjs.map +1 -1
  103. package/es/components/image/index.mjs +2 -2
  104. package/es/components/image/src/image.mjs +71 -226
  105. package/es/components/image/src/image.mjs.map +1 -1
  106. package/es/components/image/src/image2.mjs +226 -71
  107. package/es/components/image/src/image2.mjs.map +1 -1
  108. package/es/components/index.mjs +44 -44
  109. package/es/components/input-tag/src/input-tag.mjs +1 -1
  110. package/es/components/mention/index.mjs +2 -2
  111. package/es/components/mention/src/mention.mjs +62 -282
  112. package/es/components/mention/src/mention.mjs.map +1 -1
  113. package/es/components/mention/src/mention2.mjs +282 -62
  114. package/es/components/mention/src/mention2.mjs.map +1 -1
  115. package/es/components/menu/index.mjs +4 -4
  116. package/es/components/menu/src/menu-item-group.mjs +4 -33
  117. package/es/components/menu/src/menu-item-group.mjs.map +1 -1
  118. package/es/components/menu/src/menu-item-group2.mjs +33 -4
  119. package/es/components/menu/src/menu-item-group2.mjs.map +1 -1
  120. package/es/components/menu/src/menu-item.mjs +15 -97
  121. package/es/components/menu/src/menu-item.mjs.map +1 -1
  122. package/es/components/menu/src/menu-item2.mjs +97 -15
  123. package/es/components/menu/src/menu-item2.mjs.map +1 -1
  124. package/es/components/notification/index.mjs +1 -1
  125. package/es/components/notification/src/notification.mjs +144 -68
  126. package/es/components/notification/src/notification.mjs.map +1 -1
  127. package/es/components/notification/src/notification2.mjs +68 -144
  128. package/es/components/notification/src/notification2.mjs.map +1 -1
  129. package/es/components/notification/src/notify.mjs +2 -2
  130. package/es/components/page-header/index.mjs +2 -2
  131. package/es/components/page-header/src/page-header.mjs +16 -97
  132. package/es/components/page-header/src/page-header.mjs.map +1 -1
  133. package/es/components/page-header/src/page-header2.mjs +97 -16
  134. package/es/components/page-header/src/page-header2.mjs.map +1 -1
  135. package/es/components/pagination/src/components/jumper.mjs +58 -7
  136. package/es/components/pagination/src/components/jumper.mjs.map +1 -1
  137. package/es/components/pagination/src/components/jumper2.mjs +7 -58
  138. package/es/components/pagination/src/components/jumper2.mjs.map +1 -1
  139. package/es/components/pagination/src/components/next.mjs +18 -35
  140. package/es/components/pagination/src/components/next.mjs.map +1 -1
  141. package/es/components/pagination/src/components/next2.mjs +35 -18
  142. package/es/components/pagination/src/components/next2.mjs.map +1 -1
  143. package/es/components/pagination/src/components/sizes.mjs +23 -72
  144. package/es/components/pagination/src/components/sizes.mjs.map +1 -1
  145. package/es/components/pagination/src/components/sizes2.mjs +72 -23
  146. package/es/components/pagination/src/components/sizes2.mjs.map +1 -1
  147. package/es/components/pagination/src/pagination.mjs +3 -3
  148. package/es/components/popconfirm/src/popconfirm2.mjs +1 -1
  149. package/es/components/popover/index.mjs +2 -2
  150. package/es/components/popover/src/popover.mjs +110 -64
  151. package/es/components/popover/src/popover.mjs.map +1 -1
  152. package/es/components/popover/src/popover2.mjs +64 -110
  153. package/es/components/popover/src/popover2.mjs.map +1 -1
  154. package/es/components/popper/index.mjs +6 -6
  155. package/es/components/popper/src/arrow.mjs +37 -7
  156. package/es/components/popper/src/arrow.mjs.map +1 -1
  157. package/es/components/popper/src/arrow2.mjs +7 -37
  158. package/es/components/popper/src/arrow2.mjs.map +1 -1
  159. package/es/components/popper/src/popper.mjs +22 -32
  160. package/es/components/popper/src/popper.mjs.map +1 -1
  161. package/es/components/popper/src/popper2.mjs +32 -22
  162. package/es/components/popper/src/popper2.mjs.map +1 -1
  163. package/es/components/popper/src/trigger.mjs +31 -128
  164. package/es/components/popper/src/trigger.mjs.map +1 -1
  165. package/es/components/popper/src/trigger2.mjs +128 -31
  166. package/es/components/popper/src/trigger2.mjs.map +1 -1
  167. package/es/components/resizable-columns/index.mjs +2 -2
  168. package/es/components/resizable-columns/src/resizable-columns.mjs +20 -261
  169. package/es/components/resizable-columns/src/resizable-columns.mjs.map +1 -1
  170. package/es/components/resizable-columns/src/resizable-columns2.mjs +261 -20
  171. package/es/components/resizable-columns/src/resizable-columns2.mjs.map +1 -1
  172. package/es/components/result/index.mjs +2 -2
  173. package/es/components/result/src/result.mjs +62 -28
  174. package/es/components/result/src/result.mjs.map +1 -1
  175. package/es/components/result/src/result2.mjs +28 -62
  176. package/es/components/result/src/result2.mjs.map +1 -1
  177. package/es/components/roving-focus-group/src/roving-focus-item.mjs +6 -3
  178. package/es/components/roving-focus-group/src/roving-focus-item.mjs.map +1 -1
  179. package/es/components/roving-focus-group/src/roving-focus-item.vue.d.ts +0 -5
  180. package/es/components/row/index.mjs +2 -2
  181. package/es/components/row/src/row.mjs +28 -44
  182. package/es/components/row/src/row.mjs.map +1 -1
  183. package/es/components/row/src/row2.mjs +44 -28
  184. package/es/components/row/src/row2.mjs.map +1 -1
  185. package/es/components/scrollbar/index.mjs +3 -3
  186. package/es/components/scrollbar/src/bar2.mjs +1 -1
  187. package/es/components/scrollbar/src/scrollbar.mjs +55 -171
  188. package/es/components/scrollbar/src/scrollbar.mjs.map +1 -1
  189. package/es/components/scrollbar/src/scrollbar2.mjs +171 -55
  190. package/es/components/scrollbar/src/scrollbar2.mjs.map +1 -1
  191. package/es/components/scrollbar/src/thumb.mjs +11 -132
  192. package/es/components/scrollbar/src/thumb.mjs.map +1 -1
  193. package/es/components/scrollbar/src/thumb2.mjs +132 -11
  194. package/es/components/scrollbar/src/thumb2.mjs.map +1 -1
  195. package/es/components/select/src/select.mjs +2 -2
  196. package/es/components/select-v2/src/defaults.mjs +2 -2
  197. package/es/components/skeleton/index.mjs +2 -2
  198. package/es/components/skeleton/src/skeleton.mjs +48 -21
  199. package/es/components/skeleton/src/skeleton.mjs.map +1 -1
  200. package/es/components/skeleton/src/skeleton2.mjs +21 -48
  201. package/es/components/skeleton/src/skeleton2.mjs.map +1 -1
  202. package/es/components/slider/index.mjs +2 -2
  203. package/es/components/slider/src/button.mjs +91 -19
  204. package/es/components/slider/src/button.mjs.map +1 -1
  205. package/es/components/slider/src/button2.mjs +19 -91
  206. package/es/components/slider/src/button2.mjs.map +1 -1
  207. package/es/components/slider/src/slider.mjs +97 -242
  208. package/es/components/slider/src/slider.mjs.map +1 -1
  209. package/es/components/slider/src/slider2.mjs +242 -97
  210. package/es/components/slider/src/slider2.mjs.map +1 -1
  211. package/es/components/statistic/index.mjs +2 -2
  212. package/es/components/statistic/src/statistic.mjs +25 -69
  213. package/es/components/statistic/src/statistic.mjs.map +1 -1
  214. package/es/components/statistic/src/statistic2.mjs +69 -25
  215. package/es/components/statistic/src/statistic2.mjs.map +1 -1
  216. package/es/components/steps/index.mjs +4 -4
  217. package/es/components/steps/src/item.mjs +19 -191
  218. package/es/components/steps/src/item.mjs.map +1 -1
  219. package/es/components/steps/src/item2.mjs +191 -19
  220. package/es/components/steps/src/item2.mjs.map +1 -1
  221. package/es/components/steps/src/steps.mjs +38 -35
  222. package/es/components/steps/src/steps.mjs.map +1 -1
  223. package/es/components/steps/src/steps2.mjs +35 -38
  224. package/es/components/steps/src/steps2.mjs.map +1 -1
  225. package/es/components/tabs/index.mjs +2 -2
  226. package/es/components/tabs/src/tab-pane.mjs +14 -74
  227. package/es/components/tabs/src/tab-pane.mjs.map +1 -1
  228. package/es/components/tabs/src/tab-pane2.mjs +74 -14
  229. package/es/components/tabs/src/tab-pane2.mjs.map +1 -1
  230. package/es/components/tag/index.mjs +2 -2
  231. package/es/components/tag/src/tag.mjs +27 -102
  232. package/es/components/tag/src/tag.mjs.map +1 -1
  233. package/es/components/tag/src/tag2.mjs +102 -27
  234. package/es/components/tag/src/tag2.mjs.map +1 -1
  235. package/es/components/teleport/index.mjs +2 -2
  236. package/es/components/teleport/src/teleport.mjs +8 -18
  237. package/es/components/teleport/src/teleport.mjs.map +1 -1
  238. package/es/components/teleport/src/teleport2.mjs +18 -8
  239. package/es/components/teleport/src/teleport2.mjs.map +1 -1
  240. package/es/components/tooltip/index.mjs +1 -1
  241. package/es/components/tooltip/src/content.mjs +28 -193
  242. package/es/components/tooltip/src/content.mjs.map +1 -1
  243. package/es/components/tooltip/src/content2.mjs +193 -28
  244. package/es/components/tooltip/src/content2.mjs.map +1 -1
  245. package/es/components/tooltip/src/tooltip.mjs +3 -3
  246. package/es/components/tooltip/src/tooltip2.mjs +2 -2
  247. package/es/components/tooltip/src/trigger.mjs +1 -1
  248. package/es/components/tooltip/src/trigger2.mjs +1 -1
  249. package/es/components/tooltip-v2/index.mjs +6 -6
  250. package/es/components/tooltip-v2/src/arrow.mjs +37 -21
  251. package/es/components/tooltip-v2/src/arrow.mjs.map +1 -1
  252. package/es/components/tooltip-v2/src/arrow2.mjs +21 -37
  253. package/es/components/tooltip-v2/src/arrow2.mjs.map +1 -1
  254. package/es/components/tooltip-v2/src/content.mjs +48 -111
  255. package/es/components/tooltip-v2/src/content.mjs.map +1 -1
  256. package/es/components/tooltip-v2/src/content2.mjs +111 -48
  257. package/es/components/tooltip-v2/src/content2.mjs.map +1 -1
  258. package/es/components/tooltip-v2/src/root.mjs +80 -17
  259. package/es/components/tooltip-v2/src/root.mjs.map +1 -1
  260. package/es/components/tooltip-v2/src/root2.mjs +17 -80
  261. package/es/components/tooltip-v2/src/root2.mjs.map +1 -1
  262. package/es/components/tooltip-v2/src/tooltip.mjs +21 -82
  263. package/es/components/tooltip-v2/src/tooltip.mjs.map +1 -1
  264. package/es/components/tooltip-v2/src/tooltip2.mjs +82 -21
  265. package/es/components/tooltip-v2/src/tooltip2.mjs.map +1 -1
  266. package/es/components/tooltip-v2/src/trigger.mjs +90 -12
  267. package/es/components/tooltip-v2/src/trigger.mjs.map +1 -1
  268. package/es/components/tooltip-v2/src/trigger2.mjs +12 -90
  269. package/es/components/tooltip-v2/src/trigger2.mjs.map +1 -1
  270. package/es/components/tour/index.mjs +2 -2
  271. package/es/components/tour/src/step.mjs +46 -169
  272. package/es/components/tour/src/step.mjs.map +1 -1
  273. package/es/components/tour/src/step2.mjs +169 -46
  274. package/es/components/tour/src/step2.mjs.map +1 -1
  275. package/es/components/transfer/src/composables/use-check.mjs +1 -1
  276. package/es/components/transfer/src/transfer-panel.mjs +19 -130
  277. package/es/components/transfer/src/transfer-panel.mjs.map +1 -1
  278. package/es/components/transfer/src/transfer-panel2.mjs +130 -19
  279. package/es/components/transfer/src/transfer-panel2.mjs.map +1 -1
  280. package/es/components/transfer/src/transfer.mjs +1 -1
  281. package/es/components/upload/index.mjs +3 -3
  282. package/es/components/upload/src/upload-content.mjs +1 -1
  283. package/es/components/upload/src/upload-content2.mjs +1 -1
  284. package/es/components/upload/src/upload-list.mjs +176 -28
  285. package/es/components/upload/src/upload-list.mjs.map +1 -1
  286. package/es/components/upload/src/upload-list2.mjs +28 -176
  287. package/es/components/upload/src/upload-list2.mjs.map +1 -1
  288. package/es/components/upload/src/upload.mjs +125 -98
  289. package/es/components/upload/src/upload.mjs.map +1 -1
  290. package/es/components/upload/src/upload2.mjs +98 -125
  291. package/es/components/upload/src/upload2.mjs.map +1 -1
  292. package/es/components/upload/src/use-handlers.mjs +1 -1
  293. package/es/index.mjs +44 -44
  294. package/lib/components/affix/index.js +2 -2
  295. package/lib/components/affix/src/affix.js +120 -25
  296. package/lib/components/affix/src/affix.js.map +1 -1
  297. package/lib/components/affix/src/affix2.js +25 -120
  298. package/lib/components/affix/src/affix2.js.map +1 -1
  299. package/lib/components/autocomplete/src/autocomplete.js +1 -1
  300. package/lib/components/backtop/index.js +2 -2
  301. package/lib/components/backtop/src/backtop.js +58 -24
  302. package/lib/components/backtop/src/backtop.js.map +1 -1
  303. package/lib/components/backtop/src/backtop2.js +24 -58
  304. package/lib/components/backtop/src/backtop2.js.map +1 -1
  305. package/lib/components/breadcrumb/index.js +2 -2
  306. package/lib/components/breadcrumb/src/breadcrumb.js +37 -10
  307. package/lib/components/breadcrumb/src/breadcrumb.js.map +1 -1
  308. package/lib/components/breadcrumb/src/breadcrumb2.js +10 -37
  309. package/lib/components/breadcrumb/src/breadcrumb2.js.map +1 -1
  310. package/lib/components/button/index.js +1 -1
  311. package/lib/components/button/src/button-group.js +29 -6
  312. package/lib/components/button/src/button-group.js.map +1 -1
  313. package/lib/components/button/src/button-group2.js +6 -29
  314. package/lib/components/button/src/button-group2.js.map +1 -1
  315. package/lib/components/calendar/index.js +2 -2
  316. package/lib/components/calendar/src/calendar.js +17 -134
  317. package/lib/components/calendar/src/calendar.js.map +1 -1
  318. package/lib/components/calendar/src/calendar2.js +134 -17
  319. package/lib/components/calendar/src/calendar2.js.map +1 -1
  320. package/lib/components/carousel/index.js +2 -2
  321. package/lib/components/carousel/src/carousel-item.js +7 -69
  322. package/lib/components/carousel/src/carousel-item.js.map +1 -1
  323. package/lib/components/carousel/src/carousel-item2.js +69 -7
  324. package/lib/components/carousel/src/carousel-item2.js.map +1 -1
  325. package/lib/components/cascader/index.js +2 -2
  326. package/lib/components/cascader/src/cascader.js +656 -96
  327. package/lib/components/cascader/src/cascader.js.map +1 -1
  328. package/lib/components/cascader/src/cascader2.js +96 -656
  329. package/lib/components/cascader/src/cascader2.js.map +1 -1
  330. package/lib/components/checkbox/index.js +2 -2
  331. package/lib/components/checkbox/src/checkbox-button.js +1 -1
  332. package/lib/components/checkbox/src/checkbox.js +123 -65
  333. package/lib/components/checkbox/src/checkbox.js.map +1 -1
  334. package/lib/components/checkbox/src/checkbox2.js +65 -123
  335. package/lib/components/checkbox/src/checkbox2.js.map +1 -1
  336. package/lib/components/collapse/index.js +2 -2
  337. package/lib/components/collapse/src/collapse.js +18 -28
  338. package/lib/components/collapse/src/collapse.js.map +1 -1
  339. package/lib/components/collapse/src/collapse2.js +28 -18
  340. package/lib/components/collapse/src/collapse2.js.map +1 -1
  341. package/lib/components/color-picker/index.js +2 -2
  342. package/lib/components/color-picker/src/color-picker.js +57 -427
  343. package/lib/components/color-picker/src/color-picker.js.map +1 -1
  344. package/lib/components/color-picker/src/color-picker2.js +427 -57
  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 +22 -80
  349. package/lib/components/countdown/src/countdown.js.map +1 -1
  350. package/lib/components/countdown/src/countdown2.js +80 -22
  351. package/lib/components/countdown/src/countdown2.js.map +1 -1
  352. package/lib/components/descriptions/index.js +2 -2
  353. package/lib/components/descriptions/src/description.js +132 -28
  354. package/lib/components/descriptions/src/description.js.map +1 -1
  355. package/lib/components/descriptions/src/description2.js +28 -132
  356. package/lib/components/descriptions/src/description2.js.map +1 -1
  357. package/lib/components/divider/index.js +2 -2
  358. package/lib/components/divider/src/divider.js +34 -16
  359. package/lib/components/divider/src/divider.js.map +1 -1
  360. package/lib/components/divider/src/divider2.js +16 -34
  361. package/lib/components/divider/src/divider2.js.map +1 -1
  362. package/lib/components/dropdown/index.js +2 -2
  363. package/lib/components/dropdown/src/dropdown-item-impl.js +7 -4
  364. package/lib/components/dropdown/src/dropdown-item-impl.js.map +1 -1
  365. package/lib/components/dropdown/src/dropdown-item-impl.vue.d.ts +3 -3
  366. package/lib/components/dropdown/src/dropdown-item.js +7 -4
  367. package/lib/components/dropdown/src/dropdown-item.js.map +1 -1
  368. package/lib/components/dropdown/src/dropdown-item.vue.d.ts +0 -15
  369. package/lib/components/dropdown/src/dropdown-menu.js +9 -5
  370. package/lib/components/dropdown/src/dropdown-menu.js.map +1 -1
  371. package/lib/components/dropdown/src/dropdown-menu.vue.d.ts +4 -4
  372. package/lib/components/dropdown/src/dropdown.js +129 -302
  373. package/lib/components/dropdown/src/dropdown.js.map +1 -1
  374. package/lib/components/dropdown/src/dropdown2.js +302 -129
  375. package/lib/components/dropdown/src/dropdown2.js.map +1 -1
  376. package/lib/components/empty/index.js +2 -2
  377. package/lib/components/empty/src/empty.js +11 -52
  378. package/lib/components/empty/src/empty.js.map +1 -1
  379. package/lib/components/empty/src/empty2.js +52 -11
  380. package/lib/components/empty/src/empty2.js.map +1 -1
  381. package/lib/components/form/index.js +4 -4
  382. package/lib/components/form/src/form-item.js +51 -334
  383. package/lib/components/form/src/form-item.js.map +1 -1
  384. package/lib/components/form/src/form-item2.js +334 -51
  385. package/lib/components/form/src/form-item2.js.map +1 -1
  386. package/lib/components/form/src/form.js +153 -58
  387. package/lib/components/form/src/form.js.map +1 -1
  388. package/lib/components/form/src/form2.js +58 -153
  389. package/lib/components/form/src/form2.js.map +1 -1
  390. package/lib/components/image/index.js +2 -2
  391. package/lib/components/image/src/image.js +71 -225
  392. package/lib/components/image/src/image.js.map +1 -1
  393. package/lib/components/image/src/image2.js +225 -71
  394. package/lib/components/image/src/image2.js.map +1 -1
  395. package/lib/components/index.js +44 -44
  396. package/lib/components/input-tag/src/input-tag.js +1 -1
  397. package/lib/components/mention/index.js +2 -2
  398. package/lib/components/mention/src/mention.js +62 -281
  399. package/lib/components/mention/src/mention.js.map +1 -1
  400. package/lib/components/mention/src/mention2.js +281 -62
  401. package/lib/components/mention/src/mention2.js.map +1 -1
  402. package/lib/components/menu/index.js +4 -4
  403. package/lib/components/menu/src/menu-item-group.js +4 -33
  404. package/lib/components/menu/src/menu-item-group.js.map +1 -1
  405. package/lib/components/menu/src/menu-item-group2.js +33 -4
  406. package/lib/components/menu/src/menu-item-group2.js.map +1 -1
  407. package/lib/components/menu/src/menu-item.js +16 -97
  408. package/lib/components/menu/src/menu-item.js.map +1 -1
  409. package/lib/components/menu/src/menu-item2.js +97 -16
  410. package/lib/components/menu/src/menu-item2.js.map +1 -1
  411. package/lib/components/notification/index.js +1 -1
  412. package/lib/components/notification/src/notification.js +143 -69
  413. package/lib/components/notification/src/notification.js.map +1 -1
  414. package/lib/components/notification/src/notification2.js +69 -143
  415. package/lib/components/notification/src/notification2.js.map +1 -1
  416. package/lib/components/notification/src/notify.js +2 -2
  417. package/lib/components/page-header/index.js +2 -2
  418. package/lib/components/page-header/src/page-header.js +17 -97
  419. package/lib/components/page-header/src/page-header.js.map +1 -1
  420. package/lib/components/page-header/src/page-header2.js +97 -17
  421. package/lib/components/page-header/src/page-header2.js.map +1 -1
  422. package/lib/components/pagination/src/components/jumper.js +58 -7
  423. package/lib/components/pagination/src/components/jumper.js.map +1 -1
  424. package/lib/components/pagination/src/components/jumper2.js +7 -58
  425. package/lib/components/pagination/src/components/jumper2.js.map +1 -1
  426. package/lib/components/pagination/src/components/next.js +18 -35
  427. package/lib/components/pagination/src/components/next.js.map +1 -1
  428. package/lib/components/pagination/src/components/next2.js +35 -18
  429. package/lib/components/pagination/src/components/next2.js.map +1 -1
  430. package/lib/components/pagination/src/components/sizes.js +23 -72
  431. package/lib/components/pagination/src/components/sizes.js.map +1 -1
  432. package/lib/components/pagination/src/components/sizes2.js +72 -23
  433. package/lib/components/pagination/src/components/sizes2.js.map +1 -1
  434. package/lib/components/pagination/src/pagination.js +3 -3
  435. package/lib/components/popconfirm/src/popconfirm2.js +1 -1
  436. package/lib/components/popover/index.js +2 -2
  437. package/lib/components/popover/src/popover.js +110 -65
  438. package/lib/components/popover/src/popover.js.map +1 -1
  439. package/lib/components/popover/src/popover2.js +65 -110
  440. package/lib/components/popover/src/popover2.js.map +1 -1
  441. package/lib/components/popper/index.js +6 -6
  442. package/lib/components/popper/src/arrow.js +37 -8
  443. package/lib/components/popper/src/arrow.js.map +1 -1
  444. package/lib/components/popper/src/arrow2.js +8 -37
  445. package/lib/components/popper/src/arrow2.js.map +1 -1
  446. package/lib/components/popper/src/popper.js +25 -32
  447. package/lib/components/popper/src/popper.js.map +1 -1
  448. package/lib/components/popper/src/popper2.js +32 -25
  449. package/lib/components/popper/src/popper2.js.map +1 -1
  450. package/lib/components/popper/src/trigger.js +32 -128
  451. package/lib/components/popper/src/trigger.js.map +1 -1
  452. package/lib/components/popper/src/trigger2.js +128 -32
  453. package/lib/components/popper/src/trigger2.js.map +1 -1
  454. package/lib/components/resizable-columns/index.js +2 -2
  455. package/lib/components/resizable-columns/src/resizable-columns.js +20 -261
  456. package/lib/components/resizable-columns/src/resizable-columns.js.map +1 -1
  457. package/lib/components/resizable-columns/src/resizable-columns2.js +261 -20
  458. package/lib/components/resizable-columns/src/resizable-columns2.js.map +1 -1
  459. package/lib/components/result/index.js +2 -2
  460. package/lib/components/result/src/result.js +62 -30
  461. package/lib/components/result/src/result.js.map +1 -1
  462. package/lib/components/result/src/result2.js +30 -62
  463. package/lib/components/result/src/result2.js.map +1 -1
  464. package/lib/components/roving-focus-group/src/roving-focus-item.js +6 -3
  465. package/lib/components/roving-focus-group/src/roving-focus-item.js.map +1 -1
  466. package/lib/components/roving-focus-group/src/roving-focus-item.vue.d.ts +0 -5
  467. package/lib/components/row/index.js +2 -2
  468. package/lib/components/row/src/row.js +30 -44
  469. package/lib/components/row/src/row.js.map +1 -1
  470. package/lib/components/row/src/row2.js +44 -30
  471. package/lib/components/row/src/row2.js.map +1 -1
  472. package/lib/components/scrollbar/index.js +3 -3
  473. package/lib/components/scrollbar/src/bar2.js +1 -1
  474. package/lib/components/scrollbar/src/scrollbar.js +56 -171
  475. package/lib/components/scrollbar/src/scrollbar.js.map +1 -1
  476. package/lib/components/scrollbar/src/scrollbar2.js +171 -56
  477. package/lib/components/scrollbar/src/scrollbar2.js.map +1 -1
  478. package/lib/components/scrollbar/src/thumb.js +11 -132
  479. package/lib/components/scrollbar/src/thumb.js.map +1 -1
  480. package/lib/components/scrollbar/src/thumb2.js +132 -11
  481. package/lib/components/scrollbar/src/thumb2.js.map +1 -1
  482. package/lib/components/select/src/select.js +2 -2
  483. package/lib/components/select-v2/src/defaults.js +2 -2
  484. package/lib/components/skeleton/index.js +2 -2
  485. package/lib/components/skeleton/src/skeleton.js +48 -21
  486. package/lib/components/skeleton/src/skeleton.js.map +1 -1
  487. package/lib/components/skeleton/src/skeleton2.js +21 -48
  488. package/lib/components/skeleton/src/skeleton2.js.map +1 -1
  489. package/lib/components/slider/index.js +2 -2
  490. package/lib/components/slider/src/button.js +91 -20
  491. package/lib/components/slider/src/button.js.map +1 -1
  492. package/lib/components/slider/src/button2.js +20 -91
  493. package/lib/components/slider/src/button2.js.map +1 -1
  494. package/lib/components/slider/src/slider.js +98 -242
  495. package/lib/components/slider/src/slider.js.map +1 -1
  496. package/lib/components/slider/src/slider2.js +242 -98
  497. package/lib/components/slider/src/slider2.js.map +1 -1
  498. package/lib/components/statistic/index.js +2 -2
  499. package/lib/components/statistic/src/statistic.js +25 -69
  500. package/lib/components/statistic/src/statistic.js.map +1 -1
  501. package/lib/components/statistic/src/statistic2.js +69 -25
  502. package/lib/components/statistic/src/statistic2.js.map +1 -1
  503. package/lib/components/steps/index.js +4 -4
  504. package/lib/components/steps/src/item.js +19 -191
  505. package/lib/components/steps/src/item.js.map +1 -1
  506. package/lib/components/steps/src/item2.js +191 -19
  507. package/lib/components/steps/src/item2.js.map +1 -1
  508. package/lib/components/steps/src/steps.js +38 -36
  509. package/lib/components/steps/src/steps.js.map +1 -1
  510. package/lib/components/steps/src/steps2.js +36 -38
  511. package/lib/components/steps/src/steps2.js.map +1 -1
  512. package/lib/components/tabs/index.js +2 -2
  513. package/lib/components/tabs/src/tab-pane.js +14 -74
  514. package/lib/components/tabs/src/tab-pane.js.map +1 -1
  515. package/lib/components/tabs/src/tab-pane2.js +74 -14
  516. package/lib/components/tabs/src/tab-pane2.js.map +1 -1
  517. package/lib/components/tag/index.js +2 -2
  518. package/lib/components/tag/src/tag.js +28 -102
  519. package/lib/components/tag/src/tag.js.map +1 -1
  520. package/lib/components/tag/src/tag2.js +102 -28
  521. package/lib/components/tag/src/tag2.js.map +1 -1
  522. package/lib/components/teleport/index.js +2 -2
  523. package/lib/components/teleport/src/teleport.js +8 -18
  524. package/lib/components/teleport/src/teleport.js.map +1 -1
  525. package/lib/components/teleport/src/teleport2.js +18 -8
  526. package/lib/components/teleport/src/teleport2.js.map +1 -1
  527. package/lib/components/tooltip/index.js +1 -1
  528. package/lib/components/tooltip/src/content.js +28 -193
  529. package/lib/components/tooltip/src/content.js.map +1 -1
  530. package/lib/components/tooltip/src/content2.js +193 -28
  531. package/lib/components/tooltip/src/content2.js.map +1 -1
  532. package/lib/components/tooltip/src/tooltip.js +3 -3
  533. package/lib/components/tooltip/src/tooltip2.js +2 -2
  534. package/lib/components/tooltip/src/trigger.js +1 -1
  535. package/lib/components/tooltip/src/trigger2.js +1 -1
  536. package/lib/components/tooltip-v2/index.js +6 -6
  537. package/lib/components/tooltip-v2/src/arrow.js +37 -22
  538. package/lib/components/tooltip-v2/src/arrow.js.map +1 -1
  539. package/lib/components/tooltip-v2/src/arrow2.js +22 -37
  540. package/lib/components/tooltip-v2/src/arrow2.js.map +1 -1
  541. package/lib/components/tooltip-v2/src/content.js +48 -111
  542. package/lib/components/tooltip-v2/src/content.js.map +1 -1
  543. package/lib/components/tooltip-v2/src/content2.js +111 -48
  544. package/lib/components/tooltip-v2/src/content2.js.map +1 -1
  545. package/lib/components/tooltip-v2/src/root.js +80 -17
  546. package/lib/components/tooltip-v2/src/root.js.map +1 -1
  547. package/lib/components/tooltip-v2/src/root2.js +17 -80
  548. package/lib/components/tooltip-v2/src/root2.js.map +1 -1
  549. package/lib/components/tooltip-v2/src/tooltip.js +21 -82
  550. package/lib/components/tooltip-v2/src/tooltip.js.map +1 -1
  551. package/lib/components/tooltip-v2/src/tooltip2.js +82 -21
  552. package/lib/components/tooltip-v2/src/tooltip2.js.map +1 -1
  553. package/lib/components/tooltip-v2/src/trigger.js +90 -12
  554. package/lib/components/tooltip-v2/src/trigger.js.map +1 -1
  555. package/lib/components/tooltip-v2/src/trigger2.js +12 -90
  556. package/lib/components/tooltip-v2/src/trigger2.js.map +1 -1
  557. package/lib/components/tour/index.js +2 -2
  558. package/lib/components/tour/src/step.js +46 -168
  559. package/lib/components/tour/src/step.js.map +1 -1
  560. package/lib/components/tour/src/step2.js +168 -46
  561. package/lib/components/tour/src/step2.js.map +1 -1
  562. package/lib/components/transfer/src/composables/use-check.js +1 -1
  563. package/lib/components/transfer/src/transfer-panel.js +21 -130
  564. package/lib/components/transfer/src/transfer-panel.js.map +1 -1
  565. package/lib/components/transfer/src/transfer-panel2.js +130 -21
  566. package/lib/components/transfer/src/transfer-panel2.js.map +1 -1
  567. package/lib/components/transfer/src/transfer.js +1 -1
  568. package/lib/components/upload/index.js +3 -3
  569. package/lib/components/upload/src/upload-content.js +1 -1
  570. package/lib/components/upload/src/upload-content2.js +1 -1
  571. package/lib/components/upload/src/upload-list.js +176 -29
  572. package/lib/components/upload/src/upload-list.js.map +1 -1
  573. package/lib/components/upload/src/upload-list2.js +29 -176
  574. package/lib/components/upload/src/upload-list2.js.map +1 -1
  575. package/lib/components/upload/src/upload.js +125 -101
  576. package/lib/components/upload/src/upload.js.map +1 -1
  577. package/lib/components/upload/src/upload2.js +101 -125
  578. package/lib/components/upload/src/upload2.js.map +1 -1
  579. package/lib/components/upload/src/use-handlers.js +1 -1
  580. package/lib/index.js +44 -44
  581. package/package.json +1 -1
  582. package/web-types.json +1 -1
@@ -1,148 +1,72 @@
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 { useEventListener, useTimeoutFn } from '@vueuse/core';
3
- import { ElIcon } from '../../icon/index.mjs';
4
- import { notificationProps, notificationEmits } from './notification.mjs';
5
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
6
- import { useGlobalConfig, useGlobalComponentSettings } from '../../config-provider/src/hooks/use-global-config.mjs';
7
- import { TypeComponentsMap, CloseComponents } from '../../../utils/vue/icon.mjs';
8
- import { EVENT_CODE } from '../../../constants/aria.mjs';
1
+ import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
2
+ import { iconPropType } from '../../../utils/vue/icon.mjs';
9
3
 
10
- const __default__ = defineComponent({
11
- name: "ElNotification"
4
+ const notificationTypes = [
5
+ "success",
6
+ "info",
7
+ "warning",
8
+ "error"
9
+ ];
10
+ const notificationProps = buildProps({
11
+ customClass: {
12
+ type: String,
13
+ default: ""
14
+ },
15
+ dangerouslyUseHTMLString: Boolean,
16
+ duration: {
17
+ type: Number,
18
+ default: 4500
19
+ },
20
+ icon: {
21
+ type: iconPropType
22
+ },
23
+ id: {
24
+ type: String,
25
+ default: ""
26
+ },
27
+ message: {
28
+ type: definePropType([
29
+ String,
30
+ Object,
31
+ Function
32
+ ]),
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: Number
12
66
  });
13
- const _sfc_main = /* @__PURE__ */ defineComponent({
14
- ...__default__,
15
- props: notificationProps,
16
- emits: notificationEmits,
17
- setup(__props, { expose }) {
18
- const props = __props;
19
- const forEditor = useGlobalConfig("forEditor");
20
- const { ns, zIndex } = useGlobalComponentSettings("notification");
21
- const { nextZIndex, currentZIndex } = zIndex;
22
- const { Close } = CloseComponents;
23
- const visible = ref(false);
24
- let timer = void 0;
25
- const typeClass = computed(() => {
26
- const type = props.type;
27
- return type && TypeComponentsMap[props.type] ? ns.m(type) : "";
28
- });
29
- const iconComponent = computed(() => {
30
- if (!props.type)
31
- return props.icon;
32
- return TypeComponentsMap[props.type] || props.icon;
33
- });
34
- const horizontalClass = computed(() => props.position.endsWith("right") ? "right" : "left");
35
- const verticalProperty = computed(() => props.position.startsWith("top") ? "top" : "bottom");
36
- const positionStyle = computed(() => {
37
- var _a;
38
- return {
39
- [verticalProperty.value]: `${props.offset}px`,
40
- zIndex: (_a = props.zIndex) != null ? _a : currentZIndex.value
41
- };
42
- });
43
- function startTimer() {
44
- if (props.duration > 0) {
45
- ({ stop: timer } = useTimeoutFn(() => {
46
- if (visible.value)
47
- close();
48
- }, props.duration));
49
- }
50
- }
51
- function clearTimer() {
52
- timer == null ? void 0 : timer();
53
- }
54
- function close() {
55
- visible.value = false;
56
- }
57
- function onKeydown({ code }) {
58
- if (code === EVENT_CODE.delete || code === EVENT_CODE.backspace) {
59
- clearTimer();
60
- } else if (code === EVENT_CODE.esc) {
61
- if (visible.value) {
62
- close();
63
- }
64
- } else {
65
- startTimer();
66
- }
67
- }
68
- onMounted(() => {
69
- startTimer();
70
- nextZIndex();
71
- visible.value = true;
72
- });
73
- useEventListener(document, "keydown", onKeydown);
74
- expose({
75
- visible,
76
- close
77
- });
78
- return (_ctx, _cache) => {
79
- return openBlock(), createBlock(Transition, {
80
- name: unref(ns).b("fade"),
81
- onBeforeLeave: _ctx.onClose,
82
- onAfterLeave: ($event) => _ctx.$emit("destroy"),
83
- duration: unref(forEditor) ? -1 : 0,
84
- persisted: ""
85
- }, {
86
- default: withCtx(() => [
87
- withDirectives(createElementVNode("div", {
88
- id: _ctx.id,
89
- class: normalizeClass([unref(ns).b(), _ctx.customClass, unref(horizontalClass)]),
90
- style: normalizeStyle(unref(positionStyle)),
91
- role: "alert",
92
- onMouseenter: clearTimer,
93
- onMouseleave: startTimer,
94
- onClick: _ctx.onClick
95
- }, [
96
- unref(iconComponent) ? (openBlock(), createBlock(unref(ElIcon), {
97
- key: 0,
98
- class: normalizeClass([unref(ns).e("icon"), unref(typeClass)])
99
- }, {
100
- default: withCtx(() => [
101
- (openBlock(), createBlock(resolveDynamicComponent(unref(iconComponent))))
102
- ]),
103
- _: 1
104
- }, 8, ["class"])) : createCommentVNode("v-if", true),
105
- createElementVNode("div", {
106
- class: normalizeClass(unref(ns).e("group"))
107
- }, [
108
- createElementVNode("h2", {
109
- class: normalizeClass(unref(ns).e("title")),
110
- textContent: toDisplayString(_ctx.title)
111
- }, null, 10, ["textContent"]),
112
- withDirectives(createElementVNode("div", {
113
- class: normalizeClass(unref(ns).e("content")),
114
- style: normalizeStyle(!!_ctx.title ? void 0 : { margin: 0 })
115
- }, [
116
- renderSlot(_ctx.$slots, "default", {}, () => [
117
- !_ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", { key: 0 }, toDisplayString(_ctx.message), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
118
- createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
119
- createElementVNode("p", { innerHTML: _ctx.message }, null, 8, ["innerHTML"])
120
- ], 2112))
121
- ])
122
- ], 6), [
123
- [vShow, _ctx.message]
124
- ]),
125
- _ctx.showClose ? (openBlock(), createBlock(unref(ElIcon), {
126
- key: 0,
127
- class: normalizeClass(unref(ns).e("closeBtn")),
128
- onClick: withModifiers(close, ["stop"])
129
- }, {
130
- default: withCtx(() => [
131
- createVNode(unref(Close))
132
- ]),
133
- _: 1
134
- }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
135
- ], 2)
136
- ], 46, ["id", "onClick"]), [
137
- [vShow, visible.value]
138
- ])
139
- ]),
140
- _: 3
141
- }, 8, ["name", "onBeforeLeave", "onAfterLeave", "duration"]);
142
- };
143
- }
144
- });
145
- var NotificationConstructor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "notification.vue"]]);
67
+ const notificationEmits = {
68
+ destroy: () => true
69
+ };
146
70
 
147
- export { NotificationConstructor as default };
71
+ export { notificationEmits, notificationProps, notificationTypes };
148
72
  //# sourceMappingURL=notification2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"notification2.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 :duration=\"forEditor ? -1 : 0\"\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\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 { useGlobalComponentSettings, useGlobalConfig } from '../../config-provider'\nimport { notificationEmits, notificationProps } from './notification'\n\nimport type { CSSProperties } from 'vue'\n\nconst forEditor = useGlobalConfig('forEditor')\n\ndefineOptions({\n name: 'ElNotification',\n})\n\nconst props = defineProps(notificationProps)\ndefineEmits(notificationEmits)\n\nconst { ns, zIndex } = useGlobalComponentSettings('notification')\nconst { nextZIndex, currentZIndex } = zIndex\n\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 ?? currentZIndex.value,\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 nextZIndex()\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":["_openBlock","_createBlock","_Transition"],"mappings":";;;;;;;;;mCAsDc,CAAA;AAAA,EACZ,IAAM,EAAA,gBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAJA,IAAM,MAAA,SAAA,GAAY,gBAAgB,WAAW,CAAA,CAAA;AAS7C,IAAA,MAAM,EAAE,EAAA,EAAI,MAAO,EAAA,GAAI,2BAA2B,cAAc,CAAA,CAAA;AAChE,IAAM,MAAA,EAAE,UAAY,EAAA,aAAA,EAAkB,GAAA,MAAA,CAAA;AAEtC,IAAM,MAAA,EAAE,OAAU,GAAA,eAAA,CAAA;AAElB,IAAM,MAAA,OAAA,GAAU,IAAI,KAAK,CAAA,CAAA;AACzB,IAAA,IAAI,KAAkC,GAAA,KAAA,CAAA,CAAA;AAEtC,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAC/B,MAAA,MAAM,OAAO,KAAM,CAAA,IAAA,CAAA;AACnB,MAAO,OAAA,IAAA,IAAQ,kBAAkB,KAAM,CAAA,IAAI,IAAI,EAAG,CAAA,CAAA,CAAE,IAAI,CAAI,GAAA,EAAA,CAAA;AAAA,KAC7D,CAAA,CAAA;AAED,IAAM,MAAA,aAAA,GAAgB,SAAS,MAAM;AACnC,MAAA,IAAI,CAAC,KAAA,CAAM,IAAM;AACjB,QAAA,OAAyB,KAAA,CAAA,IAAA,CAAA;AAAqB,MAC/C,OAAA,iBAAA,CAAA,KAAA,CAAA,IAAA,CAAA,IAAA,KAAA,CAAA,IAAA,CAAA;AAED,KAAA,CAAA,CAAA;AAAwB,IAAA,qBAChB,GAAkB,QAAA,CAAA,MAAO,KAAc,CAAA,QAAA,CAAA,QAAA,CAAA,OAAA,CAAA,GAAA,OAAA,GAAA,MAAA,CAAA,CAAA;AAAA,IAC/C,MAAA,gBAAA,GAAA,QAAA,CAAA,MAAA,KAAA,CAAA,QAAA,CAAA,UAAA,CAAA,KAAA,CAAA,GAAA,KAAA,GAAA,QAAA,CAAA,CAAA;AAEA,IAAA,MAAM,aAAmB,GAAA,QAAA,CAAA,MAAA;AAAA,MAAS,MAChC,CAAM;AAAqC,MAC7C,OAAA;AAEA,QAAM,CAAA,gBAAA,CAAgB,SAAwB,EAAM,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA;AAClD,QAAO,MAAA,EAAA,CAAA,EAAA,GAAA,KAAA,CAAA,MAAA,KAAA,IAAA,GAAA,EAAA,GAAA,aAAA,CAAA,KAAA;AAAA,OAAA,CACL;AAAyC,KACzC,CAAA,CAAA;AAAsC,IACxC,SAAA,UAAA,GAAA;AAAA,MACD,IAAA,KAAA,CAAA,QAAA,GAAA,CAAA,EAAA;AAGC,QAAI,CAAA,EAAA,IAAA,YAAiB,YAAG,CAAA,MAAA;AACtB,UAAA,IAAA,OAAA,CAAA,KAAA;AAAC,YAAG,KAAM,EAAM,CAAA;AACd,SAAI,EAAA,KAAA,CAAA,WAAe;AAAM,OAC3B;AAAiB,KACnB;AAAA,IACF,SAAA,UAAA,GAAA;AAEA,MAAA,KAAA,IAAsB,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,EAAA,CAAA;AACpB,KAAQ;AAAA,IACV,SAAA,KAAA,GAAA;AAEA,MAAA,OAAS,CAAQ,KAAA,GAAA,KAAA,CAAA;AACf,KAAA;AAAgB,IAClB,SAAA,SAAA,CAAA,EAAA,IAAA,EAAA,EAAA;AAEA,MAAS,IAAA,IAAA,KAAA,UAAY,CAAK,MAAkB,IAAA,IAAA,KAAA,UAAA,CAAA,SAAA,EAAA;AAC1C,QAAA,UAAa,EAAA,CAAA;AACX,OAAW,MAAA,IAAA,IAAA,KAAA,UAAA,CAAA,GAAA,EAAA;AAAA,QACb,IAAA,OAAoB,CAAA,KAAA,EAAA;AAElB,UAAA;AACE,SAAM;AAAA,OACR,MAAA;AAAA,QACK,UAAA,EAAA,CAAA;AACL,OAAW;AAAA,KACb;AAAA,IACF,SAAA,CAAA,MAAA;AAGA,MAAA,UAAgB,EAAA,CAAA;AACd,MAAW,UAAA,EAAA,CAAA;AACX,MAAW,OAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AACX,KAAA,CAAA,CAAA;AAAgB,IAClB,gBAAC,CAAA,QAAA,EAAA,SAAA,EAAA,SAAA,CAAA,CAAA;AAED,IAAiB,MAAA,CAAA;AAEjB,MAAa,OAAA;AAAA,MACX,KAAA;AAAA,KAAA,CAAA,CAAA;AAAA,IAEA,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MACD,OAAAA,SAAA,EAAA,EAAAC,WAAA,CAAAC,UAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"notification2.mjs","sources":["../../../../../../packages/components/notification/src/notification.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-plus/utils'\n\nimport type { AppContext, 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 /**\n * @description custom class name for Notification\n */\n customClass: {\n type: String,\n default: '',\n },\n /**\n * @description whether `message` is treated as HTML string\n */\n dangerouslyUseHTMLString: Boolean,\n /**\n * @description duration before close. It will not automatically close if set 0\n */\n duration: {\n type: Number,\n default: 4500,\n },\n /**\n * @description custom icon component. It will be overridden by `type`\n */\n icon: {\n type: iconPropType,\n },\n /**\n * @description notification dom id\n */\n id: {\n type: String,\n default: '',\n },\n /**\n * @description description text\n */\n message: {\n type: definePropType<string | VNode | (() => VNode)>([\n String,\n Object,\n Function,\n ]),\n default: '',\n },\n /**\n * @description offset from the top edge of the screen. Every Notification instance of the same moment should have the same offset\n */\n offset: {\n type: Number,\n default: 0,\n },\n /**\n * @description callback function when notification clicked\n */\n onClick: {\n type: definePropType<() => void>(Function),\n default: () => undefined,\n },\n /**\n * @description callback function when closed\n */\n onClose: {\n type: definePropType<() => void>(Function),\n required: true,\n },\n /**\n * @description custom position\n */\n position: {\n type: String,\n values: ['top-right', 'top-left', 'bottom-right', 'bottom-left'],\n default: 'top-right',\n },\n /**\n * @description whether to show a close button\n */\n showClose: {\n type: Boolean,\n default: true,\n },\n /**\n * @description title\n */\n title: {\n type: String,\n default: '',\n },\n /**\n * @description notification type\n */\n type: {\n type: String,\n values: [...notificationTypes, ''],\n default: '',\n },\n /**\n * @description initial zIndex\n */\n zIndex: Number,\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> & unknown\n\nexport type NotificationOptions = Omit<NotificationProps, 'id' | 'onClose'> & {\n /**\n * @description set the root element for the notification, default to `document.body`\n */\n appendTo?: HTMLElement | string\n /**\n * @description callback function when closed\n */\n onClose?(vm: VNode): void\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 interface NotifyFn {\n (\n options?: NotificationParams,\n appContext?: null | AppContext\n ): NotificationHandle\n closeAll(): void\n _context: AppContext | null\n}\n\nexport type NotifyTypedFn = (\n options?: NotificationParamsTyped,\n appContext?: null | AppContext\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,OAAO;AACnC,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;AACzB,MAAM,MAAM;AACZ,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,KAAK,CAAC;AACN,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,MAAM;AAChB,CAAC,EAAE;AACS,MAAC,iBAAiB,GAAG;AACjC,EAAE,OAAO,EAAE,MAAM,IAAI;AACrB;;;;"}
@@ -1,6 +1,6 @@
1
1
  import { isVNode, createVNode, render } from 'vue';
2
- import NotificationConstructor from './notification2.mjs';
3
- import { notificationTypes } from './notification.mjs';
2
+ import NotificationConstructor from './notification.mjs';
3
+ import { notificationTypes } from './notification2.mjs';
4
4
  import { isClient } from '@vueuse/core';
5
5
  import { isString, isFunction } from '@vue/shared';
6
6
  import { isElement, isUndefined } from '../../../utils/types.mjs';
@@ -1,5 +1,5 @@
1
- import PageHeader from './src/page-header.mjs';
2
- export { pageHeaderEmits, pageHeaderProps } from './src/page-header2.mjs';
1
+ import PageHeader from './src/page-header2.mjs';
2
+ export { pageHeaderEmits, pageHeaderProps } from './src/page-header.mjs';
3
3
  import { withInstall } from '../../utils/vue/install.mjs';
4
4
 
5
5
  const ElPageHeader = withInstall(PageHeader);
@@ -1,102 +1,21 @@
1
- import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createCommentVNode, createElementVNode, createBlock, withCtx, resolveDynamicComponent, createTextVNode, toDisplayString, createVNode } from 'vue';
2
- import { ElIcon } from '../../icon/index.mjs';
3
- import { ElDivider } from '../../divider/index.mjs';
4
- import { pageHeaderProps, pageHeaderEmits } from './page-header2.mjs';
5
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
6
- import { useLocale } from '../../../hooks/use-locale/index.mjs';
7
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
1
+ import { Back } from '@element-plus/icons-vue';
2
+ import { buildProps } from '../../../utils/vue/props/runtime.mjs';
3
+ import { iconPropType } from '../../../utils/vue/icon.mjs';
8
4
 
9
- const __default__ = defineComponent({
10
- name: "ElPageHeader"
11
- });
12
- const _sfc_main = /* @__PURE__ */ defineComponent({
13
- ...__default__,
14
- props: pageHeaderProps,
15
- emits: pageHeaderEmits,
16
- setup(__props, { emit }) {
17
- const { t } = useLocale();
18
- const ns = useNamespace("page-header");
19
- function handleClick() {
20
- emit("back");
21
- }
22
- return (_ctx, _cache) => {
23
- return openBlock(), createElementBlock("div", {
24
- class: normalizeClass([
25
- unref(ns).b(),
26
- {
27
- [unref(ns).m("has-breadcrumb")]: !!_ctx.$slots.breadcrumb,
28
- [unref(ns).m("has-extra")]: !!_ctx.$slots.extra,
29
- [unref(ns).is("contentful")]: !!_ctx.$slots.default
30
- }
31
- ])
32
- }, [
33
- _ctx.$slots.breadcrumb ? (openBlock(), createElementBlock("div", {
34
- key: 0,
35
- class: normalizeClass(unref(ns).e("breadcrumb"))
36
- }, [
37
- renderSlot(_ctx.$slots, "breadcrumb")
38
- ], 2)) : createCommentVNode("v-if", true),
39
- createElementVNode("div", {
40
- class: normalizeClass(unref(ns).e("header"))
41
- }, [
42
- createElementVNode("div", {
43
- class: normalizeClass(unref(ns).e("left"))
44
- }, [
45
- createElementVNode("div", {
46
- class: normalizeClass(unref(ns).e("back")),
47
- role: "button",
48
- tabindex: "0",
49
- onClick: handleClick
50
- }, [
51
- _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", {
52
- key: 0,
53
- "aria-label": _ctx.title || unref(t)("el.pageHeader.title"),
54
- class: normalizeClass(unref(ns).e("icon"))
55
- }, [
56
- renderSlot(_ctx.$slots, "icon", {}, () => [
57
- _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {
58
- default: withCtx(() => [
59
- (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
60
- ]),
61
- _: 1
62
- })) : createCommentVNode("v-if", true)
63
- ])
64
- ], 10, ["aria-label"])) : createCommentVNode("v-if", true),
65
- createElementVNode("div", {
66
- class: normalizeClass(unref(ns).e("title"))
67
- }, [
68
- renderSlot(_ctx.$slots, "title", {}, () => [
69
- createTextVNode(toDisplayString(_ctx.title || unref(t)("el.pageHeader.title")), 1)
70
- ])
71
- ], 2)
72
- ], 2),
73
- createVNode(unref(ElDivider), { direction: "vertical" }),
74
- createElementVNode("div", {
75
- class: normalizeClass(unref(ns).e("content"))
76
- }, [
77
- renderSlot(_ctx.$slots, "content", {}, () => [
78
- createTextVNode(toDisplayString(_ctx.content), 1)
79
- ])
80
- ], 2)
81
- ], 2),
82
- _ctx.$slots.extra ? (openBlock(), createElementBlock("div", {
83
- key: 0,
84
- class: normalizeClass(unref(ns).e("extra"))
85
- }, [
86
- renderSlot(_ctx.$slots, "extra")
87
- ], 2)) : createCommentVNode("v-if", true)
88
- ], 2),
89
- _ctx.$slots.default ? (openBlock(), createElementBlock("div", {
90
- key: 1,
91
- class: normalizeClass(unref(ns).e("main"))
92
- }, [
93
- renderSlot(_ctx.$slots, "default")
94
- ], 2)) : createCommentVNode("v-if", true)
95
- ], 2);
96
- };
5
+ const pageHeaderProps = buildProps({
6
+ icon: {
7
+ type: iconPropType,
8
+ default: () => Back
9
+ },
10
+ title: String,
11
+ content: {
12
+ type: String,
13
+ default: ""
97
14
  }
98
15
  });
99
- var PageHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "page-header.vue"]]);
16
+ const pageHeaderEmits = {
17
+ back: () => true
18
+ };
100
19
 
101
- export { PageHeader as default };
20
+ export { pageHeaderEmits, pageHeaderProps };
102
21
  //# sourceMappingURL=page-header.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"page-header.mjs","sources":["../../../../../../packages/components/page-header/src/page-header.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n ns.b(),\n {\n [ns.m('has-breadcrumb')]: !!$slots.breadcrumb,\n [ns.m('has-extra')]: !!$slots.extra,\n [ns.is('contentful')]: !!$slots.default,\n },\n ]\"\n >\n <div v-if=\"$slots.breadcrumb\" :class=\"ns.e('breadcrumb')\">\n <slot name=\"breadcrumb\" />\n </div>\n <div :class=\"ns.e('header')\">\n <div :class=\"ns.e('left')\">\n <div\n :class=\"ns.e('back')\"\n role=\"button\"\n tabindex=\"0\"\n @click=\"handleClick\"\n >\n <div\n v-if=\"icon || $slots.icon\"\n :aria-label=\"title || t('el.pageHeader.title')\"\n :class=\"ns.e('icon')\"\n >\n <slot name=\"icon\">\n <el-icon v-if=\"icon\">\n <component :is=\"icon\" />\n </el-icon>\n </slot>\n </div>\n <div :class=\"ns.e('title')\">\n <slot name=\"title\">{{ title || t('el.pageHeader.title') }}</slot>\n </div>\n </div>\n <el-divider direction=\"vertical\" />\n <div :class=\"ns.e('content')\">\n <slot name=\"content\">{{ content }}</slot>\n </div>\n </div>\n\n <div v-if=\"$slots.extra\" :class=\"ns.e('extra')\">\n <slot name=\"extra\" />\n </div>\n </div>\n\n <div v-if=\"$slots.default\" :class=\"ns.e('main')\">\n <slot />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ElDivider } from '@element-plus/components/divider'\n\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { pageHeaderEmits, pageHeaderProps } from './page-header'\n\ndefineOptions({\n name: 'ElPageHeader',\n})\n\ndefineProps(pageHeaderProps)\nconst emit = defineEmits(pageHeaderEmits)\n\nconst { t } = useLocale()\nconst ns = useNamespace('page-header')\n\nfunction handleClick() {\n emit('back')\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;mCA6Dc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAKA,IAAM,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,aAAa,CAAA,CAAA;AAErC,IAAA,SAAS,WAAc,GAAA;AACrB,MAAA,IAAA,CAAK,MAAM,CAAA,CAAA;AAAA,KACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"page-header.mjs","sources":["../../../../../../packages/components/page-header/src/page-header.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport { Back } from '@element-plus/icons-vue'\nimport type { ExtractPropTypes } from 'vue'\nimport type PageHeader from './page-header.vue'\n\nexport const pageHeaderProps = buildProps({\n /**\n * @description icon component of page header\n */\n icon: {\n type: iconPropType,\n default: () => Back,\n },\n /**\n * @description main title of page header\n */\n title: String,\n /**\n * @description content of page header\n */\n content: {\n type: String,\n default: '',\n },\n} as const)\nexport type PageHeaderProps = ExtractPropTypes<typeof pageHeaderProps>\n\nexport const pageHeaderEmits = {\n back: () => true,\n}\nexport type PageHeaderEmits = typeof pageHeaderEmits\n\nexport type PageHeaderInstance = InstanceType<typeof PageHeader> & unknown\n"],"names":[],"mappings":";;;;AAEY,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,IAAI,OAAO,EAAE,MAAM,IAAI;AACvB,GAAG;AACH,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAG;AAC/B,EAAE,IAAI,EAAE,MAAM,IAAI;AAClB;;;;"}
@@ -1,21 +1,102 @@
1
- import { Back } from '@element-plus/icons-vue';
2
- import { buildProps } from '../../../utils/vue/props/runtime.mjs';
3
- import { iconPropType } from '../../../utils/vue/icon.mjs';
1
+ import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createCommentVNode, createElementVNode, createBlock, withCtx, resolveDynamicComponent, createTextVNode, toDisplayString, createVNode } from 'vue';
2
+ import { ElIcon } from '../../icon/index.mjs';
3
+ import { ElDivider } from '../../divider/index.mjs';
4
+ import { pageHeaderProps, pageHeaderEmits } from './page-header.mjs';
5
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
6
+ import { useLocale } from '../../../hooks/use-locale/index.mjs';
7
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
4
8
 
5
- const pageHeaderProps = buildProps({
6
- icon: {
7
- type: iconPropType,
8
- default: () => Back
9
- },
10
- title: String,
11
- content: {
12
- type: String,
13
- default: ""
9
+ const __default__ = defineComponent({
10
+ name: "ElPageHeader"
11
+ });
12
+ const _sfc_main = /* @__PURE__ */ defineComponent({
13
+ ...__default__,
14
+ props: pageHeaderProps,
15
+ emits: pageHeaderEmits,
16
+ setup(__props, { emit }) {
17
+ const { t } = useLocale();
18
+ const ns = useNamespace("page-header");
19
+ function handleClick() {
20
+ emit("back");
21
+ }
22
+ return (_ctx, _cache) => {
23
+ return openBlock(), createElementBlock("div", {
24
+ class: normalizeClass([
25
+ unref(ns).b(),
26
+ {
27
+ [unref(ns).m("has-breadcrumb")]: !!_ctx.$slots.breadcrumb,
28
+ [unref(ns).m("has-extra")]: !!_ctx.$slots.extra,
29
+ [unref(ns).is("contentful")]: !!_ctx.$slots.default
30
+ }
31
+ ])
32
+ }, [
33
+ _ctx.$slots.breadcrumb ? (openBlock(), createElementBlock("div", {
34
+ key: 0,
35
+ class: normalizeClass(unref(ns).e("breadcrumb"))
36
+ }, [
37
+ renderSlot(_ctx.$slots, "breadcrumb")
38
+ ], 2)) : createCommentVNode("v-if", true),
39
+ createElementVNode("div", {
40
+ class: normalizeClass(unref(ns).e("header"))
41
+ }, [
42
+ createElementVNode("div", {
43
+ class: normalizeClass(unref(ns).e("left"))
44
+ }, [
45
+ createElementVNode("div", {
46
+ class: normalizeClass(unref(ns).e("back")),
47
+ role: "button",
48
+ tabindex: "0",
49
+ onClick: handleClick
50
+ }, [
51
+ _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", {
52
+ key: 0,
53
+ "aria-label": _ctx.title || unref(t)("el.pageHeader.title"),
54
+ class: normalizeClass(unref(ns).e("icon"))
55
+ }, [
56
+ renderSlot(_ctx.$slots, "icon", {}, () => [
57
+ _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {
58
+ default: withCtx(() => [
59
+ (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
60
+ ]),
61
+ _: 1
62
+ })) : createCommentVNode("v-if", true)
63
+ ])
64
+ ], 10, ["aria-label"])) : createCommentVNode("v-if", true),
65
+ createElementVNode("div", {
66
+ class: normalizeClass(unref(ns).e("title"))
67
+ }, [
68
+ renderSlot(_ctx.$slots, "title", {}, () => [
69
+ createTextVNode(toDisplayString(_ctx.title || unref(t)("el.pageHeader.title")), 1)
70
+ ])
71
+ ], 2)
72
+ ], 2),
73
+ createVNode(unref(ElDivider), { direction: "vertical" }),
74
+ createElementVNode("div", {
75
+ class: normalizeClass(unref(ns).e("content"))
76
+ }, [
77
+ renderSlot(_ctx.$slots, "content", {}, () => [
78
+ createTextVNode(toDisplayString(_ctx.content), 1)
79
+ ])
80
+ ], 2)
81
+ ], 2),
82
+ _ctx.$slots.extra ? (openBlock(), createElementBlock("div", {
83
+ key: 0,
84
+ class: normalizeClass(unref(ns).e("extra"))
85
+ }, [
86
+ renderSlot(_ctx.$slots, "extra")
87
+ ], 2)) : createCommentVNode("v-if", true)
88
+ ], 2),
89
+ _ctx.$slots.default ? (openBlock(), createElementBlock("div", {
90
+ key: 1,
91
+ class: normalizeClass(unref(ns).e("main"))
92
+ }, [
93
+ renderSlot(_ctx.$slots, "default")
94
+ ], 2)) : createCommentVNode("v-if", true)
95
+ ], 2);
96
+ };
14
97
  }
15
98
  });
16
- const pageHeaderEmits = {
17
- back: () => true
18
- };
99
+ var PageHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "page-header.vue"]]);
19
100
 
20
- export { pageHeaderEmits, pageHeaderProps };
101
+ export { PageHeader as default };
21
102
  //# sourceMappingURL=page-header2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"page-header2.mjs","sources":["../../../../../../packages/components/page-header/src/page-header.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport { Back } from '@element-plus/icons-vue'\nimport type { ExtractPropTypes } from 'vue'\nimport type PageHeader from './page-header.vue'\n\nexport const pageHeaderProps = buildProps({\n /**\n * @description icon component of page header\n */\n icon: {\n type: iconPropType,\n default: () => Back,\n },\n /**\n * @description main title of page header\n */\n title: String,\n /**\n * @description content of page header\n */\n content: {\n type: String,\n default: '',\n },\n} as const)\nexport type PageHeaderProps = ExtractPropTypes<typeof pageHeaderProps>\n\nexport const pageHeaderEmits = {\n back: () => true,\n}\nexport type PageHeaderEmits = typeof pageHeaderEmits\n\nexport type PageHeaderInstance = InstanceType<typeof PageHeader> & unknown\n"],"names":[],"mappings":";;;;AAEY,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,IAAI,OAAO,EAAE,MAAM,IAAI;AACvB,GAAG;AACH,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAG;AAC/B,EAAE,IAAI,EAAE,MAAM,IAAI;AAClB;;;;"}
1
+ {"version":3,"file":"page-header2.mjs","sources":["../../../../../../packages/components/page-header/src/page-header.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n ns.b(),\n {\n [ns.m('has-breadcrumb')]: !!$slots.breadcrumb,\n [ns.m('has-extra')]: !!$slots.extra,\n [ns.is('contentful')]: !!$slots.default,\n },\n ]\"\n >\n <div v-if=\"$slots.breadcrumb\" :class=\"ns.e('breadcrumb')\">\n <slot name=\"breadcrumb\" />\n </div>\n <div :class=\"ns.e('header')\">\n <div :class=\"ns.e('left')\">\n <div\n :class=\"ns.e('back')\"\n role=\"button\"\n tabindex=\"0\"\n @click=\"handleClick\"\n >\n <div\n v-if=\"icon || $slots.icon\"\n :aria-label=\"title || t('el.pageHeader.title')\"\n :class=\"ns.e('icon')\"\n >\n <slot name=\"icon\">\n <el-icon v-if=\"icon\">\n <component :is=\"icon\" />\n </el-icon>\n </slot>\n </div>\n <div :class=\"ns.e('title')\">\n <slot name=\"title\">{{ title || t('el.pageHeader.title') }}</slot>\n </div>\n </div>\n <el-divider direction=\"vertical\" />\n <div :class=\"ns.e('content')\">\n <slot name=\"content\">{{ content }}</slot>\n </div>\n </div>\n\n <div v-if=\"$slots.extra\" :class=\"ns.e('extra')\">\n <slot name=\"extra\" />\n </div>\n </div>\n\n <div v-if=\"$slots.default\" :class=\"ns.e('main')\">\n <slot />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ElDivider } from '@element-plus/components/divider'\n\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { pageHeaderEmits, pageHeaderProps } from './page-header'\n\ndefineOptions({\n name: 'ElPageHeader',\n})\n\ndefineProps(pageHeaderProps)\nconst emit = defineEmits(pageHeaderEmits)\n\nconst { t } = useLocale()\nconst ns = useNamespace('page-header')\n\nfunction handleClick() {\n emit('back')\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;mCA6Dc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAKA,IAAM,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,aAAa,CAAA,CAAA;AAErC,IAAA,SAAS,WAAc,GAAA;AACrB,MAAA,IAAA,CAAK,MAAM,CAAA,CAAA;AAAA,KACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,12 +1,63 @@
1
- import { buildProps } from '../../../../utils/vue/props/runtime.mjs';
2
- import { componentSizes } from '../../../../constants/size.mjs';
1
+ import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createVNode } from 'vue';
2
+ import { ElInput } from '../../../input/index.mjs';
3
+ import { usePagination } from '../usePagination.mjs';
4
+ import { paginationJumperProps } from './jumper2.mjs';
5
+ import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
6
+ import { useLocale } from '../../../../hooks/use-locale/index.mjs';
7
+ import { useNamespace } from '../../../../hooks/use-namespace/index.mjs';
3
8
 
4
- const paginationJumperProps = buildProps({
5
- size: {
6
- type: String,
7
- values: componentSizes
9
+ const __default__ = defineComponent({
10
+ name: "ElPaginationJumper"
11
+ });
12
+ const _sfc_main = /* @__PURE__ */ defineComponent({
13
+ ...__default__,
14
+ props: paginationJumperProps,
15
+ setup(__props) {
16
+ const { t } = useLocale();
17
+ const ns = useNamespace("pagination");
18
+ const { pageCount, disabled, currentPage, changeEvent } = usePagination();
19
+ const userInput = ref();
20
+ const innerValue = computed(() => {
21
+ var _a;
22
+ return (_a = userInput.value) != null ? _a : currentPage == null ? void 0 : currentPage.value;
23
+ });
24
+ function handleInput(val) {
25
+ userInput.value = val ? +val : "";
26
+ }
27
+ function handleChange(val) {
28
+ val = Math.trunc(+val);
29
+ changeEvent == null ? void 0 : changeEvent(val);
30
+ userInput.value = void 0;
31
+ }
32
+ return (_ctx, _cache) => {
33
+ return openBlock(), createElementBlock("span", {
34
+ class: normalizeClass(unref(ns).e("jump")),
35
+ disabled: unref(disabled)
36
+ }, [
37
+ createElementVNode("span", {
38
+ class: normalizeClass([unref(ns).e("goto")])
39
+ }, toDisplayString(unref(t)("el.pagination.goto")), 3),
40
+ createVNode(unref(ElInput), {
41
+ size: _ctx.size,
42
+ class: normalizeClass([unref(ns).e("editor"), unref(ns).is("in-pagination")]),
43
+ min: 1,
44
+ max: unref(pageCount),
45
+ disabled: unref(disabled),
46
+ "model-value": unref(innerValue),
47
+ "validate-event": false,
48
+ "aria-label": unref(t)("el.pagination.page"),
49
+ type: "number",
50
+ "onUpdate:modelValue": handleInput,
51
+ onChange: handleChange
52
+ }, null, 8, ["size", "class", "max", "disabled", "model-value", "aria-label"]),
53
+ createElementVNode("span", {
54
+ class: normalizeClass([unref(ns).e("classifier")])
55
+ }, toDisplayString(unref(t)("el.pagination.pageClassifier")), 3)
56
+ ], 10, ["disabled"]);
57
+ };
8
58
  }
9
59
  });
60
+ var Jumper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "jumper.vue"]]);
10
61
 
11
- export { paginationJumperProps };
62
+ export { Jumper as default };
12
63
  //# sourceMappingURL=jumper.mjs.map