@element-plus/nightly 0.0.20240129 → 0.0.20240131

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 (357) hide show
  1. package/attributes.json +1 -1
  2. package/dist/index.css +1 -1
  3. package/dist/index.full.js +80 -89
  4. package/dist/index.full.min.js +10 -10
  5. package/dist/index.full.min.js.map +1 -1
  6. package/dist/index.full.min.mjs +14 -14
  7. package/dist/index.full.min.mjs.map +1 -1
  8. package/dist/index.full.mjs +81 -90
  9. package/dist/locale/af.js +1 -1
  10. package/dist/locale/af.min.js +1 -1
  11. package/dist/locale/af.min.mjs +1 -1
  12. package/dist/locale/af.mjs +1 -1
  13. package/dist/locale/ar-eg.js +1 -1
  14. package/dist/locale/ar-eg.min.js +1 -1
  15. package/dist/locale/ar-eg.min.mjs +1 -1
  16. package/dist/locale/ar-eg.mjs +1 -1
  17. package/dist/locale/ar.js +1 -1
  18. package/dist/locale/ar.min.js +1 -1
  19. package/dist/locale/ar.min.mjs +1 -1
  20. package/dist/locale/ar.mjs +1 -1
  21. package/dist/locale/az.js +1 -1
  22. package/dist/locale/az.min.js +1 -1
  23. package/dist/locale/az.min.mjs +1 -1
  24. package/dist/locale/az.mjs +1 -1
  25. package/dist/locale/bg.js +1 -1
  26. package/dist/locale/bg.min.js +1 -1
  27. package/dist/locale/bg.min.mjs +1 -1
  28. package/dist/locale/bg.mjs +1 -1
  29. package/dist/locale/bn.js +1 -1
  30. package/dist/locale/bn.min.js +1 -1
  31. package/dist/locale/bn.min.mjs +1 -1
  32. package/dist/locale/bn.mjs +1 -1
  33. package/dist/locale/ca.js +1 -1
  34. package/dist/locale/ca.min.js +1 -1
  35. package/dist/locale/ca.min.mjs +1 -1
  36. package/dist/locale/ca.mjs +1 -1
  37. package/dist/locale/ckb.js +1 -1
  38. package/dist/locale/ckb.min.js +1 -1
  39. package/dist/locale/ckb.min.mjs +1 -1
  40. package/dist/locale/ckb.mjs +1 -1
  41. package/dist/locale/cs.js +1 -1
  42. package/dist/locale/cs.min.js +1 -1
  43. package/dist/locale/cs.min.mjs +1 -1
  44. package/dist/locale/cs.mjs +1 -1
  45. package/dist/locale/da.js +1 -1
  46. package/dist/locale/da.min.js +1 -1
  47. package/dist/locale/da.min.mjs +1 -1
  48. package/dist/locale/da.mjs +1 -1
  49. package/dist/locale/de.js +1 -1
  50. package/dist/locale/de.min.js +1 -1
  51. package/dist/locale/de.min.mjs +1 -1
  52. package/dist/locale/de.mjs +1 -1
  53. package/dist/locale/el.js +1 -1
  54. package/dist/locale/el.min.js +1 -1
  55. package/dist/locale/el.min.mjs +1 -1
  56. package/dist/locale/el.mjs +1 -1
  57. package/dist/locale/en.js +1 -1
  58. package/dist/locale/en.min.js +1 -1
  59. package/dist/locale/en.min.mjs +1 -1
  60. package/dist/locale/en.mjs +1 -1
  61. package/dist/locale/eo.js +1 -1
  62. package/dist/locale/eo.min.js +1 -1
  63. package/dist/locale/eo.min.mjs +1 -1
  64. package/dist/locale/eo.mjs +1 -1
  65. package/dist/locale/es.js +1 -1
  66. package/dist/locale/es.min.js +1 -1
  67. package/dist/locale/es.min.mjs +1 -1
  68. package/dist/locale/es.mjs +1 -1
  69. package/dist/locale/et.js +1 -1
  70. package/dist/locale/et.min.js +1 -1
  71. package/dist/locale/et.min.mjs +1 -1
  72. package/dist/locale/et.mjs +1 -1
  73. package/dist/locale/eu.js +1 -1
  74. package/dist/locale/eu.min.js +1 -1
  75. package/dist/locale/eu.min.mjs +1 -1
  76. package/dist/locale/eu.mjs +1 -1
  77. package/dist/locale/fa.js +1 -1
  78. package/dist/locale/fa.min.js +1 -1
  79. package/dist/locale/fa.min.mjs +1 -1
  80. package/dist/locale/fa.mjs +1 -1
  81. package/dist/locale/fi.js +1 -1
  82. package/dist/locale/fi.min.js +1 -1
  83. package/dist/locale/fi.min.mjs +1 -1
  84. package/dist/locale/fi.mjs +1 -1
  85. package/dist/locale/fr.js +1 -1
  86. package/dist/locale/fr.min.js +1 -1
  87. package/dist/locale/fr.min.mjs +1 -1
  88. package/dist/locale/fr.mjs +1 -1
  89. package/dist/locale/he.js +1 -1
  90. package/dist/locale/he.min.js +1 -1
  91. package/dist/locale/he.min.mjs +1 -1
  92. package/dist/locale/he.mjs +1 -1
  93. package/dist/locale/hr.js +1 -1
  94. package/dist/locale/hr.min.js +1 -1
  95. package/dist/locale/hr.min.mjs +1 -1
  96. package/dist/locale/hr.mjs +1 -1
  97. package/dist/locale/hu.js +1 -1
  98. package/dist/locale/hu.min.js +1 -1
  99. package/dist/locale/hu.min.mjs +1 -1
  100. package/dist/locale/hu.mjs +1 -1
  101. package/dist/locale/hy-am.js +1 -1
  102. package/dist/locale/hy-am.min.js +1 -1
  103. package/dist/locale/hy-am.min.mjs +1 -1
  104. package/dist/locale/hy-am.mjs +1 -1
  105. package/dist/locale/id.js +1 -1
  106. package/dist/locale/id.min.js +1 -1
  107. package/dist/locale/id.min.mjs +1 -1
  108. package/dist/locale/id.mjs +1 -1
  109. package/dist/locale/it.js +1 -1
  110. package/dist/locale/it.min.js +1 -1
  111. package/dist/locale/it.min.mjs +1 -1
  112. package/dist/locale/it.mjs +1 -1
  113. package/dist/locale/ja.js +1 -1
  114. package/dist/locale/ja.min.js +1 -1
  115. package/dist/locale/ja.min.mjs +1 -1
  116. package/dist/locale/ja.mjs +1 -1
  117. package/dist/locale/kk.js +1 -1
  118. package/dist/locale/kk.min.js +1 -1
  119. package/dist/locale/kk.min.mjs +1 -1
  120. package/dist/locale/kk.mjs +1 -1
  121. package/dist/locale/km.js +1 -1
  122. package/dist/locale/km.min.js +1 -1
  123. package/dist/locale/km.min.mjs +1 -1
  124. package/dist/locale/km.mjs +1 -1
  125. package/dist/locale/ko.js +1 -1
  126. package/dist/locale/ko.min.js +1 -1
  127. package/dist/locale/ko.min.mjs +1 -1
  128. package/dist/locale/ko.mjs +1 -1
  129. package/dist/locale/ku.js +1 -1
  130. package/dist/locale/ku.min.js +1 -1
  131. package/dist/locale/ku.min.mjs +1 -1
  132. package/dist/locale/ku.mjs +1 -1
  133. package/dist/locale/ky.js +1 -1
  134. package/dist/locale/ky.min.js +1 -1
  135. package/dist/locale/ky.min.mjs +1 -1
  136. package/dist/locale/ky.mjs +1 -1
  137. package/dist/locale/lt.js +1 -1
  138. package/dist/locale/lt.min.js +1 -1
  139. package/dist/locale/lt.min.mjs +1 -1
  140. package/dist/locale/lt.mjs +1 -1
  141. package/dist/locale/lv.js +1 -1
  142. package/dist/locale/lv.min.js +1 -1
  143. package/dist/locale/lv.min.mjs +1 -1
  144. package/dist/locale/lv.mjs +1 -1
  145. package/dist/locale/mg.js +1 -1
  146. package/dist/locale/mg.min.js +1 -1
  147. package/dist/locale/mg.min.mjs +1 -1
  148. package/dist/locale/mg.mjs +1 -1
  149. package/dist/locale/mn.js +1 -1
  150. package/dist/locale/mn.min.js +1 -1
  151. package/dist/locale/mn.min.mjs +1 -1
  152. package/dist/locale/mn.mjs +1 -1
  153. package/dist/locale/nb-no.js +1 -1
  154. package/dist/locale/nb-no.min.js +1 -1
  155. package/dist/locale/nb-no.min.mjs +1 -1
  156. package/dist/locale/nb-no.mjs +1 -1
  157. package/dist/locale/nl.js +1 -1
  158. package/dist/locale/nl.min.js +1 -1
  159. package/dist/locale/nl.min.mjs +1 -1
  160. package/dist/locale/nl.mjs +1 -1
  161. package/dist/locale/pa.js +1 -1
  162. package/dist/locale/pa.min.js +1 -1
  163. package/dist/locale/pa.min.mjs +1 -1
  164. package/dist/locale/pa.mjs +1 -1
  165. package/dist/locale/pl.js +1 -1
  166. package/dist/locale/pl.min.js +1 -1
  167. package/dist/locale/pl.min.mjs +1 -1
  168. package/dist/locale/pl.mjs +1 -1
  169. package/dist/locale/pt-br.js +1 -1
  170. package/dist/locale/pt-br.min.js +1 -1
  171. package/dist/locale/pt-br.min.mjs +1 -1
  172. package/dist/locale/pt-br.mjs +1 -1
  173. package/dist/locale/pt.js +1 -1
  174. package/dist/locale/pt.min.js +1 -1
  175. package/dist/locale/pt.min.mjs +1 -1
  176. package/dist/locale/pt.mjs +1 -1
  177. package/dist/locale/ro.js +1 -1
  178. package/dist/locale/ro.min.js +1 -1
  179. package/dist/locale/ro.min.mjs +1 -1
  180. package/dist/locale/ro.mjs +1 -1
  181. package/dist/locale/ru.js +1 -1
  182. package/dist/locale/ru.min.js +1 -1
  183. package/dist/locale/ru.min.mjs +1 -1
  184. package/dist/locale/ru.mjs +1 -1
  185. package/dist/locale/sk.js +1 -1
  186. package/dist/locale/sk.min.js +1 -1
  187. package/dist/locale/sk.min.mjs +1 -1
  188. package/dist/locale/sk.mjs +1 -1
  189. package/dist/locale/sl.js +1 -1
  190. package/dist/locale/sl.min.js +1 -1
  191. package/dist/locale/sl.min.mjs +1 -1
  192. package/dist/locale/sl.mjs +1 -1
  193. package/dist/locale/sr.js +1 -1
  194. package/dist/locale/sr.min.js +1 -1
  195. package/dist/locale/sr.min.mjs +1 -1
  196. package/dist/locale/sr.mjs +1 -1
  197. package/dist/locale/sv.js +1 -1
  198. package/dist/locale/sv.min.js +1 -1
  199. package/dist/locale/sv.min.mjs +1 -1
  200. package/dist/locale/sv.mjs +1 -1
  201. package/dist/locale/sw.js +1 -1
  202. package/dist/locale/sw.min.js +1 -1
  203. package/dist/locale/sw.min.mjs +1 -1
  204. package/dist/locale/sw.mjs +1 -1
  205. package/dist/locale/ta.js +1 -1
  206. package/dist/locale/ta.min.js +1 -1
  207. package/dist/locale/ta.min.mjs +1 -1
  208. package/dist/locale/ta.mjs +1 -1
  209. package/dist/locale/th.js +1 -1
  210. package/dist/locale/th.min.js +1 -1
  211. package/dist/locale/th.min.mjs +1 -1
  212. package/dist/locale/th.mjs +1 -1
  213. package/dist/locale/tk.js +1 -1
  214. package/dist/locale/tk.min.js +1 -1
  215. package/dist/locale/tk.min.mjs +1 -1
  216. package/dist/locale/tk.mjs +1 -1
  217. package/dist/locale/tr.js +1 -1
  218. package/dist/locale/tr.min.js +1 -1
  219. package/dist/locale/tr.min.mjs +1 -1
  220. package/dist/locale/tr.mjs +1 -1
  221. package/dist/locale/ug-cn.js +1 -1
  222. package/dist/locale/ug-cn.min.js +1 -1
  223. package/dist/locale/ug-cn.min.mjs +1 -1
  224. package/dist/locale/ug-cn.mjs +1 -1
  225. package/dist/locale/uk.js +1 -1
  226. package/dist/locale/uk.min.js +1 -1
  227. package/dist/locale/uk.min.mjs +1 -1
  228. package/dist/locale/uk.mjs +1 -1
  229. package/dist/locale/uz-uz.js +1 -1
  230. package/dist/locale/uz-uz.min.js +1 -1
  231. package/dist/locale/uz-uz.min.mjs +1 -1
  232. package/dist/locale/uz-uz.mjs +1 -1
  233. package/dist/locale/vi.js +1 -1
  234. package/dist/locale/vi.min.js +1 -1
  235. package/dist/locale/vi.min.mjs +1 -1
  236. package/dist/locale/vi.mjs +1 -1
  237. package/dist/locale/zh-cn.js +1 -1
  238. package/dist/locale/zh-cn.min.js +1 -1
  239. package/dist/locale/zh-cn.min.mjs +1 -1
  240. package/dist/locale/zh-cn.mjs +1 -1
  241. package/dist/locale/zh-tw.js +1 -1
  242. package/dist/locale/zh-tw.min.js +1 -1
  243. package/dist/locale/zh-tw.min.mjs +1 -1
  244. package/dist/locale/zh-tw.mjs +1 -1
  245. package/es/components/backtop/index.mjs +2 -2
  246. package/es/components/backtop/src/backtop.mjs +21 -54
  247. package/es/components/backtop/src/backtop.mjs.map +1 -1
  248. package/es/components/backtop/src/backtop2.mjs +54 -21
  249. package/es/components/backtop/src/backtop2.mjs.map +1 -1
  250. package/es/components/collapse/index.mjs +2 -2
  251. package/es/components/collapse/src/collapse.mjs +18 -28
  252. package/es/components/collapse/src/collapse.mjs.map +1 -1
  253. package/es/components/collapse/src/collapse2.mjs +28 -18
  254. package/es/components/collapse/src/collapse2.mjs.map +1 -1
  255. package/es/components/drawer/index.d.ts +3 -0
  256. package/es/components/drawer/src/drawer.vue.d.ts +3 -0
  257. package/es/components/drawer/src/drawer2.mjs +7 -1
  258. package/es/components/drawer/src/drawer2.mjs.map +1 -1
  259. package/es/components/index.mjs +4 -4
  260. package/es/components/menu/src/menu.mjs +10 -3
  261. package/es/components/menu/src/menu.mjs.map +1 -1
  262. package/es/components/select/src/option-group.mjs +3 -1
  263. package/es/components/select/src/option-group.mjs.map +1 -1
  264. package/es/components/select/src/useOption.mjs +4 -4
  265. package/es/components/select/src/useOption.mjs.map +1 -1
  266. package/es/components/skeleton/index.mjs +2 -2
  267. package/es/components/skeleton/src/skeleton.mjs +49 -22
  268. package/es/components/skeleton/src/skeleton.mjs.map +1 -1
  269. package/es/components/skeleton/src/skeleton2.mjs +22 -49
  270. package/es/components/skeleton/src/skeleton2.mjs.map +1 -1
  271. package/es/components/tabs/index.mjs +1 -1
  272. package/es/components/tabs/src/tab-bar.mjs +7 -75
  273. package/es/components/tabs/src/tab-bar.mjs.map +1 -1
  274. package/es/components/tabs/src/tab-bar2.mjs +75 -7
  275. package/es/components/tabs/src/tab-bar2.mjs.map +1 -1
  276. package/es/components/tabs/src/tab-nav.mjs +1 -1
  277. package/es/components/tour/index.d.ts +42 -6241
  278. package/es/components/tour/src/helper.d.ts +8 -8
  279. package/es/components/tour/src/helper.mjs +3 -45
  280. package/es/components/tour/src/helper.mjs.map +1 -1
  281. package/es/components/tour/src/step.d.ts +4 -14
  282. package/es/components/tour/src/step.mjs +6 -4
  283. package/es/components/tour/src/step.mjs.map +1 -1
  284. package/es/components/tour/src/step.vue.d.ts +24 -49
  285. package/es/components/tour/src/step2.mjs +17 -5
  286. package/es/components/tour/src/step2.mjs.map +1 -1
  287. package/es/components/tour/src/steps.d.ts +2 -2
  288. package/es/components/tour/src/steps.mjs +7 -9
  289. package/es/components/tour/src/steps.mjs.map +1 -1
  290. package/es/components/tour/src/tour.vue.d.ts +9 -6155
  291. package/es/components/tour/src/tour2.mjs +26 -20
  292. package/es/components/tour/src/tour2.mjs.map +1 -1
  293. package/es/components/tour/src/types.d.ts +5 -16
  294. package/es/index.mjs +4 -4
  295. package/es/version.d.ts +1 -1
  296. package/es/version.mjs +1 -1
  297. package/es/version.mjs.map +1 -1
  298. package/lib/components/backtop/index.js +2 -2
  299. package/lib/components/backtop/src/backtop.js +22 -54
  300. package/lib/components/backtop/src/backtop.js.map +1 -1
  301. package/lib/components/backtop/src/backtop2.js +54 -22
  302. package/lib/components/backtop/src/backtop2.js.map +1 -1
  303. package/lib/components/collapse/index.js +2 -2
  304. package/lib/components/collapse/src/collapse.js +20 -28
  305. package/lib/components/collapse/src/collapse.js.map +1 -1
  306. package/lib/components/collapse/src/collapse2.js +28 -20
  307. package/lib/components/collapse/src/collapse2.js.map +1 -1
  308. package/lib/components/drawer/index.d.ts +3 -0
  309. package/lib/components/drawer/src/drawer.vue.d.ts +3 -0
  310. package/lib/components/drawer/src/drawer2.js +7 -1
  311. package/lib/components/drawer/src/drawer2.js.map +1 -1
  312. package/lib/components/index.js +4 -4
  313. package/lib/components/menu/src/menu.js +10 -3
  314. package/lib/components/menu/src/menu.js.map +1 -1
  315. package/lib/components/select/src/option-group.js +3 -1
  316. package/lib/components/select/src/option-group.js.map +1 -1
  317. package/lib/components/select/src/useOption.js +3 -3
  318. package/lib/components/select/src/useOption.js.map +1 -1
  319. package/lib/components/skeleton/index.js +2 -2
  320. package/lib/components/skeleton/src/skeleton.js +49 -22
  321. package/lib/components/skeleton/src/skeleton.js.map +1 -1
  322. package/lib/components/skeleton/src/skeleton2.js +22 -49
  323. package/lib/components/skeleton/src/skeleton2.js.map +1 -1
  324. package/lib/components/tabs/index.js +1 -1
  325. package/lib/components/tabs/src/tab-bar.js +7 -75
  326. package/lib/components/tabs/src/tab-bar.js.map +1 -1
  327. package/lib/components/tabs/src/tab-bar2.js +75 -7
  328. package/lib/components/tabs/src/tab-bar2.js.map +1 -1
  329. package/lib/components/tabs/src/tab-nav.js +1 -1
  330. package/lib/components/tour/index.d.ts +42 -6241
  331. package/lib/components/tour/src/helper.d.ts +8 -8
  332. package/lib/components/tour/src/helper.js +0 -44
  333. package/lib/components/tour/src/helper.js.map +1 -1
  334. package/lib/components/tour/src/step.d.ts +4 -14
  335. package/lib/components/tour/src/step.js +6 -4
  336. package/lib/components/tour/src/step.js.map +1 -1
  337. package/lib/components/tour/src/step.vue.d.ts +24 -49
  338. package/lib/components/tour/src/step2.js +16 -4
  339. package/lib/components/tour/src/step2.js.map +1 -1
  340. package/lib/components/tour/src/steps.d.ts +2 -2
  341. package/lib/components/tour/src/steps.js +7 -9
  342. package/lib/components/tour/src/steps.js.map +1 -1
  343. package/lib/components/tour/src/tour.vue.d.ts +9 -6155
  344. package/lib/components/tour/src/tour2.js +26 -20
  345. package/lib/components/tour/src/tour2.js.map +1 -1
  346. package/lib/components/tour/src/types.d.ts +5 -16
  347. package/lib/index.js +4 -4
  348. package/lib/version.d.ts +1 -1
  349. package/lib/version.js +1 -1
  350. package/lib/version.js.map +1 -1
  351. package/package.json +2 -2
  352. package/tags.json +1 -1
  353. package/theme-chalk/el-tour.css +1 -1
  354. package/theme-chalk/index.css +1 -1
  355. package/theme-chalk/src/common/var.scss +2 -2
  356. package/theme-chalk/src/tour.scss +16 -13
  357. package/web-types.json +1 -1
