@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,47 +1,41 @@
1
- import { defineComponent, getCurrentInstance, watch, provide, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createVNode } from 'vue';
2
- import { stepsProps, stepsEmits } from './steps2.mjs';
3
- import { STEPS_INJECTION_KEY } from './tokens.mjs';
4
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
5
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
6
- import { useOrderedChildren } from '../../../hooks/use-ordered-children/index.mjs';
1
+ import { buildProps } from '../../../utils/vue/props/runtime.mjs';
7
2
  import { CHANGE_EVENT } from '../../../constants/event.mjs';
3
+ import { isNumber } from '../../../utils/types.mjs';
8
4
 
9
- const __default__ = defineComponent({
10
- name: "ElSteps"
11
- });
12
- const _sfc_main = /* @__PURE__ */ defineComponent({
13
- ...__default__,
14
- props: stepsProps,
15
- emits: stepsEmits,
16
- setup(__props, { emit }) {
17
- const props = __props;
18
- const ns = useNamespace("steps");
19
- const {
20
- children: steps,
21
- addChild: addStep,
22
- removeChild: removeStep,
23
- ChildrenSorter: StepsSorter
24
- } = useOrderedChildren(getCurrentInstance(), "ElStep");
25
- watch(steps, () => {
26
- steps.value.forEach((instance, index) => {
27
- instance.setIndex(index);
28
- });
29
- });
30
- provide(STEPS_INJECTION_KEY, { props, steps, addStep, removeStep });
31
- watch(() => props.active, (newVal, oldVal) => {
32
- emit(CHANGE_EVENT, newVal, oldVal);
33
- });
34
- return (_ctx, _cache) => {
35
- return openBlock(), createElementBlock("div", {
36
- class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.simple ? "simple" : _ctx.direction)])
37
- }, [
38
- renderSlot(_ctx.$slots, "default"),
39
- createVNode(unref(StepsSorter))
40
- ], 2);
41
- };
5
+ const stepsProps = buildProps({
6
+ space: {
7
+ type: [Number, String],
8
+ default: ""
9
+ },
10
+ active: {
11
+ type: Number,
12
+ default: 0
13
+ },
14
+ direction: {
15
+ type: String,
16
+ default: "horizontal",
17
+ values: ["horizontal", "vertical"]
18
+ },
19
+ alignCenter: {
20
+ type: Boolean
21
+ },
22
+ simple: {
23
+ type: Boolean
24
+ },
25
+ finishStatus: {
26
+ type: String,
27
+ values: ["wait", "process", "finish", "error", "success"],
28
+ default: "finish"
29
+ },
30
+ processStatus: {
31
+ type: String,
32
+ values: ["wait", "process", "finish", "error", "success"],
33
+ default: "process"
42
34
  }
43
35
  });
