@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
@@ -1,74 +1,219 @@
1
- import { tagProps } from '../../tag/src/tag.mjs';
2
- import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
3
- import { EVENT_CODE } from '../../../constants/aria.mjs';
4
- import { useSizeProp } from '../../../hooks/use-size/index.mjs';
5
- import { UPDATE_MODEL_EVENT, CHANGE_EVENT, INPUT_EVENT } from '../../../constants/event.mjs';
6
- import { isArray, isString } from '@vue/shared';
7
- import { isUndefined } from '../../../utils/types.mjs';
1
+ import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, createCommentVNode, createElementVNode, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, withDirectives, mergeProps, isRef, vModelText, vShow, createVNode, resolveDynamicComponent } from 'vue';
2
+ import { CircleClose } from '@element-plus/icons-vue';
3
+ import { ElIcon } from '../../icon/index.mjs';
4
+ import { ElTag } from '../../tag/index.mjs';
5
+ import { inputTagProps, inputTagEmits } from './input-tag2.mjs';
6
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
7
+ import { useInputTag } from './composables/use-input-tag.mjs';
8
+ import { useHovering } from './composables/use-hovering.mjs';
9
+ import { useCalcInputWidth } from '../../../hooks/use-calc-input-width/index.mjs';
10
+ import { useDragTag } from './composables/use-drag-tag.mjs';
11
+ import { useInputTagDom } from './composables/use-input-tag-dom.mjs';
12
+ import { useAttrs } from '../../../hooks/use-attrs/index.mjs';
13
+ import { useFormItem, useFormItemInputId } from '../../form/src/hooks/use-form-item.mjs';
14
+ import { ValidateComponentsMap } from '../../../utils/vue/icon.mjs';
15
+ import { NOOP } from '@vue/shared';
8
16
 