@@ -22,39 +22,44 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
22
22
  setup(__props, { emit }) {
23
23
  const props = __props;
24
24
  const ns = useNamespace("tour");
25
- const steps = ref([]);
25
+ const total = ref(0);
26
+ const currentStep = ref();
26
27
  const current = useVModel(props, "current", emit, {
27
28
  passive: true
28
29
  });
29
- const total = computed(() => steps.value.length);
30
- const currentStep = computed(() => steps.value[current.value] || {});
31
- const currentTarget = computed(() => currentStep.value.target);
30
+ const currentTarget = computed(() => {
31
+ var _a;
32
+ return (_a = currentStep.value) == null ? void 0 : _a.target;
33
+ });
32
34
  const kls = computed(() => [
33
35
  ns.b(),
34
36
  mergedType.value === "primary" ? ns.m("primary") : ""
35
37
  ]);
36
- const mergedPlacement = computed(() => currentStep.value.placement || props.placement);
37
- const mergedContentStyle = computed(() => {
38
+ const mergedPlacement = computed(() => {
38
39
  var _a;
39
- return (_a = currentStep.value.contentStyle) != null ? _a : props.contentStyle;
40
+ return ((_a = currentStep.value) == null ? void 0 : _a.placement) || props.placement;
41
+ });
42
+ const mergedContentStyle = computed(() => {
43
+ var _a, _b;
44
+ return (_b = (_a = currentStep.value) == null ? void 0 : _a.contentStyle) != null ? _b : props.contentStyle;
40
45
  });
41
46
  const mergedMask = computed(() => {
42
- var _a;
43
- return (_a = currentStep.value.mask) != null ? _a : props.mask;
47
+ var _a, _b;
48
+ return (_b = (_a = currentStep.value) == null ? void 0 : _a.mask) != null ? _b : props.mask;
44
49
  });
45
50
  const mergedShowMask = computed(() => !!mergedMask.value && props.modelValue);
46
51
  const mergedMaskStyle = computed(() => isBoolean(mergedMask.value) ? void 0 : mergedMask.value);
47
52
  const mergedShowArrow = computed(() => {
48
- var _a;
49
- return !!currentTarget.value && ((_a = currentStep.value.showArrow) != null ? _a : props.showArrow);
53
+ var _a, _b;
54
+ return !!currentTarget.value && ((_b = (_a = currentStep.value) == null ? void 0 : _a.showArrow) != null ? _b : props.showArrow);
50
55
  });
51
56
  const mergedScrollIntoViewOptions = computed(() => {
52
- var _a;
53
- return (_a = currentStep.value.scrollIntoViewOptions) != null ? _a : props.scrollIntoViewOptions;
57
+ var _a, _b;
58
+ return (_b = (_a = currentStep.value) == null ? void 0 : _a.scrollIntoViewOptions) != null ? _b : props.scrollIntoViewOptions;
54
59
  });
55
60
  const mergedType = computed(() => {
56
- var _a;
57
- return (_a = currentStep.value.type) != null ? _a : props.type;
61
+ var _a, _b;
62
+ return (_b = (_a = currentStep.value) == null ? void 0 : _a.type) != null ? _b : props.type;
58
63
  });
59
64
  const { nextZIndex } = useZIndex();
60
65
  const nowZIndex = nextZIndex();
@@ -68,17 +73,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
68
73
  current.value = 0;
69
74
  }
70
75
  });