44
- var Steps = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "steps.vue"]]);
36
+ const stepsEmits = {
37
+ [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
38
+ };
45
39
 
46
- export { Steps as default };
40
+ export { stepsEmits, stepsProps };
47
41
  //# sourceMappingURL=steps.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"steps.mjs","sources":["../../../../../../packages/components/steps/src/steps.vue"],"sourcesContent":["<template>\n <div :class=\"[ns.b(), ns.m(simple ? 'simple' : direction)]\">\n <slot />\n <steps-sorter />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { getCurrentInstance, provide, watch } from 'vue'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { useNamespace, useOrderedChildren } from '@element-plus/hooks'\nimport { stepsEmits, stepsProps } from './steps'\nimport { STEPS_INJECTION_KEY } from './tokens'\n\nimport type { StepItemState } from './item.vue'\n\ndefineOptions({\n name: 'ElSteps',\n})\n\nconst props = defineProps(stepsProps)\nconst emit = defineEmits(stepsEmits)\n\nconst ns = useNamespace('steps')\nconst {\n children: steps,\n addChild: addStep,\n removeChild: removeStep,\n ChildrenSorter: StepsSorter,\n} = useOrderedChildren<StepItemState>(getCurrentInstance()!, 'ElStep')\n\nwatch(steps, () => {\n steps.value.forEach((instance: StepItemState, index: number) => {\n instance.setIndex(index)\n })\n})\n\nprovide(STEPS_INJECTION_KEY, { props, steps, addStep, removeStep })\n\nwatch(\n () => props.active,\n (newVal: number, oldVal: number) => {\n emit(CHANGE_EVENT, newVal, oldVal)\n }\n)\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref"],"mappings":";;;;;;;;mCAgBc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAA,GAAK,aAAa,OAAO,CAAA,CAAA;AAC/B,IAAM,MAAA;AAAA,MACJ,QAAU,EAAA,KAAA;AAAA,MACV,QAAU,EAAA,OAAA;AAAA,MACV,WAAa,EAAA,UAAA;AAAA,MACb,cAAgB,EAAA,WAAA;AAAA,KACd,GAAA,kBAAA,CAAkC,kBAAmB,EAAA,EAAI,QAAQ,CAAA,CAAA;AAErE,IAAA,KAAA,CAAM,OAAO,MAAM;AACjB,MAAA,KAAA,CAAM,KAAM,CAAA,OAAA,CAAQ,CAAC,QAAA,EAAyB,KAAkB,KAAA;AAC9D,QAAA,QAAA,CAAS,SAAS,KAAK,CAAA,CAAA;AAAA,OACxB,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAA,OAAA,CAAQ,qBAAqB,EAAE,KAAA,EAAO,KAAO,EAAA,OAAA,EAAS,YAAY,CAAA,CAAA;AAElE,IAAA,KAAA,CAAA,MAAA,KAAA,CAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,KAAA;AAAA,MACE,iBAAY,EAAA,MAAA,EAAA,MAAA,CAAA,CAAA;AAAA,KACZ,CAAA,CAAC;AACC,IAAK,OAAA,CAAA,IAAA,EAAA,MAAA;AAA4B,MACnC,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,KAAA,EAAA;AAAA,QACF,KAAA,EAAAC,cAAA,CAAA,CAAAC,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAAA,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,MAAA,GAAA,QAAA,GAAA,IAAA,CAAA,SAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;"}
1
+ {"version":3,"file":"steps.mjs","sources":["../../../../../../packages/components/steps/src/steps.ts"],"sourcesContent":["import { CHANGE_EVENT } from '@element-plus/constants'\nimport { buildProps, isNumber } from '@element-plus/utils'\n\nimport type Steps from './steps.vue'\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\n\nexport const stepsProps = buildProps({\n /**\n * @description the spacing of each step, will be responsive if omitted. Supports percentage.\n */\n space: {\n type: [Number, String],\n default: '',\n },\n /**\n * @description current activation step\n */\n active: {\n type: Number,\n default: 0,\n },\n /**\n * @description display direction\n */\n direction: {\n type: String,\n default: 'horizontal',\n values: ['horizontal', 'vertical'],\n },\n /**\n * @description center title and description\n */\n alignCenter: {\n type: Boolean,\n },\n /**\n * @description whether to apply simple theme\n */\n simple: {\n type: Boolean,\n },\n /**\n * @description status of end step\n */\n finishStatus: {\n type: String,\n values: ['wait', 'process', 'finish', 'error', 'success'],\n default: 'finish',\n },\n /**\n * @description status of current step\n */\n processStatus: {\n type: String,\n values: ['wait', 'process', 'finish', 'error', 'success'],\n default: 'process',\n },\n} as const)\nexport type StepsProps = ExtractPropTypes<typeof stepsProps>\nexport type StepsPropsPublic = __ExtractPublicPropTypes<typeof stepsProps>\n\nexport const stepsEmits = {\n [CHANGE_EVENT]: (newVal: number, oldVal: number) =>\n [newVal, oldVal].every(isNumber),\n}\nexport type StepsEmits = typeof stepsEmits\n\nexport type StepsInstance = InstanceType<typeof Steps> & unknown\n"],"names":[],"mappings":";;;;AAEY,MAAC,UAAU,GAAG,UAAU,CAAC;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,YAAY;AACzB,IAAI,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;AACtC,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,OAAO;AACjB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC;AAC7D,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC;AAC7D,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,CAAC,YAAY,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;AACtE;;;;"}
@@ -1,41 +1,47 @@
1
- import { buildProps } from '../../../utils/vue/props/runtime.mjs';
1
+ import { defineComponent, getCurrentInstance, watch, provide, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createVNode } from 'vue';
2
+ import { stepsProps, stepsEmits } from './steps.mjs';
3
+ import { STEPS_INJECTION_KEY } from './tokens.mjs';
4
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
5
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
6
+ import { useOrderedChildren } from '../../../hooks/use-ordered-children/index.mjs';
2
7
  import { CHANGE_EVENT } from '../../../constants/event.mjs';
3
- import { isNumber } from '../../../utils/types.mjs';
4
8
 
5
- const stepsProps = buildProps({
6
- space: {
7
- type: [Number, String],
8
- default: ""
9
- },
10
- active: {
11
- type: Number,
12
- default: 0
13
- },
14
- direction: {
15
- type: String,
16
- default: "horizontal",
17
- values: ["horizontal", "vertical"]
18
- },
19
- alignCenter: {
20
- type: Boolean
21
- },
22
- simple: {
23
- type: Boolean
24
- },
25
- finishStatus: {
26
- type: String,
27
- values: ["wait", "process", "finish", "error", "success"],
28
- default: "finish"
29
- },
30
- processStatus: {
31
- type: String,
32
- values: ["wait", "process", "finish", "error", "success"],
33
- default: "process"
9
+ const __default__ = defineComponent({
10
+ name: "ElSteps"
11
+ });
12
+ const _sfc_main = /* @__PURE__ */ defineComponent({
13
+ ...__default__,
14
+ props: stepsProps,
15
+ emits: stepsEmits,
16
+ setup(__props, { emit }) {
17
+ const props = __props;
18
+ const ns = useNamespace("steps");
19
+ const {
20
+ children: steps,
21
+ addChild: addStep,
22
+ removeChild: removeStep,
23
+ ChildrenSorter: StepsSorter
24
+ } = useOrderedChildren(getCurrentInstance(), "ElStep");
25
+ watch(steps, () => {
26
+ steps.value.forEach((instance, index) => {
27
+ instance.setIndex(index);
28
+ });
29
+ });
30
+ provide(STEPS_INJECTION_KEY, { props, steps, addStep, removeStep });
31
+ watch(() => props.active, (newVal, oldVal) => {
32
+ emit(CHANGE_EVENT, newVal, oldVal);
33
+ });
34
+ return (_ctx, _cache) => {
35
+ return openBlock(), createElementBlock("div", {
36
+ class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.simple ? "simple" : _ctx.direction)])
37
+ }, [
38
+ renderSlot(_ctx.$slots, "default"),
39
+ createVNode(unref(StepsSorter))
40
+ ], 2);
41
+ };
34
42
  }
35
43
  });
36
- const stepsEmits = {
37
- [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
38
- };
44
+ var Steps = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "steps.vue"]]);
39
45
 
