@element-plus/nightly 0.0.20250817 → 0.0.20250818

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 (558) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.full.js +80 -80
  3. package/dist/index.full.min.js +18 -18
  4. package/dist/index.full.min.js.map +1 -1
  5. package/dist/index.full.min.mjs +18 -18
  6. package/dist/index.full.min.mjs.map +1 -1
  7. package/dist/index.full.mjs +80 -80
  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/breadcrumb/index.mjs +4 -4
  277. package/es/components/breadcrumb/src/breadcrumb-item.mjs +8 -56
  278. package/es/components/breadcrumb/src/breadcrumb-item.mjs.map +1 -1
  279. package/es/components/breadcrumb/src/breadcrumb-item2.mjs +56 -8
  280. package/es/components/breadcrumb/src/breadcrumb-item2.mjs.map +1 -1
  281. package/es/components/breadcrumb/src/breadcrumb.mjs +10 -37
  282. package/es/components/breadcrumb/src/breadcrumb.mjs.map +1 -1
  283. package/es/components/breadcrumb/src/breadcrumb2.mjs +37 -10
  284. package/es/components/breadcrumb/src/breadcrumb2.mjs.map +1 -1
  285. package/es/components/button/index.mjs +1 -1
  286. package/es/components/button/src/button-group.mjs +6 -29
  287. package/es/components/button/src/button-group.mjs.map +1 -1
  288. package/es/components/button/src/button-group2.mjs +29 -6
  289. package/es/components/button/src/button-group2.mjs.map +1 -1
  290. package/es/components/cascader/index.mjs +2 -2
  291. package/es/components/cascader/src/cascader.mjs +101 -682
  292. package/es/components/cascader/src/cascader.mjs.map +1 -1
  293. package/es/components/cascader/src/cascader2.mjs +694 -101
  294. package/es/components/cascader/src/cascader2.mjs.map +1 -1
  295. package/es/components/cascader-panel/src/node-content.d.ts +1 -5
  296. package/es/components/cascader-panel/src/node-content.mjs +4 -20
  297. package/es/components/cascader-panel/src/node-content.mjs.map +1 -1
  298. package/es/components/cascader-panel/src/node2.mjs +4 -6
  299. package/es/components/cascader-panel/src/node2.mjs.map +1 -1
  300. package/es/components/col/index.mjs +2 -2
  301. package/es/components/col/src/col.mjs +43 -64
  302. package/es/components/col/src/col.mjs.map +1 -1
  303. package/es/components/col/src/col2.mjs +64 -43
  304. package/es/components/col/src/col2.mjs.map +1 -1
  305. package/es/components/collapse/index.mjs +2 -2
  306. package/es/components/collapse/src/collapse-item.mjs +95 -18
  307. package/es/components/collapse/src/collapse-item.mjs.map +1 -1
  308. package/es/components/collapse/src/collapse-item2.mjs +18 -95
  309. package/es/components/collapse/src/collapse-item2.mjs.map +1 -1
  310. package/es/components/collection/index.mjs +1 -1
  311. package/es/components/collection/src/collection.mjs +10 -62
  312. package/es/components/collection/src/collection.mjs.map +1 -1
  313. package/es/components/collection/src/collection2.mjs +62 -10
  314. package/es/components/collection/src/collection2.mjs.map +1 -1
  315. package/es/components/color-picker/index.mjs +2 -2
  316. package/es/components/color-picker/src/color-picker.mjs +49 -400
  317. package/es/components/color-picker/src/color-picker.mjs.map +1 -1
  318. package/es/components/color-picker/src/color-picker2.mjs +400 -49
  319. package/es/components/color-picker/src/color-picker2.mjs.map +1 -1
  320. package/es/components/color-picker/src/components/predefine.mjs +1 -1
  321. package/es/components/countdown/index.mjs +2 -2
  322. package/es/components/countdown/src/countdown.mjs +21 -79
  323. package/es/components/countdown/src/countdown.mjs.map +1 -1
  324. package/es/components/countdown/src/countdown2.mjs +79 -21
  325. package/es/components/countdown/src/countdown2.mjs.map +1 -1
  326. package/es/components/divider/index.mjs +2 -2
  327. package/es/components/divider/src/divider.mjs +16 -34
  328. package/es/components/divider/src/divider.mjs.map +1 -1
  329. package/es/components/divider/src/divider2.mjs +34 -16
  330. package/es/components/divider/src/divider2.mjs.map +1 -1
  331. package/es/components/dropdown/src/dropdown-item-impl.mjs +1 -1
  332. package/es/components/dropdown/src/dropdown.mjs +1 -1
  333. package/es/components/index.mjs +14 -14
  334. package/es/components/link/index.mjs +2 -2
  335. package/es/components/link/src/link.mjs +25 -71
  336. package/es/components/link/src/link.mjs.map +1 -1
  337. package/es/components/link/src/link2.mjs +71 -25
  338. package/es/components/link/src/link2.mjs.map +1 -1
  339. package/es/components/pagination/src/components/next.mjs +35 -18
  340. package/es/components/pagination/src/components/next.mjs.map +1 -1
  341. package/es/components/pagination/src/components/next2.mjs +18 -35
  342. package/es/components/pagination/src/components/next2.mjs.map +1 -1
  343. package/es/components/pagination/src/components/total.mjs +6 -26
  344. package/es/components/pagination/src/components/total.mjs.map +1 -1
  345. package/es/components/pagination/src/components/total2.mjs +26 -6
  346. package/es/components/pagination/src/components/total2.mjs.map +1 -1
  347. package/es/components/pagination/src/pagination.mjs +2 -2
  348. package/es/components/radio/index.mjs +2 -2
  349. package/es/components/radio/src/radio-button.mjs +5 -65
  350. package/es/components/radio/src/radio-button.mjs.map +1 -1
  351. package/es/components/radio/src/radio-button2.mjs +65 -5
  352. package/es/components/radio/src/radio-button2.mjs.map +1 -1
  353. package/es/components/roving-focus-group/src/roving-focus-group.mjs +1 -1
  354. package/es/components/row/index.mjs +2 -2
  355. package/es/components/row/src/row.mjs +28 -44
  356. package/es/components/row/src/row.mjs.map +1 -1
  357. package/es/components/row/src/row2.mjs +44 -28
  358. package/es/components/row/src/row2.mjs.map +1 -1
  359. package/es/components/segmented/index.d.ts +1 -1
  360. package/es/components/segmented/src/segmented.vue.d.ts +1 -1
  361. package/es/components/segmented/src/segmented2.mjs +4 -1
  362. package/es/components/segmented/src/segmented2.mjs.map +1 -1
  363. package/es/components/select/src/select.vue.d.ts +1 -1
  364. package/es/components/select/src/select2.mjs +2 -2
  365. package/es/components/select/src/select2.mjs.map +1 -1
  366. package/es/components/select/src/useSelect.d.ts +1 -1
  367. package/es/components/select/src/useSelect.mjs +3 -3
  368. package/es/components/select/src/useSelect.mjs.map +1 -1
  369. package/es/components/select-v2/src/useSelect.mjs +1 -1
  370. package/es/components/select-v2/src/useSelect.mjs.map +1 -1
  371. package/es/components/slider/src/button.mjs +19 -91
  372. package/es/components/slider/src/button.mjs.map +1 -1
  373. package/es/components/slider/src/button2.mjs +91 -19
  374. package/es/components/slider/src/button2.mjs.map +1 -1
  375. package/es/components/slider/src/slider2.mjs +1 -1
  376. package/es/components/splitter/index.mjs +2 -2
  377. package/es/components/splitter/src/splitter.mjs +99 -9
  378. package/es/components/splitter/src/splitter.mjs.map +1 -1
  379. package/es/components/splitter/src/splitter2.mjs +9 -99
  380. package/es/components/splitter/src/splitter2.mjs.map +1 -1
  381. package/es/components/steps/src/item.vue.d.ts +3 -2
  382. package/es/components/steps/src/item2.mjs +7 -6
  383. package/es/components/steps/src/item2.mjs.map +1 -1
  384. package/es/components/switch/index.mjs +2 -2
  385. package/es/components/switch/src/switch.mjs +227 -72
  386. package/es/components/switch/src/switch.mjs.map +1 -1
  387. package/es/components/switch/src/switch2.mjs +72 -227
  388. package/es/components/switch/src/switch2.mjs.map +1 -1
  389. package/es/components/time-picker/src/common/picker.mjs +16 -13
  390. package/es/components/time-picker/src/common/picker.mjs.map +1 -1
  391. package/es/components/tooltip-v2/index.mjs +1 -1
  392. package/es/components/tooltip-v2/src/content.mjs +110 -48
  393. package/es/components/tooltip-v2/src/content.mjs.map +1 -1
  394. package/es/components/tooltip-v2/src/content2.mjs +48 -110
  395. package/es/components/tooltip-v2/src/content2.mjs.map +1 -1
  396. package/es/components/tooltip-v2/src/tooltip.mjs +1 -1
  397. package/es/components/tooltip-v2/src/tooltip2.mjs +2 -2
  398. package/es/components/tour/src/mask.mjs +18 -74
  399. package/es/components/tour/src/mask.mjs.map +1 -1
  400. package/es/components/tour/src/mask2.mjs +74 -18
  401. package/es/components/tour/src/mask2.mjs.map +1 -1
  402. package/es/components/tour/src/tour2.mjs +1 -1
  403. package/es/components/upload/index.mjs +1 -1
  404. package/es/components/upload/src/upload-list.mjs +173 -25
  405. package/es/components/upload/src/upload-list.mjs.map +1 -1
  406. package/es/components/upload/src/upload-list2.mjs +25 -173
  407. package/es/components/upload/src/upload-list2.mjs.map +1 -1
  408. package/es/components/upload/src/upload2.mjs +1 -1
  409. package/es/index.d.ts +3 -3
  410. package/es/index.mjs +14 -14
  411. package/es/version.d.ts +1 -1
  412. package/es/version.mjs +1 -1
  413. package/es/version.mjs.map +1 -1
  414. package/lib/components/breadcrumb/index.js +4 -4
  415. package/lib/components/breadcrumb/src/breadcrumb-item.js +8 -56
  416. package/lib/components/breadcrumb/src/breadcrumb-item.js.map +1 -1
  417. package/lib/components/breadcrumb/src/breadcrumb-item2.js +56 -8
  418. package/lib/components/breadcrumb/src/breadcrumb-item2.js.map +1 -1
  419. package/lib/components/breadcrumb/src/breadcrumb.js +10 -37
  420. package/lib/components/breadcrumb/src/breadcrumb.js.map +1 -1
  421. package/lib/components/breadcrumb/src/breadcrumb2.js +37 -10
  422. package/lib/components/breadcrumb/src/breadcrumb2.js.map +1 -1
  423. package/lib/components/button/index.js +1 -1
  424. package/lib/components/button/src/button-group.js +6 -29
  425. package/lib/components/button/src/button-group.js.map +1 -1
  426. package/lib/components/button/src/button-group2.js +29 -6
  427. package/lib/components/button/src/button-group2.js.map +1 -1
  428. package/lib/components/cascader/index.js +2 -2
  429. package/lib/components/cascader/src/cascader.js +101 -681
  430. package/lib/components/cascader/src/cascader.js.map +1 -1
  431. package/lib/components/cascader/src/cascader2.js +693 -101
  432. package/lib/components/cascader/src/cascader2.js.map +1 -1
  433. package/lib/components/cascader-panel/src/node-content.d.ts +1 -5
  434. package/lib/components/cascader-panel/src/node-content.js +4 -20
  435. package/lib/components/cascader-panel/src/node-content.js.map +1 -1
  436. package/lib/components/cascader-panel/src/node2.js +4 -6
  437. package/lib/components/cascader-panel/src/node2.js.map +1 -1
  438. package/lib/components/col/index.js +2 -2
  439. package/lib/components/col/src/col.js +43 -64
  440. package/lib/components/col/src/col.js.map +1 -1
  441. package/lib/components/col/src/col2.js +64 -43
  442. package/lib/components/col/src/col2.js.map +1 -1
  443. package/lib/components/collapse/index.js +2 -2
  444. package/lib/components/collapse/src/collapse-item.js +95 -18
  445. package/lib/components/collapse/src/collapse-item.js.map +1 -1
  446. package/lib/components/collapse/src/collapse-item2.js +18 -95
  447. package/lib/components/collapse/src/collapse-item2.js.map +1 -1
  448. package/lib/components/collection/index.js +1 -1
  449. package/lib/components/collection/src/collection.js +9 -62
  450. package/lib/components/collection/src/collection.js.map +1 -1
  451. package/lib/components/collection/src/collection2.js +62 -9
  452. package/lib/components/collection/src/collection2.js.map +1 -1
  453. package/lib/components/color-picker/index.js +2 -2
  454. package/lib/components/color-picker/src/color-picker.js +50 -399
  455. package/lib/components/color-picker/src/color-picker.js.map +1 -1
  456. package/lib/components/color-picker/src/color-picker2.js +399 -50
  457. package/lib/components/color-picker/src/color-picker2.js.map +1 -1
  458. package/lib/components/color-picker/src/components/predefine.js +1 -1
  459. package/lib/components/countdown/index.js +2 -2
  460. package/lib/components/countdown/src/countdown.js +22 -79
  461. package/lib/components/countdown/src/countdown.js.map +1 -1
  462. package/lib/components/countdown/src/countdown2.js +79 -22
  463. package/lib/components/countdown/src/countdown2.js.map +1 -1
  464. package/lib/components/divider/index.js +2 -2
  465. package/lib/components/divider/src/divider.js +16 -34
  466. package/lib/components/divider/src/divider.js.map +1 -1
  467. package/lib/components/divider/src/divider2.js +34 -16
  468. package/lib/components/divider/src/divider2.js.map +1 -1
  469. package/lib/components/dropdown/src/dropdown-item-impl.js +1 -1
  470. package/lib/components/dropdown/src/dropdown.js +1 -1
  471. package/lib/components/index.js +14 -14
  472. package/lib/components/link/index.js +2 -2
  473. package/lib/components/link/src/link.js +26 -71
  474. package/lib/components/link/src/link.js.map +1 -1
  475. package/lib/components/link/src/link2.js +71 -26
  476. package/lib/components/link/src/link2.js.map +1 -1
  477. package/lib/components/pagination/src/components/next.js +35 -18
  478. package/lib/components/pagination/src/components/next.js.map +1 -1
  479. package/lib/components/pagination/src/components/next2.js +18 -35
  480. package/lib/components/pagination/src/components/next2.js.map +1 -1
  481. package/lib/components/pagination/src/components/total.js +6 -26
  482. package/lib/components/pagination/src/components/total.js.map +1 -1
  483. package/lib/components/pagination/src/components/total2.js +26 -6
  484. package/lib/components/pagination/src/components/total2.js.map +1 -1
  485. package/lib/components/pagination/src/pagination.js +2 -2
  486. package/lib/components/radio/index.js +2 -2
  487. package/lib/components/radio/src/radio-button.js +5 -65
  488. package/lib/components/radio/src/radio-button.js.map +1 -1
  489. package/lib/components/radio/src/radio-button2.js +65 -5
  490. package/lib/components/radio/src/radio-button2.js.map +1 -1
  491. package/lib/components/roving-focus-group/src/roving-focus-group.js +1 -1
  492. package/lib/components/row/index.js +2 -2
  493. package/lib/components/row/src/row.js +30 -44
  494. package/lib/components/row/src/row.js.map +1 -1
  495. package/lib/components/row/src/row2.js +44 -30
  496. package/lib/components/row/src/row2.js.map +1 -1
  497. package/lib/components/segmented/index.d.ts +1 -1
  498. package/lib/components/segmented/src/segmented.vue.d.ts +1 -1
  499. package/lib/components/segmented/src/segmented2.js +4 -1
  500. package/lib/components/segmented/src/segmented2.js.map +1 -1
  501. package/lib/components/select/src/select.vue.d.ts +1 -1
  502. package/lib/components/select/src/select2.js +2 -2
  503. package/lib/components/select/src/select2.js.map +1 -1
  504. package/lib/components/select/src/useSelect.d.ts +1 -1
  505. package/lib/components/select/src/useSelect.js +3 -3
  506. package/lib/components/select/src/useSelect.js.map +1 -1
  507. package/lib/components/select-v2/src/useSelect.js +1 -1
  508. package/lib/components/select-v2/src/useSelect.js.map +1 -1
  509. package/lib/components/slider/src/button.js +20 -91
  510. package/lib/components/slider/src/button.js.map +1 -1
  511. package/lib/components/slider/src/button2.js +91 -20
  512. package/lib/components/slider/src/button2.js.map +1 -1
  513. package/lib/components/slider/src/slider2.js +1 -1
  514. package/lib/components/splitter/index.js +2 -2
  515. package/lib/components/splitter/src/splitter.js +99 -9
  516. package/lib/components/splitter/src/splitter.js.map +1 -1
  517. package/lib/components/splitter/src/splitter2.js +9 -99
  518. package/lib/components/splitter/src/splitter2.js.map +1 -1
  519. package/lib/components/steps/src/item.vue.d.ts +3 -2
  520. package/lib/components/steps/src/item2.js +6 -5
  521. package/lib/components/steps/src/item2.js.map +1 -1
  522. package/lib/components/switch/index.js +2 -2
  523. package/lib/components/switch/src/switch.js +226 -72
  524. package/lib/components/switch/src/switch.js.map +1 -1
  525. package/lib/components/switch/src/switch2.js +72 -226
  526. package/lib/components/switch/src/switch2.js.map +1 -1
  527. package/lib/components/time-picker/src/common/picker.js +16 -13
  528. package/lib/components/time-picker/src/common/picker.js.map +1 -1
  529. package/lib/components/tooltip-v2/index.js +1 -1
  530. package/lib/components/tooltip-v2/src/content.js +110 -48
  531. package/lib/components/tooltip-v2/src/content.js.map +1 -1
  532. package/lib/components/tooltip-v2/src/content2.js +48 -110
  533. package/lib/components/tooltip-v2/src/content2.js.map +1 -1
  534. package/lib/components/tooltip-v2/src/tooltip.js +1 -1
  535. package/lib/components/tooltip-v2/src/tooltip2.js +2 -2
  536. package/lib/components/tour/src/mask.js +18 -74
  537. package/lib/components/tour/src/mask.js.map +1 -1
  538. package/lib/components/tour/src/mask2.js +74 -18
  539. package/lib/components/tour/src/mask2.js.map +1 -1
  540. package/lib/components/tour/src/tour2.js +1 -1
  541. package/lib/components/upload/index.js +1 -1
  542. package/lib/components/upload/src/upload-list.js +173 -26
  543. package/lib/components/upload/src/upload-list.js.map +1 -1
  544. package/lib/components/upload/src/upload-list2.js +26 -173
  545. package/lib/components/upload/src/upload-list2.js.map +1 -1
  546. package/lib/components/upload/src/upload2.js +1 -1
  547. package/lib/index.d.ts +3 -3
  548. package/lib/index.js +14 -14
  549. package/lib/version.d.ts +1 -1
  550. package/lib/version.js +1 -1
  551. package/lib/version.js.map +1 -1
  552. package/package.json +2 -2
  553. package/theme-chalk/el-date-picker.css +1 -1
  554. package/theme-chalk/el-time-picker.css +1 -1
  555. package/theme-chalk/el-time-select.css +1 -1
  556. package/theme-chalk/index.css +1 -1
  557. package/theme-chalk/src/date-picker/picker.scss +6 -0
  558. package/web-types.json +1 -1
