@element-plus/nightly 0.0.20250415 → 0.0.20250416

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 (501) hide show
  1. package/attributes.json +1 -1
  2. package/dist/index.full.js +3 -2
  3. package/dist/index.full.min.js +3 -3
  4. package/dist/index.full.min.js.map +1 -1
  5. package/dist/index.full.min.mjs +3 -3
  6. package/dist/index.full.min.mjs.map +1 -1
  7. package/dist/index.full.mjs +3 -2
  8. package/dist/locale/af.js +1 -1
  9. package/dist/locale/af.min.js +1 -1
  10. package/dist/locale/af.min.mjs +1 -1
  11. package/dist/locale/af.mjs +1 -1
  12. package/dist/locale/ar-eg.js +1 -1
  13. package/dist/locale/ar-eg.min.js +1 -1
  14. package/dist/locale/ar-eg.min.mjs +1 -1
  15. package/dist/locale/ar-eg.mjs +1 -1
  16. package/dist/locale/ar.js +1 -1
  17. package/dist/locale/ar.min.js +1 -1
  18. package/dist/locale/ar.min.mjs +1 -1
  19. package/dist/locale/ar.mjs +1 -1
  20. package/dist/locale/az.js +1 -1
  21. package/dist/locale/az.min.js +1 -1
  22. package/dist/locale/az.min.mjs +1 -1
  23. package/dist/locale/az.mjs +1 -1
  24. package/dist/locale/bg.js +1 -1
  25. package/dist/locale/bg.min.js +1 -1
  26. package/dist/locale/bg.min.mjs +1 -1
  27. package/dist/locale/bg.mjs +1 -1
  28. package/dist/locale/bn.js +1 -1
  29. package/dist/locale/bn.min.js +1 -1
  30. package/dist/locale/bn.min.mjs +1 -1
  31. package/dist/locale/bn.mjs +1 -1
  32. package/dist/locale/ca.js +1 -1
  33. package/dist/locale/ca.min.js +1 -1
  34. package/dist/locale/ca.min.mjs +1 -1
  35. package/dist/locale/ca.mjs +1 -1
  36. package/dist/locale/ckb.js +1 -1
  37. package/dist/locale/ckb.min.js +1 -1
  38. package/dist/locale/ckb.min.mjs +1 -1
  39. package/dist/locale/ckb.mjs +1 -1
  40. package/dist/locale/cs.js +1 -1
  41. package/dist/locale/cs.min.js +1 -1
  42. package/dist/locale/cs.min.mjs +1 -1
  43. package/dist/locale/cs.mjs +1 -1
  44. package/dist/locale/da.js +1 -1
  45. package/dist/locale/da.min.js +1 -1
  46. package/dist/locale/da.min.mjs +1 -1
  47. package/dist/locale/da.mjs +1 -1
  48. package/dist/locale/de.js +1 -1
  49. package/dist/locale/de.min.js +1 -1
  50. package/dist/locale/de.min.mjs +1 -1
  51. package/dist/locale/de.mjs +1 -1
  52. package/dist/locale/el.js +1 -1
  53. package/dist/locale/el.min.js +1 -1
  54. package/dist/locale/el.min.mjs +1 -1
  55. package/dist/locale/el.mjs +1 -1
  56. package/dist/locale/en.js +1 -1
  57. package/dist/locale/en.min.js +1 -1
  58. package/dist/locale/en.min.mjs +1 -1
  59. package/dist/locale/en.mjs +1 -1
  60. package/dist/locale/eo.js +1 -1
  61. package/dist/locale/eo.min.js +1 -1
  62. package/dist/locale/eo.min.mjs +1 -1
  63. package/dist/locale/eo.mjs +1 -1
  64. package/dist/locale/es.js +1 -1
  65. package/dist/locale/es.min.js +1 -1
  66. package/dist/locale/es.min.mjs +1 -1
  67. package/dist/locale/es.mjs +1 -1
  68. package/dist/locale/et.js +1 -1
  69. package/dist/locale/et.min.js +1 -1
  70. package/dist/locale/et.min.mjs +1 -1
  71. package/dist/locale/et.mjs +1 -1
  72. package/dist/locale/eu.js +1 -1
  73. package/dist/locale/eu.min.js +1 -1
  74. package/dist/locale/eu.min.mjs +1 -1
  75. package/dist/locale/eu.mjs +1 -1
  76. package/dist/locale/fa.js +1 -1
  77. package/dist/locale/fa.min.js +1 -1
  78. package/dist/locale/fa.min.mjs +1 -1
  79. package/dist/locale/fa.mjs +1 -1
  80. package/dist/locale/fi.js +1 -1
  81. package/dist/locale/fi.min.js +1 -1
  82. package/dist/locale/fi.min.mjs +1 -1
  83. package/dist/locale/fi.mjs +1 -1
  84. package/dist/locale/fr.js +1 -1
  85. package/dist/locale/fr.min.js +1 -1
  86. package/dist/locale/fr.min.mjs +1 -1
  87. package/dist/locale/fr.mjs +1 -1
  88. package/dist/locale/he.js +1 -1
  89. package/dist/locale/he.min.js +1 -1
  90. package/dist/locale/he.min.mjs +1 -1
  91. package/dist/locale/he.mjs +1 -1
  92. package/dist/locale/hi.js +1 -1
  93. package/dist/locale/hi.min.js +1 -1
  94. package/dist/locale/hi.min.mjs +1 -1
  95. package/dist/locale/hi.mjs +1 -1
  96. package/dist/locale/hr.js +1 -1
  97. package/dist/locale/hr.min.js +1 -1
  98. package/dist/locale/hr.min.mjs +1 -1
  99. package/dist/locale/hr.mjs +1 -1
  100. package/dist/locale/hu.js +1 -1
  101. package/dist/locale/hu.min.js +1 -1
  102. package/dist/locale/hu.min.mjs +1 -1
  103. package/dist/locale/hu.mjs +1 -1
  104. package/dist/locale/hy-am.js +1 -1
  105. package/dist/locale/hy-am.min.js +1 -1
  106. package/dist/locale/hy-am.min.mjs +1 -1
  107. package/dist/locale/hy-am.mjs +1 -1
  108. package/dist/locale/id.js +1 -1
  109. package/dist/locale/id.min.js +1 -1
  110. package/dist/locale/id.min.mjs +1 -1
  111. package/dist/locale/id.mjs +1 -1
  112. package/dist/locale/it.js +1 -1
  113. package/dist/locale/it.min.js +1 -1
  114. package/dist/locale/it.min.mjs +1 -1
  115. package/dist/locale/it.mjs +1 -1
  116. package/dist/locale/ja.js +1 -1
  117. package/dist/locale/ja.min.js +1 -1
  118. package/dist/locale/ja.min.mjs +1 -1
  119. package/dist/locale/ja.mjs +1 -1
  120. package/dist/locale/kk.js +1 -1
  121. package/dist/locale/kk.min.js +1 -1
  122. package/dist/locale/kk.min.mjs +1 -1
  123. package/dist/locale/kk.mjs +1 -1
  124. package/dist/locale/km.js +1 -1
  125. package/dist/locale/km.min.js +1 -1
  126. package/dist/locale/km.min.mjs +1 -1
  127. package/dist/locale/km.mjs +1 -1
  128. package/dist/locale/ko.js +1 -1
  129. package/dist/locale/ko.min.js +1 -1
  130. package/dist/locale/ko.min.mjs +1 -1
  131. package/dist/locale/ko.mjs +1 -1
  132. package/dist/locale/ku.js +1 -1
  133. package/dist/locale/ku.min.js +1 -1
  134. package/dist/locale/ku.min.mjs +1 -1
  135. package/dist/locale/ku.mjs +1 -1
  136. package/dist/locale/ky.js +1 -1
  137. package/dist/locale/ky.min.js +1 -1
  138. package/dist/locale/ky.min.mjs +1 -1
  139. package/dist/locale/ky.mjs +1 -1
  140. package/dist/locale/lo.js +1 -1
  141. package/dist/locale/lo.min.js +1 -1
  142. package/dist/locale/lo.min.mjs +1 -1
  143. package/dist/locale/lo.mjs +1 -1
  144. package/dist/locale/lt.js +1 -1
  145. package/dist/locale/lt.min.js +1 -1
  146. package/dist/locale/lt.min.mjs +1 -1
  147. package/dist/locale/lt.mjs +1 -1
  148. package/dist/locale/lv.js +1 -1
  149. package/dist/locale/lv.min.js +1 -1
  150. package/dist/locale/lv.min.mjs +1 -1
  151. package/dist/locale/lv.mjs +1 -1
  152. package/dist/locale/mg.js +1 -1
  153. package/dist/locale/mg.min.js +1 -1
  154. package/dist/locale/mg.min.mjs +1 -1
  155. package/dist/locale/mg.mjs +1 -1
  156. package/dist/locale/mn.js +1 -1
  157. package/dist/locale/mn.min.js +1 -1
  158. package/dist/locale/mn.min.mjs +1 -1
  159. package/dist/locale/mn.mjs +1 -1
  160. package/dist/locale/ms.js +1 -1
  161. package/dist/locale/ms.min.js +1 -1
  162. package/dist/locale/ms.min.mjs +1 -1
  163. package/dist/locale/ms.mjs +1 -1
  164. package/dist/locale/my.js +1 -1
  165. package/dist/locale/my.min.js +1 -1
  166. package/dist/locale/my.min.mjs +1 -1
  167. package/dist/locale/my.mjs +1 -1
  168. package/dist/locale/nb-no.js +1 -1
  169. package/dist/locale/nb-no.min.js +1 -1
  170. package/dist/locale/nb-no.min.mjs +1 -1
  171. package/dist/locale/nb-no.mjs +1 -1
  172. package/dist/locale/nl.js +1 -1
  173. package/dist/locale/nl.min.js +1 -1
  174. package/dist/locale/nl.min.mjs +1 -1
  175. package/dist/locale/nl.mjs +1 -1
  176. package/dist/locale/no.js +1 -1
  177. package/dist/locale/no.min.js +1 -1
  178. package/dist/locale/no.min.mjs +1 -1
  179. package/dist/locale/no.mjs +1 -1
  180. package/dist/locale/pa.js +1 -1
  181. package/dist/locale/pa.min.js +1 -1
  182. package/dist/locale/pa.min.mjs +1 -1
  183. package/dist/locale/pa.mjs +1 -1
  184. package/dist/locale/pl.js +1 -1
  185. package/dist/locale/pl.min.js +1 -1
  186. package/dist/locale/pl.min.mjs +1 -1
  187. package/dist/locale/pl.mjs +1 -1
  188. package/dist/locale/pt-br.js +1 -1
  189. package/dist/locale/pt-br.min.js +1 -1
  190. package/dist/locale/pt-br.min.mjs +1 -1
  191. package/dist/locale/pt-br.mjs +1 -1
  192. package/dist/locale/pt.js +1 -1
  193. package/dist/locale/pt.min.js +1 -1
  194. package/dist/locale/pt.min.mjs +1 -1
  195. package/dist/locale/pt.mjs +1 -1
  196. package/dist/locale/ro.js +1 -1
  197. package/dist/locale/ro.min.js +1 -1
  198. package/dist/locale/ro.min.mjs +1 -1
  199. package/dist/locale/ro.mjs +1 -1
  200. package/dist/locale/ru.js +1 -1
  201. package/dist/locale/ru.min.js +1 -1
  202. package/dist/locale/ru.min.mjs +1 -1
  203. package/dist/locale/ru.mjs +1 -1
  204. package/dist/locale/sk.js +1 -1
  205. package/dist/locale/sk.min.js +1 -1
  206. package/dist/locale/sk.min.mjs +1 -1
  207. package/dist/locale/sk.mjs +1 -1
  208. package/dist/locale/sl.js +1 -1
  209. package/dist/locale/sl.min.js +1 -1
  210. package/dist/locale/sl.min.mjs +1 -1
  211. package/dist/locale/sl.mjs +1 -1
  212. package/dist/locale/sr.js +1 -1
  213. package/dist/locale/sr.min.js +1 -1
  214. package/dist/locale/sr.min.mjs +1 -1
  215. package/dist/locale/sr.mjs +1 -1
  216. package/dist/locale/sv.js +1 -1
  217. package/dist/locale/sv.min.js +1 -1
  218. package/dist/locale/sv.min.mjs +1 -1
  219. package/dist/locale/sv.mjs +1 -1
  220. package/dist/locale/sw.js +1 -1
  221. package/dist/locale/sw.min.js +1 -1
  222. package/dist/locale/sw.min.mjs +1 -1
  223. package/dist/locale/sw.mjs +1 -1
  224. package/dist/locale/ta.js +1 -1
  225. package/dist/locale/ta.min.js +1 -1
  226. package/dist/locale/ta.min.mjs +1 -1
  227. package/dist/locale/ta.mjs +1 -1
  228. package/dist/locale/te.js +1 -1
  229. package/dist/locale/te.min.js +1 -1
  230. package/dist/locale/te.min.mjs +1 -1
  231. package/dist/locale/te.mjs +1 -1
  232. package/dist/locale/th.js +1 -1
  233. package/dist/locale/th.min.js +1 -1
  234. package/dist/locale/th.min.mjs +1 -1
  235. package/dist/locale/th.mjs +1 -1
  236. package/dist/locale/tk.js +1 -1
  237. package/dist/locale/tk.min.js +1 -1
  238. package/dist/locale/tk.min.mjs +1 -1
  239. package/dist/locale/tk.mjs +1 -1
  240. package/dist/locale/tr.js +1 -1
  241. package/dist/locale/tr.min.js +1 -1
  242. package/dist/locale/tr.min.mjs +1 -1
  243. package/dist/locale/tr.mjs +1 -1
  244. package/dist/locale/ug-cn.js +1 -1
  245. package/dist/locale/ug-cn.min.js +1 -1
  246. package/dist/locale/ug-cn.min.mjs +1 -1
  247. package/dist/locale/ug-cn.mjs +1 -1
  248. package/dist/locale/uk.js +1 -1
  249. package/dist/locale/uk.min.js +1 -1
  250. package/dist/locale/uk.min.mjs +1 -1
  251. package/dist/locale/uk.mjs +1 -1
  252. package/dist/locale/uz-uz.js +1 -1
  253. package/dist/locale/uz-uz.min.js +1 -1
  254. package/dist/locale/uz-uz.min.mjs +1 -1
  255. package/dist/locale/uz-uz.mjs +1 -1
  256. package/dist/locale/vi.js +1 -1
  257. package/dist/locale/vi.min.js +1 -1
  258. package/dist/locale/vi.min.mjs +1 -1
  259. package/dist/locale/vi.mjs +1 -1
  260. package/dist/locale/zh-cn.js +1 -1
  261. package/dist/locale/zh-cn.min.js +1 -1
  262. package/dist/locale/zh-cn.min.mjs +1 -1
  263. package/dist/locale/zh-cn.mjs +1 -1
  264. package/dist/locale/zh-hk.js +1 -1
  265. package/dist/locale/zh-hk.min.js +1 -1
  266. package/dist/locale/zh-hk.min.mjs +1 -1
  267. package/dist/locale/zh-hk.mjs +1 -1
  268. package/dist/locale/zh-mo.js +1 -1
  269. package/dist/locale/zh-mo.min.js +1 -1
  270. package/dist/locale/zh-mo.min.mjs +1 -1
  271. package/dist/locale/zh-mo.mjs +1 -1
  272. package/dist/locale/zh-tw.js +1 -1
  273. package/dist/locale/zh-tw.min.js +1 -1
  274. package/dist/locale/zh-tw.min.mjs +1 -1
  275. package/dist/locale/zh-tw.mjs +1 -1
  276. package/es/components/affix/index.mjs +2 -2
  277. package/es/components/affix/src/affix.mjs +119 -24
  278. package/es/components/affix/src/affix.mjs.map +1 -1
  279. package/es/components/affix/src/affix2.mjs +24 -119
  280. package/es/components/affix/src/affix2.mjs.map +1 -1
  281. package/es/components/alert/index.mjs +2 -2
  282. package/es/components/alert/src/alert.mjs +36 -91
  283. package/es/components/alert/src/alert.mjs.map +1 -1
  284. package/es/components/alert/src/alert2.mjs +91 -36
  285. package/es/components/alert/src/alert2.mjs.map +1 -1
  286. package/es/components/autocomplete/src/autocomplete.mjs +1 -1
  287. package/es/components/avatar/index.mjs +2 -2
  288. package/es/components/avatar/src/avatar.mjs +31 -65
  289. package/es/components/avatar/src/avatar.mjs.map +1 -1
  290. package/es/components/avatar/src/avatar2.mjs +65 -31
  291. package/es/components/avatar/src/avatar2.mjs.map +1 -1
  292. package/es/components/badge/index.mjs +2 -2
  293. package/es/components/badge/src/badge.mjs +71 -32
  294. package/es/components/badge/src/badge.mjs.map +1 -1
  295. package/es/components/badge/src/badge2.mjs +32 -71
  296. package/es/components/badge/src/badge2.mjs.map +1 -1
  297. package/es/components/carousel/index.mjs +2 -2
  298. package/es/components/carousel/src/carousel.mjs +204 -61
  299. package/es/components/carousel/src/carousel.mjs.map +1 -1
  300. package/es/components/carousel/src/carousel2.mjs +61 -204
  301. package/es/components/carousel/src/carousel2.mjs.map +1 -1
  302. package/es/components/cascader/src/cascader2.mjs +1 -1
  303. package/es/components/color-picker/src/color-picker.mjs +1 -1
  304. package/es/components/dropdown/src/dropdown.mjs +1 -1
  305. package/es/components/empty/index.mjs +2 -2
  306. package/es/components/empty/src/empty.mjs +11 -52
  307. package/es/components/empty/src/empty.mjs.map +1 -1
  308. package/es/components/empty/src/empty2.mjs +52 -11
  309. package/es/components/empty/src/empty2.mjs.map +1 -1
  310. package/es/components/index.mjs +15 -15
  311. package/es/components/menu/src/menu.mjs +1 -0
  312. package/es/components/menu/src/menu.mjs.map +1 -1
  313. package/es/components/page-header/index.mjs +2 -2
  314. package/es/components/page-header/src/page-header.mjs +16 -97
  315. package/es/components/page-header/src/page-header.mjs.map +1 -1
  316. package/es/components/page-header/src/page-header2.mjs +97 -16
  317. package/es/components/page-header/src/page-header2.mjs.map +1 -1
  318. package/es/components/pagination/src/components/total.mjs +26 -6
  319. package/es/components/pagination/src/components/total.mjs.map +1 -1
  320. package/es/components/pagination/src/components/total2.mjs +6 -26
  321. package/es/components/pagination/src/components/total2.mjs.map +1 -1
  322. package/es/components/pagination/src/pagination.mjs +1 -1
  323. package/es/components/popconfirm/index.mjs +2 -2
  324. package/es/components/popconfirm/src/popconfirm.mjs +114 -45
  325. package/es/components/popconfirm/src/popconfirm.mjs.map +1 -1
  326. package/es/components/popconfirm/src/popconfirm2.mjs +45 -114
  327. package/es/components/popconfirm/src/popconfirm2.mjs.map +1 -1
  328. package/es/components/popover/src/popover.mjs +1 -1
  329. package/es/components/popper/index.mjs +2 -2
  330. package/es/components/popper/src/trigger.mjs +31 -127
  331. package/es/components/popper/src/trigger.mjs.map +1 -1
  332. package/es/components/popper/src/trigger2.mjs +127 -31
  333. package/es/components/popper/src/trigger2.mjs.map +1 -1
  334. package/es/components/radio/index.mjs +2 -2
  335. package/es/components/radio/src/radio-group.mjs +34 -65
  336. package/es/components/radio/src/radio-group.mjs.map +1 -1
  337. package/es/components/radio/src/radio-group2.mjs +65 -34
  338. package/es/components/radio/src/radio-group2.mjs.map +1 -1
  339. package/es/components/select/index.mjs +1 -1
  340. package/es/components/select/src/option.mjs +13 -89
  341. package/es/components/select/src/option.mjs.map +1 -1
  342. package/es/components/select/src/option2.mjs +89 -13
  343. package/es/components/select/src/option2.mjs.map +1 -1
  344. package/es/components/select/src/select.mjs +1 -1
  345. package/es/components/select/src/select2.mjs +1 -1
  346. package/es/components/select/src/useOption.mjs +1 -1
  347. package/es/components/select-v2/src/defaults.mjs +1 -1
  348. package/es/components/steps/index.mjs +2 -2
  349. package/es/components/steps/src/item.mjs +19 -190
  350. package/es/components/steps/src/item.mjs.map +1 -1
  351. package/es/components/steps/src/item2.mjs +190 -19
  352. package/es/components/steps/src/item2.mjs.map +1 -1
  353. package/es/components/switch/index.mjs +2 -2
  354. package/es/components/switch/src/switch.mjs +228 -72
  355. package/es/components/switch/src/switch.mjs.map +1 -1
  356. package/es/components/switch/src/switch2.mjs +72 -228
  357. package/es/components/switch/src/switch2.mjs.map +1 -1
  358. package/es/components/time-select/index.mjs +2 -2
  359. package/es/components/time-select/src/time-select.mjs +132 -54
  360. package/es/components/time-select/src/time-select.mjs.map +1 -1
  361. package/es/components/time-select/src/time-select2.mjs +54 -132
  362. package/es/components/time-select/src/time-select2.mjs.map +1 -1
  363. package/es/components/tooltip/index.mjs +1 -1
  364. package/es/components/tooltip/src/content.mjs +192 -28
  365. package/es/components/tooltip/src/content.mjs.map +1 -1
  366. package/es/components/tooltip/src/content2.mjs +28 -192
  367. package/es/components/tooltip/src/content2.mjs.map +1 -1
  368. package/es/components/tooltip/src/tooltip.mjs +1 -1
  369. package/es/components/tooltip/src/tooltip2.mjs +1 -1
  370. package/es/components/tooltip/src/trigger.mjs +1 -1
  371. package/es/components/tooltip/src/trigger2.mjs +1 -1
  372. package/es/components/tooltip-v2/index.mjs +1 -1
  373. package/es/components/tooltip-v2/src/content.mjs +48 -110
  374. package/es/components/tooltip-v2/src/content.mjs.map +1 -1
  375. package/es/components/tooltip-v2/src/content2.mjs +110 -48
  376. package/es/components/tooltip-v2/src/content2.mjs.map +1 -1
  377. package/es/components/tooltip-v2/src/tooltip.mjs +1 -1
  378. package/es/components/tooltip-v2/src/tooltip2.mjs +2 -2
  379. package/es/components/tour/src/mask.mjs +18 -75
  380. package/es/components/tour/src/mask.mjs.map +1 -1
  381. package/es/components/tour/src/mask2.mjs +75 -18
  382. package/es/components/tour/src/mask2.mjs.map +1 -1
  383. package/es/components/tour/src/tour2.mjs +1 -1
  384. package/es/index.mjs +15 -15
  385. package/es/version.d.ts +1 -1
  386. package/es/version.mjs +1 -1
  387. package/es/version.mjs.map +1 -1
  388. package/lib/components/affix/index.js +2 -2
  389. package/lib/components/affix/src/affix.js +119 -25
  390. package/lib/components/affix/src/affix.js.map +1 -1
  391. package/lib/components/affix/src/affix2.js +25 -119
  392. package/lib/components/affix/src/affix2.js.map +1 -1
  393. package/lib/components/alert/index.js +2 -2
  394. package/lib/components/alert/src/alert.js +37 -90
  395. package/lib/components/alert/src/alert.js.map +1 -1
  396. package/lib/components/alert/src/alert2.js +90 -37
  397. package/lib/components/alert/src/alert2.js.map +1 -1
  398. package/lib/components/autocomplete/src/autocomplete.js +1 -1
  399. package/lib/components/avatar/index.js +2 -2
  400. package/lib/components/avatar/src/avatar.js +32 -65
  401. package/lib/components/avatar/src/avatar.js.map +1 -1
  402. package/lib/components/avatar/src/avatar2.js +65 -32
  403. package/lib/components/avatar/src/avatar2.js.map +1 -1
  404. package/lib/components/badge/index.js +2 -2
  405. package/lib/components/badge/src/badge.js +71 -32
  406. package/lib/components/badge/src/badge.js.map +1 -1
  407. package/lib/components/badge/src/badge2.js +32 -71
  408. package/lib/components/badge/src/badge2.js.map +1 -1
  409. package/lib/components/carousel/index.js +2 -2
  410. package/lib/components/carousel/src/carousel.js +204 -62
  411. package/lib/components/carousel/src/carousel.js.map +1 -1
  412. package/lib/components/carousel/src/carousel2.js +62 -204
  413. package/lib/components/carousel/src/carousel2.js.map +1 -1
  414. package/lib/components/cascader/src/cascader2.js +1 -1
  415. package/lib/components/color-picker/src/color-picker.js +1 -1
  416. package/lib/components/dropdown/src/dropdown.js +1 -1
  417. package/lib/components/empty/index.js +2 -2
  418. package/lib/components/empty/src/empty.js +11 -52
  419. package/lib/components/empty/src/empty.js.map +1 -1
  420. package/lib/components/empty/src/empty2.js +52 -11
  421. package/lib/components/empty/src/empty2.js.map +1 -1
  422. package/lib/components/index.js +15 -15
  423. package/lib/components/menu/src/menu.js +1 -0
  424. package/lib/components/menu/src/menu.js.map +1 -1
  425. package/lib/components/page-header/index.js +2 -2
  426. package/lib/components/page-header/src/page-header.js +17 -97
  427. package/lib/components/page-header/src/page-header.js.map +1 -1
  428. package/lib/components/page-header/src/page-header2.js +97 -17
  429. package/lib/components/page-header/src/page-header2.js.map +1 -1
  430. package/lib/components/pagination/src/components/total.js +26 -6
  431. package/lib/components/pagination/src/components/total.js.map +1 -1
  432. package/lib/components/pagination/src/components/total2.js +6 -26
  433. package/lib/components/pagination/src/components/total2.js.map +1 -1
  434. package/lib/components/pagination/src/pagination.js +1 -1
  435. package/lib/components/popconfirm/index.js +2 -2
  436. package/lib/components/popconfirm/src/popconfirm.js +114 -46
  437. package/lib/components/popconfirm/src/popconfirm.js.map +1 -1
  438. package/lib/components/popconfirm/src/popconfirm2.js +46 -114
  439. package/lib/components/popconfirm/src/popconfirm2.js.map +1 -1
  440. package/lib/components/popover/src/popover.js +1 -1
  441. package/lib/components/popper/index.js +2 -2
  442. package/lib/components/popper/src/trigger.js +32 -127
  443. package/lib/components/popper/src/trigger.js.map +1 -1
  444. package/lib/components/popper/src/trigger2.js +127 -32
  445. package/lib/components/popper/src/trigger2.js.map +1 -1
  446. package/lib/components/radio/index.js +2 -2
  447. package/lib/components/radio/src/radio-group.js +35 -65
  448. package/lib/components/radio/src/radio-group.js.map +1 -1
  449. package/lib/components/radio/src/radio-group2.js +65 -35
  450. package/lib/components/radio/src/radio-group2.js.map +1 -1
  451. package/lib/components/select/index.js +1 -1
  452. package/lib/components/select/src/option.js +14 -89
  453. package/lib/components/select/src/option.js.map +1 -1
  454. package/lib/components/select/src/option2.js +89 -14
  455. package/lib/components/select/src/option2.js.map +1 -1
  456. package/lib/components/select/src/select.js +1 -1
  457. package/lib/components/select/src/select2.js +1 -1
  458. package/lib/components/select/src/useOption.js +1 -1
  459. package/lib/components/select-v2/src/defaults.js +1 -1
  460. package/lib/components/steps/index.js +2 -2
  461. package/lib/components/steps/src/item.js +19 -190
  462. package/lib/components/steps/src/item.js.map +1 -1
  463. package/lib/components/steps/src/item2.js +190 -19
  464. package/lib/components/steps/src/item2.js.map +1 -1
  465. package/lib/components/switch/index.js +2 -2
  466. package/lib/components/switch/src/switch.js +227 -72
  467. package/lib/components/switch/src/switch.js.map +1 -1
  468. package/lib/components/switch/src/switch2.js +72 -227
  469. package/lib/components/switch/src/switch2.js.map +1 -1
  470. package/lib/components/time-select/index.js +2 -2
  471. package/lib/components/time-select/src/time-select.js +137 -54
  472. package/lib/components/time-select/src/time-select.js.map +1 -1
  473. package/lib/components/time-select/src/time-select2.js +54 -137
  474. package/lib/components/time-select/src/time-select2.js.map +1 -1
  475. package/lib/components/tooltip/index.js +1 -1
  476. package/lib/components/tooltip/src/content.js +192 -28
  477. package/lib/components/tooltip/src/content.js.map +1 -1
  478. package/lib/components/tooltip/src/content2.js +28 -192
  479. package/lib/components/tooltip/src/content2.js.map +1 -1
  480. package/lib/components/tooltip/src/tooltip.js +1 -1
  481. package/lib/components/tooltip/src/tooltip2.js +1 -1
  482. package/lib/components/tooltip/src/trigger.js +1 -1
  483. package/lib/components/tooltip/src/trigger2.js +1 -1
  484. package/lib/components/tooltip-v2/index.js +1 -1
  485. package/lib/components/tooltip-v2/src/content.js +48 -110
  486. package/lib/components/tooltip-v2/src/content.js.map +1 -1
  487. package/lib/components/tooltip-v2/src/content2.js +110 -48
  488. package/lib/components/tooltip-v2/src/content2.js.map +1 -1
  489. package/lib/components/tooltip-v2/src/tooltip.js +1 -1
  490. package/lib/components/tooltip-v2/src/tooltip2.js +2 -2
  491. package/lib/components/tour/src/mask.js +18 -75
  492. package/lib/components/tour/src/mask.js.map +1 -1
  493. package/lib/components/tour/src/mask2.js +75 -18
  494. package/lib/components/tour/src/mask2.js.map +1 -1
  495. package/lib/components/tour/src/tour2.js +1 -1
  496. package/lib/index.js +15 -15
  497. package/lib/version.d.ts +1 -1
  498. package/lib/version.js +1 -1
  499. package/lib/version.js.map +1 -1
  500. package/package.json +2 -2
  501. package/web-types.json +1 -1