71
- const onUpdateSteps = (v) => {
72
- steps.value = v;
73
- };
74
76
  const onEscClose = () => {
75
77
  if (props.closeOnPressEscape) {
76
78
  emit("update:modelValue", false);
77
79
  emit("close", current.value);
78
80
  }
79
81
  };
82
+ const onUpdateTotal = (val) => {
83
+ total.value = val;
84
+ };
80
85
  const slots = useSlots();
81
86
  provide(tourKey, {
87
+ currentStep,
82
88
  current,
83
89
  total,
84
90
  showClose: toRef(props, "showClose"),
@@ -124,7 +130,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
124
130
  default: withCtx(() => [
125
131
  createVNode(unref(ElTourSteps), {
126
132
  current: unref(current),
127
- onUpdateSteps
133
+ onUpdateTotal
128
134
  }, {
129
135
  default: withCtx(() => [
130
136
  renderSlot(_ctx.$slots, "default")
@@ -140,7 +146,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
140
146
  false ? renderSlot(_ctx.$slots, "indicators", {
141
147
  key: 0,
142
148
  current: unref(current) + 1,
143
- total: unref(total)
149
+ total: total.value
144
150
  }) : createCommentVNode("v-if", true)
145
151
  ], 64);
146
152
  };
@@ -1 +1 @@
1
- {"version":3,"file":"tour2.mjs","sources":["../../../../../../packages/components/tour/src/tour.vue"],"sourcesContent":["<template>\n <teleport :to=\"appendTo\">\n <div :class=\"kls\" v-bind=\"$attrs\">\n <el-tour-mask\n :visible=\"mergedShowMask\"\n :fill=\"mergedMaskStyle?.color\"\n :style=\"mergedMaskStyle?.style\"\n :pos=\"pos\"\n :z-index=\"mergedZIndex\"\n :target-area-clickable=\"targetAreaClickable\"\n />\n <el-tour-content\n v-if=\"modelValue\"\n :key=\"current\"\n :reference=\"triggerTarget\"\n :placement=\"mergedPlacement\"\n :show-arrow=\"mergedShowArrow\"\n :z-index=\"mergedZIndex\"\n :style=\"mergedContentStyle\"\n @close=\"onEscClose\"\n >\n <el-tour-steps :current=\"current\" @update-steps=\"onUpdateSteps\">\n <slot />\n </el-tour-steps>\n </el-tour-content>\n </div>\n </teleport>\n <!-- just for IDE -->\n <slot v-if=\"false\" name=\"indicators\" :current=\"current + 1\" :total=\"total\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref, toRef, useSlots, watch } from 'vue'\nimport { useVModel } from '@vueuse/core'\nimport { useNamespace, useZIndex } from '@element-plus/hooks'\nimport { isBoolean } from '@element-plus/utils'\nimport ElTourMask from './mask.vue'\nimport ElTourContent from './content.vue'\nimport ElTourSteps from './steps'\nimport { tourEmits, tourProps } from './tour'\nimport { tourKey, useTarget } from './helper'\nimport type { UsedTourStepProps } from './types'\n\ndefineOptions({\n name: 'ElTour',\n})\n\nconst props = defineProps(tourProps)\nconst emit = defineEmits(tourEmits)\n\nconst ns = useNamespace('tour')\nconst steps = ref<UsedTourStepProps[]>([])\n\nconst current = useVModel(props, 'current', emit, {\n passive: true,\n})\nconst total = computed(() => steps.value.length)\n\nconst currentStep = computed(() => steps.value[current.value] || {})\nconst currentTarget = computed(() => currentStep.value.target)\n\nconst kls = computed(() => [\n ns.b(),\n mergedType.value === 'primary' ? ns.m('primary') : '',\n])\n\nconst mergedPlacement = computed(\n () => currentStep.value.placement || props.placement\n)\n\nconst mergedContentStyle = computed(\n () => currentStep.value.contentStyle ?? props.contentStyle\n)\n\nconst mergedMask = computed(() => currentStep.value.mask ?? props.mask)\nconst mergedShowMask = computed(() => !!mergedMask.value && props.modelValue)\nconst mergedMaskStyle = computed(() =>\n isBoolean(mergedMask.value) ? undefined : mergedMask.value\n)\n\nconst mergedShowArrow = computed(\n () =>\n !!currentTarget.value && (currentStep.value.showArrow ?? props.showArrow)\n)\n\nconst mergedScrollIntoViewOptions = computed(\n () => currentStep.value.scrollIntoViewOptions ?? props.scrollIntoViewOptions\n)\nconst mergedType = computed(() => currentStep.value.type ?? props.type)\n\nconst { nextZIndex } = useZIndex()\nconst nowZIndex = nextZIndex()\nconst mergedZIndex = computed(() => props.zIndex ?? nowZIndex)\n\nconst { mergedPosInfo: pos, triggerTarget } = useTarget(\n currentTarget,\n toRef(props, 'modelValue'),\n toRef(props, 'gap'),\n mergedMask,\n mergedScrollIntoViewOptions\n)\n\nwatch(\n () => props.modelValue,\n (val) => {\n if (!val) {\n current.value = 0\n }\n }\n)\n\nconst onUpdateSteps = (v: any) => {\n steps.value = v\n}\n\nconst onEscClose = () => {\n if (props.closeOnPressEscape) {\n emit('update:modelValue', false)\n emit('close', current.value)\n }\n}\n\nconst slots = useSlots()\n\nprovide(tourKey, {\n current,\n total,\n showClose: toRef(props, 'showClose'),\n closeIcon: toRef(props, 'closeIcon') as any,\n mergedType: mergedType as any,\n ns,\n slots,\n updateModelValue(modelValue) {\n emit('update:modelValue', modelValue)\n },\n onClose() {\n emit('close', current.value)\n },\n onFinish() {\n emit('finish')\n },\n onChange() {\n emit('change', current.value)\n },\n})\n</script>\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"tour2.mjs","sources":["../../../../../../packages/components/tour/src/tour.vue"],"sourcesContent":["<template>\n <teleport :to=\"appendTo\">\n <div :class=\"kls\" v-bind=\"$attrs\">\n <el-tour-mask\n :visible=\"mergedShowMask\"\n :fill=\"mergedMaskStyle?.color\"\n :style=\"mergedMaskStyle?.style\"\n :pos=\"pos\"\n :z-index=\"mergedZIndex\"\n :target-area-clickable=\"targetAreaClickable\"\n />\n <el-tour-content\n v-if=\"modelValue\"\n :key=\"current\"\n :reference=\"triggerTarget\"\n :placement=\"mergedPlacement\"\n :show-arrow=\"mergedShowArrow\"\n :z-index=\"mergedZIndex\"\n :style=\"mergedContentStyle\"\n @close=\"onEscClose\"\n >\n <el-tour-steps :current=\"current\" @update-total=\"onUpdateTotal\">\n <slot />\n </el-tour-steps>\n </el-tour-content>\n </div>\n </teleport>\n <!-- just for IDE -->\n <slot v-if=\"false\" name=\"indicators\" :current=\"current + 1\" :total=\"total\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref, toRef, useSlots, watch } from 'vue'\nimport { useVModel } from '@vueuse/core'\nimport { useNamespace, useZIndex } from '@element-plus/hooks'\nimport { isBoolean } from '@element-plus/utils'\nimport ElTourMask from './mask.vue'\nimport ElTourContent from './content.vue'\nimport ElTourSteps from './steps'\nimport { tourEmits, tourProps } from './tour'\nimport { tourKey, useTarget } from './helper'\nimport type { TourStepProps } from './step'\n\ndefineOptions({\n name: 'ElTour',\n})\n\nconst props = defineProps(tourProps)\nconst emit = defineEmits(tourEmits)\n\nconst ns = useNamespace('tour')\nconst total = ref(0)\nconst currentStep = ref<TourStepProps>()\n\nconst current = useVModel(props, 'current', emit, {\n passive: true,\n})\n\nconst currentTarget = computed(() => currentStep.value?.target)\n\nconst kls = computed(() => [\n ns.b(),\n mergedType.value === 'primary' ? ns.m('primary') : '',\n])\n\nconst mergedPlacement = computed(\n () => currentStep.value?.placement || props.placement\n)\n\nconst mergedContentStyle = computed(\n () => currentStep.value?.contentStyle ?? props.contentStyle\n)\n\nconst mergedMask = computed(() => currentStep.value?.mask ?? props.mask)\nconst mergedShowMask = computed(() => !!mergedMask.value && props.modelValue)\nconst mergedMaskStyle = computed(() =>\n isBoolean(mergedMask.value) ? undefined : mergedMask.value\n)\n\nconst mergedShowArrow = computed(\n () =>\n !!currentTarget.value && (currentStep.value?.showArrow ?? props.showArrow)\n)\n\nconst mergedScrollIntoViewOptions = computed(\n () => currentStep.value?.scrollIntoViewOptions ?? props.scrollIntoViewOptions\n)\nconst mergedType = computed(() => currentStep.value?.type ?? props.type)\n\nconst { nextZIndex } = useZIndex()\nconst nowZIndex = nextZIndex()\nconst mergedZIndex = computed(() => props.zIndex ?? nowZIndex)\n\nconst { mergedPosInfo: pos, triggerTarget } = useTarget(\n currentTarget,\n toRef(props, 'modelValue'),\n toRef(props, 'gap'),\n mergedMask,\n mergedScrollIntoViewOptions\n)\n\nwatch(\n () => props.modelValue,\n (val) => {\n if (!val) {\n current.value = 0\n }\n }\n)\n\nconst onEscClose = () => {\n if (props.closeOnPressEscape) {\n emit('update:modelValue', false)\n emit('close', current.value)\n }\n}\n\nconst onUpdateTotal = (val: number) => {\n total.value = val\n}\n\nconst slots = useSlots()\n\nprovide(tourKey, {\n currentStep,\n current,\n total,\n showClose: toRef(props, 'showClose'),\n closeIcon: toRef(props, 'closeIcon') as any,\n mergedType: mergedType as any,\n ns,\n slots,\n updateModelValue(modelValue) {\n emit('update:modelValue', modelValue)\n },\n onClose() {\n emit('close', current.value)\n },\n onFinish() {\n emit('finish')\n },\n onChange() {\n emit('change', current.value)\n },\n})\n</script>\n"],"names":[],"mappings":"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"}
@@ -1,5 +1,5 @@
1
1
  import type { CSSProperties, VNode } from 'vue';
2
- import type { Placement } from '@floating-ui/dom';
2
+ import type { ButtonProps } from '@element-plus/nightly/es/components/button';
3
3
  export declare type TourMask = boolean | {
4
4
  style?: CSSProperties;
5
5
  color?: string;
@@ -8,12 +8,10 @@ export interface TourGap {
8
8
  offset?: number | [number, number];
9
9
  radius?: number;
10
10
  }
11
- export interface TourBtnProps {
12
- children: VNode | string;
13
- onClick: () => void;
14
- className?: string;
15
- style?: CSSProperties;
16
- }
11
+ export declare type TourBtnProps = {
12
+ children?: VNode | string;
13
+ onClick?: () => void;
14
+ } & Partial<ButtonProps> & Record<string, any>;
17
15
  export interface PosInfo {
18
16
  left: number;
19
17
  top: number;
@@ -21,12 +19,3 @@ export interface PosInfo {
21
19
  width: number;
22
20
  radius: number;
23
21
  }
24
- export interface UsedTourStepProps {
25
- target?: string | HTMLElement | (() => HTMLElement | null) | null;
26
- showArrow?: boolean;
27
- placement?: Placement;
28
- contentStyle?: CSSProperties;
29
- mask?: TourMask;
30
- type?: 'default' | 'primary';
31
- scrollIntoViewOptions?: boolean | ScrollIntoViewOptions;
32
- }
package/es/index.mjs CHANGED
@@ -14,7 +14,7 @@ export { autocompleteEmits, autocompleteProps } from './components/autocomplete/
14
14
  export { ElAutocomplete } from './components/autocomplete/index.mjs';
15
15
  export { avatarEmits, avatarProps } from './components/avatar/src/avatar.mjs';
16
16
  export { ElAvatar } from './components/avatar/index.mjs';
17
- export { backtopEmits, backtopProps } from './components/backtop/src/backtop2.mjs';
17
+ export { backtopEmits, backtopProps } from './components/backtop/src/backtop.mjs';
18
18
  export { ElBacktop } from './components/backtop/index.mjs';
19
19
  export { badgeProps } from './components/badge/src/badge.mjs';
20
20
  export { ElBadge } from './components/badge/index.mjs';
@@ -46,7 +46,7 @@ export { checkboxGroupContextKey } from './components/checkbox/src/constants.mjs
46
46
  export { ElCheckbox, ElCheckboxButton, ElCheckboxGroup } from './components/checkbox/index.mjs';
47
47
  export { colProps } from './components/col/src/col.mjs';
48
48
  export { ElCol } from './components/col/index.mjs';
49
- export { collapseEmits, collapseProps, emitChangeFn } from './components/collapse/src/collapse2.mjs';
49
+ export { collapseEmits, collapseProps, emitChangeFn } from './components/collapse/src/collapse.mjs';
50
50
  export { collapseItemProps } from './components/collapse/src/collapse-item.mjs';
51
51
  export { collapseContextKey } from './components/collapse/src/constants.mjs';
52
52
  export { ElCollapse, ElCollapseItem } from './components/collapse/index.mjs';
@@ -143,7 +143,7 @@ export { selectGroupKey, selectKey } from './components/select/src/token.mjs';
143
143
  export { ElOption, ElOptionGroup, ElSelect } from './components/select/index.mjs';
144
144
  export { selectV2InjectionKey } from './components/select-v2/src/token.mjs';
145
145
  export { ElSelectV2 } from './components/select-v2/index.mjs';
146
- export { skeletonProps } from './components/skeleton/src/skeleton.mjs';
146
+ export { skeletonProps } from './components/skeleton/src/skeleton2.mjs';
147
147
  export { skeletonItemProps } from './components/skeleton/src/skeleton-item.mjs';
148
148
  export { ElSkeleton, ElSkeletonItem } from './components/skeleton/index.mjs';
149
149
  export { sliderEmits, sliderProps } from './components/slider/src/slider.mjs';
@@ -168,7 +168,7 @@ export { tableV2Props } from './components/table-v2/src/table.mjs';
168
168
  export { tableV2RowProps } from './components/table-v2/src/row.mjs';
169
169
  export { ElAutoResizer, ElTableV2 } from './components/table-v2/index.mjs';
170
170
  export { tabsEmits, tabsProps } from './components/tabs/src/tabs.mjs';
171
- export { tabBarProps } from './components/tabs/src/tab-bar2.mjs';
171
+ export { tabBarProps } from './components/tabs/src/tab-bar.mjs';
172
172
  export { tabNavEmits, tabNavProps } from './components/tabs/src/tab-nav.mjs';
173
173
  export { tabPaneProps } from './components/tabs/src/tab-pane.mjs';
174
174
  export { tabsRootContextKey } from './components/tabs/src/constants.mjs';
package/es/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const version = "0.0.20240129";
1
+ export declare const version = "0.0.20240131";
package/es/version.mjs CHANGED
@@ -1,4 +1,4 @@
1
- const version = "0.0.20240129";
1
+ const version = "0.0.20240131";
2
2
 
3
3
  export { version };
4
4
  //# sourceMappingURL=version.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20240129'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
1
+ {"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20240131'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
@@ -3,8 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  require('../../utils/index.js');
6
- var backtop$1 = require('./src/backtop.js');
7
- var backtop = require('./src/backtop2.js');
6
+ var backtop$1 = require('./src/backtop2.js');
7
+ var backtop = require('./src/backtop.js');
8
8
  var install = require('../../utils/vue/install.js');
9
9
 
10
10
  const ElBacktop = install.withInstall(backtop$1["default"]);
@@ -2,60 +2,28 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var index$1 = require('../../icon/index.js');
7
- var iconsVue = require('@element-plus/icons-vue');
8
- require('../../../hooks/index.js');
9
- var backtop = require('./backtop2.js');
10
- var useBacktop = require('./use-backtop.js');
11
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
12
- var index = require('../../../hooks/use-namespace/index.js');
13
-
14
- const COMPONENT_NAME = "ElBacktop";
15
- const __default__ = vue.defineComponent({
16
- name: COMPONENT_NAME
17
- });
18
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
19
- ...__default__,
20
- props: backtop.backtopProps,
21
- emits: backtop.backtopEmits,
22
- setup(__props, { emit }) {
23
- const props = __props;
24
- const ns = index.useNamespace("backtop");
25
- const { handleClick, visible } = useBacktop.useBackTop(props, emit, COMPONENT_NAME);
26
- const backTopStyle = vue.computed(() => ({
27
- right: `${props.right}px`,
28
- bottom: `${props.bottom}px`
29
- }));
30
- return (_ctx, _cache) => {
31
- return vue.openBlock(), vue.createBlock(vue.Transition, {
32
- name: `${vue.unref(ns).namespace.value}-fade-in`
33
- }, {
34
- default: vue.withCtx(() => [
35
- vue.unref(visible) ? (vue.openBlock(), vue.createElementBlock("div", {
36
- key: 0,
37
- style: vue.normalizeStyle(vue.unref(backTopStyle)),
38
- class: vue.normalizeClass(vue.unref(ns).b()),
39
- onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => vue.unref(handleClick) && vue.unref(handleClick)(...args), ["stop"]))
40
- }, [
41
- vue.renderSlot(_ctx.$slots, "default", {}, () => [
42
- vue.createVNode(vue.unref(index$1.ElIcon), {
43
- class: vue.normalizeClass(vue.unref(ns).e("icon"))
44
- }, {
45
- default: vue.withCtx(() => [
46
- vue.createVNode(vue.unref(iconsVue.CaretTop))
47
- ]),
48
- _: 1
49
- }, 8, ["class"])
50
- ])
51
- ], 6)) : vue.createCommentVNode("v-if", true)
52
- ]),
53
- _: 3
54
- }, 8, ["name"]);
55
- };
5
+ const backtopProps = {
6
+ visibilityHeight: {
7
+ type: Number,
8
+ default: 200
9
+ },
10
+ target: {
11
+ type: String,
12
+ default: ""
13
+ },
14
+ right: {
15
+ type: Number,
16
+ default: 40
17
+ },
18
+ bottom: {
19
+ type: Number,
20
+ default: 40
56
21
  }
57
- });
58
- var Backtop = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "backtop.vue"]]);
22
+ };
23
+ const backtopEmits = {
24
+ click: (evt) => evt instanceof MouseEvent
25
+ };
59
26
 
60
- exports["default"] = Backtop;
27
+ exports.backtopEmits = backtopEmits;
28
+ exports.backtopProps = backtopProps;
61
29
  //# sourceMappingURL=backtop.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"backtop.js","sources":["../../../../../../packages/components/backtop/src/backtop.vue"],"sourcesContent":["<template>\n <transition :name=\"`${ns.namespace.value}-fade-in`\">\n <div\n v-if=\"visible\"\n :style=\"backTopStyle\"\n :class=\"ns.b()\"\n @click.stop=\"handleClick\"\n >\n <slot>\n <el-icon :class=\"ns.e('icon')\"><caret-top /></el-icon>\n </slot>\n </div>\n </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CaretTop } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { backtopEmits, backtopProps } from './backtop'\nimport { useBackTop } from './use-backtop'\n\nconst COMPONENT_NAME = 'ElBacktop'\n\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\nconst props = defineProps(backtopProps)\nconst emit = defineEmits(backtopEmits)\n\nconst ns = useNamespace('backtop')\n\nconst { handleClick, visible } = useBackTop(props, emit, COMPONENT_NAME)\n\nconst backTopStyle = computed(() => ({\n right: `${props.right}px`,\n bottom: `${props.bottom}px`,\n}))\n</script>\n"],"names":["useNamespace","useBackTop","computed"],"mappings":";;;;;;;;;;;;;;uCAyBc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;;AAKA,IAAM,MAAA,EAAA,GAAKA,mBAAa,SAAS,CAAA,CAAA;AAEjC,IAAA,MAAM,EAAE,WAAa,EAAA,OAAA,EAAA,GAAYC,qBAAW,CAAA,KAAA,EAAO,MAAM,cAAc,CAAA,CAAA;AAEvE,IAAM,MAAA,YAAA,GAAeC,aAAS,OAAO;AAAA,MACnC,KAAA,EAAO,GAAG,KAAM,CAAA,KAAA,CAAA,EAAA,CAAA;AAAA,MAChB,MAAA,EAAQ,GAAG,KAAM,CAAA,MAAA,CAAA,EAAA,CAAA;AAAA,KACjB,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"backtop.js","sources":["../../../../../../packages/components/backtop/src/backtop.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const backtopProps = {\n /**\n * @description the button will not show until the scroll height reaches this value.\n */\n visibilityHeight: {\n type: Number,\n default: 200,\n },\n /**\n * @description the target to trigger scroll.\n */\n target: {\n type: String,\n default: '',\n },\n /**\n * @description right distance.\n */\n right: {\n type: Number,\n default: 40,\n },\n /**\n * @description bottom distance.\n */\n bottom: {\n type: Number,\n default: 40,\n },\n} as const\nexport type BacktopProps = ExtractPropTypes<typeof backtopProps>\n\nexport const backtopEmits = {\n click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type BacktopEmits = typeof backtopEmits\n"],"names":[],"mappings":";;;;AAAY,MAAC,YAAY,GAAG;AAC5B,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE;AACU,MAAC,YAAY,GAAG;AAC5B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;;"}
@@ -2,28 +2,60 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const backtopProps = {
6
- visibilityHeight: {
7
- type: Number,
8
- default: 200
9
- },
10
- target: {
11
- type: String,
12
- default: ""
13
- },
14
- right: {
15
- type: Number,
16
- default: 40
17
- },
18
- bottom: {
19
- type: Number,
20
- default: 40
5
+ var vue = require('vue');
6
+ var index$1 = require('../../icon/index.js');
7
+ var iconsVue = require('@element-plus/icons-vue');
8
+ require('../../../hooks/index.js');
9
+ var backtop = require('./backtop.js');
10
+ var useBacktop = require('./use-backtop.js');
11
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
12
+ var index = require('../../../hooks/use-namespace/index.js');
13
+
14
+ const COMPONENT_NAME = "ElBacktop";
15
+ const __default__ = vue.defineComponent({
16
+ name: COMPONENT_NAME
17
+ });
18
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
19
+ ...__default__,
20
+ props: backtop.backtopProps,
21
+ emits: backtop.backtopEmits,
22
+ setup(__props, { emit }) {
23
+ const props = __props;
24
+ const ns = index.useNamespace("backtop");
25
+ const { handleClick, visible } = useBacktop.useBackTop(props, emit, COMPONENT_NAME);
26
+ const backTopStyle = vue.computed(() => ({
27
+ right: `${props.right}px`,
28
+ bottom: `${props.bottom}px`
29
+ }));
30
+ return (_ctx, _cache) => {
31
+ return vue.openBlock(), vue.createBlock(vue.Transition, {
32
+ name: `${vue.unref(ns).namespace.value}-fade-in`
33
+ }, {
34
+ default: vue.withCtx(() => [
35
+ vue.unref(visible) ? (vue.openBlock(), vue.createElementBlock("div", {
36
+ key: 0,
37
+ style: vue.normalizeStyle(vue.unref(backTopStyle)),
38
+ class: vue.normalizeClass(vue.unref(ns).b()),
39
+ onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => vue.unref(handleClick) && vue.unref(handleClick)(...args), ["stop"]))
40
+ }, [
41
+ vue.renderSlot(_ctx.$slots, "default", {}, () => [
42
+ vue.createVNode(vue.unref(index$1.ElIcon), {
43
+ class: vue.normalizeClass(vue.unref(ns).e("icon"))
44
+ }, {
45
+ default: vue.withCtx(() => [
46
+ vue.createVNode(vue.unref(iconsVue.CaretTop))
47
+ ]),
48
+ _: 1
49
+ }, 8, ["class"])
50
+ ])
51
+ ], 6)) : vue.createCommentVNode("v-if", true)
52
+ ]),
53
+ _: 3
54
+ }, 8, ["name"]);
55
+ };
21
56
  }
22
- };
23
- const backtopEmits = {
24
- click: (evt) => evt instanceof MouseEvent
25
- };
57
+ });
58
+ var Backtop = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "backtop.vue"]]);
26
59
 