9
- const inputTagProps = buildProps({
10
- modelValue: {
11
- type: definePropType(Array)
12
- },
13
- max: Number,
14
- tagType: { ...tagProps.type, default: "info" },
15
- tagEffect: tagProps.effect,
16
- trigger: {
17
- type: definePropType(String),
18
- default: EVENT_CODE.enter
19
- },
20
- draggable: Boolean,
21
- delimiter: {
22
- type: [String, RegExp],
23
- default: ""
24
- },
25
- size: useSizeProp,
26
- clearable: Boolean,
27
- disabled: {
28
- type: Boolean,
29
- default: void 0
30
- },
31
- validateEvent: {
32
- type: Boolean,
33
- default: true
34
- },
35
- readonly: Boolean,
36
- autofocus: Boolean,
37
- id: {
38
- type: String,
39
- default: void 0
40
- },
41
- tabindex: {
42
- type: [String, Number],
43
- default: 0
44
- },
45
- maxlength: {
46
- type: [String, Number]
47
- },
48
- minlength: {
49
- type: [String, Number]
50
- },
51
- placeholder: String,
52
- autocomplete: {
53
- type: String,
54
- default: "off"
55
- },
56
- saveOnBlur: {
57
- type: Boolean,
58
- default: true
59
- },
60
- ariaLabel: String
17
+ const __default__ = defineComponent({
18
+ name: "ElInputTag",
19
+ inheritAttrs: false
61
20
  });
62
- const inputTagEmits = {
63
- [UPDATE_MODEL_EVENT]: (value) => isArray(value) || isUndefined(value),
64
- [CHANGE_EVENT]: (value) => isArray(value) || isUndefined(value),
65
- [INPUT_EVENT]: (value) => isString(value),
66
- "add-tag": (value) => isString(value) || isArray(value),
67
- "remove-tag": (value) => isString(value),
68
- focus: (evt) => evt instanceof FocusEvent,
69
- blur: (evt) => evt instanceof FocusEvent,
70
- clear: () => true
71
- };
21
+ const _sfc_main = /* @__PURE__ */ defineComponent({
22
+ ...__default__,
23
+ props: inputTagProps,
24
+ emits: inputTagEmits,
25
+ setup(__props, { expose, emit }) {
26
+ const props = __props;
27
+ const attrs = useAttrs();
28
+ const slots = useSlots();
29
+ const { form, formItem } = useFormItem();
30
+ const { inputId } = useFormItemInputId(props, { formItemContext: formItem });
31
+ const needStatusIcon = computed(() => {
32
+ var _a;
33
+ return (_a = form == null ? void 0 : form.statusIcon) != null ? _a : false;
34
+ });
35
+ const validateState = computed(() => (formItem == null ? void 0 : formItem.validateState) || "");
36
+ const validateIcon = computed(() => {
37
+ return validateState.value && ValidateComponentsMap[validateState.value];
38
+ });
39
+ const {
40
+ inputRef,
41
+ wrapperRef,
42
+ isFocused,
43
+ inputValue,
44
+ size,
45
+ tagSize,
46
+ placeholder,
47
+ closable,
48
+ disabled,
49
+ handleDragged,
50
+ handleInput,
51
+ handleKeydown,
52
+ handleRemoveTag,
53
+ handleClear,
54
+ handleCompositionStart,
55
+ handleCompositionUpdate,
56
+ handleCompositionEnd,
57
+ focus,
58
+ blur
59
+ } = useInputTag({ props, emit, formItem });
60
+ const { hovering, handleMouseEnter, handleMouseLeave } = useHovering();
61
+ const { calculatorRef, inputStyle } = useCalcInputWidth();
62
+ const {
63
+ dropIndicatorRef,
64
+ showDropIndicator,
65
+ handleDragStart,
66
+ handleDragOver,
67
+ handleDragEnd
68
+ } = useDragTag({ wrapperRef, handleDragged, afterDragged: focus });
69
+ const {
70
+ ns,
71
+ nsInput,
72
+ containerKls,
73
+ containerStyle,
74
+ innerKls,
75
+ showClear,
76
+ showSuffix
77
+ } = useInputTagDom({
78
+ props,
79
+ hovering,
80
+ isFocused,
81
+ inputValue,
82
+ disabled,
83
+ size,
84
+ validateState,
85
+ validateIcon,
86
+ needStatusIcon
87
+ });
88
+ expose({
89
+ focus,
90
+ blur
91
+ });
92
+ return (_ctx, _cache) => {
93
+ return openBlock(), createElementBlock("div", {
94
+ ref_key: "wrapperRef",
95
+ ref: wrapperRef,
96
+ class: normalizeClass(unref(containerKls)),
97
+ style: normalizeStyle(unref(containerStyle)),
98
+ onMouseenter: unref(handleMouseEnter),
99
+ onMouseleave: unref(handleMouseLeave)
100
+ }, [
101
+ unref(slots).prefix ? (openBlock(), createElementBlock("div", {
102
+ key: 0,
103
+ class: normalizeClass(unref(ns).e("prefix"))
104
+ }, [
105
+ renderSlot(_ctx.$slots, "prefix")
106
+ ], 2)) : createCommentVNode("v-if", true),
107
+ createElementVNode("div", {
108
+ class: normalizeClass(unref(innerKls))
109
+ }, [
110
+ (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.modelValue, (item, index) => {
111
+ return openBlock(), createBlock(unref(ElTag), {
112
+ key: index,
113
+ size: unref(tagSize),
114
+ closable: unref(closable),
115
+ type: _ctx.tagType,
116
+ effect: _ctx.tagEffect,
117
+ draggable: unref(closable) && _ctx.draggable,
118
+ "disable-transitions": "",
119
+ onClose: ($event) => unref(handleRemoveTag)(index),
120
+ onDragstart: (event) => unref(handleDragStart)(event, index),
121
+ onDragover: (event) => unref(handleDragOver)(event, index),
122
+ onDragend: unref(handleDragEnd),
123
+ onDrop: withModifiers(() => {
124
+ }, ["stop"])
125
+ }, {
126
+ default: withCtx(() => [
127
+ renderSlot(_ctx.$slots, "tag", {
128
+ value: item,
129
+ index
130
+ }, () => [
131
+ createTextVNode(toDisplayString(item), 1)
132
+ ])
133
+ ]),
134
+ _: 2
135
+ }, 1032, ["size", "closable", "type", "effect", "draggable", "onClose", "onDragstart", "onDragover", "onDragend", "onDrop"]);
136
+ }), 128)),
137
+ createElementVNode("div", {
138
+ class: normalizeClass(unref(ns).e("input-wrapper"))
139
+ }, [
140
+ withDirectives(createElementVNode("input", mergeProps({
141
+ id: unref(inputId),
142
+ ref_key: "inputRef",
143
+ ref: inputRef,
144
+ "onUpdate:modelValue": ($event) => isRef(inputValue) ? inputValue.value = $event : null
145
+ }, unref(attrs), {
146
+ type: "text",
147
+ minlength: _ctx.minlength,
148
+ maxlength: _ctx.maxlength,
149
+ disabled: unref(disabled),
150
+ readonly: _ctx.readonly,
151
+ autocomplete: _ctx.autocomplete,
152
+ tabindex: _ctx.tabindex,
153
+ placeholder: unref(placeholder),
154
+ autofocus: _ctx.autofocus,
155
+ ariaLabel: _ctx.ariaLabel,
156
+ class: unref(ns).e("input"),
157
+ style: unref(inputStyle),
158
+ onCompositionstart: unref(handleCompositionStart),
159
+ onCompositionupdate: unref(handleCompositionUpdate),
160
+ onCompositionend: unref(handleCompositionEnd),
161
+ onInput: unref(handleInput),
162
+ onKeydown: unref(handleKeydown)
163
+ }), null, 16, ["id", "onUpdate:modelValue", "minlength", "maxlength", "disabled", "readonly", "autocomplete", "tabindex", "placeholder", "autofocus", "ariaLabel", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onInput", "onKeydown"]), [
164
+ [vModelText, unref(inputValue)]
165
+ ]),
166
+ createElementVNode("span", {
167
+ ref_key: "calculatorRef",
168
+ ref: calculatorRef,
169
+ "aria-hidden": "true",
170
+ class: normalizeClass(unref(ns).e("input-calculator")),
171
+ textContent: toDisplayString(unref(inputValue))
172
+ }, null, 10, ["textContent"])
173
+ ], 2),
174
+ withDirectives(createElementVNode("div", {
175
+ ref_key: "dropIndicatorRef",
176
+ ref: dropIndicatorRef,
177
+ class: normalizeClass(unref(ns).e("drop-indicator"))
178
+ }, null, 2), [
179
+ [vShow, unref(showDropIndicator)]
180
+ ])
181
+ ], 2),
182
+ unref(showSuffix) ? (openBlock(), createElementBlock("div", {
183
+ key: 1,
184
+ class: normalizeClass(unref(ns).e("suffix"))
185
+ }, [
186
+ renderSlot(_ctx.$slots, "suffix"),
187
+ unref(showClear) ? (openBlock(), createBlock(unref(ElIcon), {
188
+ key: 0,
189
+ class: normalizeClass([unref(ns).e("icon"), unref(ns).e("clear")]),
190
+ onMousedown: withModifiers(unref(NOOP), ["prevent"]),
191
+ onClick: unref(handleClear)
192
+ }, {
193
+ default: withCtx(() => [
194
+ createVNode(unref(CircleClose))
195
+ ]),
196
+ _: 1
197
+ }, 8, ["class", "onMousedown", "onClick"])) : createCommentVNode("v-if", true),
198
+ unref(validateState) && unref(validateIcon) && unref(needStatusIcon) ? (openBlock(), createBlock(unref(ElIcon), {
199
+ key: 1,
200
+ class: normalizeClass([
201
+ unref(nsInput).e("icon"),
202
+ unref(nsInput).e("validateIcon"),
203
+ unref(nsInput).is("loading", unref(validateState) === "validating")
204
+ ])
205
+ }, {
206
+ default: withCtx(() => [
207
+ (openBlock(), createBlock(resolveDynamicComponent(unref(validateIcon))))
208
+ ]),
209
+ _: 1
210
+ }, 8, ["class"])) : createCommentVNode("v-if", true)
211
+ ], 2)) : createCommentVNode("v-if", true)
212
+ ], 46, ["onMouseenter", "onMouseleave"]);
213
+ };
214
+ }
215
+ });
216
+ var InputTag = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "input-tag.vue"]]);
72
217
 
