@element-plus/nightly 0.0.20250725 → 0.0.20250727

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 (500) hide show
  1. package/attributes.json +1 -1
  2. package/dist/index.full.js +15 -10
  3. package/dist/index.full.min.js +4 -4
  4. package/dist/index.full.min.js.map +1 -1
  5. package/dist/index.full.min.mjs +4 -4
  6. package/dist/index.full.min.mjs.map +1 -1
  7. package/dist/index.full.mjs +15 -10
  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/anchor/index.mjs +1 -1
  277. package/es/components/anchor/src/anchor-link.mjs +81 -5
  278. package/es/components/anchor/src/anchor-link.mjs.map +1 -1
  279. package/es/components/anchor/src/anchor-link2.mjs +5 -81
  280. package/es/components/anchor/src/anchor-link2.mjs.map +1 -1
  281. package/es/components/avatar/index.mjs +2 -2
  282. package/es/components/avatar/src/avatar.mjs +31 -65
  283. package/es/components/avatar/src/avatar.mjs.map +1 -1
  284. package/es/components/avatar/src/avatar2.mjs +65 -31
  285. package/es/components/avatar/src/avatar2.mjs.map +1 -1
  286. package/es/components/backtop/index.mjs +2 -2
  287. package/es/components/backtop/src/backtop.mjs +53 -21
  288. package/es/components/backtop/src/backtop.mjs.map +1 -1
  289. package/es/components/backtop/src/backtop2.mjs +21 -53
  290. package/es/components/backtop/src/backtop2.mjs.map +1 -1
  291. package/es/components/calendar/src/calendar2.mjs +1 -1
  292. package/es/components/calendar/src/date-table.mjs +31 -89
  293. package/es/components/calendar/src/date-table.mjs.map +1 -1
  294. package/es/components/calendar/src/date-table2.mjs +89 -31
  295. package/es/components/calendar/src/date-table2.mjs.map +1 -1
  296. package/es/components/calendar/src/use-date-table.mjs +1 -1
  297. package/es/components/cascader/src/cascader.d.ts +2 -1
  298. package/es/components/cascader/src/cascader.mjs +4 -0
  299. package/es/components/cascader/src/cascader.mjs.map +1 -1
  300. package/es/components/cascader/src/cascader.vue.d.ts +3 -0
  301. package/es/components/cascader/src/cascader2.mjs +4 -4
  302. package/es/components/cascader/src/cascader2.mjs.map +1 -1
  303. package/es/components/collapse/index.mjs +2 -2
  304. package/es/components/collapse/src/collapse-item.mjs +95 -18
  305. package/es/components/collapse/src/collapse-item.mjs.map +1 -1
  306. package/es/components/collapse/src/collapse-item2.mjs +18 -95
  307. package/es/components/collapse/src/collapse-item2.mjs.map +1 -1
  308. package/es/components/descriptions/index.mjs +2 -2
  309. package/es/components/descriptions/src/description.mjs +26 -127
  310. package/es/components/descriptions/src/description.mjs.map +1 -1
  311. package/es/components/descriptions/src/description2.mjs +127 -26
  312. package/es/components/descriptions/src/description2.mjs.map +1 -1
  313. package/es/components/dialog/src/dialog-content.mjs +29 -88
  314. package/es/components/dialog/src/dialog-content.mjs.map +1 -1
  315. package/es/components/dialog/src/dialog-content2.mjs +88 -29
  316. package/es/components/dialog/src/dialog-content2.mjs.map +1 -1
  317. package/es/components/dialog/src/dialog.mjs +1 -1
  318. package/es/components/dialog/src/dialog2.mjs +1 -1
  319. package/es/components/index.mjs +14 -14
  320. package/es/components/input-tag/index.mjs +2 -2
  321. package/es/components/input-tag/src/input-tag.mjs +215 -70
  322. package/es/components/input-tag/src/input-tag.mjs.map +1 -1
  323. package/es/components/input-tag/src/input-tag2.mjs +70 -215
  324. package/es/components/input-tag/src/input-tag2.mjs.map +1 -1
  325. package/es/components/page-header/index.mjs +2 -2
  326. package/es/components/page-header/src/page-header.mjs +97 -16
  327. package/es/components/page-header/src/page-header.mjs.map +1 -1
  328. package/es/components/page-header/src/page-header2.mjs +16 -97
  329. package/es/components/page-header/src/page-header2.mjs.map +1 -1
  330. package/es/components/pagination/src/components/sizes.mjs +23 -71
  331. package/es/components/pagination/src/components/sizes.mjs.map +1 -1
  332. package/es/components/pagination/src/components/sizes2.mjs +71 -23
  333. package/es/components/pagination/src/components/sizes2.mjs.map +1 -1
  334. package/es/components/pagination/src/pagination.mjs +1 -1
  335. package/es/components/row/index.mjs +2 -2
  336. package/es/components/row/src/row.mjs +28 -44
  337. package/es/components/row/src/row.mjs.map +1 -1
  338. package/es/components/row/src/row2.mjs +44 -28
  339. package/es/components/row/src/row2.mjs.map +1 -1
  340. package/es/components/splitter/src/split-bar.mjs +5 -4
  341. package/es/components/splitter/src/split-bar.mjs.map +1 -1
  342. package/es/components/statistic/index.mjs +2 -2
  343. package/es/components/statistic/src/statistic.mjs +25 -69
  344. package/es/components/statistic/src/statistic.mjs.map +1 -1
  345. package/es/components/statistic/src/statistic2.mjs +69 -25
  346. package/es/components/statistic/src/statistic2.mjs.map +1 -1
  347. package/es/components/steps/index.mjs +2 -2
  348. package/es/components/steps/src/steps.mjs +35 -41
  349. package/es/components/steps/src/steps.mjs.map +1 -1
  350. package/es/components/steps/src/steps2.mjs +41 -35
  351. package/es/components/steps/src/steps2.mjs.map +1 -1
  352. package/es/components/tour/index.mjs +1 -1
  353. package/es/components/tour/src/content.mjs +43 -67
  354. package/es/components/tour/src/content.mjs.map +1 -1
  355. package/es/components/tour/src/content2.mjs +67 -43
  356. package/es/components/tour/src/content2.mjs.map +1 -1
  357. package/es/components/tour/src/mask.mjs +18 -75
  358. package/es/components/tour/src/mask.mjs.map +1 -1
  359. package/es/components/tour/src/mask2.mjs +75 -18
  360. package/es/components/tour/src/mask2.mjs.map +1 -1
  361. package/es/components/tour/src/step.mjs +1 -1
  362. package/es/components/tour/src/tour.mjs +1 -1
  363. package/es/components/tour/src/tour2.mjs +2 -2
  364. package/es/components/upload/index.mjs +5 -5
  365. package/es/components/upload/src/upload-content.mjs +196 -33
  366. package/es/components/upload/src/upload-content.mjs.map +1 -1
  367. package/es/components/upload/src/upload-content2.mjs +33 -196
  368. package/es/components/upload/src/upload-content2.mjs.map +1 -1
  369. package/es/components/upload/src/upload-dragger.mjs +8 -61
  370. package/es/components/upload/src/upload-dragger.mjs.map +1 -1
  371. package/es/components/upload/src/upload-dragger2.mjs +61 -8
  372. package/es/components/upload/src/upload-dragger2.mjs.map +1 -1
  373. package/es/components/upload/src/upload-list.mjs +173 -25
  374. package/es/components/upload/src/upload-list.mjs.map +1 -1
  375. package/es/components/upload/src/upload-list2.mjs +25 -173
  376. package/es/components/upload/src/upload-list2.mjs.map +1 -1
  377. package/es/components/upload/src/upload.mjs +125 -97
  378. package/es/components/upload/src/upload.mjs.map +1 -1
  379. package/es/components/upload/src/upload2.mjs +97 -125
  380. package/es/components/upload/src/upload2.mjs.map +1 -1
  381. package/es/components/upload/src/use-handlers.mjs +1 -1
  382. package/es/index.d.ts +4 -0
  383. package/es/index.mjs +14 -14
  384. package/es/version.d.ts +1 -1
  385. package/es/version.mjs +1 -1
  386. package/es/version.mjs.map +1 -1
  387. package/lib/components/anchor/index.js +1 -1
  388. package/lib/components/anchor/src/anchor-link.js +81 -5
  389. package/lib/components/anchor/src/anchor-link.js.map +1 -1
  390. package/lib/components/anchor/src/anchor-link2.js +5 -81
  391. package/lib/components/anchor/src/anchor-link2.js.map +1 -1
  392. package/lib/components/avatar/index.js +2 -2
  393. package/lib/components/avatar/src/avatar.js +32 -65
  394. package/lib/components/avatar/src/avatar.js.map +1 -1
  395. package/lib/components/avatar/src/avatar2.js +65 -32
  396. package/lib/components/avatar/src/avatar2.js.map +1 -1
  397. package/lib/components/backtop/index.js +2 -2
  398. package/lib/components/backtop/src/backtop.js +53 -22
  399. package/lib/components/backtop/src/backtop.js.map +1 -1
  400. package/lib/components/backtop/src/backtop2.js +22 -53
  401. package/lib/components/backtop/src/backtop2.js.map +1 -1
  402. package/lib/components/calendar/src/calendar2.js +1 -1
  403. package/lib/components/calendar/src/date-table.js +35 -89
  404. package/lib/components/calendar/src/date-table.js.map +1 -1
  405. package/lib/components/calendar/src/date-table2.js +89 -35
  406. package/lib/components/calendar/src/date-table2.js.map +1 -1
  407. package/lib/components/calendar/src/use-date-table.js +1 -1
  408. package/lib/components/cascader/src/cascader.d.ts +2 -1
  409. package/lib/components/cascader/src/cascader.js +4 -0
  410. package/lib/components/cascader/src/cascader.js.map +1 -1
  411. package/lib/components/cascader/src/cascader.vue.d.ts +3 -0
  412. package/lib/components/cascader/src/cascader2.js +4 -4
  413. package/lib/components/cascader/src/cascader2.js.map +1 -1
  414. package/lib/components/collapse/index.js +2 -2
  415. package/lib/components/collapse/src/collapse-item.js +95 -18
  416. package/lib/components/collapse/src/collapse-item.js.map +1 -1
  417. package/lib/components/collapse/src/collapse-item2.js +18 -95
  418. package/lib/components/collapse/src/collapse-item2.js.map +1 -1
  419. package/lib/components/descriptions/index.js +2 -2
  420. package/lib/components/descriptions/src/description.js +26 -127
  421. package/lib/components/descriptions/src/description.js.map +1 -1
  422. package/lib/components/descriptions/src/description2.js +127 -26
  423. package/lib/components/descriptions/src/description2.js.map +1 -1
  424. package/lib/components/dialog/src/dialog-content.js +29 -87
  425. package/lib/components/dialog/src/dialog-content.js.map +1 -1
  426. package/lib/components/dialog/src/dialog-content2.js +87 -29
  427. package/lib/components/dialog/src/dialog-content2.js.map +1 -1
  428. package/lib/components/dialog/src/dialog.js +1 -1
  429. package/lib/components/dialog/src/dialog2.js +1 -1
  430. package/lib/components/index.js +14 -14
  431. package/lib/components/input-tag/index.js +2 -2
  432. package/lib/components/input-tag/src/input-tag.js +214 -70
  433. package/lib/components/input-tag/src/input-tag.js.map +1 -1
  434. package/lib/components/input-tag/src/input-tag2.js +70 -214
  435. package/lib/components/input-tag/src/input-tag2.js.map +1 -1
  436. package/lib/components/page-header/index.js +2 -2
  437. package/lib/components/page-header/src/page-header.js +97 -17
  438. package/lib/components/page-header/src/page-header.js.map +1 -1
  439. package/lib/components/page-header/src/page-header2.js +17 -97
  440. package/lib/components/page-header/src/page-header2.js.map +1 -1
  441. package/lib/components/pagination/src/components/sizes.js +23 -71
  442. package/lib/components/pagination/src/components/sizes.js.map +1 -1
  443. package/lib/components/pagination/src/components/sizes2.js +71 -23
  444. package/lib/components/pagination/src/components/sizes2.js.map +1 -1
  445. package/lib/components/pagination/src/pagination.js +1 -1
  446. package/lib/components/row/index.js +2 -2
  447. package/lib/components/row/src/row.js +30 -44
  448. package/lib/components/row/src/row.js.map +1 -1
  449. package/lib/components/row/src/row2.js +44 -30
  450. package/lib/components/row/src/row2.js.map +1 -1
  451. package/lib/components/splitter/src/split-bar.js +5 -4
  452. package/lib/components/splitter/src/split-bar.js.map +1 -1
  453. package/lib/components/statistic/index.js +2 -2
  454. package/lib/components/statistic/src/statistic.js +25 -69
  455. package/lib/components/statistic/src/statistic.js.map +1 -1
  456. package/lib/components/statistic/src/statistic2.js +69 -25
  457. package/lib/components/statistic/src/statistic2.js.map +1 -1
  458. package/lib/components/steps/index.js +2 -2
  459. package/lib/components/steps/src/steps.js +36 -41
  460. package/lib/components/steps/src/steps.js.map +1 -1
  461. package/lib/components/steps/src/steps2.js +41 -36
  462. package/lib/components/steps/src/steps2.js.map +1 -1
  463. package/lib/components/tour/index.js +1 -1
  464. package/lib/components/tour/src/content.js +46 -67
  465. package/lib/components/tour/src/content.js.map +1 -1
  466. package/lib/components/tour/src/content2.js +67 -46
  467. package/lib/components/tour/src/content2.js.map +1 -1
  468. package/lib/components/tour/src/mask.js +18 -75
  469. package/lib/components/tour/src/mask.js.map +1 -1
  470. package/lib/components/tour/src/mask2.js +75 -18
  471. package/lib/components/tour/src/mask2.js.map +1 -1
  472. package/lib/components/tour/src/step.js +1 -1
  473. package/lib/components/tour/src/tour.js +1 -1
  474. package/lib/components/tour/src/tour2.js +2 -2
  475. package/lib/components/upload/index.js +5 -5
  476. package/lib/components/upload/src/upload-content.js +195 -32
  477. package/lib/components/upload/src/upload-content.js.map +1 -1
  478. package/lib/components/upload/src/upload-content2.js +32 -195
  479. package/lib/components/upload/src/upload-content2.js.map +1 -1
  480. package/lib/components/upload/src/upload-dragger.js +9 -61
  481. package/lib/components/upload/src/upload-dragger.js.map +1 -1
  482. package/lib/components/upload/src/upload-dragger2.js +61 -9
  483. package/lib/components/upload/src/upload-dragger2.js.map +1 -1
  484. package/lib/components/upload/src/upload-list.js +173 -26
  485. package/lib/components/upload/src/upload-list.js.map +1 -1
  486. package/lib/components/upload/src/upload-list2.js +26 -173
  487. package/lib/components/upload/src/upload-list2.js.map +1 -1
  488. package/lib/components/upload/src/upload.js +125 -100
  489. package/lib/components/upload/src/upload.js.map +1 -1
  490. package/lib/components/upload/src/upload2.js +100 -125
  491. package/lib/components/upload/src/upload2.js.map +1 -1
  492. package/lib/components/upload/src/use-handlers.js +1 -1
  493. package/lib/index.d.ts +4 -0
  494. package/lib/index.js +14 -14
  495. package/lib/version.d.ts +1 -1
  496. package/lib/version.js +1 -1
  497. package/lib/version.js.map +1 -1
  498. package/package.json +2 -2
  499. package/tags.json +1 -1
  500. package/web-types.json +1 -1