@@ -6,13 +6,13 @@ var vue = require('vue');
6
6
  var lodashUnified = require('lodash-unified');
7
7
  var index = require('../../teleport/index.js');
8
8
  var arrow = require('./arrow.js');
9
- var content = require('./content.js');
9
+ var content = require('./content2.js');
10
10
  var root = require('./root.js');
11
11
  var tooltip = require('./tooltip.js');
12
12
  var trigger = require('./trigger.js');
13
13
  var root$1 = require('./root2.js');
14
14
  var arrow$1 = require('./arrow2.js');
15
- var content$1 = require('./content2.js');
15
+ var content$1 = require('./content.js');
16
16
  var trigger$1 = require('./trigger2.js');
17
17
  var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
18
18
 
@@ -2,82 +2,26 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var mask = require('./mask2.js');
7
- var helper = require('./helper.js');
8
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
9
- var index = require('../../../hooks/use-lockscreen/index.js');
5
+ var runtime = require('../../../utils/vue/props/runtime.js');
10
6
 
11
- const __default__ = vue.defineComponent({
12
- name: "ElTourMask",
13
- inheritAttrs: false
14
- });
15
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
16
- ...__default__,
17
- props: mask.maskProps,
18
- setup(__props) {
19
- const props = __props;
20
- const { ns } = vue.inject(helper.tourKey);
21
- const radius = vue.computed(() => {
22
- var _a, _b;
23
- return (_b = (_a = props.pos) == null ? void 0 : _a.radius) != null ? _b : 2;
24
- });
25
- const roundInfo = vue.computed(() => {
26
- const v = radius.value;
27
- const baseInfo = `a${v},${v} 0 0 1`;
28
- return {
29
- topRight: `${baseInfo} ${v},${v}`,
30
- bottomRight: `${baseInfo} ${-v},${v}`,
31
- bottomLeft: `${baseInfo} ${-v},${-v}`,
32
- topLeft: `${baseInfo} ${v},${-v}`
33
- };
34
- });
35
- const path = vue.computed(() => {
36
- const width = window.innerWidth;
37
- const height = window.innerHeight;
38
- const info = roundInfo.value;
39
- const _path = `M${width},0 L0,0 L0,${height} L${width},${height} L${width},0 Z`;
40
- const _radius = radius.value;
41
- return props.pos ? `${_path} M${props.pos.left + _radius},${props.pos.top} h${props.pos.width - _radius * 2} ${info.topRight} v${props.pos.height - _radius * 2} ${info.bottomRight} h${-props.pos.width + _radius * 2} ${info.bottomLeft} v${-props.pos.height + _radius * 2} ${info.topLeft} z` : _path;
42
- });
43
- const maskStyle = vue.computed(() => ({
44
- position: "fixed",
45
- left: 0,
46
- right: 0,
47
- top: 0,
48
- bottom: 0,
49
- zIndex: props.zIndex,
50
- pointerEvents: props.pos && props.targetAreaClickable ? "none" : "auto"
51
- }));
52
- const pathStyle = vue.computed(() => ({
53
- fill: props.fill,
54
- pointerEvents: "auto",
55
- cursor: "auto"
56
- }));
57
- index.useLockscreen(vue.toRef(props, "visible"), {
58
- ns
59
- });
60
- return (_ctx, _cache) => {
61
- return _ctx.visible ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
62
- key: 0,
63
- class: vue.unref(ns).e("mask"),
64
- style: vue.unref(maskStyle)
65
- }, _ctx.$attrs), [
66
- (vue.openBlock(), vue.createElementBlock("svg", { style: {
67
- width: "100%",
68
- height: "100%"
69
- } }, [
70
- vue.createElementVNode("path", {
71
- class: vue.normalizeClass(vue.unref(ns).e("hollow")),
72
- style: vue.normalizeStyle(vue.unref(pathStyle)),
73
- d: vue.unref(path)
74
- }, null, 14, ["d"])
75
- ]))
76
- ], 16)) : vue.createCommentVNode("v-if", true);
77
- };
7
+ const maskProps = runtime.buildProps({
8
+ zIndex: {
9
+ type: Number,
10
+ default: 1001
11
+ },
12
+ visible: Boolean,
13
+ fill: {
14
+ type: String,
15
+ default: "rgba(0,0,0,0.5)"
16
+ },
17
+ pos: {
18
+ type: runtime.definePropType(Object)
19
+ },
20
+ targetAreaClickable: {
21
+ type: Boolean,
22
+ default: true
78
23
  }
79
24
  });