27
- exports.backtopEmits = backtopEmits;
28
- exports.backtopProps = backtopProps;
60
+ exports["default"] = Backtop;
29
61
  //# sourceMappingURL=backtop2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"backtop2.js","sources":["../../../../../../packages/components/backtop/src/backtop.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const backtopProps = {\n /**\n * @description the button will not show until the scroll height reaches this value.\n */\n visibilityHeight: {\n type: Number,\n default: 200,\n },\n /**\n * @description the target to trigger scroll.\n */\n target: {\n type: String,\n default: '',\n },\n /**\n * @description right distance.\n */\n right: {\n type: Number,\n default: 40,\n },\n /**\n * @description bottom distance.\n */\n bottom: {\n type: Number,\n default: 40,\n },\n} as const\nexport type BacktopProps = ExtractPropTypes<typeof backtopProps>\n\nexport const backtopEmits = {\n click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type BacktopEmits = typeof backtopEmits\n"],"names":[],"mappings":";;;;AAAY,MAAC,YAAY,GAAG;AAC5B,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE;AACU,MAAC,YAAY,GAAG;AAC5B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;;"}
1
+ {"version":3,"file":"backtop2.js","sources":["../../../../../../packages/components/backtop/src/backtop.vue"],"sourcesContent":["<template>\n <transition :name=\"`${ns.namespace.value}-fade-in`\">\n <div\n v-if=\"visible\"\n :style=\"backTopStyle\"\n :class=\"ns.b()\"\n @click.stop=\"handleClick\"\n >\n <slot>\n <el-icon :class=\"ns.e('icon')\"><caret-top /></el-icon>\n </slot>\n </div>\n </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CaretTop } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { backtopEmits, backtopProps } from './backtop'\nimport { useBackTop } from './use-backtop'\n\nconst COMPONENT_NAME = 'ElBacktop'\n\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\nconst props = defineProps(backtopProps)\nconst emit = defineEmits(backtopEmits)\n\nconst ns = useNamespace('backtop')\n\nconst { handleClick, visible } = useBackTop(props, emit, COMPONENT_NAME)\n\nconst backTopStyle = computed(() => ({\n right: `${props.right}px`,\n bottom: `${props.bottom}px`,\n}))\n</script>\n"],"names":["useNamespace","useBackTop","computed"],"mappings":";;;;;;;;;;;;;;uCAyBc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;;AAKA,IAAM,MAAA,EAAA,GAAKA,mBAAa,SAAS,CAAA,CAAA;AAEjC,IAAA,MAAM,EAAE,WAAa,EAAA,OAAA,EAAA,GAAYC,qBAAW,CAAA,KAAA,EAAO,MAAM,cAAc,CAAA,CAAA;AAEvE,IAAM,MAAA,YAAA,GAAeC,aAAS,OAAO;AAAA,MACnC,KAAA,EAAO,GAAG,KAAM,CAAA,KAAA,CAAA,EAAA,CAAA;AAAA,MAChB,MAAA,EAAQ,GAAG,KAAM,CAAA,MAAA,CAAA,EAAA,CAAA;AAAA,KACjB,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -3,9 +3,9 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  require('../../utils/index.js');
6
- var collapse$1 = require('./src/collapse.js');
6
+ var collapse$1 = require('./src/collapse2.js');
7
7
  var collapseItem$1 = require('./src/collapse-item2.js');
8
- var collapse = require('./src/collapse2.js');
8
+ var collapse = require('./src/collapse.js');
9
9
  var collapseItem = require('./src/collapse-item.js');
10
10
  var constants = require('./src/constants.js');
11
11
  var install = require('../../utils/vue/install.js');
@@ -2,36 +2,28 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var collapse = require('./collapse2.js');
7
- var useCollapse = require('./use-collapse.js');
8
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
5
+ require('../../../utils/index.js');
6
+ require('../../../constants/index.js');
7
+ var types = require('../../../utils/types.js');
8
+ var shared = require('@vue/shared');
9
+ var runtime = require('../../../utils/vue/props/runtime.js');
10
+ var typescript = require('../../../utils/typescript.js');
11
+ var event = require('../../../constants/event.js');
9
12
 
10
- const __default__ = vue.defineComponent({
11
- name: "ElCollapse"
12
- });
13
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
14
- ...__default__,
15
- props: collapse.collapseProps,
16
- emits: collapse.collapseEmits,
17
- setup(__props, { expose, emit }) {
18
- const props = __props;
19
- const { activeNames, setActiveNames } = useCollapse.useCollapse(props, emit);
20
- const { rootKls } = useCollapse.useCollapseDOM();
21
- expose({
22
- activeNames,
23
- setActiveNames
24
- });
25
- return (_ctx, _cache) => {
26
- return vue.openBlock(), vue.createElementBlock("div", {
27
- class: vue.normalizeClass(vue.unref(rootKls))
28
- }, [
29
- vue.renderSlot(_ctx.$slots, "default")
30
- ], 2);
31
- };
13
+ const emitChangeFn = (value) => types.isNumber(value) || shared.isString(value) || shared.isArray(value);
14
+ const collapseProps = runtime.buildProps({
15
+ accordion: Boolean,
16
+ modelValue: {
17
+ type: runtime.definePropType([Array, String, Number]),
18
+ default: () => typescript.mutable([])
32
19
  }
33
20
  });
34
- var Collapse = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "collapse.vue"]]);
21
+ const collapseEmits = {
22
+ [event.UPDATE_MODEL_EVENT]: emitChangeFn,
23
+ [event.CHANGE_EVENT]: emitChangeFn
24
+ };
35
25
 