@@ -2,16 +2,68 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var runtime = require('../../../utils/vue/props/runtime.js');
6
- var shared = require('@vue/shared');
5
+ var vue = require('vue');
6
+ var error = require('../../../utils/error.js');
7
+ var constants = require('./constants.js');
8
+ var uploadDragger = require('./upload-dragger.js');
9
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
10
+ var index = require('../../../hooks/use-namespace/index.js');
11
+ var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
7
12
 
8
- const uploadDraggerProps = runtime.buildProps({
9
- disabled: Boolean
13
+ const COMPONENT_NAME = "ElUploadDrag";
14
+ const __default__ = vue.defineComponent({
15
+ name: COMPONENT_NAME
10
16
  });
11
- const uploadDraggerEmits = {
12
- file: (file) => shared.isArray(file)
13
- };
17
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
18
+ ...__default__,
19
+ props: uploadDragger.uploadDraggerProps,
20
+ emits: uploadDragger.uploadDraggerEmits,
21
+ setup(__props, { emit }) {
22
+ const uploaderContext = vue.inject(constants.uploadContextKey);
23
+ if (!uploaderContext) {
24
+ error.throwError(COMPONENT_NAME, "usage: <el-upload><el-upload-dragger /></el-upload>");
25
+ }
26
+ const ns = index.useNamespace("upload");
27
+ const dragover = vue.ref(false);
28
+ const disabled = useFormCommonProps.useFormDisabled();
29
+ const onDrop = (e) => {
30
+ if (disabled.value)
31
+ return;
32
+ dragover.value = false;
33
+ e.stopPropagation();
34
+ const files = Array.from(e.dataTransfer.files);
35
+ const items = e.dataTransfer.items || [];
36
+ files.forEach((file, index) => {
37
+ var _a;
38
+ const item = items[index];
39
+ const entry = (_a = item == null ? void 0 : item.webkitGetAsEntry) == null ? void 0 : _a.call(item);
40
+ if (entry) {
41
+ file.isDirectory = entry.isDirectory;
42
+ }
43
+ });
44
+ emit("file", files);
45
+ };
46
+ const onDragover = () => {
47
+ if (!disabled.value)
48
+ dragover.value = true;
49
+ };
50
+ const onDragleave = (e) => {
51
+ if (!e.currentTarget.contains(e.relatedTarget))
52
+ dragover.value = false;
53
+ };
54
+ return (_ctx, _cache) => {
55
+ return vue.openBlock(), vue.createElementBlock("div", {
56
+ class: vue.normalizeClass([vue.unref(ns).b("dragger"), vue.unref(ns).is("dragover", dragover.value)]),
57
+ onDrop: vue.withModifiers(onDrop, ["prevent"]),
58
+ onDragover: vue.withModifiers(onDragover, ["prevent"]),
59
+ onDragleave: vue.withModifiers(onDragleave, ["prevent"])
60
+ }, [
61
+ vue.renderSlot(_ctx.$slots, "default")
62
+ ], 42, ["onDrop", "onDragover", "onDragleave"]);
63
+ };
64
+ }
65
+ });
66
+ var UploadDragger = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "upload-dragger.vue"]]);
14
67
 