73
- export { inputTagEmits, inputTagProps };
218
+ export { InputTag as default };
74
219
  //# sourceMappingURL=input-tag.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"input-tag.mjs","sources":["../../../../../../packages/components/input-tag/src/input-tag.ts"],"sourcesContent":["import {\n buildProps,\n definePropType,\n isArray,\n isString,\n isUndefined,\n} from '@element-plus/utils'\nimport { useSizeProp } from '@element-plus/hooks'\nimport {\n CHANGE_EVENT,\n EVENT_CODE,\n INPUT_EVENT,\n UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { tagProps } from '@element-plus/components/tag/src/tag'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\n\nexport const inputTagProps = buildProps({\n /**\n * @description binding value\n */\n modelValue: {\n type: definePropType<string[]>(Array),\n },\n /**\n * @description max number tags that can be enter\n */\n max: Number,\n /**\n * @description tag type\n */\n tagType: { ...tagProps.type, default: 'info' },\n /**\n * @description tag effect\n */\n tagEffect: tagProps.effect,\n /**\n * @description the key to trigger input tag\n */\n trigger: {\n type: definePropType<'Enter' | 'Space'>(String),\n default: EVENT_CODE.enter,\n },\n /**\n * @description whether tags can be dragged\n */\n draggable: Boolean,\n /**\n * @description add a tag when a delimiter is matched\n */\n delimiter: {\n type: [String, RegExp],\n default: '',\n },\n /**\n * @description input box size\n */\n size: useSizeProp,\n /**\n * @description whether to show clear button\n */\n clearable: Boolean,\n /**\n * @description whether to disable input-tag\n */\n disabled: {\n type: Boolean,\n default: undefined,\n },\n /**\n * @description whether to trigger form validation\n */\n validateEvent: {\n type: Boolean,\n default: true,\n },\n /**\n * @description native input readonly\n */\n readonly: Boolean,\n /**\n * @description native input autofocus\n */\n autofocus: Boolean,\n /**\n * @description same as `id` in native input\n */\n id: {\n type: String,\n default: undefined,\n },\n /**\n * @description same as `tabindex` in native input\n */\n tabindex: {\n type: [String, Number],\n default: 0,\n },\n /**\n * @description same as `maxlength` in native input\n */\n maxlength: {\n type: [String, Number],\n },\n /**\n * @description same as `minlength` in native input\n */\n minlength: {\n type: [String, Number],\n },\n /**\n * @description placeholder of input\n */\n placeholder: String,\n /**\n * @description native input autocomplete\n */\n autocomplete: {\n type: String,\n default: 'off',\n },\n /**\n * @description whether to save the input value when the input loses focus\n */\n saveOnBlur: {\n type: Boolean,\n default: true,\n },\n /**\n * @description native `aria-label` attribute\n */\n ariaLabel: String,\n} as const)\nexport type InputTagProps = ExtractPropTypes<typeof inputTagProps>\nexport type InputTagPropsPublic = __ExtractPublicPropTypes<typeof inputTagProps>\n\nexport const inputTagEmits = {\n [UPDATE_MODEL_EVENT]: (value?: string[]) =>\n isArray(value) || isUndefined(value),\n [CHANGE_EVENT]: (value?: string[]) => isArray(value) || isUndefined(value),\n [INPUT_EVENT]: (value: string) => isString(value),\n 'add-tag': (value: string | string[]) => isString(value) || isArray(value),\n 'remove-tag': (value: string) => isString(value),\n focus: (evt: FocusEvent) => evt instanceof FocusEvent,\n blur: (evt: FocusEvent) => evt instanceof FocusEvent,\n clear: () => true,\n}\nexport type InputTagEmits = typeof inputTagEmits\n"],"names":[],"mappings":";;;;;;;;AAeY,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,GAAG;AACH,EAAE,GAAG,EAAE,MAAM;AACb,EAAE,OAAO,EAAE,EAAE,GAAG,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE;AAChD,EAAE,SAAS,EAAE,QAAQ,CAAC,MAAM;AAC5B,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,UAAU,CAAC,KAAK;AAC7B,GAAG;AACH,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,GAAG;AACH,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE,MAAM;AACnB,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,CAAC,kBAAkB,GAAG,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,IAAI,WAAW,CAAC,KAAK,CAAC;AACvE,EAAE,CAAC,YAAY,GAAG,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,IAAI,WAAW,CAAC,KAAK,CAAC;AACjE,EAAE,CAAC,WAAW,GAAG,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AAC3C,EAAE,SAAS,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC;AACzD,EAAE,YAAY,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AAC1C,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C,EAAE,IAAI,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC1C,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB;;;;"}