@@ -2,46 +2,99 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var vue = require('vue');
6
+ var index$1 = require('../../icon/index.js');
7
+ var alert = require('./alert.js');
8
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
5
9
  var icon = require('../../../utils/vue/icon.js');
6
- var runtime = require('../../../utils/vue/props/runtime.js');
7
- var objects = require('../../../utils/objects.js');
10
+ var index = require('../../../hooks/use-namespace/index.js');
8
11
 
9
- const alertEffects = ["light", "dark"];
10
- const alertProps = runtime.buildProps({
11
- title: {
12
- type: String,
13
- default: ""
14
- },
15
- description: {
16
- type: String,
17
- default: ""
18
- },
19
- type: {
20
- type: String,
21
- values: objects.keysOf(icon.TypeComponentsMap),
22
- default: "info"
23
- },
24
- closable: {
25
- type: Boolean,
26
- default: true
27
- },
28
- closeText: {
29
- type: String,
30
- default: ""
31
- },
32
- showIcon: Boolean,
33
- center: Boolean,
34
- effect: {
35
- type: String,
36
- values: alertEffects,
37
- default: "light"
12
+ const __default__ = vue.defineComponent({
13
+ name: "ElAlert"
14
+ });
15
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
16
+ ...__default__,
17
+ props: alert.alertProps,
18
+ emits: alert.alertEmits,
19
+ setup(__props, { emit }) {
20
+ const props = __props;
21
+ const { Close } = icon.TypeComponents;
22
+ const slots = vue.useSlots();
23
+ const ns = index.useNamespace("alert");
24
+ const visible = vue.ref(true);
25
+ const iconComponent = vue.computed(() => icon.TypeComponentsMap[props.type]);
26
+ const hasDesc = vue.computed(() => !!(props.description || slots.default));
27
+ const close = (evt) => {
28
+ visible.value = false;
29
+ emit("close", evt);
30
+ };
31
+ return (_ctx, _cache) => {
32
+ return vue.openBlock(), vue.createBlock(vue.Transition, {
33
+ name: vue.unref(ns).b("fade"),
34
+ persisted: ""
35
+ }, {
36
+ default: vue.withCtx(() => [
37
+ vue.withDirectives(vue.createElementVNode("div", {
38
+ class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).m(_ctx.type), vue.unref(ns).is("center", _ctx.center), vue.unref(ns).is(_ctx.effect)]),
39
+ role: "alert"
40
+ }, [
41
+ _ctx.showIcon && (_ctx.$slots.icon || vue.unref(iconComponent)) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
42
+ key: 0,
43
+ class: vue.normalizeClass([vue.unref(ns).e("icon"), { [vue.unref(ns).is("big")]: vue.unref(hasDesc) }])
44
+ }, {
45
+ default: vue.withCtx(() => [
46
+ vue.renderSlot(_ctx.$slots, "icon", {}, () => [
47
+ (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(iconComponent))))
48
+ ])
49
+ ]),
50
+ _: 3
51
+ }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
52
+ vue.createElementVNode("div", {
53
+ class: vue.normalizeClass(vue.unref(ns).e("content"))
54
+ }, [
55
+ _ctx.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", {
56
+ key: 0,
57
+ class: vue.normalizeClass([vue.unref(ns).e("title"), { "with-description": vue.unref(hasDesc) }])
58
+ }, [
59
+ vue.renderSlot(_ctx.$slots, "title", {}, () => [
60
+ vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
61
+ ])
62
+ ], 2)) : vue.createCommentVNode("v-if", true),
63
+ vue.unref(hasDesc) ? (vue.openBlock(), vue.createElementBlock("p", {
64
+ key: 1,
65
+ class: vue.normalizeClass(vue.unref(ns).e("description"))
66
+ }, [
67
+ vue.renderSlot(_ctx.$slots, "default", {}, () => [
68
+ vue.createTextVNode(vue.toDisplayString(_ctx.description), 1)
69
+ ])
70
+ ], 2)) : vue.createCommentVNode("v-if", true),
71
+ _ctx.closable ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
72
+ _ctx.closeText ? (vue.openBlock(), vue.createElementBlock("div", {
73
+ key: 0,
74
+ class: vue.normalizeClass([vue.unref(ns).e("close-btn"), vue.unref(ns).is("customed")]),
75
+ onClick: close
76
+ }, vue.toDisplayString(_ctx.closeText), 3)) : (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
77
+ key: 1,
78
+ class: vue.normalizeClass(vue.unref(ns).e("close-btn")),
79
+ onClick: close
80
+ }, {
81
+ default: vue.withCtx(() => [
82
+ vue.createVNode(vue.unref(Close))
83
+ ]),
84
+ _: 1
85
+ }, 8, ["class"]))
86
+ ], 64)) : vue.createCommentVNode("v-if", true)
87
+ ], 2)
88
+ ], 2), [
89
+ [vue.vShow, visible.value]
90
+ ])
91
+ ]),
92
+ _: 3
93
+ }, 8, ["name"]);
94
+ };
38
95
  }