15
- exports.uploadDraggerEmits = uploadDraggerEmits;
16
- exports.uploadDraggerProps = uploadDraggerProps;
68
+ exports["default"] = UploadDragger;
17
69
  //# sourceMappingURL=upload-dragger2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"upload-dragger2.js","sources":["../../../../../../packages/components/upload/src/upload-dragger.ts"],"sourcesContent":["import { buildProps, isArray } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type UploadDragger from './upload-dragger.vue'\n\nexport const uploadDraggerProps = buildProps({\n disabled: Boolean,\n} as const)\nexport type UploadDraggerProps = ExtractPropTypes<typeof uploadDraggerProps>\nexport type UploadDraggerPropsPublic = __ExtractPublicPropTypes<\n typeof uploadDraggerProps\n>\n\nexport const uploadDraggerEmits = {\n file: (file: File[]) => isArray(file),\n}\nexport type UploadDraggerEmits = typeof uploadDraggerEmits\n\nexport type UploadDraggerInstance = InstanceType<typeof UploadDragger> & unknown\n"],"names":["buildProps","isArray"],"mappings":";;;;;;;AACY,MAAC,kBAAkB,GAAGA,kBAAU,CAAC;AAC7C,EAAE,QAAQ,EAAE,OAAO;AACnB,CAAC,EAAE;AACS,MAAC,kBAAkB,GAAG;AAClC,EAAE,IAAI,EAAE,CAAC,IAAI,KAAKC,cAAO,CAAC,IAAI,CAAC;AAC/B;;;;;"}