80
- var ElTourMask = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "mask.vue"]]);
81
25
 
82
- exports["default"] = ElTourMask;
26
+ exports.maskProps = maskProps;
83
27
  //# sourceMappingURL=mask.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"mask.js","sources":["../../../../../../packages/components/tour/src/mask.vue"],"sourcesContent":["<template>\n <div v-if=\"visible\" :class=\"ns.e('mask')\" :style=\"maskStyle\" v-bind=\"$attrs\">\n <svg\n :style=\"{\n width: '100%',\n height: '100%',\n }\"\n >\n <path :class=\"ns.e('hollow')\" :style=\"pathStyle\" :d=\"path\" />\n </svg>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, toRef } from 'vue'\nimport { useLockscreen } from '@element-plus/hooks'\nimport { maskProps } from './mask'\nimport { tourKey } from './helper'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: 'ElTourMask',\n inheritAttrs: false,\n})\n\nconst props = defineProps(maskProps)\n\nconst { ns } = inject(tourKey)!\nconst radius = computed(() => props.pos?.radius ?? 2)\nconst roundInfo = computed(() => {\n const v = radius.value\n const baseInfo = `a${v},${v} 0 0 1`\n return {\n topRight: `${baseInfo} ${v},${v}`,\n bottomRight: `${baseInfo} ${-v},${v}`,\n bottomLeft: `${baseInfo} ${-v},${-v}`,\n topLeft: `${baseInfo} ${v},${-v}`,\n }\n})\n\nconst path = computed(() => {\n const width = window.innerWidth\n const height = window.innerHeight\n const info = roundInfo.value\n const _path = `M${width},0 L0,0 L0,${height} L${width},${height} L${width},0 Z`\n const _radius = radius.value\n return props.pos\n ? `${_path} M${props.pos.left + _radius},${props.pos.top} h${\n props.pos.width - _radius * 2\n } ${info.topRight} v${props.pos.height - _radius * 2} ${\n info.bottomRight\n } h${-props.pos.width + _radius * 2} ${info.bottomLeft} v${\n -props.pos.height + _radius * 2\n } ${info.topLeft} z`\n : _path\n})\n\nconst maskStyle = computed<CSSProperties>(() => ({\n position: 'fixed',\n left: 0,\n right: 0,\n top: 0,\n bottom: 0,\n zIndex: props.zIndex,\n pointerEvents: props.pos && props.targetAreaClickable ? 'none' : 'auto',\n}))\n\nconst pathStyle = computed<CSSProperties>(() => ({\n fill: props.fill,\n pointerEvents: 'auto',\n cursor: 'auto',\n}))\n\nuseLockscreen(toRef(props, 'visible'), {\n ns,\n})\n</script>\n"],"names":["inject","tourKey","computed"],"mappings":"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"}