39
96
  });
40
- const alertEmits = {
41
- close: (evt) => evt instanceof MouseEvent
42
- };
97
+ var Alert = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "alert.vue"]]);
43
98
 
44
- exports.alertEffects = alertEffects;
45
- exports.alertEmits = alertEmits;
46
- exports.alertProps = alertProps;
99
+ exports["default"] = Alert;
47
100
  //# sourceMappingURL=alert2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"alert2.js","sources":["../../../../../../packages/components/alert/src/alert.ts"],"sourcesContent":["import { TypeComponentsMap, buildProps, keysOf } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const alertEffects = ['light', 'dark'] as const\n\nexport const alertProps = buildProps({\n /**\n * @description alert title.\n */\n title: {\n type: String,\n default: '',\n },\n description: {\n type: String,\n default: '',\n },\n /**\n * @description alert type.\n */\n type: {\n type: String,\n values: keysOf(TypeComponentsMap),\n default: 'info',\n },\n /**\n * @description whether alert can be dismissed.\n */\n closable: {\n type: Boolean,\n default: true,\n },\n /**\n * @description text for replacing x button\n */\n closeText: {\n type: String,\n default: '',\n },\n /**\n * @description whether show icon\n */\n showIcon: Boolean,\n /**\n * @description should content be placed in center.\n */\n center: Boolean,\n effect: {\n type: String,\n values: alertEffects,\n default: 'light',\n },\n} as const)\nexport type AlertProps = ExtractPropTypes<typeof alertProps>\n\nexport const alertEmits = {\n close: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type AlertEmits = typeof alertEmits\n"],"names":["buildProps","keysOf","TypeComponentsMap"],"mappings":";;;;;;;;AACY,MAAC,YAAY,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE;AAClC,MAAC,UAAU,GAAGA,kBAAU,CAAC;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,cAAM,CAACC,sBAAiB,CAAC;AACrC,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,YAAY;AACxB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;;;"}