1
+ {"version":3,"file":"upload-dragger2.js","sources":["../../../../../../packages/components/upload/src/upload-dragger.vue"],"sourcesContent":["<template>\n <div\n :class=\"[ns.b('dragger'), ns.is('dragover', dragover)]\"\n @drop.prevent=\"onDrop\"\n @dragover.prevent=\"onDragover\"\n @dragleave.prevent=\"onDragleave\"\n >\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, ref } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport { throwError } from '@element-plus/utils/error'\nimport { uploadContextKey } from './constants'\nimport { uploadDraggerEmits, uploadDraggerProps } from './upload-dragger'\n\nimport type { UploadRawFile } from './upload'\n\nconst COMPONENT_NAME = 'ElUploadDrag'\n\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\ndefineProps(uploadDraggerProps)\nconst emit = defineEmits(uploadDraggerEmits)\n\nconst uploaderContext = inject(uploadContextKey)\nif (!uploaderContext) {\n throwError(\n COMPONENT_NAME,\n 'usage: <el-upload><el-upload-dragger /></el-upload>'\n )\n}\n\nconst ns = useNamespace('upload')\nconst dragover = ref(false)\nconst disabled = useFormDisabled()\n\nconst onDrop = (e: DragEvent) => {\n if (disabled.value) return\n dragover.value = false\n\n e.stopPropagation()\n\n const files = Array.from(e.dataTransfer!.files) as UploadRawFile[]\n const items = e.dataTransfer!.items || []\n files.forEach((file, index) => {\n const item = items[index]\n const entry = item?.webkitGetAsEntry?.()\n if (entry) {\n file.isDirectory = entry.isDirectory\n }\n })\n emit('file', files)\n}\n\nconst onDragover = () => {\n if (!disabled.value) dragover.value = true\n}\n\nconst onDragleave = (e: DragEvent) => {\n if (!(e.currentTarget as Element).contains(e.relatedTarget as Element))\n dragover.value = false\n}\n</script>\n"],"names":["inject","uploadContextKey","throwError","useNamespace","ref","useFormDisabled"],"mappings":";;;;;;;;;;;;;uCAuBc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;AAKA,IAAM,MAAA,eAAA,GAAkBA,WAAOC,0BAAgB,CAAA,CAAA;AAC/C,IAAA,IAAI,CAAC,eAAiB,EAAA;AACpB,MAAAC,gBAAA,CAAA,cAAA,EAAA,qDAAA,CAAA,CAAA;AAAA,KACE;AAAA,IACA,MAAA,EAAA,GAAAC,kBAAA,CAAA,QAAA,CAAA,CAAA;AAAA,IACF,MAAA,QAAA,GAAAC,OAAA,CAAA,KAAA,CAAA,CAAA;AAAA,IACF,MAAA,QAAA,GAAAC,kCAAA,EAAA,CAAA;AAEA,IAAM,MAAA;AACN,MAAM,IAAA,QAAA,CAAA;AACN,QAAA;AAEA,MAAM,QAAA,CAAA,KAAU,GAAiB,KAAA,CAAA;AAC/B,MAAA,CAAA,CAAA,eAAoB,EAAA,CAAA;AACpB,MAAA,MAAA,KAAiB,GAAA,KAAA,CAAA,IAAA,CAAA,CAAA,CAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAEjB,MAAA,MAAkB,KAAA,GAAA,CAAA,CAAA,YAAA,CAAA,KAAA,IAAA,EAAA,CAAA;AAElB,MAAA,KAAA,CAAM,OAAQ,CAAA,CAAA,IAAA,EAAW,KAAA;AACzB,QAAA,IAAM,EAAQ,CAAA;AACd,QAAM,MAAA,IAAA,GAAS,KAAA,CAAM,KAAU,CAAA,CAAA;AAC7B,QAAM,MAAA,KAAA,SAAkB,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAA,gBAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,IAAA,CAAA,CAAA;AACxB,QAAM,IAAA,KAAA,EAAA;AACN,UAAA,IAAW,CAAA,WAAA,GAAA,KAAA,CAAA,WAAA,CAAA;AACT,SAAA;AAAyB,OAC3B,CAAA,CAAA;AAAA,MACF,IAAC,CAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AACD,KAAA,CAAA;AAAkB,IACpB,MAAA,UAAA,GAAA,MAAA;AAEA,MAAA,IAAM,eAAmB;AACvB,QAAA,QAAK,CAAA,KAAgB,GAAA,IAAA,CAAA;AAAiB,KACxC,CAAA;AAEA,IAAM,MAAA,WAAA,GAAc,CAAC,CAAiB,KAAA;AACpC,MAAA,IAAI,CAAE,CAAA,CAAE,aAA0B,CAAA,QAAA,CAAS,EAAE,aAAwB,CAAA;AACnE,QAAA,QAAA,CAAS,KAAQ,GAAA,KAAA,CAAA;AAAA,KACrB,CAAA;;;;;;;;;;;;;;;;;"}
@@ -2,34 +2,181 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var upload = require('./upload.js');
6
- var runtime = require('../../../utils/vue/props/runtime.js');
7
- var typescript = require('../../../utils/typescript.js');
8
- var shared = require('@vue/shared');
5
+ var vue = require('vue');
6
+ var index$2 = require('../../icon/index.js');
7
+ var iconsVue = require('@element-plus/icons-vue');
8
+ var index$3 = require('../../progress/index.js');
9
+ var uploadList = require('./upload-list2.js');
10
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
11
+ var index = require('../../../hooks/use-locale/index.js');
12
+ var index$1 = require('../../../hooks/use-namespace/index.js');
13
+ var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
9
14
 