1
+ {"version":3,"file":"mask.js","sources":["../../../../../../packages/components/tour/src/mask.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type { PosInfo } from './types'\n\nexport const maskProps = buildProps({\n /**\n * @description mask's zIndex\n */\n zIndex: {\n type: Number,\n default: 1001,\n },\n /**\n * @description whether to show the mask\n */\n visible: Boolean,\n /**\n * @description mask's fill\n */\n fill: {\n type: String,\n default: 'rgba(0,0,0,0.5)',\n },\n /***\n * @description mask's transparent space position\n */\n pos: {\n type: definePropType<PosInfo | null>(Object),\n },\n /**\n * @description whether the target element can be clickable, when using mask\n */\n targetAreaClickable: {\n type: Boolean,\n default: true,\n },\n})\n\nexport type MaskProps = ExtractPropTypes<typeof maskProps>\nexport type MaskPropsPublic = __ExtractPublicPropTypes<typeof maskProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AACY,MAAC,SAAS,GAAGA,kBAAU,CAAC;AACpC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,iBAAiB;AAC9B,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAEC,sBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,mBAAmB,EAAE;AACvB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC;;;;"}
@@ -2,26 +2,82 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var runtime = require('../../../utils/vue/props/runtime.js');
5
+ var vue = require('vue');
6
+ var mask = require('./mask.js');
7
+ var helper = require('./helper.js');
8
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
9
+ var index = require('../../../hooks/use-lockscreen/index.js');
6
10
 
7
- const maskProps = runtime.buildProps({
8
- zIndex: {
9
- type: Number,
10
- default: 1001
11
- },
12
- visible: Boolean,
13
- fill: {
14
- type: String,
15
- default: "rgba(0,0,0,0.5)"
16
- },
17
- pos: {
18
- type: runtime.definePropType(Object)
19
- },
20
- targetAreaClickable: {
21
- type: Boolean,
22
- default: true
11
+ const __default__ = vue.defineComponent({
12
+ name: "ElTourMask",
13
+ inheritAttrs: false
14
+ });
15
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
16
+ ...__default__,
17
+ props: mask.maskProps,
18
+ setup(__props) {
19
+ const props = __props;
20
+ const { ns } = vue.inject(helper.tourKey);
21
+ const radius = vue.computed(() => {
22
+ var _a, _b;
23
+ return (_b = (_a = props.pos) == null ? void 0 : _a.radius) != null ? _b : 2;
24
+ });
25
+ const roundInfo = vue.computed(() => {
26
+ const v = radius.value;
27
+ const baseInfo = `a${v},${v} 0 0 1`;
28
+ return {
29
+ topRight: `${baseInfo} ${v},${v}`,
30
+ bottomRight: `${baseInfo} ${-v},${v}`,
31
+ bottomLeft: `${baseInfo} ${-v},${-v}`,
32
+ topLeft: `${baseInfo} ${v},${-v}`
33
+ };
34
+ });
35
+ const path = vue.computed(() => {
36
+ const width = window.innerWidth;
37
+ const height = window.innerHeight;
38
+ const info = roundInfo.value;
39
+ const _path = `M${width},0 L0,0 L0,${height} L${width},${height} L${width},0 Z`;
40
+ const _radius = radius.value;
41
+ return props.pos ? `${_path} M${props.pos.left + _radius},${props.pos.top} h${props.pos.width - _radius * 2} ${info.topRight} v${props.pos.height - _radius * 2} ${info.bottomRight} h${-props.pos.width + _radius * 2} ${info.bottomLeft} v${-props.pos.height + _radius * 2} ${info.topLeft} z` : _path;
42
+ });
43
+ const maskStyle = vue.computed(() => ({
44
+ position: "fixed",
45
+ left: 0,
46
+ right: 0,
47
+ top: 0,
48
+ bottom: 0,
49
+ zIndex: props.zIndex,
50
+ pointerEvents: props.pos && props.targetAreaClickable ? "none" : "auto"
51
+ }));
52
+ const pathStyle = vue.computed(() => ({
53
+ fill: props.fill,
54
+ pointerEvents: "auto",
55
+ cursor: "auto"
56
+ }));
57
+ index.useLockscreen(vue.toRef(props, "visible"), {
58
+ ns
59
+ });
60
+ return (_ctx, _cache) => {
61
+ return _ctx.visible ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
62
+ key: 0,
63
+ class: vue.unref(ns).e("mask"),
64
+ style: vue.unref(maskStyle)
65
+ }, _ctx.$attrs), [
66
+ (vue.openBlock(), vue.createElementBlock("svg", { style: {
67
+ width: "100%",
68
+ height: "100%"
69
+ } }, [
70
+ vue.createElementVNode("path", {
71
+ class: vue.normalizeClass(vue.unref(ns).e("hollow")),
72
+ style: vue.normalizeStyle(vue.unref(pathStyle)),
73
+ d: vue.unref(path)
74
+ }, null, 14, ["d"])
75
+ ]))
76
+ ], 16)) : vue.createCommentVNode("v-if", true);
77
+ };
23
78
  }