40
- export { stepsEmits, stepsProps };
46
+ export { Steps as default };
41
47
  //# sourceMappingURL=steps2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"steps2.mjs","sources":["../../../../../../packages/components/steps/src/steps.ts"],"sourcesContent":["import { CHANGE_EVENT } from '@element-plus/constants'\nimport { buildProps, isNumber } from '@element-plus/utils'\n\nimport type Steps from './steps.vue'\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\n\nexport const stepsProps = buildProps({\n /**\n * @description the spacing of each step, will be responsive if omitted. Supports percentage.\n */\n space: {\n type: [Number, String],\n default: '',\n },\n /**\n * @description current activation step\n */\n active: {\n type: Number,\n default: 0,\n },\n /**\n * @description display direction\n */\n direction: {\n type: String,\n default: 'horizontal',\n values: ['horizontal', 'vertical'],\n },\n /**\n * @description center title and description\n */\n alignCenter: {\n type: Boolean,\n },\n /**\n * @description whether to apply simple theme\n */\n simple: {\n type: Boolean,\n },\n /**\n * @description status of end step\n */\n finishStatus: {\n type: String,\n values: ['wait', 'process', 'finish', 'error', 'success'],\n default: 'finish',\n },\n /**\n * @description status of current step\n */\n processStatus: {\n type: String,\n values: ['wait', 'process', 'finish', 'error', 'success'],\n default: 'process',\n },\n} as const)\nexport type StepsProps = ExtractPropTypes<typeof stepsProps>\nexport type StepsPropsPublic = __ExtractPublicPropTypes<typeof stepsProps>\n\nexport const stepsEmits = {\n [CHANGE_EVENT]: (newVal: number, oldVal: number) =>\n [newVal, oldVal].every(isNumber),\n}\nexport type StepsEmits = typeof stepsEmits\n\nexport type StepsInstance = InstanceType<typeof Steps> & unknown\n"],"names":[],"mappings":";;;;AAEY,MAAC,UAAU,GAAG,UAAU,CAAC;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,YAAY;AACzB,IAAI,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;AACtC,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,OAAO;AACjB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC;AAC7D,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC;AAC7D,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,CAAC,YAAY,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;AACtE;;;;"}
1
+ {"version":3,"file":"steps2.mjs","sources":["../../../../../../packages/components/steps/src/steps.vue"],"sourcesContent":["<template>\n <div :class=\"[ns.b(), ns.m(simple ? 'simple' : direction)]\">\n <slot />\n <steps-sorter />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { getCurrentInstance, provide, watch } from 'vue'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { useNamespace, useOrderedChildren } from '@element-plus/hooks'\nimport { stepsEmits, stepsProps } from './steps'\nimport { STEPS_INJECTION_KEY } from './tokens'\n\nimport type { StepItemState } from './item.vue'\n\ndefineOptions({\n name: 'ElSteps',\n})\n\nconst props = defineProps(stepsProps)\nconst emit = defineEmits(stepsEmits)\n\nconst ns = useNamespace('steps')\nconst {\n children: steps,\n addChild: addStep,\n removeChild: removeStep,\n ChildrenSorter: StepsSorter,\n} = useOrderedChildren<StepItemState>(getCurrentInstance()!, 'ElStep')\n\nwatch(steps, () => {\n steps.value.forEach((instance: StepItemState, index: number) => {\n instance.setIndex(index)\n })\n})\n\nprovide(STEPS_INJECTION_KEY, { props, steps, addStep, removeStep })\n\nwatch(\n () => props.active,\n (newVal: number, oldVal: number) => {\n emit(CHANGE_EVENT, newVal, oldVal)\n }\n)\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref"],"mappings":";;;;;;;;mCAgBc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAA,GAAK,aAAa,OAAO,CAAA,CAAA;AAC/B,IAAM,MAAA;AAAA,MACJ,QAAU,EAAA,KAAA;AAAA,MACV,QAAU,EAAA,OAAA;AAAA,MACV,WAAa,EAAA,UAAA;AAAA,MACb,cAAgB,EAAA,WAAA;AAAA,KACd,GAAA,kBAAA,CAAkC,kBAAmB,EAAA,EAAI,QAAQ,CAAA,CAAA;AAErE,IAAA,KAAA,CAAM,OAAO,MAAM;AACjB,MAAA,KAAA,CAAM,KAAM,CAAA,OAAA,CAAQ,CAAC,QAAA,EAAyB,KAAkB,KAAA;AAC9D,QAAA,QAAA,CAAS,SAAS,KAAK,CAAA,CAAA;AAAA,OACxB,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAA,OAAA,CAAQ,qBAAqB,EAAE,KAAA,EAAO,KAAO,EAAA,OAAA,EAAS,YAAY,CAAA,CAAA;AAElE,IAAA,KAAA,CAAA,MAAA,KAAA,CAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,KAAA;AAAA,MACE,iBAAY,EAAA,MAAA,EAAA,MAAA,CAAA,CAAA;AAAA,KACZ,CAAA,CAAC;AACC,IAAK,OAAA,CAAA,IAAA,EAAA,MAAA;AAA4B,MACnC,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,KAAA,EAAA;AAAA,QACF,KAAA,EAAAC,cAAA,CAAA,CAAAC,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAAA,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,MAAA,GAAA,QAAA,GAAA,IAAA,CAAA,SAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;"}
@@ -2,7 +2,7 @@ import Tour from './src/tour2.mjs';
2
2
  import TourStep from './src/step2.mjs';