10
- const uploadListProps = runtime.buildProps({
11
- files: {
12
- type: runtime.definePropType(Array),
13
- default: () => typescript.mutable([])
14
- },
15
- disabled: Boolean,
16
- handlePreview: {
17
- type: runtime.definePropType(Function),
18
- default: shared.NOOP
19
- },
20
- listType: {
21
- type: String,
22
- values: upload.uploadListTypes,
23
- default: "text"
24
- },
25
- crossorigin: {
26
- type: runtime.definePropType(String)
15
+ const __default__ = vue.defineComponent({
16
+ name: "ElUploadList"
17
+ });
18
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
19
+ ...__default__,
20
+ props: uploadList.uploadListProps,
21
+ emits: uploadList.uploadListEmits,
22
+ setup(__props, { emit }) {
23
+ const props = __props;
24
+ const { t } = index.useLocale();
25
+ const nsUpload = index$1.useNamespace("upload");
26
+ const nsIcon = index$1.useNamespace("icon");
27
+ const nsList = index$1.useNamespace("list");
28
+ const disabled = useFormCommonProps.useFormDisabled();
29
+ const focusing = vue.ref(false);
30
+ const containerKls = vue.computed(() => [
31
+ nsUpload.b("list"),
32
+ nsUpload.bm("list", props.listType),
33
+ nsUpload.is("disabled", props.disabled)
34
+ ]);
35
+ const handleRemove = (file) => {
36
+ emit("remove", file);
37
+ };
38
+ return (_ctx, _cache) => {
39
+ return vue.openBlock(), vue.createBlock(vue.TransitionGroup, {
40
+ tag: "ul",
41
+ class: vue.normalizeClass(vue.unref(containerKls)),
42
+ name: vue.unref(nsList).b()
43
+ }, {
44
+ default: vue.withCtx(() => [
45
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.files, (file, index) => {
46
+ return vue.openBlock(), vue.createElementBlock("li", {
47
+ key: file.uid || file.name,
48
+ class: vue.normalizeClass([
49
+ vue.unref(nsUpload).be("list", "item"),
50
+ vue.unref(nsUpload).is(file.status),
51
+ { focusing: focusing.value }
52
+ ]),
53
+ tabindex: "0",
54
+ onKeydown: vue.withKeys(($event) => !vue.unref(disabled) && handleRemove(file), ["delete"]),
55
+ onFocus: ($event) => focusing.value = true,
56
+ onBlur: ($event) => focusing.value = false,
57
+ onClick: ($event) => focusing.value = false
58
+ }, [
59
+ vue.renderSlot(_ctx.$slots, "default", {
60
+ file,
61
+ index
62
+ }, () => [
63
+ _ctx.listType === "picture" || file.status !== "uploading" && _ctx.listType === "picture-card" ? (vue.openBlock(), vue.createElementBlock("img", {
64
+ key: 0,
65
+ class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-thumbnail")),
66
+ src: file.url,
67
+ crossorigin: _ctx.crossorigin,
68
+ alt: ""
69
+ }, null, 10, ["src", "crossorigin"])) : vue.createCommentVNode("v-if", true),
70
+ file.status === "uploading" || _ctx.listType !== "picture-card" ? (vue.openBlock(), vue.createElementBlock("div", {
71
+ key: 1,
72
+ class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-info"))
73
+ }, [
74
+ vue.createElementVNode("a", {
75
+ class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-name")),
76
+ onClick: vue.withModifiers(($event) => _ctx.handlePreview(file), ["prevent"])
77
+ }, [
78
+ vue.createVNode(vue.unref(index$2.ElIcon), {
79
+ class: vue.normalizeClass(vue.unref(nsIcon).m("document"))
80
+ }, {
81
+ default: vue.withCtx(() => [
82
+ vue.createVNode(vue.unref(iconsVue.Document))
83
+ ]),
84
+ _: 1
85
+ }, 8, ["class"]),
86
+ vue.createElementVNode("span", {
87
+ class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-file-name")),
88
+ title: file.name
89
+ }, vue.toDisplayString(file.name), 11, ["title"])
90
+ ], 10, ["onClick"]),
91
+ file.status === "uploading" ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.ElProgress), {
92
+ key: 0,
93
+ type: _ctx.listType === "picture-card" ? "circle" : "line",
94
+ "stroke-width": _ctx.listType === "picture-card" ? 6 : 2,
95
+ percentage: Number(file.percentage),
96
+ style: vue.normalizeStyle(_ctx.listType === "picture-card" ? "" : "margin-top: 0.5rem")
97
+ }, null, 8, ["type", "stroke-width", "percentage", "style"])) : vue.createCommentVNode("v-if", true)
98
+ ], 2)) : vue.createCommentVNode("v-if", true),
99
+ vue.createElementVNode("label", {
100
+ class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-status-label"))
101
+ }, [
102
+ _ctx.listType === "text" ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElIcon), {
103
+ key: 0,
104
+ class: vue.normalizeClass([vue.unref(nsIcon).m("upload-success"), vue.unref(nsIcon).m("circle-check")])
105
+ }, {
106
+ default: vue.withCtx(() => [
107
+ vue.createVNode(vue.unref(iconsVue.CircleCheck))
108
+ ]),
109
+ _: 1
110
+ }, 8, ["class"])) : ["picture-card", "picture"].includes(_ctx.listType) ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElIcon), {
111
+ key: 1,
112
+ class: vue.normalizeClass([vue.unref(nsIcon).m("upload-success"), vue.unref(nsIcon).m("check")])
113
+ }, {
114
+ default: vue.withCtx(() => [
115
+ vue.createVNode(vue.unref(iconsVue.Check))
116
+ ]),
117
+ _: 1
118
+ }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
119
+ ], 2),
120
+ !vue.unref(disabled) ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElIcon), {
121
+ key: 2,
122
+ class: vue.normalizeClass(vue.unref(nsIcon).m("close")),
123
+ onClick: ($event) => handleRemove(file)
124
+ }, {
125
+ default: vue.withCtx(() => [
126
+ vue.createVNode(vue.unref(iconsVue.Close))
127
+ ]),
128
+ _: 2
129
+ }, 1032, ["class", "onClick"])) : vue.createCommentVNode("v-if", true),
130
+ vue.createCommentVNode(" Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn"),
131
+ vue.createCommentVNode(" This is a bug which needs to be fixed "),
132
+ vue.createCommentVNode(" TODO: Fix the incorrect navigation interaction "),
133
+ !vue.unref(disabled) ? (vue.openBlock(), vue.createElementBlock("i", {
134
+ key: 3,
135
+ class: vue.normalizeClass(vue.unref(nsIcon).m("close-tip"))
136
+ }, vue.toDisplayString(vue.unref(t)("el.upload.deleteTip")), 3)) : vue.createCommentVNode("v-if", true),
137
+ _ctx.listType === "picture-card" ? (vue.openBlock(), vue.createElementBlock("span", {
138
+ key: 4,
139
+ class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-actions"))
140
+ }, [
141
+ vue.createElementVNode("span", {
142
+ class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-preview")),
143
+ onClick: ($event) => _ctx.handlePreview(file)
144
+ }, [
145
+ vue.createVNode(vue.unref(index$2.ElIcon), {
146
+ class: vue.normalizeClass(vue.unref(nsIcon).m("zoom-in"))
147
+ }, {
148
+ default: vue.withCtx(() => [
149
+ vue.createVNode(vue.unref(iconsVue.ZoomIn))
150
+ ]),
151
+ _: 1
152
+ }, 8, ["class"])
153
+ ], 10, ["onClick"]),
154
+ !vue.unref(disabled) ? (vue.openBlock(), vue.createElementBlock("span", {
155
+ key: 0,
156
+ class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-delete")),
157
+ onClick: ($event) => handleRemove(file)
158
+ }, [
159
+ vue.createVNode(vue.unref(index$2.ElIcon), {
160
+ class: vue.normalizeClass(vue.unref(nsIcon).m("delete"))
161
+ }, {
162
+ default: vue.withCtx(() => [
163
+ vue.createVNode(vue.unref(iconsVue.Delete))
164
+ ]),
165
+ _: 1
166
+ }, 8, ["class"])
167
+ ], 10, ["onClick"])) : vue.createCommentVNode("v-if", true)
168
+ ], 2)) : vue.createCommentVNode("v-if", true)
169
+ ])
170
+ ], 42, ["onKeydown", "onFocus", "onBlur", "onClick"]);
171
+ }), 128)),
172
+ vue.renderSlot(_ctx.$slots, "append")
173
+ ]),
174
+ _: 3
175
+ }, 8, ["class", "name"]);
176
+ };
27
177
  }
28
178
  });
29
- const uploadListEmits = {
30
- remove: (file) => !!file
31
- };
179
+ var UploadList = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "upload-list.vue"]]);
32
180
 
33
- exports.uploadListEmits = uploadListEmits;
34
- exports.uploadListProps = uploadListProps;
181
+ exports["default"] = UploadList;
35
182
  //# sourceMappingURL=upload-list.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"upload-list.js","sources":["../../../../../../packages/components/upload/src/upload-list.ts"],"sourcesContent":["import { NOOP, buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { uploadListTypes } from './upload'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type { UploadFile, UploadFiles, UploadHooks } from './upload'\nimport type UploadList from './upload-list.vue'\n\nexport const uploadListProps = buildProps({\n files: {\n type: definePropType<UploadFiles>(Array),\n default: () => mutable([]),\n },\n disabled: Boolean,\n handlePreview: {\n type: definePropType<UploadHooks['onPreview']>(Function),\n default: NOOP,\n },\n listType: {\n type: String,\n values: uploadListTypes,\n default: 'text',\n },\n /**\n * @description set HTML attribute: crossorigin.\n */\n crossorigin: {\n type: definePropType<'anonymous' | 'use-credentials' | ''>(String),\n },\n} as const)\n\nexport type UploadListProps = ExtractPropTypes<typeof uploadListProps>\nexport type UploadListPropsPublic = __ExtractPublicPropTypes<\n typeof uploadListProps\n>\nexport const uploadListEmits = {\n remove: (file: UploadFile) => !!file,\n}\nexport type UploadListEmits = typeof uploadListEmits\nexport type UploadListInstance = InstanceType<typeof UploadList> & unknown\n"],"names":["buildProps","definePropType","mutable","NOOP","uploadListTypes"],"mappings":";;;;;;;;;AAEY,MAAC,eAAe,GAAGA,kBAAU,CAAC;AAC1C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAED,sBAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAEE,WAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,sBAAe;AAC3B,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAEH,sBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAG;AAC/B,EAAE,MAAM,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI;AAC1B;;;;;"}