24
79
  });
80
+ var ElTourMask = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "mask.vue"]]);
25
81
 
26
- exports.maskProps = maskProps;
82
+ exports["default"] = ElTourMask;
27
83
  //# sourceMappingURL=mask2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"mask2.js","sources":["../../../../../../packages/components/tour/src/mask.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type { PosInfo } from './types'\n\nexport const maskProps = buildProps({\n /**\n * @description mask's zIndex\n */\n zIndex: {\n type: Number,\n default: 1001,\n },\n /**\n * @description whether to show the mask\n */\n visible: Boolean,\n /**\n * @description mask's fill\n */\n fill: {\n type: String,\n default: 'rgba(0,0,0,0.5)',\n },\n /***\n * @description mask's transparent space position\n */\n pos: {\n type: definePropType<PosInfo | null>(Object),\n },\n /**\n * @description whether the target element can be clickable, when using mask\n */\n targetAreaClickable: {\n type: Boolean,\n default: true,\n },\n})\n\nexport type MaskProps = ExtractPropTypes<typeof maskProps>\nexport type MaskPropsPublic = __ExtractPublicPropTypes<typeof maskProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AACY,MAAC,SAAS,GAAGA,kBAAU,CAAC;AACpC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,iBAAiB;AAC9B,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAEC,sBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,mBAAmB,EAAE;AACvB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"mask2.js","sources":["../../../../../../packages/components/tour/src/mask.vue"],"sourcesContent":["<template>\n <div v-if=\"visible\" :class=\"ns.e('mask')\" :style=\"maskStyle\" v-bind=\"$attrs\">\n <svg\n :style=\"{\n width: '100%',\n height: '100%',\n }\"\n >\n <path :class=\"ns.e('hollow')\" :style=\"pathStyle\" :d=\"path\" />\n </svg>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, toRef } from 'vue'\nimport { useLockscreen } from '@element-plus/hooks'\nimport { maskProps } from './mask'\nimport { tourKey } from './helper'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: 'ElTourMask',\n inheritAttrs: false,\n})\n\nconst props = defineProps(maskProps)\n\nconst { ns } = inject(tourKey)!\nconst radius = computed(() => props.pos?.radius ?? 2)\nconst roundInfo = computed(() => {\n const v = radius.value\n const baseInfo = `a${v},${v} 0 0 1`\n return {\n topRight: `${baseInfo} ${v},${v}`,\n bottomRight: `${baseInfo} ${-v},${v}`,\n bottomLeft: `${baseInfo} ${-v},${-v}`,\n topLeft: `${baseInfo} ${v},${-v}`,\n }\n})\n\nconst path = computed(() => {\n const width = window.innerWidth\n const height = window.innerHeight\n const info = roundInfo.value\n const _path = `M${width},0 L0,0 L0,${height} L${width},${height} L${width},0 Z`\n const _radius = radius.value\n return props.pos\n ? `${_path} M${props.pos.left + _radius},${props.pos.top} h${\n props.pos.width - _radius * 2\n } ${info.topRight} v${props.pos.height - _radius * 2} ${\n info.bottomRight\n } h${-props.pos.width + _radius * 2} ${info.bottomLeft} v${\n -props.pos.height + _radius * 2\n } ${info.topLeft} z`\n : _path\n})\n\nconst maskStyle = computed<CSSProperties>(() => ({\n position: 'fixed',\n left: 0,\n right: 0,\n top: 0,\n bottom: 0,\n zIndex: props.zIndex,\n pointerEvents: props.pos && props.targetAreaClickable ? 'none' : 'auto',\n}))\n\nconst pathStyle = computed<CSSProperties>(() => ({\n fill: props.fill,\n pointerEvents: 'auto',\n cursor: 'auto',\n}))\n\nuseLockscreen(toRef(props, 'visible'), {\n ns,\n})\n</script>\n"],"names":["inject","tourKey","computed"],"mappings":"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"}
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var vue = require('vue');
6
6
  var core = require('@vueuse/core');
7
7
  var index$2 = require('../../teleport/index.js');
8
- var mask = require('./mask.js');
8
+ var mask = require('./mask2.js');
9
9
  var content = require('./content2.js');
10
10
  var steps = require('./steps.js');
11
11
  var tour = require('./tour.js');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var upload$1 = require('./src/upload2.js');
6
6
  var upload = require('./src/upload.js');
7
7
  var uploadContent = require('./src/upload-content.js');
8
- var uploadList = require('./src/upload-list.js');
8
+ var uploadList = require('./src/upload-list2.js');
9
9
  var uploadDragger = require('./src/upload-dragger.js');
10
10
  var constants = require('./src/constants.js');
11
11
  var install = require('../../utils/vue/install.js');
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}