3
3
  export { tourEmits, tourProps } from './src/tour.mjs';
4
4
  export { tourStepEmits, tourStepProps } from './src/step.mjs';
5
- export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies } from './src/content2.mjs';
5
+ export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies } from './src/content.mjs';
6
6
  import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
7
7
 
8
8
  const ElTour = withInstall(Tour, {
@@ -1,72 +1,48 @@
1
- import { defineComponent, ref, watch, toRef, computed, inject, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, renderSlot, createCommentVNode } from 'vue';
2
- import ElFocusTrap from '../../focus-trap/src/focus-trap.mjs';
3
- import { tourContentProps, tourContentEmits } from './content2.mjs';
4
- import { useFloating, tourKey } from './helper.mjs';
5
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
1
+ import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
6
2
 
7
- const __default__ = defineComponent({
8
- name: "ElTourContent"
9
- });
10
- const _sfc_main = /* @__PURE__ */ defineComponent({
11
- ...__default__,
12
- props: tourContentProps,
13
- emits: tourContentEmits,
14
- setup(__props, { emit }) {
15
- const props = __props;
16
- const placement = ref(props.placement);
17
- const strategy = ref(props.strategy);
18
- const contentRef = ref(null);
19
- const arrowRef = ref(null);
20
- watch(() => props.placement, () => {
21
- placement.value = props.placement;
22
- });
23
- const { contentStyle, arrowStyle } = useFloating(toRef(props, "reference"), contentRef, arrowRef, placement, strategy, toRef(props, "offset"), toRef(props, "zIndex"), toRef(props, "showArrow"));
24
- const side = computed(() => {
25
- return placement.value.split("-")[0];
26
- });
27
- const { ns } = inject(tourKey);
28
- const onCloseRequested = () => {
29
- emit("close");
30
- };
31
- const onFocusoutPrevented = (event) => {
32
- if (event.detail.focusReason === "pointer") {
33
- event.preventDefault();
34
- }
35
- };
36
- return (_ctx, _cache) => {
37
- return openBlock(), createElementBlock("div", {
38
- ref_key: "contentRef",
39
- ref: contentRef,
40
- style: normalizeStyle(unref(contentStyle)),
41
- class: normalizeClass(unref(ns).e("content")),
42
- "data-side": unref(side),
43
- tabindex: "-1"
44
- }, [
45
- createVNode(unref(ElFocusTrap), {
46
- loop: "",
47
- trapped: "",
48
- "focus-start-el": "container",
49
- "focus-trap-el": contentRef.value || void 0,
50
- onReleaseRequested: onCloseRequested,
51
- onFocusoutPrevented
52
- }, {
53
- default: withCtx(() => [
54
- renderSlot(_ctx.$slots, "default")
55
- ]),
56
- _: 3
57
- }, 8, ["focus-trap-el"]),
58
- _ctx.showArrow ? (openBlock(), createElementBlock("span", {
59
- key: 0,
60
- ref_key: "arrowRef",
61
- ref: arrowRef,
62
- style: normalizeStyle(unref(arrowStyle)),
63
- class: normalizeClass(unref(ns).e("arrow"))
64
- }, null, 6)) : createCommentVNode("v-if", true)
65
- ], 14, ["data-side"]);
66
- };
3
+ const tourStrategies = ["absolute", "fixed"];
4
+ const tourPlacements = [
5
+ "top-start",
6
+ "top-end",
7
+ "top",
8
+ "bottom-start",
9
+ "bottom-end",
10
+ "bottom",
11
+ "left-start",
12
+ "left-end",
13
+ "left",
14
+ "right-start",
15
+ "right-end",
16
+ "right"
17
+ ];
18
+ const tourContentProps = buildProps({
19
+ placement: {
20
+ type: definePropType(String),
21
+ values: tourPlacements,
22
+ default: "bottom"
23
+ },
24
+ reference: {
25
+ type: definePropType(Object),
26
+ default: null
27
+ },
28
+ strategy: {
29
+ type: definePropType(String),
30
+ values: tourStrategies,
31
+ default: "absolute"
32
+ },
33
+ offset: {
34
+ type: Number,
35
+ default: 10
36
+ },
37
+ showArrow: Boolean,
38
+ zIndex: {
39
+ type: Number,
40
+ default: 2001
67
41
  }
68
42
  });
69
- var ElTourContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "content.vue"]]);
43
+ const tourContentEmits = {
44
+ close: () => true
45
+ };
70
46
 
71
- export { ElTourContent as default };
47
+ export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies };
72
48
  //# sourceMappingURL=content.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"content.mjs","sources":["../../../../../../packages/components/tour/src/content.vue"],"sourcesContent":["<template>\n <div\n ref=\"contentRef\"\n :style=\"contentStyle\"\n :class=\"ns.e('content')\"\n :data-side=\"side\"\n tabindex=\"-1\"\n >\n <el-focus-trap\n loop\n trapped\n focus-start-el=\"container\"\n :focus-trap-el=\"contentRef || undefined\"\n @release-requested=\"onCloseRequested\"\n @focusout-prevented=\"onFocusoutPrevented\"\n >\n <slot />\n </el-focus-trap>\n <span\n v-if=\"showArrow\"\n ref=\"arrowRef\"\n :style=\"arrowStyle\"\n :class=\"ns.e('arrow')\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, ref, toRef, watch } from 'vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { tourContentEmits, tourContentProps } from './content'\nimport { tourKey, useFloating } from './helper'\n\ndefineOptions({\n name: 'ElTourContent',\n})\n\nconst props = defineProps(tourContentProps)\nconst emit = defineEmits(tourContentEmits)\n\nconst placement = ref(props.placement)\nconst strategy = ref(props.strategy)\nconst contentRef = ref<HTMLElement | null>(null)\nconst arrowRef = ref<HTMLElement | null>(null)\n\nwatch(\n () => props.placement,\n () => {\n placement.value = props.placement\n }\n)\n\nconst { contentStyle, arrowStyle } = useFloating(\n toRef(props, 'reference'),\n contentRef,\n arrowRef,\n placement,\n strategy,\n toRef(props, 'offset'),\n toRef(props, 'zIndex'),\n toRef(props, 'showArrow')\n)\n\nconst side = computed(() => {\n return placement.value.split('-')[0]\n})\n\nconst { ns } = inject(tourKey)!\n\nconst onCloseRequested = () => {\n emit('close')\n}\n\nconst onFocusoutPrevented = (event: CustomEvent) => {\n if (event.detail.focusReason === 'pointer') {\n event.preventDefault()\n }\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_unref","_normalizeClass","_createVNode"],"mappings":";;;;;;mCAiCc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AACrC,IAAM,MAAA,QAAA,GAAW,GAAI,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACnC,IAAM,MAAA,UAAA,GAAa,IAAwB,IAAI,CAAA,CAAA;AAC/C,IAAM,MAAA,QAAA,GAAW,IAAwB,IAAI,CAAA,CAAA;AAE7C,IAAA,KAAA,CAAA,MAAA,KAAA,CAAA,SAAA,EAAA,MAAA;AAAA,MACE,SAAY,CAAA,KAAA,GAAA,KAAA,CAAA,SAAA,CAAA;AAAA,KAAA,CACZ,CAAM;AACJ,IAAA,MAAA,EAAA,cAAkB,UAAM,EAAA,GAAA,WAAA,CAAA,KAAA,CAAA,KAAA,EAAA,WAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,KAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,KAAA,CAAA,KAAA,EAAA,WAAA,CAAA,CAAA,CAAA;AAAA,IAC1B,MAAA,IAAA,GAAA,QAAA,CAAA,MAAA;AAAA,MACF,OAAA,SAAA,CAAA,KAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEA,KAAM,CAAA,CAAA;AAA+B,IACnC,MAAA,EAAM,OAAO,MAAW,CAAA,OAAA,CAAA,CAAA;AAAA,IACxB,MAAA,gBAAA,GAAA,MAAA;AAAA,MACA,IAAA,CAAA,OAAA,CAAA,CAAA;AAAA,KACA,CAAA;AAAA,IACA,MAAA,mBAAA,GAAA,CAAA,KAAA,KAAA;AAAA,MACA,IAAA,YAAqB,CAAA,WAAA,KAAA,SAAA,EAAA;AAAA,QACrB,oBAAqB,EAAA,CAAA;AAAA,OACrB;AAAwB,KAC1B,CAAA;AAEA,IAAM,OAAA,CAAA,IAAA,aAAsB;AAC1B,MAAA,OAAOA,SAAU,EAAA,EAAAC,kBAAkB,CAAA,KAAA,EAAA;AAAA,QACpC,OAAA,EAAA,YAAA;AAED,QAAA,GAAQ,EAAA,UAAO;AAEf,QAAA,qBAA+B,CAAAC,KAAA,CAAA,YAAA,CAAA,CAAA;AAC7B,QAAA,KAAY,EAAAC,cAAA,CAAAD,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,QACd,WAAA,EAAAA,KAAA,CAAA,IAAA,CAAA;AAEA,QAAM,QAAA,EAAA,IAAA;AACJ,OAAI,EAAA;AACF,QAAAE,WAAqB,CAAAF,KAAA,CAAA,WAAA,CAAA,EAAA;AAAA,UACvB,IAAA,EAAA,EAAA;AAAA,UACF,OAAA,EAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"content.mjs","sources":["../../../../../../packages/components/tour/src/content.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type { Placement, Strategy, VirtualElement } from '@floating-ui/dom'\n\nexport const tourStrategies = ['absolute', 'fixed'] as const\n\nexport const tourPlacements = [\n 'top-start',\n 'top-end',\n 'top',\n 'bottom-start',\n 'bottom-end',\n 'bottom',\n 'left-start',\n 'left-end',\n 'left',\n 'right-start',\n 'right-end',\n 'right',\n] as const\n\nexport const tourContentProps = buildProps({\n /**\n * @description position of the guide card relative to the target element\n */\n placement: {\n type: definePropType<Placement>(String),\n values: tourPlacements,\n default: 'bottom',\n },\n /**\n * @description the reference dom\n */\n reference: {\n type: definePropType<HTMLElement | VirtualElement | null>(Object),\n default: null,\n },\n /**\n * @description position strategy of the content\n */\n strategy: {\n type: definePropType<Strategy>(String),\n values: tourStrategies,\n default: 'absolute',\n },\n /**\n * @description offset of the arrow\n */\n offset: {\n type: Number,\n default: 10,\n },\n /**\n * @description @description whether to show the arrow\n */\n showArrow: Boolean,\n /**\n * @description content's zIndex\n */\n zIndex: {\n type: Number,\n default: 2001,\n },\n})\n\nexport type TourContentProps = ExtractPropTypes<typeof tourContentProps>\nexport type TourContentPropsPublic = __ExtractPublicPropTypes<\n typeof tourContentProps\n>\n\nexport const tourContentEmits = {\n close: () => true,\n}\nexport type TourContentEmits = typeof tourContentEmits\n"],"names":[],"mappings":";;AACY,MAAC,cAAc,GAAG,CAAC,UAAU,EAAE,OAAO,EAAE;AACxC,MAAC,cAAc,GAAG;AAC9B,EAAE,WAAW;AACb,EAAE,SAAS;AACX,EAAE,KAAK;AACP,EAAE,cAAc;AAChB,EAAE,YAAY;AACd,EAAE,QAAQ;AACV,EAAE,YAAY;AACd,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,aAAa;AACf,EAAE,WAAW;AACb,EAAE,OAAO;AACT,EAAE;AACU,MAAC,gBAAgB,GAAG,UAAU,CAAC;AAC3C,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,OAAO,EAAE,UAAU;AACvB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,gBAAgB,GAAG;AAChC,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB;;;;"}
@@ -1,48 +1,72 @@
1
- import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
1
+ import { defineComponent, ref, watch, toRef, computed, inject, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, renderSlot, createCommentVNode } from 'vue';
2
+ import ElFocusTrap from '../../focus-trap/src/focus-trap.mjs';
3
+ import { tourContentProps, tourContentEmits } from './content.mjs';
4
+ import { useFloating, tourKey } from './helper.mjs';
5
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
2
6
 
3
- const tourStrategies = ["absolute", "fixed"];
4
- const tourPlacements = [
5
- "top-start",
6
- "top-end",
7
- "top",
8
- "bottom-start",
9
- "bottom-end",
10
- "bottom",
11
- "left-start",
12
- "left-end",
13
- "left",
14
- "right-start",
15
- "right-end",
16
- "right"
17
- ];
18
- const tourContentProps = buildProps({
19
- placement: {
20
- type: definePropType(String),
21
- values: tourPlacements,
22
- default: "bottom"
23
- },
24
- reference: {
25
- type: definePropType(Object),
26
- default: null
27
- },
28
- strategy: {
29
- type: definePropType(String),
30
- values: tourStrategies,
31
- default: "absolute"
32
- },
33
- offset: {
34
- type: Number,
35
- default: 10
36
- },
37
- showArrow: Boolean,
38
- zIndex: {
39
- type: Number,
40
- default: 2001
7
+ const __default__ = defineComponent({
8
+ name: "ElTourContent"
9
+ });
10
+ const _sfc_main = /* @__PURE__ */ defineComponent({
11
+ ...__default__,
12
+ props: tourContentProps,
13
+ emits: tourContentEmits,
14
+ setup(__props, { emit }) {
15
+ const props = __props;
16
+ const placement = ref(props.placement);
17
+ const strategy = ref(props.strategy);
18
+ const contentRef = ref(null);
19
+ const arrowRef = ref(null);
20
+ watch(() => props.placement, () => {
21
+ placement.value = props.placement;
22
+ });
23
+ const { contentStyle, arrowStyle } = useFloating(toRef(props, "reference"), contentRef, arrowRef, placement, strategy, toRef(props, "offset"), toRef(props, "zIndex"), toRef(props, "showArrow"));
24
+ const side = computed(() => {
25
+ return placement.value.split("-")[0];
26
+ });
27
+ const { ns } = inject(tourKey);
28
+ const onCloseRequested = () => {
29
+ emit("close");
30
+ };
31
+ const onFocusoutPrevented = (event) => {
32
+ if (event.detail.focusReason === "pointer") {
33
+ event.preventDefault();
34
+ }
35
+ };
36
+ return (_ctx, _cache) => {
37
+ return openBlock(), createElementBlock("div", {
38
+ ref_key: "contentRef",
39
+ ref: contentRef,
40
+ style: normalizeStyle(unref(contentStyle)),
41
+ class: normalizeClass(unref(ns).e("content")),
42
+ "data-side": unref(side),
43
+ tabindex: "-1"
44
+ }, [
45
+ createVNode(unref(ElFocusTrap), {
46
+ loop: "",
47
+ trapped: "",
48
+ "focus-start-el": "container",
49
+ "focus-trap-el": contentRef.value || void 0,
50
+ onReleaseRequested: onCloseRequested,
51
+ onFocusoutPrevented
52
+ }, {
53
+ default: withCtx(() => [
54
+ renderSlot(_ctx.$slots, "default")
55
+ ]),
56
+ _: 3
57
+ }, 8, ["focus-trap-el"]),
58
+ _ctx.showArrow ? (openBlock(), createElementBlock("span", {
59
+ key: 0,
60
+ ref_key: "arrowRef",
61
+ ref: arrowRef,
62
+ style: normalizeStyle(unref(arrowStyle)),
63
+ class: normalizeClass(unref(ns).e("arrow"))
64
+ }, null, 6)) : createCommentVNode("v-if", true)
65
+ ], 14, ["data-side"]);
66
+ };
41
67
  }
42
68
  });
43
- const tourContentEmits = {
44
- close: () => true
45
- };
69
+ var ElTourContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "content.vue"]]);
46
70
 
47
- export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies };
71
+ export { ElTourContent as default };
48
72
  //# sourceMappingURL=content2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"content2.mjs","sources":["../../../../../../packages/components/tour/src/content.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type { Placement, Strategy, VirtualElement } from '@floating-ui/dom'\n\nexport const tourStrategies = ['absolute', 'fixed'] as const\n\nexport const tourPlacements = [\n 'top-start',\n 'top-end',\n 'top',\n 'bottom-start',\n 'bottom-end',\n 'bottom',\n 'left-start',\n 'left-end',\n 'left',\n 'right-start',\n 'right-end',\n 'right',\n] as const\n\nexport const tourContentProps = buildProps({\n /**\n * @description position of the guide card relative to the target element\n */\n placement: {\n type: definePropType<Placement>(String),\n values: tourPlacements,\n default: 'bottom',\n },\n /**\n * @description the reference dom\n */\n reference: {\n type: definePropType<HTMLElement | VirtualElement | null>(Object),\n default: null,\n },\n /**\n * @description position strategy of the content\n */\n strategy: {\n type: definePropType<Strategy>(String),\n values: tourStrategies,\n default: 'absolute',\n },\n /**\n * @description offset of the arrow\n */\n offset: {\n type: Number,\n default: 10,\n },\n /**\n * @description @description whether to show the arrow\n */\n showArrow: Boolean,\n /**\n * @description content's zIndex\n */\n zIndex: {\n type: Number,\n default: 2001,\n },\n})\n\nexport type TourContentProps = ExtractPropTypes<typeof tourContentProps>\nexport type TourContentPropsPublic = __ExtractPublicPropTypes<\n typeof tourContentProps\n>\n\nexport const tourContentEmits = {\n close: () => true,\n}\nexport type TourContentEmits = typeof tourContentEmits\n"],"names":[],"mappings":";;AACY,MAAC,cAAc,GAAG,CAAC,UAAU,EAAE,OAAO,EAAE;AACxC,MAAC,cAAc,GAAG;AAC9B,EAAE,WAAW;AACb,EAAE,SAAS;AACX,EAAE,KAAK;AACP,EAAE,cAAc;AAChB,EAAE,YAAY;AACd,EAAE,QAAQ;AACV,EAAE,YAAY;AACd,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,aAAa;AACf,EAAE,WAAW;AACb,EAAE,OAAO;AACT,EAAE;AACU,MAAC,gBAAgB,GAAG,UAAU,CAAC;AAC3C,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,OAAO,EAAE,UAAU;AACvB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,gBAAgB,GAAG;AAChC,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB;;;;"}