1
+ {"version":3,"file":"input-tag.mjs","sources":["../../../../../../packages/components/input-tag/src/input-tag.vue"],"sourcesContent":["<template>\n <div\n ref=\"wrapperRef\"\n :class=\"containerKls\"\n :style=\"containerStyle\"\n @mouseenter=\"handleMouseEnter\"\n @mouseleave=\"handleMouseLeave\"\n >\n <div v-if=\"slots.prefix\" :class=\"ns.e('prefix')\">\n <slot name=\"prefix\" />\n </div>\n <div :class=\"innerKls\">\n <el-tag\n v-for=\"(item, index) in modelValue\"\n :key=\"index\"\n :size=\"tagSize\"\n :closable=\"closable\"\n :type=\"tagType\"\n :effect=\"tagEffect\"\n :draggable=\"closable && draggable\"\n disable-transitions\n @close=\"handleRemoveTag(index)\"\n @dragstart=\"(event: DragEvent) => handleDragStart(event, index)\"\n @dragover=\"(event: DragEvent) => handleDragOver(event, index)\"\n @dragend=\"handleDragEnd\"\n @drop.stop\n >\n <slot name=\"tag\" :value=\"item\" :index=\"index\">\n {{ item }}\n </slot>\n </el-tag>\n <div :class=\"ns.e('input-wrapper')\">\n <input\n :id=\"inputId\"\n ref=\"inputRef\"\n v-model=\"inputValue\"\n v-bind=\"attrs\"\n type=\"text\"\n :minlength=\"minlength\"\n :maxlength=\"maxlength\"\n :disabled=\"disabled\"\n :readonly=\"readonly\"\n :autocomplete=\"autocomplete\"\n :tabindex=\"tabindex\"\n :placeholder=\"placeholder\"\n :autofocus=\"autofocus\"\n :ariaLabel=\"ariaLabel\"\n :class=\"ns.e('input')\"\n :style=\"inputStyle\"\n @compositionstart=\"handleCompositionStart\"\n @compositionupdate=\"handleCompositionUpdate\"\n @compositionend=\"handleCompositionEnd\"\n @input=\"handleInput\"\n @keydown=\"handleKeydown\"\n />\n <span\n ref=\"calculatorRef\"\n aria-hidden=\"true\"\n :class=\"ns.e('input-calculator')\"\n v-text=\"inputValue\"\n />\n </div>\n <div\n v-show=\"showDropIndicator\"\n ref=\"dropIndicatorRef\"\n :class=\"ns.e('drop-indicator')\"\n />\n </div>\n <div v-if=\"showSuffix\" :class=\"ns.e('suffix')\">\n <slot name=\"suffix\" />\n <el-icon\n v-if=\"showClear\"\n :class=\"[ns.e('icon'), ns.e('clear')]\"\n @mousedown.prevent=\"NOOP\"\n @click=\"handleClear\"\n >\n <circle-close />\n </el-icon>\n <el-icon\n v-if=\"validateState && validateIcon && needStatusIcon\"\n :class=\"[\n nsInput.e('icon'),\n nsInput.e('validateIcon'),\n nsInput.is('loading', validateState === 'validating'),\n ]\"\n >\n <component :is=\"validateIcon\" />\n </el-icon>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, useSlots } from 'vue'\nimport { CircleClose } from '@element-plus/icons-vue'\nimport { useAttrs, useCalcInputWidth } from '@element-plus/hooks'\nimport { NOOP, ValidateComponentsMap } from '@element-plus/utils'\nimport ElIcon from '@element-plus/components/icon'\nimport ElTag from '@element-plus/components/tag'\nimport { useFormItem, useFormItemInputId } from '@element-plus/components/form'\nimport { inputTagEmits, inputTagProps } from './input-tag'\nimport {\n useDragTag,\n useHovering,\n useInputTag,\n useInputTagDom,\n} from './composables'\n\ndefineOptions({\n name: 'ElInputTag',\n inheritAttrs: false,\n})\n\nconst props = defineProps(inputTagProps)\nconst emit = defineEmits(inputTagEmits)\n\nconst attrs = useAttrs()\nconst slots = useSlots()\nconst { form, formItem } = useFormItem()\nconst { inputId } = useFormItemInputId(props, { formItemContext: formItem })\n\nconst needStatusIcon = computed(() => form?.statusIcon ?? false)\nconst validateState = computed(() => formItem?.validateState || '')\nconst validateIcon = computed(() => {\n return validateState.value && ValidateComponentsMap[validateState.value]\n})\n\nconst {\n inputRef,\n wrapperRef,\n isFocused,\n inputValue,\n size,\n tagSize,\n placeholder,\n closable,\n disabled,\n handleDragged,\n handleInput,\n handleKeydown,\n handleRemoveTag,\n handleClear,\n handleCompositionStart,\n handleCompositionUpdate,\n handleCompositionEnd,\n focus,\n blur,\n} = useInputTag({ props, emit, formItem })\nconst { hovering, handleMouseEnter, handleMouseLeave } = useHovering()\nconst { calculatorRef, inputStyle } = useCalcInputWidth()\nconst {\n dropIndicatorRef,\n showDropIndicator,\n handleDragStart,\n handleDragOver,\n handleDragEnd,\n} = useDragTag({ wrapperRef, handleDragged, afterDragged: focus })\nconst {\n ns,\n nsInput,\n containerKls,\n containerStyle,\n innerKls,\n showClear,\n showSuffix,\n} = useInputTagDom({\n props,\n hovering,\n isFocused,\n inputValue,\n disabled,\n size,\n validateState,\n validateIcon,\n needStatusIcon,\n})\n\ndefineExpose({\n focus,\n blur,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;mCA4Gc,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,EAAE,IAAA,EAAM,QAAS,EAAA,GAAI,WAAY,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,SAAY,GAAA,kBAAA,CAAmB,OAAO,EAAE,eAAA,EAAiB,UAAU,CAAA,CAAA;AAE3E,IAAA,MAAM,cAAiB,GAAA,QAAA,CAAS,MAAM;AACtC,MAAA,IAAM,EAAgB,CAAA;AACtB,MAAM,OAAA,CAAA,EAAA,GAAA,IAAA,WAAwB,KAAM,CAAA,GAAA,IAAA,CAAA,UAAA,KAAA,IAAA,GAAA,EAAA,GAAA,KAAA,CAAA;AAClC,KAAA,CAAA,CAAA;AAAuE,IACzE,MAAC,aAAA,GAAA,QAAA,CAAA,MAAA,CAAA,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,aAAA,KAAA,EAAA,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAA,QAAA,CAAA,MAAA;AAAA,MACJ,OAAA,aAAA,CAAA,KAAA,IAAA,qBAAA,CAAA,aAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAAA,IACA,MAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,aAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,eAAA;AAAA,MACA,WAAA;AAAA,MACA,sBAAA;AAAA,MACA,uBAAA;AAAA,0BACuB;AACzB,MAAA,KAAQ;AACR,MAAA,IAAM;AACN,KAAM,GAAA,WAAA,CAAA,EAAA,KAAA,EAAA,IAAA,EAAA,QAAA,EAAA,CAAA,CAAA;AAAA,IACJ,MAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,GAAA,WAAA,EAAA,CAAA;AAAA,IACA,MAAA,EAAA,aAAA,EAAA,UAAA,EAAA,GAAA,iBAAA,EAAA,CAAA;AAAA,IACA,MAAA;AAAA,MACA,gBAAA;AAAA,MACA,iBAAA;AAAA,qBACe;AACjB,MAAM,cAAA;AAAA,MACJ,aAAA;AAAA,KACA,GAAA,UAAA,CAAA,EAAA,UAAA,EAAA,aAAA,EAAA,YAAA,EAAA,KAAA,EAAA,CAAA,CAAA;AAAA,IACA,MAAA;AAAA,MACA,EAAA;AAAA,MACA,OAAA;AAAA,MACA,YAAA;AAAA,MACA,cAAA;AAAA,cACiB;AAAA,MACjB,SAAA;AAAA,MACA,UAAA;AAAA,KACA,GAAA,cAAA,CAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,IAAA;AAAA,MACD,aAAA;AAED,MAAa,YAAA;AAAA,MACX,cAAA;AAAA,KACA,CAAA,CAAA;AAAA,IACF,MAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,219 +1,74 @@
1
- import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, createCommentVNode, createElementVNode, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, withDirectives, mergeProps, isRef, vModelText, vShow, createVNode, resolveDynamicComponent } from 'vue';
2
- import { CircleClose } from '@element-plus/icons-vue';
3
- import { ElIcon } from '../../icon/index.mjs';
4
- import { ElTag } from '../../tag/index.mjs';
5
- import { inputTagProps, inputTagEmits } from './input-tag.mjs';
6
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
7
- import { useInputTag } from './composables/use-input-tag.mjs';
8
- import { useHovering } from './composables/use-hovering.mjs';
9
- import { useCalcInputWidth } from '../../../hooks/use-calc-input-width/index.mjs';
10
- import { useDragTag } from './composables/use-drag-tag.mjs';
11
- import { useInputTagDom } from './composables/use-input-tag-dom.mjs';
12
- import { useAttrs } from '../../../hooks/use-attrs/index.mjs';
13
- import { useFormItem, useFormItemInputId } from '../../form/src/hooks/use-form-item.mjs';
14
- import { ValidateComponentsMap } from '../../../utils/vue/icon.mjs';
15
- import { NOOP } from '@vue/shared';
1
+ import { tagProps } from '../../tag/src/tag.mjs';
2
+ import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
3
+ import { EVENT_CODE } from '../../../constants/aria.mjs';
4
+ import { useSizeProp } from '../../../hooks/use-size/index.mjs';
5
+ import { UPDATE_MODEL_EVENT, CHANGE_EVENT, INPUT_EVENT } from '../../../constants/event.mjs';
6
+ import { isArray, isString } from '@vue/shared';
7
+ import { isUndefined } from '../../../utils/types.mjs';
16
8
 
17
- const __default__ = defineComponent({
18
- name: "ElInputTag",
19
- inheritAttrs: false
9
+ const inputTagProps = buildProps({
10
+ modelValue: {
11
+ type: definePropType(Array)
12
+ },
13
+ max: Number,
14
+ tagType: { ...tagProps.type, default: "info" },
15
+ tagEffect: tagProps.effect,
16
+ trigger: {
17
+ type: definePropType(String),
18
+ default: EVENT_CODE.enter
19
+ },
20
+ draggable: Boolean,
21
+ delimiter: {
22
+ type: [String, RegExp],
23
+ default: ""
24
+ },
25
+ size: useSizeProp,
26
+ clearable: Boolean,
27
+ disabled: {
28
+ type: Boolean,
29
+ default: void 0
30
+ },
31
+ validateEvent: {
32
+ type: Boolean,
33
+ default: true
34
+ },
35
+ readonly: Boolean,
36
+ autofocus: Boolean,
37
+ id: {
38
+ type: String,
39
+ default: void 0
40
+ },
41
+ tabindex: {
42
+ type: [String, Number],
43
+ default: 0
44
+ },
45
+ maxlength: {
46
+ type: [String, Number]
47
+ },
48
+ minlength: {
49
+ type: [String, Number]
50
+ },
51
+ placeholder: String,
52
+ autocomplete: {
53
+ type: String,
54
+ default: "off"
55
+ },
56
+ saveOnBlur: {
57
+ type: Boolean,
58
+ default: true
59
+ },
60
+ ariaLabel: String
20
61
  });
21
- const _sfc_main = /* @__PURE__ */ defineComponent({
22
- ...__default__,
23
- props: inputTagProps,
24
- emits: inputTagEmits,
25
- setup(__props, { expose, emit }) {
26
- const props = __props;
27
- const attrs = useAttrs();
28
- const slots = useSlots();
29
- const { form, formItem } = useFormItem();
30
- const { inputId } = useFormItemInputId(props, { formItemContext: formItem });
31
- const needStatusIcon = computed(() => {
32
- var _a;
33
- return (_a = form == null ? void 0 : form.statusIcon) != null ? _a : false;
34
- });
35
- const validateState = computed(() => (formItem == null ? void 0 : formItem.validateState) || "");
36
- const validateIcon = computed(() => {
37
- return validateState.value && ValidateComponentsMap[validateState.value];
38
- });
39
- const {
40
- inputRef,
41
- wrapperRef,
42
- isFocused,
43
- inputValue,
44
- size,
45
- tagSize,
46
- placeholder,
47
- closable,
48
- disabled,
49
- handleDragged,
50
- handleInput,
51
- handleKeydown,
52
- handleRemoveTag,
53
- handleClear,
54
- handleCompositionStart,
55
- handleCompositionUpdate,
56
- handleCompositionEnd,
57
- focus,
58
- blur
59
- } = useInputTag({ props, emit, formItem });
60
- const { hovering, handleMouseEnter, handleMouseLeave } = useHovering();
61
- const { calculatorRef, inputStyle } = useCalcInputWidth();
62
- const {
63
- dropIndicatorRef,
64
- showDropIndicator,
65
- handleDragStart,
66
- handleDragOver,
67
- handleDragEnd
68
- } = useDragTag({ wrapperRef, handleDragged, afterDragged: focus });
69
- const {
70
- ns,
71
- nsInput,
72
- containerKls,
73
- containerStyle,
74
- innerKls,
75
- showClear,
76
- showSuffix
77
- } = useInputTagDom({
78
- props,
79
- hovering,
80
- isFocused,
81
- inputValue,
82
- disabled,
83
- size,
84
- validateState,
85
- validateIcon,
86
- needStatusIcon
87
- });
88
- expose({
89
- focus,
90
- blur
91
- });
92
- return (_ctx, _cache) => {
93
- return openBlock(), createElementBlock("div", {
94
- ref_key: "wrapperRef",
95
- ref: wrapperRef,
96
- class: normalizeClass(unref(containerKls)),
97
- style: normalizeStyle(unref(containerStyle)),
98
- onMouseenter: unref(handleMouseEnter),
99
- onMouseleave: unref(handleMouseLeave)
100
- }, [
101
- unref(slots).prefix ? (openBlock(), createElementBlock("div", {
102
- key: 0,
103
- class: normalizeClass(unref(ns).e("prefix"))
104
- }, [
105
- renderSlot(_ctx.$slots, "prefix")
106
- ], 2)) : createCommentVNode("v-if", true),
107
- createElementVNode("div", {
108
- class: normalizeClass(unref(innerKls))
109
- }, [
110
- (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.modelValue, (item, index) => {
111
- return openBlock(), createBlock(unref(ElTag), {
112
- key: index,
113
- size: unref(tagSize),
114
- closable: unref(closable),
115
- type: _ctx.tagType,
116
- effect: _ctx.tagEffect,
117
- draggable: unref(closable) && _ctx.draggable,
118
- "disable-transitions": "",
119
- onClose: ($event) => unref(handleRemoveTag)(index),
120
- onDragstart: (event) => unref(handleDragStart)(event, index),
121
- onDragover: (event) => unref(handleDragOver)(event, index),
122
- onDragend: unref(handleDragEnd),
123
- onDrop: withModifiers(() => {
124
- }, ["stop"])
125
- }, {
126
- default: withCtx(() => [
127
- renderSlot(_ctx.$slots, "tag", {
128
- value: item,
129
- index
130
- }, () => [
131
- createTextVNode(toDisplayString(item), 1)
132
- ])
133
- ]),
134
- _: 2
135
- }, 1032, ["size", "closable", "type", "effect", "draggable", "onClose", "onDragstart", "onDragover", "onDragend", "onDrop"]);
136
- }), 128)),
137
- createElementVNode("div", {
138
- class: normalizeClass(unref(ns).e("input-wrapper"))
139
- }, [
140
- withDirectives(createElementVNode("input", mergeProps({
141
- id: unref(inputId),
142
- ref_key: "inputRef",
143
- ref: inputRef,
144
- "onUpdate:modelValue": ($event) => isRef(inputValue) ? inputValue.value = $event : null
145
- }, unref(attrs), {
146
- type: "text",
147
- minlength: _ctx.minlength,
148
- maxlength: _ctx.maxlength,
149
- disabled: unref(disabled),
150
- readonly: _ctx.readonly,
151
- autocomplete: _ctx.autocomplete,
152
- tabindex: _ctx.tabindex,
153
- placeholder: unref(placeholder),
154
- autofocus: _ctx.autofocus,
155
- ariaLabel: _ctx.ariaLabel,
156
- class: unref(ns).e("input"),
157
- style: unref(inputStyle),
158
- onCompositionstart: unref(handleCompositionStart),
159
- onCompositionupdate: unref(handleCompositionUpdate),
160
- onCompositionend: unref(handleCompositionEnd),
161
- onInput: unref(handleInput),
162
- onKeydown: unref(handleKeydown)
163
- }), null, 16, ["id", "onUpdate:modelValue", "minlength", "maxlength", "disabled", "readonly", "autocomplete", "tabindex", "placeholder", "autofocus", "ariaLabel", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onInput", "onKeydown"]), [
164
- [vModelText, unref(inputValue)]
165
- ]),
166
- createElementVNode("span", {
167
- ref_key: "calculatorRef",
168
- ref: calculatorRef,
169
- "aria-hidden": "true",
170
- class: normalizeClass(unref(ns).e("input-calculator")),
171
- textContent: toDisplayString(unref(inputValue))
172
- }, null, 10, ["textContent"])
173
- ], 2),
174
- withDirectives(createElementVNode("div", {
175
- ref_key: "dropIndicatorRef",
176
- ref: dropIndicatorRef,
177
- class: normalizeClass(unref(ns).e("drop-indicator"))
178
- }, null, 2), [
179
- [vShow, unref(showDropIndicator)]
180
- ])
181
- ], 2),
182
- unref(showSuffix) ? (openBlock(), createElementBlock("div", {
183
- key: 1,
184
- class: normalizeClass(unref(ns).e("suffix"))
185
- }, [
186
- renderSlot(_ctx.$slots, "suffix"),
187
- unref(showClear) ? (openBlock(), createBlock(unref(ElIcon), {
188
- key: 0,
189
- class: normalizeClass([unref(ns).e("icon"), unref(ns).e("clear")]),
190
- onMousedown: withModifiers(unref(NOOP), ["prevent"]),
191
- onClick: unref(handleClear)
192
- }, {
193
- default: withCtx(() => [
194
- createVNode(unref(CircleClose))
195
- ]),
196
- _: 1
197
- }, 8, ["class", "onMousedown", "onClick"])) : createCommentVNode("v-if", true),
198
- unref(validateState) && unref(validateIcon) && unref(needStatusIcon) ? (openBlock(), createBlock(unref(ElIcon), {
199
- key: 1,
200
- class: normalizeClass([
201
- unref(nsInput).e("icon"),
202
- unref(nsInput).e("validateIcon"),
203
- unref(nsInput).is("loading", unref(validateState) === "validating")
204
- ])
205
- }, {
206
- default: withCtx(() => [
207
- (openBlock(), createBlock(resolveDynamicComponent(unref(validateIcon))))
208
- ]),
209
- _: 1
210
- }, 8, ["class"])) : createCommentVNode("v-if", true)
211
- ], 2)) : createCommentVNode("v-if", true)
212
- ], 46, ["onMouseenter", "onMouseleave"]);
213
- };
214
- }
215
- });
216
- var InputTag = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "input-tag.vue"]]);
62
+ const inputTagEmits = {
63
+ [UPDATE_MODEL_EVENT]: (value) => isArray(value) || isUndefined(value),
64
+ [CHANGE_EVENT]: (value) => isArray(value) || isUndefined(value),
65
+ [INPUT_EVENT]: (value) => isString(value),
66
+ "add-tag": (value) => isString(value) || isArray(value),
67
+ "remove-tag": (value) => isString(value),
68
+ focus: (evt) => evt instanceof FocusEvent,
69
+ blur: (evt) => evt instanceof FocusEvent,
70
+ clear: () => true
71
+ };
217
72
 
218
- export { InputTag as default };
73
+ export { inputTagEmits, inputTagProps };
219
74
  //# sourceMappingURL=input-tag2.mjs.map