36
- exports["default"] = Collapse;
26
+ exports.collapseEmits = collapseEmits;
27
+ exports.collapseProps = collapseProps;
28
+ exports.emitChangeFn = emitChangeFn;
37
29
  //# sourceMappingURL=collapse.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"collapse.js","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n <div :class=\"rootKls\">\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { collapseEmits, collapseProps } from './collapse'\nimport { useCollapse, useCollapseDOM } from './use-collapse'\n\ndefineOptions({\n name: 'ElCollapse',\n})\nconst props = defineProps(collapseProps)\nconst emit = defineEmits(collapseEmits)\n\nconst { activeNames, setActiveNames } = useCollapse(props, emit)\n\nconst { rootKls } = useCollapseDOM()\n\ndefineExpose({\n /** @description active names */\n activeNames,\n /** @description set active names */\n setActiveNames,\n})\n</script>\n"],"names":["useCollapse","useCollapseDOM"],"mappings":";;;;;;;;;uCAUc,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAA,MAAM,EAAE,WAAA,EAAa,cAAmB,EAAA,GAAAA,uBAAA,CAAY,OAAO,IAAI,CAAA,CAAA;AAE/D,IAAM,MAAA,EAAE,YAAYC,0BAAe,EAAA,CAAA;AAEnC,IAAa,MAAA,CAAA;AAAA,MAEX,WAAA;AAAA,MAEA,cAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"collapse.js","sources":["../../../../../../packages/components/collapse/src/collapse.ts"],"sourcesContent":["import {\n buildProps,\n definePropType,\n isArray,\n isNumber,\n isString,\n mutable,\n} from '@element-plus/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type { Arrayable } from '@element-plus/utils'\n\nexport type CollapseActiveName = string | number\nexport type CollapseModelValue = Arrayable<CollapseActiveName>\n\nexport const emitChangeFn = (value: CollapseModelValue) =>\n isNumber(value) || isString(value) || isArray(value)\n\nexport const collapseProps = buildProps({\n /**\n * @description whether to activate accordion mode\n */\n accordion: Boolean,\n /**\n * @description currently active panel, the type is `string` in accordion mode, otherwise it is `array`\n */\n modelValue: {\n type: definePropType<CollapseModelValue>([Array, String, Number]),\n default: () => mutable([] as const),\n },\n} as const)\nexport type CollapseProps = ExtractPropTypes<typeof collapseProps>\n\nexport const collapseEmits = {\n [UPDATE_MODEL_EVENT]: emitChangeFn,\n [CHANGE_EVENT]: emitChangeFn,\n}\nexport type CollapseEmits = typeof collapseEmits\n"],"names":["isNumber","isString","isArray","buildProps","definePropType","mutable","UPDATE_MODEL_EVENT","CHANGE_EVENT"],"mappings":";;;;;;;;;;;;AASY,MAAC,YAAY,GAAG,CAAC,KAAK,KAAKA,cAAQ,CAAC,KAAK,CAAC,IAAIC,eAAQ,CAAC,KAAK,CAAC,IAAIC,cAAO,CAAC,KAAK,EAAE;AAChF,MAAC,aAAa,GAAGC,kBAAU,CAAC;AACxC,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACjD,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,CAACC,wBAAkB,GAAG,YAAY;AACpC,EAAE,CAACC,kBAAY,GAAG,YAAY;AAC9B;;;;;;"}