1
+ {"version":3,"file":"alert2.js","sources":["../../../../../../packages/components/alert/src/alert.vue"],"sourcesContent":["<template>\n <transition :name=\"ns.b('fade')\">\n <div\n v-show=\"visible\"\n :class=\"[ns.b(), ns.m(type), ns.is('center', center), ns.is(effect)]\"\n role=\"alert\"\n >\n <el-icon\n v-if=\"showIcon && ($slots.icon || iconComponent)\"\n :class=\"[ns.e('icon'), { [ns.is('big')]: hasDesc }]\"\n >\n <slot name=\"icon\">\n <component :is=\"iconComponent\" />\n </slot>\n </el-icon>\n\n <div :class=\"ns.e('content')\">\n <span\n v-if=\"title || $slots.title\"\n :class=\"[ns.e('title'), { 'with-description': hasDesc }]\"\n >\n <slot name=\"title\">{{ title }}</slot>\n </span>\n <p v-if=\"hasDesc\" :class=\"ns.e('description')\">\n <slot>\n {{ description }}\n </slot>\n </p>\n <template v-if=\"closable\">\n <div\n v-if=\"closeText\"\n :class=\"[ns.e('close-btn'), ns.is('customed')]\"\n @click=\"close\"\n >\n {{ closeText }}\n </div>\n <el-icon v-else :class=\"ns.e('close-btn')\" @click=\"close\">\n <Close />\n </el-icon>\n </template>\n </div>\n </div>\n </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { alertEmits, alertProps } from './alert'\n\nconst { Close } = TypeComponents\n\ndefineOptions({\n name: 'ElAlert',\n})\n\nconst props = defineProps(alertProps)\nconst emit = defineEmits(alertEmits)\nconst slots = useSlots()\n\nconst ns = useNamespace('alert')\n\nconst visible = ref(true)\n\nconst iconComponent = computed(() => TypeComponentsMap[props.type])\n\nconst hasDesc = computed(() => !!(props.description || slots.default))\n\nconst close = (evt: MouseEvent) => {\n visible.value = false\n emit('close', evt)\n}\n</script>\n"],"names":["TypeComponents","useSlots","useNamespace","ref","computed","TypeComponentsMap"],"mappings":";;;;;;;;;;;uCAsDc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAJA,IAAM,MAAA,EAAE,OAAU,GAAAA,mBAAA,CAAA;AAQlB,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,EAAA,GAAKC,mBAAa,OAAO,CAAA,CAAA;AAE/B,IAAM,MAAA,OAAA,GAAUC,QAAI,IAAI,CAAA,CAAA;AAExB,IAAA,MAAM,gBAAgBC,YAAS,CAAA,MAAMC,sBAAkB,CAAA,KAAA,CAAM,IAAI,CAAC,CAAA,CAAA;AAElE,IAAM,MAAA,OAAA,GAAUD,aAAS,MAAM,CAAC,EAAE,KAAM,CAAA,WAAA,IAAe,MAAM,OAAQ,CAAA,CAAA,CAAA;AAErE,IAAM,MAAA,KAAA,GAAQ,CAAC,GAAoB,KAAA;AACjC,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAChB,MAAA,IAAA,CAAK,SAAS,GAAG,CAAA,CAAA;AAAA,KACnB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var content = require('../../tooltip/src/content.js');
5
+ var content = require('../../tooltip/src/content2.js');
6
6
  var runtime = require('../../../utils/vue/props/runtime.js');
7
7
  var shared = require('@vue/shared');
8
8
  var index = require('../../../hooks/use-aria/index.js');
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var avatar$1 = require('./src/avatar.js');
6
- var avatar = require('./src/avatar2.js');
5
+ var avatar$1 = require('./src/avatar2.js');
6
+ var avatar = require('./src/avatar.js');
7
7
  var install = require('../../utils/vue/install.js');
8
8
 
9
9
  const ElAvatar = install.withInstall(avatar$1["default"]);
@@ -2,74 +2,41 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var index$1 = require('../../icon/index.js');
7
- var avatar = require('./avatar2.js');
8
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
9
- var index = require('../../../hooks/use-namespace/index.js');
10
- var shared = require('@vue/shared');
5
+ var runtime = require('../../../utils/vue/props/runtime.js');
6
+ var size = require('../../../constants/size.js');
11
7
  var types = require('../../../utils/types.js');
12
- var style = require('../../../utils/dom/style.js');
8
+ var icon = require('../../../utils/vue/icon.js');
13
9
 
14
- const __default__ = vue.defineComponent({
15
- name: "ElAvatar"
16
- });
17
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
18
- ...__default__,
19
- props: avatar.avatarProps,
20
- emits: avatar.avatarEmits,
21
- setup(__props, { emit }) {
22
- const props = __props;
23
- const ns = index.useNamespace("avatar");
24
- const hasLoadError = vue.ref(false);
25
- const avatarClass = vue.computed(() => {
26
- const { size, icon, shape } = props;
27
- const classList = [ns.b()];
28
- if (shared.isString(size))
29
- classList.push(ns.m(size));
30
- if (icon)
31
- classList.push(ns.m("icon"));
32
- if (shape)
33
- classList.push(ns.m(shape));
34
- return classList;
35
- });
36
- const sizeStyle = vue.computed(() => {
37
- const { size } = props;
38
- return types.isNumber(size) ? ns.cssVarBlock({
39
- size: style.addUnit(size) || ""
40
- }) : void 0;
41
- });
42
- const fitStyle = vue.computed(() => ({
43
- objectFit: props.fit
44
- }));
45
- vue.watch(() => props.src, () => hasLoadError.value = false);
46
- function handleError(e) {
47
- hasLoadError.value = true;
48
- emit("error", e);
49
- }
50
- return (_ctx, _cache) => {
51
- return vue.openBlock(), vue.createElementBlock("span", {
52
- class: vue.normalizeClass(vue.unref(avatarClass)),
53
- style: vue.normalizeStyle(vue.unref(sizeStyle))
54
- }, [
55
- (_ctx.src || _ctx.srcSet) && !hasLoadError.value ? (vue.openBlock(), vue.createElementBlock("img", {
56
- key: 0,
57
- src: _ctx.src,
58
- alt: _ctx.alt,
59
- srcset: _ctx.srcSet,
60
- style: vue.normalizeStyle(vue.unref(fitStyle)),
61
- onError: handleError
62
- }, null, 44, ["src", "alt", "srcset"])) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), { key: 1 }, {
63
- default: vue.withCtx(() => [
64
- (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
65
- ]),
66
- _: 1
67
- })) : vue.renderSlot(_ctx.$slots, "default", { key: 2 })
68
- ], 6);
69
- };
10
+ const avatarProps = runtime.buildProps({
11
+ size: {
12
+ type: [Number, String],
13
+ values: size.componentSizes,
14
+ default: "",
15
+ validator: (val) => types.isNumber(val)
16
+ },
17
+ shape: {
18
+ type: String,
19
+ values: ["circle", "square"],
20
+ default: "circle"
21
+ },
22
+ icon: {
23
+ type: icon.iconPropType
24
+ },
25
+ src: {
26
+ type: String,
27
+ default: ""
28
+ },
29
+ alt: String,
30
+ srcSet: String,
31
+ fit: {
32
+ type: runtime.definePropType(String),
33
+ default: "cover"
70
34
  }
71
35
  });