1
+ {"version":3,"file":"upload-list.js","sources":["../../../../../../packages/components/upload/src/upload-list.vue"],"sourcesContent":["<template>\n <transition-group tag=\"ul\" :class=\"containerKls\" :name=\"nsList.b()\">\n <li\n v-for=\"(file, index) in files\"\n :key=\"file.uid || file.name\"\n :class=\"[\n nsUpload.be('list', 'item'),\n nsUpload.is(file.status),\n { focusing },\n ]\"\n tabindex=\"0\"\n @keydown.delete=\"!disabled && handleRemove(file)\"\n @focus=\"focusing = true\"\n @blur=\"focusing = false\"\n @click=\"focusing = false\"\n >\n <slot :file=\"file\" :index=\"index\">\n <img\n v-if=\"\n listType === 'picture' ||\n (file.status !== 'uploading' && listType === 'picture-card')\n \"\n :class=\"nsUpload.be('list', 'item-thumbnail')\"\n :src=\"file.url\"\n :crossorigin=\"crossorigin\"\n alt=\"\"\n />\n <div\n v-if=\"file.status === 'uploading' || listType !== 'picture-card'\"\n :class=\"nsUpload.be('list', 'item-info')\"\n >\n <a\n :class=\"nsUpload.be('list', 'item-name')\"\n @click.prevent=\"handlePreview(file)\"\n >\n <el-icon :class=\"nsIcon.m('document')\">\n <Document />\n </el-icon>\n <span\n :class=\"nsUpload.be('list', 'item-file-name')\"\n :title=\"file.name\"\n >\n {{ file.name }}\n </span>\n </a>\n <el-progress\n v-if=\"file.status === 'uploading'\"\n :type=\"listType === 'picture-card' ? 'circle' : 'line'\"\n :stroke-width=\"listType === 'picture-card' ? 6 : 2\"\n :percentage=\"Number(file.percentage)\"\n :style=\"listType === 'picture-card' ? '' : 'margin-top: 0.5rem'\"\n />\n </div>\n\n <label :class=\"nsUpload.be('list', 'item-status-label')\">\n <el-icon\n v-if=\"listType === 'text'\"\n :class=\"[nsIcon.m('upload-success'), nsIcon.m('circle-check')]\"\n >\n <circle-check />\n </el-icon>\n <el-icon\n v-else-if=\"['picture-card', 'picture'].includes(listType)\"\n :class=\"[nsIcon.m('upload-success'), nsIcon.m('check')]\"\n >\n <Check />\n </el-icon>\n </label>\n <el-icon\n v-if=\"!disabled\"\n :class=\"nsIcon.m('close')\"\n @click=\"handleRemove(file)\"\n >\n <Close />\n </el-icon>\n <!-- Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn-->\n <!-- This is a bug which needs to be fixed -->\n <!-- TODO: Fix the incorrect navigation interaction -->\n <i v-if=\"!disabled\" :class=\"nsIcon.m('close-tip')\">{{\n t('el.upload.deleteTip')\n }}</i>\n <span\n v-if=\"listType === 'picture-card'\"\n :class=\"nsUpload.be('list', 'item-actions')\"\n >\n <span\n :class=\"nsUpload.be('list', 'item-preview')\"\n @click=\"handlePreview(file)\"\n >\n <el-icon :class=\"nsIcon.m('zoom-in')\"><zoom-in /></el-icon>\n </span>\n <span\n v-if=\"!disabled\"\n :class=\"nsUpload.be('list', 'item-delete')\"\n @click=\"handleRemove(file)\"\n >\n <el-icon :class=\"nsIcon.m('delete')\">\n <Delete />\n </el-icon>\n </span>\n </span>\n </slot>\n </li>\n <slot name=\"append\" />\n </transition-group>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n Check,\n CircleCheck,\n Close,\n Delete,\n Document,\n ZoomIn,\n} from '@element-plus/icons-vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport ElProgress from '@element-plus/components/progress'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport { uploadListEmits, uploadListProps } from './upload-list'\n\nimport type { UploadFile } from './upload'\n\ndefineOptions({\n name: 'ElUploadList',\n})\n\nconst props = defineProps(uploadListProps)\nconst emit = defineEmits(uploadListEmits)\n\nconst { t } = useLocale()\nconst nsUpload = useNamespace('upload')\nconst nsIcon = useNamespace('icon')\nconst nsList = useNamespace('list')\nconst disabled = useFormDisabled()\n\nconst focusing = ref(false)\n\nconst containerKls = computed(() => [\n nsUpload.b('list'),\n nsUpload.bm('list', props.listType),\n nsUpload.is('disabled', props.disabled),\n])\n\nconst handleRemove = (file: UploadFile) => {\n emit('remove', file)\n}\n</script>\n"],"names":["useLocale","useNamespace","useFormDisabled","ref","computed"],"mappings":";;;;;;;;;;;;;;uCA6Hc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAE,CAAE,EAAA,GAAIA,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,QAAA,GAAWC,qBAAa,QAAQ,CAAA,CAAA;AACtC,IAAM,MAAA,MAAA,GAASA,qBAAa,MAAM,CAAA,CAAA;AAClC,IAAM,MAAA,MAAA,GAASA,qBAAa,MAAM,CAAA,CAAA;AAClC,IAAA,MAAM,WAAWC,kCAAgB,EAAA,CAAA;AAEjC,IAAM,MAAA,QAAA,GAAWC,QAAI,KAAK,CAAA,CAAA;AAE1B,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAAA,MAClC,QAAA,CAAS,EAAE,MAAM,CAAA;AAAA,MACjB,QAAS,CAAA,EAAA,CAAG,MAAQ,EAAA,KAAA,CAAM,QAAQ,CAAA;AAAA,MAClC,QAAS,CAAA,EAAA,CAAG,UAAY,EAAA,KAAA,CAAM,QAAQ,CAAA;AAAA,KACvC,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAe,CAAC,IAAqB,KAAA;AACzC,MAAA,IAAA,CAAK,UAAU,IAAI,CAAA,CAAA;AAAA,KACrB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,181 +2,34 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var index$2 = require('../../icon/index.js');
7
- var iconsVue = require('@element-plus/icons-vue');
8
- var index$3 = require('../../progress/index.js');
9
- var uploadList = require('./upload-list.js');
10
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
11
- var index = require('../../../hooks/use-locale/index.js');
12
- var index$1 = require('../../../hooks/use-namespace/index.js');
13
- var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
5
+ var upload = require('./upload2.js');
6
+ var runtime = require('../../../utils/vue/props/runtime.js');
7
+ var typescript = require('../../../utils/typescript.js');
8
+ var shared = require('@vue/shared');
14
9
 
15
- const __default__ = vue.defineComponent({
16
- name: "ElUploadList"
17
- });
18
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
19
- ...__default__,
20
- props: uploadList.uploadListProps,
21
- emits: uploadList.uploadListEmits,
22
- setup(__props, { emit }) {
23
- const props = __props;
24
- const { t } = index.useLocale();
25
- const nsUpload = index$1.useNamespace("upload");
26
- const nsIcon = index$1.useNamespace("icon");
27
- const nsList = index$1.useNamespace("list");
28
- const disabled = useFormCommonProps.useFormDisabled();
29
- const focusing = vue.ref(false);
30
- const containerKls = vue.computed(() => [
31
- nsUpload.b("list"),
32
- nsUpload.bm("list", props.listType),
33
- nsUpload.is("disabled", props.disabled)
34
- ]);
35
- const handleRemove = (file) => {
36
- emit("remove", file);
37
- };
38
- return (_ctx, _cache) => {
39
- return vue.openBlock(), vue.createBlock(vue.TransitionGroup, {
40
- tag: "ul",
41
- class: vue.normalizeClass(vue.unref(containerKls)),
42
- name: vue.unref(nsList).b()
43
- }, {
44
- default: vue.withCtx(() => [
45
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.files, (file, index) => {
46
- return vue.openBlock(), vue.createElementBlock("li", {
47
- key: file.uid || file.name,
48
- class: vue.normalizeClass([
49
- vue.unref(nsUpload).be("list", "item"),
50
- vue.unref(nsUpload).is(file.status),
51
- { focusing: focusing.value }
52
- ]),
53
- tabindex: "0",
54
- onKeydown: vue.withKeys(($event) => !vue.unref(disabled) && handleRemove(file), ["delete"]),
55
- onFocus: ($event) => focusing.value = true,
56
- onBlur: ($event) => focusing.value = false,
57
- onClick: ($event) => focusing.value = false
58
- }, [
59
- vue.renderSlot(_ctx.$slots, "default", {
60
- file,
61
- index
62
- }, () => [
63
- _ctx.listType === "picture" || file.status !== "uploading" && _ctx.listType === "picture-card" ? (vue.openBlock(), vue.createElementBlock("img", {
64
- key: 0,
65
- class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-thumbnail")),
66
- src: file.url,
67
- crossorigin: _ctx.crossorigin,
68
- alt: ""
69
- }, null, 10, ["src", "crossorigin"])) : vue.createCommentVNode("v-if", true),
70
- file.status === "uploading" || _ctx.listType !== "picture-card" ? (vue.openBlock(), vue.createElementBlock("div", {
71
- key: 1,
72
- class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-info"))
73
- }, [
74
- vue.createElementVNode("a", {
75
- class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-name")),
76
- onClick: vue.withModifiers(($event) => _ctx.handlePreview(file), ["prevent"])
77
- }, [
78
- vue.createVNode(vue.unref(index$2.ElIcon), {
79
- class: vue.normalizeClass(vue.unref(nsIcon).m("document"))
80
- }, {
81
- default: vue.withCtx(() => [
82
- vue.createVNode(vue.unref(iconsVue.Document))
83
- ]),
84
- _: 1
85
- }, 8, ["class"]),
86
- vue.createElementVNode("span", {
87
- class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-file-name")),
88
- title: file.name
89
- }, vue.toDisplayString(file.name), 11, ["title"])
90
- ], 10, ["onClick"]),
91
- file.status === "uploading" ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.ElProgress), {
92
- key: 0,
93
- type: _ctx.listType === "picture-card" ? "circle" : "line",
94
- "stroke-width": _ctx.listType === "picture-card" ? 6 : 2,
95
- percentage: Number(file.percentage),
96
- style: vue.normalizeStyle(_ctx.listType === "picture-card" ? "" : "margin-top: 0.5rem")
97
- }, null, 8, ["type", "stroke-width", "percentage", "style"])) : vue.createCommentVNode("v-if", true)
98
- ], 2)) : vue.createCommentVNode("v-if", true),
99
- vue.createElementVNode("label", {
100
- class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-status-label"))
101
- }, [
102
- _ctx.listType === "text" ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElIcon), {
103
- key: 0,
104
- class: vue.normalizeClass([vue.unref(nsIcon).m("upload-success"), vue.unref(nsIcon).m("circle-check")])
105
- }, {
106
- default: vue.withCtx(() => [
107
- vue.createVNode(vue.unref(iconsVue.CircleCheck))
108
- ]),
109
- _: 1
110
- }, 8, ["class"])) : ["picture-card", "picture"].includes(_ctx.listType) ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElIcon), {
111
- key: 1,
112
- class: vue.normalizeClass([vue.unref(nsIcon).m("upload-success"), vue.unref(nsIcon).m("check")])
113
- }, {
114
- default: vue.withCtx(() => [
115
- vue.createVNode(vue.unref(iconsVue.Check))
116
- ]),
117
- _: 1
118
- }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
119
- ], 2),
120
- !vue.unref(disabled) ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElIcon), {
121
- key: 2,
122
- class: vue.normalizeClass(vue.unref(nsIcon).m("close")),
123
- onClick: ($event) => handleRemove(file)
124
- }, {
125
- default: vue.withCtx(() => [
126
- vue.createVNode(vue.unref(iconsVue.Close))
127
- ]),
128
- _: 2
129
- }, 1032, ["class", "onClick"])) : vue.createCommentVNode("v-if", true),
130
- vue.createCommentVNode(" Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn"),
131
- vue.createCommentVNode(" This is a bug which needs to be fixed "),
132
- vue.createCommentVNode(" TODO: Fix the incorrect navigation interaction "),
133
- !vue.unref(disabled) ? (vue.openBlock(), vue.createElementBlock("i", {
134
- key: 3,
135
- class: vue.normalizeClass(vue.unref(nsIcon).m("close-tip"))
136
- }, vue.toDisplayString(vue.unref(t)("el.upload.deleteTip")), 3)) : vue.createCommentVNode("v-if", true),
137
- _ctx.listType === "picture-card" ? (vue.openBlock(), vue.createElementBlock("span", {
138
- key: 4,
139
- class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-actions"))
140
- }, [
141
- vue.createElementVNode("span", {
142
- class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-preview")),
143
- onClick: ($event) => _ctx.handlePreview(file)
144
- }, [
145
- vue.createVNode(vue.unref(index$2.ElIcon), {
146
- class: vue.normalizeClass(vue.unref(nsIcon).m("zoom-in"))
147
- }, {
148
- default: vue.withCtx(() => [
149
- vue.createVNode(vue.unref(iconsVue.ZoomIn))
150
- ]),
151
- _: 1
152
- }, 8, ["class"])
153
- ], 10, ["onClick"]),
154
- !vue.unref(disabled) ? (vue.openBlock(), vue.createElementBlock("span", {
155
- key: 0,
156
- class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-delete")),
157
- onClick: ($event) => handleRemove(file)
158
- }, [
159
- vue.createVNode(vue.unref(index$2.ElIcon), {
160
- class: vue.normalizeClass(vue.unref(nsIcon).m("delete"))
161
- }, {
162
- default: vue.withCtx(() => [
163
- vue.createVNode(vue.unref(iconsVue.Delete))
164
- ]),
165
- _: 1
166
- }, 8, ["class"])
167
- ], 10, ["onClick"])) : vue.createCommentVNode("v-if", true)
168
- ], 2)) : vue.createCommentVNode("v-if", true)
169
- ])
170
- ], 42, ["onKeydown", "onFocus", "onBlur", "onClick"]);
171
- }), 128)),
172
- vue.renderSlot(_ctx.$slots, "append")
173
- ]),
174
- _: 3
175
- }, 8, ["class", "name"]);
176
- };
10
+ const uploadListProps = runtime.buildProps({
11
+ files: {
12
+ type: runtime.definePropType(Array),
13
+ default: () => typescript.mutable([])
14
+ },
15
+ disabled: Boolean,
16
+ handlePreview: {
17
+ type: runtime.definePropType(Function),
18
+ default: shared.NOOP
19
+ },
20
+ listType: {
21
+ type: String,
22
+ values: upload.uploadListTypes,
23
+ default: "text"
24
+ },
25
+ crossorigin: {
26
+ type: runtime.definePropType(String)
177
27
  }
178
28
  });