@@ -2,28 +2,36 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../../../utils/index.js');
6
- require('../../../constants/index.js');
7
- var types = require('../../../utils/types.js');
8
- var shared = require('@vue/shared');
9
- var runtime = require('../../../utils/vue/props/runtime.js');
10
- var typescript = require('../../../utils/typescript.js');
11
- var event = require('../../../constants/event.js');
5
+ var vue = require('vue');
6
+ var collapse = require('./collapse.js');
7
+ var useCollapse = require('./use-collapse.js');
8
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
12
9
 
13
- const emitChangeFn = (value) => types.isNumber(value) || shared.isString(value) || shared.isArray(value);
14
- const collapseProps = runtime.buildProps({
15
- accordion: Boolean,
16
- modelValue: {
17
- type: runtime.definePropType([Array, String, Number]),
18
- default: () => typescript.mutable([])
10
+ const __default__ = vue.defineComponent({
11
+ name: "ElCollapse"
12
+ });
13
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
14
+ ...__default__,
15
+ props: collapse.collapseProps,
16
+ emits: collapse.collapseEmits,
17
+ setup(__props, { expose, emit }) {
18
+ const props = __props;
19
+ const { activeNames, setActiveNames } = useCollapse.useCollapse(props, emit);
20
+ const { rootKls } = useCollapse.useCollapseDOM();
21
+ expose({
22
+ activeNames,
23
+ setActiveNames
24
+ });
25
+ return (_ctx, _cache) => {
26
+ return vue.openBlock(), vue.createElementBlock("div", {
27
+ class: vue.normalizeClass(vue.unref(rootKls))
28
+ }, [
29
+ vue.renderSlot(_ctx.$slots, "default")
30
+ ], 2);
31
+ };
19
32
  }
20
33
  });
21
- const collapseEmits = {
22
- [event.UPDATE_MODEL_EVENT]: emitChangeFn,
23
- [event.CHANGE_EVENT]: emitChangeFn
24
- };
34
+ var Collapse = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "collapse.vue"]]);
25
35
 