72
- var Avatar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "avatar.vue"]]);
36
+ const avatarEmits = {
37
+ error: (evt) => evt instanceof Event
38
+ };
73
39
 
74
- exports["default"] = Avatar;
40
+ exports.avatarEmits = avatarEmits;
41
+ exports.avatarProps = avatarProps;
75
42
  //# sourceMappingURL=avatar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.js","sources":["../../../../../../packages/components/avatar/src/avatar.vue"],"sourcesContent":["<template>\n <span :class=\"avatarClass\" :style=\"sizeStyle\">\n <img\n v-if=\"(src || srcSet) && !hasLoadError\"\n :src=\"src\"\n :alt=\"alt\"\n :srcset=\"srcSet\"\n :style=\"fitStyle\"\n @error=\"handleError\"\n />\n <el-icon v-else-if=\"icon\">\n <component :is=\"icon\" />\n </el-icon>\n <slot v-else />\n </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { addUnit, isNumber, isString } from '@element-plus/utils'\nimport { avatarEmits, avatarProps } from './avatar'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: 'ElAvatar',\n})\n\nconst props = defineProps(avatarProps)\nconst emit = defineEmits(avatarEmits)\n\nconst ns = useNamespace('avatar')\n\nconst hasLoadError = ref(false)\n\nconst avatarClass = computed(() => {\n const { size, icon, shape } = props\n const classList = [ns.b()]\n if (isString(size)) classList.push(ns.m(size))\n if (icon) classList.push(ns.m('icon'))\n if (shape) classList.push(ns.m(shape))\n return classList\n})\n\nconst sizeStyle = computed(() => {\n const { size } = props\n return isNumber(size)\n ? (ns.cssVarBlock({\n size: addUnit(size) || '',\n }) as CSSProperties)\n : undefined\n})\n\nconst fitStyle = computed<CSSProperties>(() => ({\n objectFit: props.fit,\n}))\n\n// need reset hasLoadError to false if src changed\nwatch(\n () => props.src,\n () => (hasLoadError.value = false)\n)\n\nfunction handleError(e: Event) {\n hasLoadError.value = true\n emit('error', e)\n}\n</script>\n"],"names":["useNamespace","ref","computed","isString","isNumber","addUnit","watch"],"mappings":";;;;;;;;;;;;;uCA0Bc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAA,GAAKA,mBAAa,QAAQ,CAAA,CAAA;AAEhC,IAAM,MAAA,YAAA,GAAeC,QAAI,KAAK,CAAA,CAAA;AAE9B,IAAM,MAAA,WAAA,GAAcC,aAAS,MAAM;AACjC,MAAA,MAAM,EAAE,IAAA,EAAM,IAAM,EAAA,KAAA,EAAU,GAAA,KAAA,CAAA;AAC9B,MAAA,MAAM,SAAY,GAAA,CAAC,EAAG,CAAA,CAAA,EAAG,CAAA,CAAA;AACzB,MAAI,IAAAC,eAAA,CAAS,IAAI,CAAG;AACpB,QAAA,SAAoB,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,IAAQ,CAAA,CAAA,CAAA;AAC5B,MAAA,IAAI;AACJ,QAAO,SAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,MACR,IAAA,KAAA;AAED,QAAM,SAAA,CAAA,IAAY,WAAe,CAAA,CAAA,CAAA;AAC/B,MAAM,OAAA,SAAW,CAAA;AACjB,KAAA,CAAA,CAAA;AACoB,IACd,MAAA,SAAc,GAAAD,YAAS,CAAA,MAAA;AAAA,MACzB,MACA,EAAA,IAAA,EAAA,GAAA,KAAA,CAAA;AAAA,MACL,OAAAE,cAAA,CAAA,IAAA,CAAA,GAAA,EAAA,CAAA,WAAA,CAAA;AAED,QAAM,IAAA,EAAAC,aAAW,UAA+B,EAAA;AAAA,iBACnC,CAAM;AAAA,KACjB,CAAA,CAAA;AAGF,IAAA,MAAA,QAAA,GAAAH,YAAA,CAAA,OAAA;AAAA,MACE,SAAY,EAAA,KAAA,CAAA,GAAA;AAAA,KACZ,CAAA,CAAA,CAAA;AAA4B,IAC9BI,SAAA,CAAA,MAAA,KAAA,CAAA,GAAA,EAAA,MAAA,YAAA,CAAA,KAAA,GAAA,KAAA,CAAA,CAAA;AAEA,IAAA,SAAS,YAAY,CAAU,EAAA;AAC7B,MAAA,YAAA,CAAa,KAAQ,GAAA,IAAA,CAAA;AACrB,MAAA,IAAA,CAAK,SAAS,CAAC,CAAA,CAAA;AAAA,KACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"avatar.js","sources":["../../../../../../packages/components/avatar/src/avatar.ts"],"sourcesContent":["import {\n buildProps,\n definePropType,\n iconPropType,\n isNumber,\n} from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type { ObjectFitProperty } from 'csstype'\n\nexport const avatarProps = buildProps({\n /**\n * @description avatar size.\n */\n size: {\n type: [Number, String],\n values: componentSizes,\n default: '',\n validator: (val: unknown): val is number => isNumber(val),\n },\n /**\n * @description avatar shape.\n */\n shape: {\n type: String,\n values: ['circle', 'square'],\n default: 'circle',\n },\n /**\n * @description representation type to icon, more info on icon component.\n */\n icon: {\n type: iconPropType,\n },\n /**\n * @description the source of the image for an image avatar.\n */\n src: {\n type: String,\n default: '',\n },\n /**\n * @description native attribute `alt` of image avatar.\n */\n alt: String,\n /**\n * @description native attribute srcset of image avatar.\n */\n srcSet: String,\n /**\n * @description set how the image fit its container for an image avatar.\n */\n fit: {\n type: definePropType<ObjectFitProperty>(String),\n default: 'cover',\n },\n} as const)\nexport type AvatarProps = ExtractPropTypes<typeof avatarProps>\n\nexport const avatarEmits = {\n error: (evt: Event) => evt instanceof Event,\n}\nexport type AvatarEmits = typeof avatarEmits\n"],"names":["buildProps","componentSizes","isNumber","iconPropType","definePropType"],"mappings":";;;;;;;;;AAOY,MAAC,WAAW,GAAGA,kBAAU,CAAC;AACtC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,MAAM,EAAEC,mBAAc;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,IAAI,SAAS,EAAE,CAAC,GAAG,KAAKC,cAAQ,CAAC,GAAG,CAAC;AACrC,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAChC,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,iBAAY;AACtB,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,GAAG,EAAE,MAAM;AACb,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAEC,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;AAC3B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,KAAK;AACtC;;;;;"}