1
+ {"version":3,"file":"content2.mjs","sources":["../../../../../../packages/components/tour/src/content.vue"],"sourcesContent":["<template>\n <div\n ref=\"contentRef\"\n :style=\"contentStyle\"\n :class=\"ns.e('content')\"\n :data-side=\"side\"\n tabindex=\"-1\"\n >\n <el-focus-trap\n loop\n trapped\n focus-start-el=\"container\"\n :focus-trap-el=\"contentRef || undefined\"\n @release-requested=\"onCloseRequested\"\n @focusout-prevented=\"onFocusoutPrevented\"\n >\n <slot />\n </el-focus-trap>\n <span\n v-if=\"showArrow\"\n ref=\"arrowRef\"\n :style=\"arrowStyle\"\n :class=\"ns.e('arrow')\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, ref, toRef, watch } from 'vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { tourContentEmits, tourContentProps } from './content'\nimport { tourKey, useFloating } from './helper'\n\ndefineOptions({\n name: 'ElTourContent',\n})\n\nconst props = defineProps(tourContentProps)\nconst emit = defineEmits(tourContentEmits)\n\nconst placement = ref(props.placement)\nconst strategy = ref(props.strategy)\nconst contentRef = ref<HTMLElement | null>(null)\nconst arrowRef = ref<HTMLElement | null>(null)\n\nwatch(\n () => props.placement,\n () => {\n placement.value = props.placement\n }\n)\n\nconst { contentStyle, arrowStyle } = useFloating(\n toRef(props, 'reference'),\n contentRef,\n arrowRef,\n placement,\n strategy,\n toRef(props, 'offset'),\n toRef(props, 'zIndex'),\n toRef(props, 'showArrow')\n)\n\nconst side = computed(() => {\n return placement.value.split('-')[0]\n})\n\nconst { ns } = inject(tourKey)!\n\nconst onCloseRequested = () => {\n emit('close')\n}\n\nconst onFocusoutPrevented = (event: CustomEvent) => {\n if (event.detail.focusReason === 'pointer') {\n event.preventDefault()\n }\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_unref","_normalizeClass","_createVNode"],"mappings":";;;;;;mCAiCc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AACrC,IAAM,MAAA,QAAA,GAAW,GAAI,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACnC,IAAM,MAAA,UAAA,GAAa,IAAwB,IAAI,CAAA,CAAA;AAC/C,IAAM,MAAA,QAAA,GAAW,IAAwB,IAAI,CAAA,CAAA;AAE7C,IAAA,KAAA,CAAA,MAAA,KAAA,CAAA,SAAA,EAAA,MAAA;AAAA,MACE,SAAY,CAAA,KAAA,GAAA,KAAA,CAAA,SAAA,CAAA;AAAA,KAAA,CACZ,CAAM;AACJ,IAAA,MAAA,EAAA,cAAkB,UAAM,EAAA,GAAA,WAAA,CAAA,KAAA,CAAA,KAAA,EAAA,WAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,KAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,KAAA,CAAA,KAAA,EAAA,WAAA,CAAA,CAAA,CAAA;AAAA,IAC1B,MAAA,IAAA,GAAA,QAAA,CAAA,MAAA;AAAA,MACF,OAAA,SAAA,CAAA,KAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEA,KAAM,CAAA,CAAA;AAA+B,IACnC,MAAA,EAAM,OAAO,MAAW,CAAA,OAAA,CAAA,CAAA;AAAA,IACxB,MAAA,gBAAA,GAAA,MAAA;AAAA,MACA,IAAA,CAAA,OAAA,CAAA,CAAA;AAAA,KACA,CAAA;AAAA,IACA,MAAA,mBAAA,GAAA,CAAA,KAAA,KAAA;AAAA,MACA,IAAA,YAAqB,CAAA,WAAA,KAAA,SAAA,EAAA;AAAA,QACrB,oBAAqB,EAAA,CAAA;AAAA,OACrB;AAAwB,KAC1B,CAAA;AAEA,IAAM,OAAA,CAAA,IAAA,aAAsB;AAC1B,MAAA,OAAOA,SAAU,EAAA,EAAAC,kBAAkB,CAAA,KAAA,EAAA;AAAA,QACpC,OAAA,EAAA,YAAA;AAED,QAAA,GAAQ,EAAA,UAAO;AAEf,QAAA,qBAA+B,CAAAC,KAAA,CAAA,YAAA,CAAA,CAAA;AAC7B,QAAA,KAAY,EAAAC,cAAA,CAAAD,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,QACd,WAAA,EAAAA,KAAA,CAAA,IAAA,CAAA;AAEA,QAAM,QAAA,EAAA,IAAA;AACJ,OAAI,EAAA;AACF,QAAAE,WAAqB,CAAAF,KAAA,CAAA,WAAA,CAAA,EAAA;AAAA,UACvB,IAAA,EAAA,EAAA;AAAA,UACF,OAAA,EAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,80 +1,23 @@
1
- import { defineComponent, inject, computed, toRef, openBlock, createElementBlock, mergeProps, unref, createElementVNode, normalizeClass, normalizeStyle, createCommentVNode } from 'vue';
2
- import { maskProps } from './mask2.mjs';
3
- import { tourKey } from './helper.mjs';
4
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
5
- import { useLockscreen } from '../../../hooks/use-lockscreen/index.mjs';
1
+ import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
6
2
 
7
- const __default__ = defineComponent({
8
- name: "ElTourMask",
9
- inheritAttrs: false
10
- });
11
- const _sfc_main = /* @__PURE__ */ defineComponent({
12
- ...__default__,
13
- props: maskProps,
14
- setup(__props) {
15
- const props = __props;
16
- const { ns } = inject(tourKey);
17
- const radius = computed(() => {
18
- var _a, _b;
19
- return (_b = (_a = props.pos) == null ? void 0 : _a.radius) != null ? _b : 2;
20
- });
21
- const roundInfo = computed(() => {
22
- const v = radius.value;
23
- const baseInfo = `a${v},${v} 0 0 1`;
24
- return {
25
- topRight: `${baseInfo} ${v},${v}`,
26
- bottomRight: `${baseInfo} ${-v},${v}`,
27
- bottomLeft: `${baseInfo} ${-v},${-v}`,
28
- topLeft: `${baseInfo} ${v},${-v}`
29
- };
30
- });
31
- const path = computed(() => {
32
- const width = window.innerWidth;
33
- const height = window.innerHeight;
34
- const info = roundInfo.value;
35
- const _path = `M${width},0 L0,0 L0,${height} L${width},${height} L${width},0 Z`;
36
- const _radius = radius.value;
37
- 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;
38
- });
39
- const pathStyle = computed(() => {
40
- return {
41
- fill: props.fill,
42
- pointerEvents: "auto",
43
- cursor: "auto"
44
- };
45
- });
46
- useLockscreen(toRef(props, "visible"), {
47
- ns
48
- });
49
- return (_ctx, _cache) => {
50
- return _ctx.visible ? (openBlock(), createElementBlock("div", mergeProps({
51
- key: 0,
52
- class: unref(ns).e("mask"),
53
- style: {
54
- position: "fixed",
55
- left: 0,
56
- right: 0,
57
- top: 0,
58
- bottom: 0,
59
- zIndex: _ctx.zIndex,
60
- pointerEvents: _ctx.pos && _ctx.targetAreaClickable ? "none" : "auto"
61
- }
62
- }, _ctx.$attrs), [
63
- (openBlock(), createElementBlock("svg", { style: {
64
- width: "100%",
65
- height: "100%"
66
- } }, [
67
- createElementVNode("path", {
68
- class: normalizeClass(unref(ns).e("hollow")),
69
- style: normalizeStyle(unref(pathStyle)),
70
- d: unref(path)
71
- }, null, 14, ["d"])
72
- ]))
73
- ], 16)) : createCommentVNode("v-if", true);
74
- };
3
+ const maskProps = buildProps({
4
+ zIndex: {
5
+ type: Number,
6
+ default: 1001
7
+ },
8
+ visible: Boolean,
9
+ fill: {
10
+ type: String,
11
+ default: "rgba(0,0,0,0.5)"
12
+ },
13
+ pos: {
14
+ type: definePropType(Object)
15
+ },
16
+ targetAreaClickable: {
17
+ type: Boolean,
18
+ default: true
75
19
  }
76
20
  });
77
- var ElTourMask = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "mask.vue"]]);
78
21
 
79
- export { ElTourMask as default };
22
+ export { maskProps };
80
23
  //# sourceMappingURL=mask.mjs.map