26
- exports.collapseEmits = collapseEmits;
27
- exports.collapseProps = collapseProps;
28
- exports.emitChangeFn = emitChangeFn;
36
+ exports["default"] = Collapse;
29
37
  //# sourceMappingURL=collapse2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"collapse2.js","sources":["../../../../../../packages/components/collapse/src/collapse.ts"],"sourcesContent":["import {\n buildProps,\n definePropType,\n isArray,\n isNumber,\n isString,\n mutable,\n} from '@element-plus/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type { Arrayable } from '@element-plus/utils'\n\nexport type CollapseActiveName = string | number\nexport type CollapseModelValue = Arrayable<CollapseActiveName>\n\nexport const emitChangeFn = (value: CollapseModelValue) =>\n isNumber(value) || isString(value) || isArray(value)\n\nexport const collapseProps = buildProps({\n /**\n * @description whether to activate accordion mode\n */\n accordion: Boolean,\n /**\n * @description currently active panel, the type is `string` in accordion mode, otherwise it is `array`\n */\n modelValue: {\n type: definePropType<CollapseModelValue>([Array, String, Number]),\n default: () => mutable([] as const),\n },\n} as const)\nexport type CollapseProps = ExtractPropTypes<typeof collapseProps>\n\nexport const collapseEmits = {\n [UPDATE_MODEL_EVENT]: emitChangeFn,\n [CHANGE_EVENT]: emitChangeFn,\n}\nexport type CollapseEmits = typeof collapseEmits\n"],"names":["isNumber","isString","isArray","buildProps","definePropType","mutable","UPDATE_MODEL_EVENT","CHANGE_EVENT"],"mappings":";;;;;;;;;;;;AASY,MAAC,YAAY,GAAG,CAAC,KAAK,KAAKA,cAAQ,CAAC,KAAK,CAAC,IAAIC,eAAQ,CAAC,KAAK,CAAC,IAAIC,cAAO,CAAC,KAAK,EAAE;AAChF,MAAC,aAAa,GAAGC,kBAAU,CAAC;AACxC,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACjD,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,CAACC,wBAAkB,GAAG,YAAY;AACpC,EAAE,CAACC,kBAAY,GAAG,YAAY;AAC9B;;;;;;"}