@@ -2,41 +2,74 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var runtime = require('../../../utils/vue/props/runtime.js');
6
- var size = require('../../../constants/size.js');
5
+ var vue = require('vue');
6
+ var index$1 = require('../../icon/index.js');
7
+ var avatar = require('./avatar.js');
8
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
9
+ var index = require('../../../hooks/use-namespace/index.js');
10
+ var shared = require('@vue/shared');
7
11
  var types = require('../../../utils/types.js');
8
- var icon = require('../../../utils/vue/icon.js');
12
+ var style = require('../../../utils/dom/style.js');
9
13
 
10
- const avatarProps = runtime.buildProps({
11
- size: {
12
- type: [Number, String],
13
- values: size.componentSizes,
14
- default: "",
15
- validator: (val) => types.isNumber(val)
16
- },
17
- shape: {
18
- type: String,
19
- values: ["circle", "square"],
20
- default: "circle"
21
- },
22
- icon: {
23
- type: icon.iconPropType
24
- },
25
- src: {
26
- type: String,
27
- default: ""
28
- },
29
- alt: String,
30
- srcSet: String,
31
- fit: {
32
- type: runtime.definePropType(String),
33
- default: "cover"
14
+ const __default__ = vue.defineComponent({
15
+ name: "ElAvatar"
16
+ });
17
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
18
+ ...__default__,
19
+ props: avatar.avatarProps,
20
+ emits: avatar.avatarEmits,
21
+ setup(__props, { emit }) {
22
+ const props = __props;
23
+ const ns = index.useNamespace("avatar");
24
+ const hasLoadError = vue.ref(false);
25
+ const avatarClass = vue.computed(() => {
26
+ const { size, icon, shape } = props;
27
+ const classList = [ns.b()];
28
+ if (shared.isString(size))
29
+ classList.push(ns.m(size));
30
+ if (icon)
31
+ classList.push(ns.m("icon"));
32
+ if (shape)
33
+ classList.push(ns.m(shape));
34
+ return classList;
35
+ });
36
+ const sizeStyle = vue.computed(() => {
37
+ const { size } = props;
38
+ return types.isNumber(size) ? ns.cssVarBlock({
39
+ size: style.addUnit(size) || ""
40
+ }) : void 0;
41
+ });
42
+ const fitStyle = vue.computed(() => ({
43
+ objectFit: props.fit
44
+ }));
45
+ vue.watch(() => props.src, () => hasLoadError.value = false);
46
+ function handleError(e) {
47
+ hasLoadError.value = true;
48
+ emit("error", e);
49
+ }
50
+ return (_ctx, _cache) => {
51
+ return vue.openBlock(), vue.createElementBlock("span", {
52
+ class: vue.normalizeClass(vue.unref(avatarClass)),
53
+ style: vue.normalizeStyle(vue.unref(sizeStyle))
54
+ }, [
55
+ (_ctx.src || _ctx.srcSet) && !hasLoadError.value ? (vue.openBlock(), vue.createElementBlock("img", {
56
+ key: 0,
57
+ src: _ctx.src,
58
+ alt: _ctx.alt,
59
+ srcset: _ctx.srcSet,
60
+ style: vue.normalizeStyle(vue.unref(fitStyle)),
61
+ onError: handleError
62
+ }, null, 44, ["src", "alt", "srcset"])) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), { key: 1 }, {
63
+ default: vue.withCtx(() => [
64
+ (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
65
+ ]),
66
+ _: 1
67
+ })) : vue.renderSlot(_ctx.$slots, "default", { key: 2 })
68
+ ], 6);
69
+ };
34
70
  }
35
71
  });