179
- var UploadList = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "upload-list.vue"]]);
29
+ const uploadListEmits = {
30
+ remove: (file) => !!file
31
+ };
180
32
 
181
- exports["default"] = UploadList;
33
+ exports.uploadListEmits = uploadListEmits;
34
+ exports.uploadListProps = uploadListProps;
182
35
  //# sourceMappingURL=upload-list2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"upload-list2.js","sources":["../../../../../../packages/components/upload/src/upload-list.vue"],"sourcesContent":["<template>\n <transition-group tag=\"ul\" :class=\"containerKls\" :name=\"nsList.b()\">\n <li\n v-for=\"(file, index) in files\"\n :key=\"file.uid || file.name\"\n :class=\"[\n nsUpload.be('list', 'item'),\n nsUpload.is(file.status),\n { focusing },\n ]\"\n tabindex=\"0\"\n @keydown.delete=\"!disabled && handleRemove(file)\"\n @focus=\"focusing = true\"\n @blur=\"focusing = false\"\n @click=\"focusing = false\"\n >\n <slot :file=\"file\" :index=\"index\">\n <img\n v-if=\"\n listType === 'picture' ||\n (file.status !== 'uploading' && listType === 'picture-card')\n \"\n :class=\"nsUpload.be('list', 'item-thumbnail')\"\n :src=\"file.url\"\n :crossorigin=\"crossorigin\"\n alt=\"\"\n />\n <div\n v-if=\"file.status === 'uploading' || listType !== 'picture-card'\"\n :class=\"nsUpload.be('list', 'item-info')\"\n >\n <a\n :class=\"nsUpload.be('list', 'item-name')\"\n @click.prevent=\"handlePreview(file)\"\n >\n <el-icon :class=\"nsIcon.m('document')\">\n <Document />\n </el-icon>\n <span\n :class=\"nsUpload.be('list', 'item-file-name')\"\n :title=\"file.name\"\n >\n {{ file.name }}\n </span>\n </a>\n <el-progress\n v-if=\"file.status === 'uploading'\"\n :type=\"listType === 'picture-card' ? 'circle' : 'line'\"\n :stroke-width=\"listType === 'picture-card' ? 6 : 2\"\n :percentage=\"Number(file.percentage)\"\n :style=\"listType === 'picture-card' ? '' : 'margin-top: 0.5rem'\"\n />\n </div>\n\n <label :class=\"nsUpload.be('list', 'item-status-label')\">\n <el-icon\n v-if=\"listType === 'text'\"\n :class=\"[nsIcon.m('upload-success'), nsIcon.m('circle-check')]\"\n >\n <circle-check />\n </el-icon>\n <el-icon\n v-else-if=\"['picture-card', 'picture'].includes(listType)\"\n :class=\"[nsIcon.m('upload-success'), nsIcon.m('check')]\"\n >\n <Check />\n </el-icon>\n </label>\n <el-icon\n v-if=\"!disabled\"\n :class=\"nsIcon.m('close')\"\n @click=\"handleRemove(file)\"\n >\n <Close />\n </el-icon>\n <!-- Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn-->\n <!-- This is a bug which needs to be fixed -->\n <!-- TODO: Fix the incorrect navigation interaction -->\n <i v-if=\"!disabled\" :class=\"nsIcon.m('close-tip')\">{{\n t('el.upload.deleteTip')\n }}</i>\n <span\n v-if=\"listType === 'picture-card'\"\n :class=\"nsUpload.be('list', 'item-actions')\"\n >\n <span\n :class=\"nsUpload.be('list', 'item-preview')\"\n @click=\"handlePreview(file)\"\n >\n <el-icon :class=\"nsIcon.m('zoom-in')\"><zoom-in /></el-icon>\n </span>\n <span\n v-if=\"!disabled\"\n :class=\"nsUpload.be('list', 'item-delete')\"\n @click=\"handleRemove(file)\"\n >\n <el-icon :class=\"nsIcon.m('delete')\">\n <Delete />\n </el-icon>\n </span>\n </span>\n </slot>\n </li>\n <slot name=\"append\" />\n </transition-group>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n Check,\n CircleCheck,\n Close,\n Delete,\n Document,\n ZoomIn,\n} from '@element-plus/icons-vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport ElProgress from '@element-plus/components/progress'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport { uploadListEmits, uploadListProps } from './upload-list'\n\nimport type { UploadFile } from './upload'\n\ndefineOptions({\n name: 'ElUploadList',\n})\n\nconst props = defineProps(uploadListProps)\nconst emit = defineEmits(uploadListEmits)\n\nconst { t } = useLocale()\nconst nsUpload = useNamespace('upload')\nconst nsIcon = useNamespace('icon')\nconst nsList = useNamespace('list')\nconst disabled = useFormDisabled()\n\nconst focusing = ref(false)\n\nconst containerKls = computed(() => [\n nsUpload.b('list'),\n nsUpload.bm('list', props.listType),\n nsUpload.is('disabled', props.disabled),\n])\n\nconst handleRemove = (file: UploadFile) => {\n emit('remove', file)\n}\n</script>\n"],"names":["useLocale","useNamespace","useFormDisabled","ref","computed"],"mappings":";;;;;;;;;;;;;;uCA6Hc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAE,CAAE,EAAA,GAAIA,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,QAAA,GAAWC,qBAAa,QAAQ,CAAA,CAAA;AACtC,IAAM,MAAA,MAAA,GAASA,qBAAa,MAAM,CAAA,CAAA;AAClC,IAAM,MAAA,MAAA,GAASA,qBAAa,MAAM,CAAA,CAAA;AAClC,IAAA,MAAM,WAAWC,kCAAgB,EAAA,CAAA;AAEjC,IAAM,MAAA,QAAA,GAAWC,QAAI,KAAK,CAAA,CAAA;AAE1B,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAAA,MAClC,QAAA,CAAS,EAAE,MAAM,CAAA;AAAA,MACjB,QAAS,CAAA,EAAA,CAAG,MAAQ,EAAA,KAAA,CAAM,QAAQ,CAAA;AAAA,MAClC,QAAS,CAAA,EAAA,CAAG,UAAY,EAAA,KAAA,CAAM,QAAQ,CAAA;AAAA,KACvC,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAe,CAAC,IAAqB,KAAA;AACzC,MAAA,IAAA,CAAK,UAAU,IAAI,CAAA,CAAA;AAAA,KACrB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"upload-list2.js","sources":["../../../../../../packages/components/upload/src/upload-list.ts"],"sourcesContent":["import { NOOP, buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { uploadListTypes } from './upload'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type { UploadFile, UploadFiles, UploadHooks } from './upload'\nimport type UploadList from './upload-list.vue'\n\nexport const uploadListProps = buildProps({\n files: {\n type: definePropType<UploadFiles>(Array),\n default: () => mutable([]),\n },\n disabled: Boolean,\n handlePreview: {\n type: definePropType<UploadHooks['onPreview']>(Function),\n default: NOOP,\n },\n listType: {\n type: String,\n values: uploadListTypes,\n default: 'text',\n },\n /**\n * @description set HTML attribute: crossorigin.\n */\n crossorigin: {\n type: definePropType<'anonymous' | 'use-credentials' | ''>(String),\n },\n} as const)\n\nexport type UploadListProps = ExtractPropTypes<typeof uploadListProps>\nexport type UploadListPropsPublic = __ExtractPublicPropTypes<\n typeof uploadListProps\n>\nexport const uploadListEmits = {\n remove: (file: UploadFile) => !!file,\n}\nexport type UploadListEmits = typeof uploadListEmits\nexport type UploadListInstance = InstanceType<typeof UploadList> & unknown\n"],"names":["buildProps","definePropType","mutable","NOOP","uploadListTypes"],"mappings":";;;;;;;;;AAEY,MAAC,eAAe,GAAGA,kBAAU,CAAC;AAC1C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAED,sBAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAEE,WAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,sBAAe;AAC3B,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAEH,sBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAG;AAC/B,EAAE,MAAM,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI;AAC1B;;;;;"}