1
+ {"version":3,"file":"collapse2.js","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n <div :class=\"rootKls\">\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { collapseEmits, collapseProps } from './collapse'\nimport { useCollapse, useCollapseDOM } from './use-collapse'\n\ndefineOptions({\n name: 'ElCollapse',\n})\nconst props = defineProps(collapseProps)\nconst emit = defineEmits(collapseEmits)\n\nconst { activeNames, setActiveNames } = useCollapse(props, emit)\n\nconst { rootKls } = useCollapseDOM()\n\ndefineExpose({\n /** @description active names */\n activeNames,\n /** @description set active names */\n setActiveNames,\n})\n</script>\n"],"names":["useCollapse","useCollapseDOM"],"mappings":";;;;;;;;;uCAUc,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAA,MAAM,EAAE,WAAA,EAAa,cAAmB,EAAA,GAAAA,uBAAA,CAAY,OAAO,IAAI,CAAA,CAAA;AAE/D,IAAM,MAAA,EAAE,YAAYC,0BAAe,EAAA,CAAA;AAEnC,IAAa,MAAA,CAAA;AAAA,MAEX,WAAA;AAAA,MAEA,cAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;"}
@@ -152,6 +152,9 @@ export declare const ElDrawer: import("@element-plus/nightly/es/utils").SFCWithI
152
152
  titleId: import("vue").Ref<string>;
153
153
  bodyId: import("vue").Ref<string>;
154
154
  onModalClick: () => void;
155
+ onOpenAutoFocus: () => void;
156
+ onCloseAutoFocus: () => void;
157
+ onFocusoutPrevented: (event: CustomEvent<any>) => void;
155
158
  onCloseRequested: () => void;
156
159
  handleClose: () => void;
157
160
  isHorizontal: import("vue").ComputedRef<boolean>;