36
- const avatarEmits = {
37
- error: (evt) => evt instanceof Event
38
- };
72
+ var Avatar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "avatar.vue"]]);
39
73
 
40
- exports.avatarEmits = avatarEmits;
41
- exports.avatarProps = avatarProps;
74
+ exports["default"] = Avatar;
42
75
  //# sourceMappingURL=avatar2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"avatar2.js","sources":["../../../../../../packages/components/avatar/src/avatar.ts"],"sourcesContent":["import {\n buildProps,\n definePropType,\n iconPropType,\n isNumber,\n} from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type { ObjectFitProperty } from 'csstype'\n\nexport const avatarProps = buildProps({\n /**\n * @description avatar size.\n */\n size: {\n type: [Number, String],\n values: componentSizes,\n default: '',\n validator: (val: unknown): val is number => isNumber(val),\n },\n /**\n * @description avatar shape.\n */\n shape: {\n type: String,\n values: ['circle', 'square'],\n default: 'circle',\n },\n /**\n * @description representation type to icon, more info on icon component.\n */\n icon: {\n type: iconPropType,\n },\n /**\n * @description the source of the image for an image avatar.\n */\n src: {\n type: String,\n default: '',\n },\n /**\n * @description native attribute `alt` of image avatar.\n */\n alt: String,\n /**\n * @description native attribute srcset of image avatar.\n */\n srcSet: String,\n /**\n * @description set how the image fit its container for an image avatar.\n */\n fit: {\n type: definePropType<ObjectFitProperty>(String),\n default: 'cover',\n },\n} as const)\nexport type AvatarProps = ExtractPropTypes<typeof avatarProps>\n\nexport const avatarEmits = {\n error: (evt: Event) => evt instanceof Event,\n}\nexport type AvatarEmits = typeof avatarEmits\n"],"names":["buildProps","componentSizes","isNumber","iconPropType","definePropType"],"mappings":";;;;;;;;;AAOY,MAAC,WAAW,GAAGA,kBAAU,CAAC;AACtC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,MAAM,EAAEC,mBAAc;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,IAAI,SAAS,EAAE,CAAC,GAAG,KAAKC,cAAQ,CAAC,GAAG,CAAC;AACrC,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAChC,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,iBAAY;AACtB,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,GAAG,EAAE,MAAM;AACb,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAEC,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;AAC3B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,KAAK;AACtC;;;;;"}
1
+ {"version":3,"file":"avatar2.js","sources":["../../../../../../packages/components/avatar/src/avatar.vue"],"sourcesContent":["<template>\n <span :class=\"avatarClass\" :style=\"sizeStyle\">\n <img\n v-if=\"(src || srcSet) && !hasLoadError\"\n :src=\"src\"\n :alt=\"alt\"\n :srcset=\"srcSet\"\n :style=\"fitStyle\"\n @error=\"handleError\"\n />\n <el-icon v-else-if=\"icon\">\n <component :is=\"icon\" />\n </el-icon>\n <slot v-else />\n </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { addUnit, isNumber, isString } from '@element-plus/utils'\nimport { avatarEmits, avatarProps } from './avatar'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: 'ElAvatar',\n})\n\nconst props = defineProps(avatarProps)\nconst emit = defineEmits(avatarEmits)\n\nconst ns = useNamespace('avatar')\n\nconst hasLoadError = ref(false)\n\nconst avatarClass = computed(() => {\n const { size, icon, shape } = props\n const classList = [ns.b()]\n if (isString(size)) classList.push(ns.m(size))\n if (icon) classList.push(ns.m('icon'))\n if (shape) classList.push(ns.m(shape))\n return classList\n})\n\nconst sizeStyle = computed(() => {\n const { size } = props\n return isNumber(size)\n ? (ns.cssVarBlock({\n size: addUnit(size) || '',\n }) as CSSProperties)\n : undefined\n})\n\nconst fitStyle = computed<CSSProperties>(() => ({\n objectFit: props.fit,\n}))\n\n// need reset hasLoadError to false if src changed\nwatch(\n () => props.src,\n () => (hasLoadError.value = false)\n)\n\nfunction handleError(e: Event) {\n hasLoadError.value = true\n emit('error', e)\n}\n</script>\n"],"names":["useNamespace","ref","computed","isString","isNumber","addUnit","watch"],"mappings":";;;;;;;;;;;;;uCA0Bc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAA,GAAKA,mBAAa,QAAQ,CAAA,CAAA;AAEhC,IAAM,MAAA,YAAA,GAAeC,QAAI,KAAK,CAAA,CAAA;AAE9B,IAAM,MAAA,WAAA,GAAcC,aAAS,MAAM;AACjC,MAAA,MAAM,EAAE,IAAA,EAAM,IAAM,EAAA,KAAA,EAAU,GAAA,KAAA,CAAA;AAC9B,MAAA,MAAM,SAAY,GAAA,CAAC,EAAG,CAAA,CAAA,EAAG,CAAA,CAAA;AACzB,MAAI,IAAAC,eAAA,CAAS,IAAI,CAAG;AACpB,QAAA,SAAoB,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,IAAQ,CAAA,CAAA,CAAA;AAC5B,MAAA,IAAI;AACJ,QAAO,SAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,MACR,IAAA,KAAA;AAED,QAAM,SAAA,CAAA,IAAY,WAAe,CAAA,CAAA,CAAA;AAC/B,MAAM,OAAA,SAAW,CAAA;AACjB,KAAA,CAAA,CAAA;AACoB,IACd,MAAA,SAAc,GAAAD,YAAS,CAAA,MAAA;AAAA,MACzB,MACA,EAAA,IAAA,EAAA,GAAA,KAAA,CAAA;AAAA,MACL,OAAAE,cAAA,CAAA,IAAA,CAAA,GAAA,EAAA,CAAA,WAAA,CAAA;AAED,QAAM,IAAA,EAAAC,aAAW,UAA+B,EAAA;AAAA,iBACnC,CAAM;AAAA,KACjB,CAAA,CAAA;AAGF,IAAA,MAAA,QAAA,GAAAH,YAAA,CAAA,OAAA;AAAA,MACE,SAAY,EAAA,KAAA,CAAA,GAAA;AAAA,KACZ,CAAA,CAAA,CAAA;AAA4B,IAC9BI,SAAA,CAAA,MAAA,KAAA,CAAA,GAAA,EAAA,MAAA,YAAA,CAAA,KAAA,GAAA,KAAA,CAAA,CAAA;AAEA,IAAA,SAAS,YAAY,CAAU,EAAA;AAC7B,MAAA,YAAA,CAAa,KAAQ,GAAA,IAAA,CAAA;AACrB,MAAA,IAAA,CAAK,SAAS,CAAC,CAAA,CAAA;AAAA,KACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var badge$1 = require('./src/badge2.js');
6
- var badge = require('./src/badge.js');
5
+ var badge$1 = require('./src/badge.js');
6
+ var badge = require('./src/badge2.js');
7
7
  var install = require('../../utils/vue/install.js');
8
8
 
9
9
  const ElBadge = install.withInstall(badge$1["default"]);
@@ -2,40 +2,79 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var runtime = require('../../../utils/vue/props/runtime.js');
5
+ var vue = require('vue');
6
+ var badge = require('./badge2.js');
7
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
8
+ var index = require('../../../hooks/use-namespace/index.js');
9
+ var types = require('../../../utils/types.js');
10
+ var style = require('../../../utils/dom/style.js');
6
11
 
7
- const badgeProps = runtime.buildProps({
8
- value: {
9
- type: [String, Number],
10
- default: ""
11
- },
12
- max: {
13
- type: Number,
14
- default: 99
15
- },
16
- isDot: Boolean,
17
- hidden: Boolean,
18
- type: {
19
- type: String,
20
- values: ["primary", "success", "warning", "info", "danger"],
21
- default: "danger"
22
- },
23
- showZero: {
24
- type: Boolean,
25
- default: true
26
- },
27
- color: String,
28
- badgeStyle: {
29
- type: runtime.definePropType([String, Object, Array])
30
- },
31
- offset: {
32
- type: runtime.definePropType(Array),
33
- default: [0, 0]
34
- },
35
- badgeClass: {
36
- type: String
12
+ const __default__ = vue.defineComponent({
13
+ name: "ElBadge"
14
+ });
15
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
16
+ ...__default__,
17
+ props: badge.badgeProps,
18
+ setup(__props, { expose }) {
19
+ const props = __props;
20
+ const ns = index.useNamespace("badge");
21
+ const content = vue.computed(() => {
22
+ if (props.isDot)
23
+ return "";
24
+ if (types.isNumber(props.value) && types.isNumber(props.max)) {
25
+ return props.max < props.value ? `${props.max}+` : `${props.value}`;
26
+ }
27
+ return `${props.value}`;
28
+ });
29
+ const style$1 = vue.computed(() => {
30
+ var _a, _b, _c, _d, _e;
31
+ return [
32
+ {
33
+ backgroundColor: props.color,
34
+ marginRight: style.addUnit(-((_b = (_a = props.offset) == null ? void 0 : _a[0]) != null ? _b : 0)),
35
+ marginTop: style.addUnit((_d = (_c = props.offset) == null ? void 0 : _c[1]) != null ? _d : 0)
36
+ },
37
+ (_e = props.badgeStyle) != null ? _e : {}
38
+ ];
39
+ });
40
+ expose({
41
+ content
42
+ });
43
+ return (_ctx, _cache) => {
44
+ return vue.openBlock(), vue.createElementBlock("div", {
45
+ class: vue.normalizeClass(vue.unref(ns).b())
46
+ }, [
47
+ vue.renderSlot(_ctx.$slots, "default"),
48
+ vue.createVNode(vue.Transition, {
49
+ name: `${vue.unref(ns).namespace.value}-zoom-in-center`,
50
+ persisted: ""
51
+ }, {
52
+ default: vue.withCtx(() => [
53
+ vue.withDirectives(vue.createElementVNode("sup", {
54
+ class: vue.normalizeClass([
55
+ vue.unref(ns).e("content"),
56
+ vue.unref(ns).em("content", _ctx.type),
57
+ vue.unref(ns).is("fixed", !!_ctx.$slots.default),
58
+ vue.unref(ns).is("dot", _ctx.isDot),
59
+ vue.unref(ns).is("hide-zero", !_ctx.showZero && props.value === 0),
60
+ _ctx.badgeClass
61
+ ]),
62
+ style: vue.normalizeStyle(vue.unref(style$1))
63
+ }, [
64
+ vue.renderSlot(_ctx.$slots, "content", { value: vue.unref(content) }, () => [
65
+ vue.createTextVNode(vue.toDisplayString(vue.unref(content)), 1)
66
+ ])
67
+ ], 6), [
68
+ [vue.vShow, !_ctx.hidden && (vue.unref(content) || _ctx.isDot || _ctx.$slots.content)]
69
+ ])
70
+ ]),
71
+ _: 3
72
+ }, 8, ["name"])
73
+ ], 2);
74
+ };
37
75
  }
38
76
  });
77
+ var Badge = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "badge.vue"]]);
39
78
 
40
- exports.badgeProps = badgeProps;
79
+ exports["default"] = Badge;
41
80
  //# sourceMappingURL=badge.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"badge.js","sources":["../../../../../../packages/components/badge/src/badge.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { ExtractPropTypes, StyleValue } from 'vue'\n\nexport const badgeProps = buildProps({\n /**\n * @description display value.\n */\n value: {\n type: [String, Number],\n default: '',\n },\n /**\n * @description maximum value, shows `{max}+` when exceeded. Only works if value is a number.\n */\n max: {\n type: Number,\n default: 99,\n },\n /**\n * @description if a little dot is displayed.\n */\n isDot: Boolean,\n /**\n * @description hidden badge.\n */\n hidden: Boolean,\n /**\n * @description badge type.\n */\n type: {\n type: String,\n values: ['primary', 'success', 'warning', 'info', 'danger'],\n default: 'danger',\n },\n /**\n * @description whether to show badge when value is zero.\n */\n showZero: {\n type: Boolean,\n default: true,\n },\n /**\n * @description customize dot background color\n */\n color: String,\n /**\n * @description CSS style of badge\n */\n badgeStyle: {\n type: definePropType<StyleValue>([String, Object, Array]),\n },\n /**\n * @description set offset of the badge\n */\n offset: {\n type: definePropType<[number, number]>(Array),\n default: [0, 0],\n },\n /**\n * @description custom class name of badge\n */\n badgeClass: {\n type: String,\n },\n} as const)\nexport type BadgeProps = ExtractPropTypes<typeof badgeProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AACY,MAAC,UAAU,GAAGA,kBAAU,CAAC;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC;AAC/D,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AACjD,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAEA,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACnB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"badge.js","sources":["../../../../../../packages/components/badge/src/badge.vue"],"sourcesContent":["<template>\n <div :class=\"ns.b()\">\n <slot />\n <transition :name=\"`${ns.namespace.value}-zoom-in-center`\">\n <sup\n v-show=\"!hidden && (content || isDot || $slots.content)\"\n :class=\"[\n ns.e('content'),\n ns.em('content', type),\n ns.is('fixed', !!$slots.default),\n ns.is('dot', isDot),\n ns.is('hide-zero', !showZero && props.value === 0),\n badgeClass,\n ]\"\n :style=\"style\"\n >\n <slot name=\"content\" :value=\"content\">\n {{ content }}\n </slot>\n </sup>\n </transition>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { addUnit, isNumber } from '@element-plus/utils'\nimport { badgeProps } from './badge'\nimport type { StyleValue } from 'vue'\n\ndefineOptions({\n name: 'ElBadge',\n})\n\nconst props = defineProps(badgeProps)\n\nconst ns = useNamespace('badge')\n\nconst content = computed<string>(() => {\n if (props.isDot) return ''\n if (isNumber(props.value) && isNumber(props.max)) {\n return props.max < props.value ? `${props.max}+` : `${props.value}`\n }\n return `${props.value}`\n})\n\nconst style = computed<StyleValue>(() => {\n return [\n {\n backgroundColor: props.color,\n marginRight: addUnit(-(props.offset?.[0] ?? 0)),\n marginTop: addUnit(props.offset?.[1] ?? 0),\n },\n props.badgeStyle ?? {},\n ]\n})\n\ndefineExpose({\n /** @description badge content */\n content,\n})\n</script>\n"],"names":["useNamespace","computed","isNumber","style","addUnit"],"mappings":";;;;;;;;;;;uCA+Bc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAKA,mBAAa,OAAO,CAAA,CAAA;AAE/B,IAAM,MAAA,OAAA,GAAUC,aAAiB,MAAM;AACrC,MAAI,IAAA,KAAA,CAAM;AACV,QAAA;AACE,MAAO,IAAAC,cAAA,CAAA,KAAY,CAAA,KAAA,CAAA,IAAcA,cAAA,CAAG,MAAM,GAAG,CAAA,EAAA;AAAoB,QACnE,OAAA,KAAA,CAAA,GAAA,GAAA,KAAA,CAAA,KAAA,GAAA,CAAA,EAAA,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,EAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AACA,OAAO;AAAc,MACtB,OAAA,CAAA,EAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AAED,KAAM,CAAA,CAAA;AACJ,IAAO,MAAAC,OAAA,GAAAF,YAAA,CAAA,MAAA;AAAA,MACL,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAAA,MAAA;AACyB,QAAA;AACuB,UAC9C,eAAmB,EAAA,KAAA,CAAA,KAAe;AAAO,UAC3C,WAAA,EAAAG,aAAA,CAAA,EAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAA,MAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAA,CAAA,KAAA,IAAA,GAAA,EAAA,GAAA,CAAA,CAAA,CAAA;AAAA,UACA,wBAAoB,CAAC,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAA,MAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAA,CAAA,KAAA,IAAA,GAAA,EAAA,GAAA,CAAA,CAAA;AAAA,SACvB;AAAA,QACD,CAAA,EAAA,GAAA,KAAA,CAAA,UAAA,KAAA,IAAA,GAAA,EAAA,GAAA,EAAA;AAED,OAAa,CAAA;AAAA,KAAA,CAAA,CAAA;AAAA,IAEX,MAAA,CAAA;AAAA,MACD,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}