@element-plus/nightly 0.0.20220714 → 0.0.20220717

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 (344) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.full.js +25 -14
  3. package/dist/index.full.min.js +14 -14
  4. package/dist/index.full.min.js.map +1 -1
  5. package/dist/index.full.min.mjs +14 -14
  6. package/dist/index.full.min.mjs.map +1 -1
  7. package/dist/index.full.mjs +25 -14
  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.js +1 -1
  13. package/dist/locale/ar.min.js +1 -1
  14. package/dist/locale/ar.min.mjs +1 -1
  15. package/dist/locale/ar.mjs +1 -1
  16. package/dist/locale/az.js +1 -1
  17. package/dist/locale/az.min.js +1 -1
  18. package/dist/locale/az.min.mjs +1 -1
  19. package/dist/locale/az.mjs +1 -1
  20. package/dist/locale/bg.js +1 -1
  21. package/dist/locale/bg.min.js +1 -1
  22. package/dist/locale/bg.min.mjs +1 -1
  23. package/dist/locale/bg.mjs +1 -1
  24. package/dist/locale/bn.js +1 -1
  25. package/dist/locale/bn.min.js +1 -1
  26. package/dist/locale/bn.min.mjs +1 -1
  27. package/dist/locale/bn.mjs +1 -1
  28. package/dist/locale/ca.js +1 -1
  29. package/dist/locale/ca.min.js +1 -1
  30. package/dist/locale/ca.min.mjs +1 -1
  31. package/dist/locale/ca.mjs +1 -1
  32. package/dist/locale/cs.js +1 -1
  33. package/dist/locale/cs.min.js +1 -1
  34. package/dist/locale/cs.min.mjs +1 -1
  35. package/dist/locale/cs.mjs +1 -1
  36. package/dist/locale/da.js +1 -1
  37. package/dist/locale/da.min.js +1 -1
  38. package/dist/locale/da.min.mjs +1 -1
  39. package/dist/locale/da.mjs +1 -1
  40. package/dist/locale/de.js +1 -1
  41. package/dist/locale/de.min.js +1 -1
  42. package/dist/locale/de.min.mjs +1 -1
  43. package/dist/locale/de.mjs +1 -1
  44. package/dist/locale/el.js +1 -1
  45. package/dist/locale/el.min.js +1 -1
  46. package/dist/locale/el.min.mjs +1 -1
  47. package/dist/locale/el.mjs +1 -1
  48. package/dist/locale/en.js +1 -1
  49. package/dist/locale/en.min.js +1 -1
  50. package/dist/locale/en.min.mjs +1 -1
  51. package/dist/locale/en.mjs +1 -1
  52. package/dist/locale/eo.js +1 -1
  53. package/dist/locale/eo.min.js +1 -1
  54. package/dist/locale/eo.min.mjs +1 -1
  55. package/dist/locale/eo.mjs +1 -1
  56. package/dist/locale/es.js +1 -1
  57. package/dist/locale/es.min.js +1 -1
  58. package/dist/locale/es.min.mjs +1 -1
  59. package/dist/locale/es.mjs +1 -1
  60. package/dist/locale/et.js +1 -1
  61. package/dist/locale/et.min.js +1 -1
  62. package/dist/locale/et.min.mjs +1 -1
  63. package/dist/locale/et.mjs +1 -1
  64. package/dist/locale/eu.js +1 -1
  65. package/dist/locale/eu.min.js +1 -1
  66. package/dist/locale/eu.min.mjs +1 -1
  67. package/dist/locale/eu.mjs +1 -1
  68. package/dist/locale/fa.js +1 -1
  69. package/dist/locale/fa.min.js +1 -1
  70. package/dist/locale/fa.min.mjs +1 -1
  71. package/dist/locale/fa.mjs +1 -1
  72. package/dist/locale/fi.js +1 -1
  73. package/dist/locale/fi.min.js +1 -1
  74. package/dist/locale/fi.min.mjs +1 -1
  75. package/dist/locale/fi.mjs +1 -1
  76. package/dist/locale/fr.js +1 -1
  77. package/dist/locale/fr.min.js +1 -1
  78. package/dist/locale/fr.min.mjs +1 -1
  79. package/dist/locale/fr.mjs +1 -1
  80. package/dist/locale/he.js +1 -1
  81. package/dist/locale/he.min.js +1 -1
  82. package/dist/locale/he.min.mjs +1 -1
  83. package/dist/locale/he.mjs +1 -1
  84. package/dist/locale/hr.js +1 -1
  85. package/dist/locale/hr.min.js +1 -1
  86. package/dist/locale/hr.min.mjs +1 -1
  87. package/dist/locale/hr.mjs +1 -1
  88. package/dist/locale/hu.js +1 -1
  89. package/dist/locale/hu.min.js +1 -1
  90. package/dist/locale/hu.min.mjs +1 -1
  91. package/dist/locale/hu.mjs +1 -1
  92. package/dist/locale/hy-am.js +1 -1
  93. package/dist/locale/hy-am.min.js +1 -1
  94. package/dist/locale/hy-am.min.mjs +1 -1
  95. package/dist/locale/hy-am.mjs +1 -1
  96. package/dist/locale/id.js +1 -1
  97. package/dist/locale/id.min.js +1 -1
  98. package/dist/locale/id.min.mjs +1 -1
  99. package/dist/locale/id.mjs +1 -1
  100. package/dist/locale/it.js +1 -1
  101. package/dist/locale/it.min.js +1 -1
  102. package/dist/locale/it.min.mjs +1 -1
  103. package/dist/locale/it.mjs +1 -1
  104. package/dist/locale/ja.js +1 -1
  105. package/dist/locale/ja.min.js +1 -1
  106. package/dist/locale/ja.min.mjs +1 -1
  107. package/dist/locale/ja.mjs +1 -1
  108. package/dist/locale/kk.js +1 -1
  109. package/dist/locale/kk.min.js +1 -1
  110. package/dist/locale/kk.min.mjs +1 -1
  111. package/dist/locale/kk.mjs +1 -1
  112. package/dist/locale/km.js +1 -1
  113. package/dist/locale/km.min.js +1 -1
  114. package/dist/locale/km.min.mjs +1 -1
  115. package/dist/locale/km.mjs +1 -1
  116. package/dist/locale/ko.js +29 -4
  117. package/dist/locale/ko.min.js +1 -1
  118. package/dist/locale/ko.min.js.map +1 -1
  119. package/dist/locale/ko.min.mjs +1 -1
  120. package/dist/locale/ko.min.mjs.map +1 -1
  121. package/dist/locale/ko.mjs +29 -4
  122. package/dist/locale/ku.js +1 -1
  123. package/dist/locale/ku.min.js +1 -1
  124. package/dist/locale/ku.min.mjs +1 -1
  125. package/dist/locale/ku.mjs +1 -1
  126. package/dist/locale/ky.js +1 -1
  127. package/dist/locale/ky.min.js +1 -1
  128. package/dist/locale/ky.min.mjs +1 -1
  129. package/dist/locale/ky.mjs +1 -1
  130. package/dist/locale/lt.js +1 -1
  131. package/dist/locale/lt.min.js +1 -1
  132. package/dist/locale/lt.min.mjs +1 -1
  133. package/dist/locale/lt.mjs +1 -1
  134. package/dist/locale/lv.js +1 -1
  135. package/dist/locale/lv.min.js +1 -1
  136. package/dist/locale/lv.min.mjs +1 -1
  137. package/dist/locale/lv.mjs +1 -1
  138. package/dist/locale/mg.js +1 -1
  139. package/dist/locale/mg.min.js +1 -1
  140. package/dist/locale/mg.min.mjs +1 -1
  141. package/dist/locale/mg.mjs +1 -1
  142. package/dist/locale/mn.js +1 -1
  143. package/dist/locale/mn.min.js +1 -1
  144. package/dist/locale/mn.min.mjs +1 -1
  145. package/dist/locale/mn.mjs +1 -1
  146. package/dist/locale/nb-no.js +1 -1
  147. package/dist/locale/nb-no.min.js +1 -1
  148. package/dist/locale/nb-no.min.mjs +1 -1
  149. package/dist/locale/nb-no.mjs +1 -1
  150. package/dist/locale/nl.js +1 -1
  151. package/dist/locale/nl.min.js +1 -1
  152. package/dist/locale/nl.min.mjs +1 -1
  153. package/dist/locale/nl.mjs +1 -1
  154. package/dist/locale/pa.js +1 -1
  155. package/dist/locale/pa.min.js +1 -1
  156. package/dist/locale/pa.min.mjs +1 -1
  157. package/dist/locale/pa.mjs +1 -1
  158. package/dist/locale/pl.js +1 -1
  159. package/dist/locale/pl.min.js +1 -1
  160. package/dist/locale/pl.min.mjs +1 -1
  161. package/dist/locale/pl.mjs +1 -1
  162. package/dist/locale/pt-br.js +1 -1
  163. package/dist/locale/pt-br.min.js +1 -1
  164. package/dist/locale/pt-br.min.mjs +1 -1
  165. package/dist/locale/pt-br.mjs +1 -1
  166. package/dist/locale/pt.js +1 -1
  167. package/dist/locale/pt.min.js +1 -1
  168. package/dist/locale/pt.min.mjs +1 -1
  169. package/dist/locale/pt.mjs +1 -1
  170. package/dist/locale/ro.js +1 -1
  171. package/dist/locale/ro.min.js +1 -1
  172. package/dist/locale/ro.min.mjs +1 -1
  173. package/dist/locale/ro.mjs +1 -1
  174. package/dist/locale/ru.js +1 -1
  175. package/dist/locale/ru.min.js +1 -1
  176. package/dist/locale/ru.min.mjs +1 -1
  177. package/dist/locale/ru.mjs +1 -1
  178. package/dist/locale/sk.js +1 -1
  179. package/dist/locale/sk.min.js +1 -1
  180. package/dist/locale/sk.min.mjs +1 -1
  181. package/dist/locale/sk.mjs +1 -1
  182. package/dist/locale/sl.js +1 -1
  183. package/dist/locale/sl.min.js +1 -1
  184. package/dist/locale/sl.min.mjs +1 -1
  185. package/dist/locale/sl.mjs +1 -1
  186. package/dist/locale/sr.js +1 -1
  187. package/dist/locale/sr.min.js +1 -1
  188. package/dist/locale/sr.min.mjs +1 -1
  189. package/dist/locale/sr.mjs +1 -1
  190. package/dist/locale/sv.js +1 -1
  191. package/dist/locale/sv.min.js +1 -1
  192. package/dist/locale/sv.min.mjs +1 -1
  193. package/dist/locale/sv.mjs +1 -1
  194. package/dist/locale/ta.js +1 -1
  195. package/dist/locale/ta.min.js +1 -1
  196. package/dist/locale/ta.min.mjs +1 -1
  197. package/dist/locale/ta.mjs +1 -1
  198. package/dist/locale/th.js +1 -1
  199. package/dist/locale/th.min.js +1 -1
  200. package/dist/locale/th.min.mjs +1 -1
  201. package/dist/locale/th.mjs +1 -1
  202. package/dist/locale/tk.js +1 -1
  203. package/dist/locale/tk.min.js +1 -1
  204. package/dist/locale/tk.min.mjs +1 -1
  205. package/dist/locale/tk.mjs +1 -1
  206. package/dist/locale/tr.js +1 -1
  207. package/dist/locale/tr.min.js +1 -1
  208. package/dist/locale/tr.min.mjs +1 -1
  209. package/dist/locale/tr.mjs +1 -1
  210. package/dist/locale/ug-cn.js +1 -1
  211. package/dist/locale/ug-cn.min.js +1 -1
  212. package/dist/locale/ug-cn.min.mjs +1 -1
  213. package/dist/locale/ug-cn.mjs +1 -1
  214. package/dist/locale/uk.js +1 -1
  215. package/dist/locale/uk.min.js +1 -1
  216. package/dist/locale/uk.min.mjs +1 -1
  217. package/dist/locale/uk.mjs +1 -1
  218. package/dist/locale/uz-uz.js +1 -1
  219. package/dist/locale/uz-uz.min.js +1 -1
  220. package/dist/locale/uz-uz.min.mjs +1 -1
  221. package/dist/locale/uz-uz.mjs +1 -1
  222. package/dist/locale/vi.js +1 -1
  223. package/dist/locale/vi.min.js +1 -1
  224. package/dist/locale/vi.min.mjs +1 -1
  225. package/dist/locale/vi.mjs +1 -1
  226. package/dist/locale/zh-cn.js +1 -1
  227. package/dist/locale/zh-cn.min.js +1 -1
  228. package/dist/locale/zh-cn.min.mjs +1 -1
  229. package/dist/locale/zh-cn.mjs +1 -1
  230. package/dist/locale/zh-tw.js +1 -1
  231. package/dist/locale/zh-tw.min.js +1 -1
  232. package/dist/locale/zh-tw.min.mjs +1 -1
  233. package/dist/locale/zh-tw.mjs +1 -1
  234. package/es/components/cascader/src/index.mjs +1 -1
  235. package/es/components/index.mjs +2 -2
  236. package/es/components/message/src/method.mjs +3 -1
  237. package/es/components/message/src/method.mjs.map +1 -1
  238. package/es/components/popover/index.d.ts +20 -0
  239. package/es/components/popover/src/popover.d.ts +11 -5
  240. package/es/components/popover/src/popover.mjs +3 -0
  241. package/es/components/popover/src/popover.mjs.map +1 -1
  242. package/es/components/popover/src/popover.vue.d.ts +20 -0
  243. package/es/components/popover/src/popover2.mjs +7 -2
  244. package/es/components/popover/src/popover2.mjs.map +1 -1
  245. package/es/components/select/src/select.mjs +1 -1
  246. package/es/components/slider/src/button.mjs +92 -21
  247. package/es/components/slider/src/button.mjs.map +1 -1
  248. package/es/components/slider/src/button2.mjs +21 -92
  249. package/es/components/slider/src/button2.mjs.map +1 -1
  250. package/es/components/slider/src/slider2.mjs +1 -1
  251. package/es/components/steps/index.mjs +2 -2
  252. package/es/components/steps/src/item.mjs +184 -20
  253. package/es/components/steps/src/item.mjs.map +1 -1
  254. package/es/components/steps/src/item2.mjs +20 -184
  255. package/es/components/steps/src/item2.mjs.map +1 -1
  256. package/es/components/table/index.d.ts +2 -2
  257. package/es/components/table/src/table/defaults.d.ts +2 -2
  258. package/es/components/table/src/table/defaults.mjs.map +1 -1
  259. package/es/components/table/src/table.vue.d.ts +2 -2
  260. package/es/components/tabs/src/tab-nav.mjs +5 -4
  261. package/es/components/tabs/src/tab-nav.mjs.map +1 -1
  262. package/es/components/tag/index.mjs +2 -2
  263. package/es/components/tag/src/tag.mjs +93 -33
  264. package/es/components/tag/src/tag.mjs.map +1 -1
  265. package/es/components/tag/src/tag2.mjs +33 -93
  266. package/es/components/tag/src/tag2.mjs.map +1 -1
  267. package/es/components/time-picker/src/common/picker.mjs +0 -1
  268. package/es/components/time-picker/src/common/picker.mjs.map +1 -1
  269. package/es/components/tooltip/src/tooltip2.mjs +2 -2
  270. package/es/components/tooltip/src/tooltip2.mjs.map +1 -1
  271. package/es/components/virtual-list/src/components/dynamic-size-grid.mjs +1 -1
  272. package/es/components/virtual-list/src/components/dynamic-size-grid.mjs.map +1 -1
  273. package/es/directives/click-outside/index.mjs.map +1 -1
  274. package/es/directives/trap-focus/index.d.ts +1 -1
  275. package/es/directives/trap-focus/index.mjs +2 -3
  276. package/es/directives/trap-focus/index.mjs.map +1 -1
  277. package/es/hooks/use-model-toggle/index.d.ts +2 -0
  278. package/es/hooks/use-model-toggle/index.mjs +2 -1
  279. package/es/hooks/use-model-toggle/index.mjs.map +1 -1
  280. package/es/index.mjs +2 -2
  281. package/es/locale/lang/ko.d.ts +25 -0
  282. package/es/locale/lang/ko.mjs +28 -3
  283. package/es/locale/lang/ko.mjs.map +1 -1
  284. package/es/version.d.ts +1 -1
  285. package/es/version.mjs +1 -1
  286. package/es/version.mjs.map +1 -1
  287. package/lib/components/cascader/src/index.js +1 -1
  288. package/lib/components/index.js +2 -2
  289. package/lib/components/message/src/method.js +3 -1
  290. package/lib/components/message/src/method.js.map +1 -1
  291. package/lib/components/popover/index.d.ts +20 -0
  292. package/lib/components/popover/src/popover.d.ts +11 -5
  293. package/lib/components/popover/src/popover.js +3 -0
  294. package/lib/components/popover/src/popover.js.map +1 -1
  295. package/lib/components/popover/src/popover.vue.d.ts +20 -0
  296. package/lib/components/popover/src/popover2.js +6 -1
  297. package/lib/components/popover/src/popover2.js.map +1 -1
  298. package/lib/components/select/src/select.js +1 -1
  299. package/lib/components/slider/src/button.js +92 -22
  300. package/lib/components/slider/src/button.js.map +1 -1
  301. package/lib/components/slider/src/button2.js +22 -92
  302. package/lib/components/slider/src/button2.js.map +1 -1
  303. package/lib/components/slider/src/slider2.js +1 -1
  304. package/lib/components/steps/index.js +2 -2
  305. package/lib/components/steps/src/item.js +184 -20
  306. package/lib/components/steps/src/item.js.map +1 -1
  307. package/lib/components/steps/src/item2.js +20 -184
  308. package/lib/components/steps/src/item2.js.map +1 -1
  309. package/lib/components/table/index.d.ts +2 -2
  310. package/lib/components/table/src/table/defaults.d.ts +2 -2
  311. package/lib/components/table/src/table/defaults.js.map +1 -1
  312. package/lib/components/table/src/table.vue.d.ts +2 -2
  313. package/lib/components/tabs/src/tab-nav.js +5 -4
  314. package/lib/components/tabs/src/tab-nav.js.map +1 -1
  315. package/lib/components/tag/index.js +2 -2
  316. package/lib/components/tag/src/tag.js +93 -34
  317. package/lib/components/tag/src/tag.js.map +1 -1
  318. package/lib/components/tag/src/tag2.js +34 -93
  319. package/lib/components/tag/src/tag2.js.map +1 -1
  320. package/lib/components/time-picker/src/common/picker.js +0 -1
  321. package/lib/components/time-picker/src/common/picker.js.map +1 -1
  322. package/lib/components/tooltip/src/tooltip2.js +2 -2
  323. package/lib/components/tooltip/src/tooltip2.js.map +1 -1
  324. package/lib/components/virtual-list/src/components/dynamic-size-grid.js +1 -1
  325. package/lib/components/virtual-list/src/components/dynamic-size-grid.js.map +1 -1
  326. package/lib/directives/click-outside/index.js.map +1 -1
  327. package/lib/directives/trap-focus/index.d.ts +1 -1
  328. package/lib/directives/trap-focus/index.js +2 -3
  329. package/lib/directives/trap-focus/index.js.map +1 -1
  330. package/lib/hooks/use-model-toggle/index.d.ts +2 -0
  331. package/lib/hooks/use-model-toggle/index.js +2 -1
  332. package/lib/hooks/use-model-toggle/index.js.map +1 -1
  333. package/lib/index.js +2 -2
  334. package/lib/locale/lang/ko.d.ts +25 -0
  335. package/lib/locale/lang/ko.js +28 -3
  336. package/lib/locale/lang/ko.js.map +1 -1
  337. package/lib/version.d.ts +1 -1
  338. package/lib/version.js +1 -1
  339. package/lib/version.js.map +1 -1
  340. package/package.json +2 -2
  341. package/theme-chalk/el-tabs.css +1 -1
  342. package/theme-chalk/index.css +1 -1
  343. package/theme-chalk/src/tabs.scss +1 -1
  344. package/web-types.json +1 -1
@@ -1,26 +1,97 @@
1
- import { placements } from '@popperjs/core';
2
- import '../../../utils/index.mjs';
3
- import '../../../constants/index.mjs';
4
- import { buildProps } from '../../../utils/vue/props/runtime.mjs';
5
- import { UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
6
- import { isNumber } from '@vueuse/core';
1
+ import { defineComponent, reactive, toRefs, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createVNode, isRef, withCtx, createElementVNode, toDisplayString } from 'vue';
2
+ import { ElTooltip } from '../../tooltip/index.mjs';
3
+ import '../../../hooks/index.mjs';
4
+ import './composables/index.mjs';
5
+ import { sliderButtonProps, sliderButtonEmits } from './button2.mjs';
6
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
7
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
8
+ import { useSliderButton } from './composables/use-slider-button.mjs';
7
9
 
8
- const sliderButtonProps = buildProps({
9
- modelValue: {
10
- type: Number,
11
- default: 0
12
- },
13
- vertical: Boolean,
14
- tooltipClass: String,
15
- placement: {
16
- type: String,
17
- values: placements,
18
- default: "top"
10
+ const __default__ = {
11
+ name: "ElSliderButton"
12
+ };
13
+ const _sfc_main = /* @__PURE__ */ defineComponent({
14
+ ...__default__,
15
+ props: sliderButtonProps,
16
+ emits: sliderButtonEmits,
17
+ setup(__props, { expose, emit }) {
18
+ const props = __props;
19
+ const ns = useNamespace("slider");
20
+ const initData = reactive({
21
+ hovering: false,
22
+ dragging: false,
23
+ isClick: false,
24
+ startX: 0,
25
+ currentX: 0,
26
+ startY: 0,
27
+ currentY: 0,
28
+ startPosition: 0,
29
+ newPosition: 0,
30
+ oldValue: props.modelValue
31
+ });
32
+ const {
33
+ button,
34
+ tooltip,
35
+ showTooltip,
36
+ tooltipVisible,
37
+ wrapperStyle,
38
+ formatValue,
39
+ handleMouseEnter,
40
+ handleMouseLeave,
41
+ onButtonDown,
42
+ onKeyDown,
43
+ setPosition
44
+ } = useSliderButton(props, initData, emit);
45
+ const { hovering, dragging } = toRefs(initData);
46
+ expose({
47
+ onButtonDown,
48
+ onKeyDown,
49
+ setPosition,
50
+ hovering,
51
+ dragging
52
+ });
53
+ return (_ctx, _cache) => {
54
+ return openBlock(), createElementBlock("div", {
55
+ ref_key: "button",
56
+ ref: button,
57
+ class: normalizeClass([unref(ns).e("button-wrapper"), { hover: unref(hovering), dragging: unref(dragging) }]),
58
+ style: normalizeStyle(unref(wrapperStyle)),
59
+ tabindex: "0",
60
+ onMouseenter: _cache[1] || (_cache[1] = (...args) => unref(handleMouseEnter) && unref(handleMouseEnter)(...args)),
61
+ onMouseleave: _cache[2] || (_cache[2] = (...args) => unref(handleMouseLeave) && unref(handleMouseLeave)(...args)),
62
+ onMousedown: _cache[3] || (_cache[3] = (...args) => unref(onButtonDown) && unref(onButtonDown)(...args)),
63
+ onTouchstart: _cache[4] || (_cache[4] = (...args) => unref(onButtonDown) && unref(onButtonDown)(...args)),
64
+ onFocus: _cache[5] || (_cache[5] = (...args) => unref(handleMouseEnter) && unref(handleMouseEnter)(...args)),
65
+ onBlur: _cache[6] || (_cache[6] = (...args) => unref(handleMouseLeave) && unref(handleMouseLeave)(...args)),
66
+ onKeydown: _cache[7] || (_cache[7] = (...args) => unref(onKeyDown) && unref(onKeyDown)(...args))
67
+ }, [
68
+ createVNode(unref(ElTooltip), {
69
+ ref_key: "tooltip",
70
+ ref: tooltip,
71
+ visible: unref(tooltipVisible),
72
+ "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => isRef(tooltipVisible) ? tooltipVisible.value = $event : null),
73
+ placement: _ctx.placement,
74
+ "fallback-placements": ["top", "bottom", "right", "left"],
75
+ "stop-popper-mouse-event": false,
76
+ "popper-class": _ctx.tooltipClass,
77
+ disabled: !unref(showTooltip),
78
+ persistent: ""
79
+ }, {
80
+ content: withCtx(() => [
81
+ createElementVNode("span", null, toDisplayString(unref(formatValue)), 1)
82
+ ]),
83
+ default: withCtx(() => [
84
+ createElementVNode("div", {
85
+ class: normalizeClass([unref(ns).e("button"), { hover: unref(hovering), dragging: unref(dragging) }])
86
+ }, null, 2)
87
+ ]),
88
+ _: 1
89
+ }, 8, ["visible", "placement", "popper-class", "disabled"])
90
+ ], 38);
91
+ };
19
92
  }
20
93
  });
21
- const sliderButtonEmits = {
22
- [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
23
- };
94
+ var SliderButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/slider/src/button.vue"]]);
24
95
 
25
- export { sliderButtonEmits, sliderButtonProps };
96
+ export { SliderButton as default };
26
97
  //# sourceMappingURL=button.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.mjs","sources":["../../../../../../packages/components/slider/src/button.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport { buildProps, isNumber } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport type { ExtractPropTypes, Ref } from 'vue'\nimport type Button from './button.vue'\n\nexport const sliderButtonProps = buildProps({\n modelValue: {\n type: Number,\n default: 0,\n },\n vertical: Boolean,\n tooltipClass: String,\n placement: {\n type: String,\n values: placements,\n default: 'top',\n },\n} as const)\nexport type SliderButtonProps = ExtractPropTypes<typeof sliderButtonProps>\n\nexport const sliderButtonEmits = {\n [UPDATE_MODEL_EVENT]: (value: number) => isNumber(value),\n}\nexport type SliderButtonEmits = typeof sliderButtonEmits\n\nexport type SliderButtonInstance = InstanceType<typeof Button>\n\nexport type ButtonRefs = Record<\n 'firstButton' | 'secondButton',\n Ref<SliderButtonInstance | undefined>\n>\n\nexport interface SliderButtonInitData {\n hovering: boolean\n dragging: boolean\n isClick: boolean\n startX: number\n currentX: number\n startY: number\n currentY: number\n startPosition: number\n newPosition: number\n oldValue: number\n}\n"],"names":[],"mappings":";;;;;;;AAGY,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,YAAY,EAAE,MAAM;AACtB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,UAAU;AACtB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,iBAAiB,GAAG;AACjC,EAAE,CAAC,kBAAkB,GAAG,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AAClD;;;;"}
1
+ {"version":3,"file":"button.mjs","sources":["../../../../../../packages/components/slider/src/button.vue"],"sourcesContent":["<template>\n <div\n ref=\"button\"\n :class=\"[ns.e('button-wrapper'), { hover: hovering, dragging }]\"\n :style=\"wrapperStyle\"\n tabindex=\"0\"\n @mouseenter=\"handleMouseEnter\"\n @mouseleave=\"handleMouseLeave\"\n @mousedown=\"onButtonDown\"\n @touchstart=\"onButtonDown\"\n @focus=\"handleMouseEnter\"\n @blur=\"handleMouseLeave\"\n @keydown=\"onKeyDown\"\n >\n <el-tooltip\n ref=\"tooltip\"\n v-model:visible=\"tooltipVisible\"\n :placement=\"placement\"\n :fallback-placements=\"['top', 'bottom', 'right', 'left']\"\n :stop-popper-mouse-event=\"false\"\n :popper-class=\"tooltipClass\"\n :disabled=\"!showTooltip\"\n persistent\n >\n <template #content>\n <span>{{ formatValue }}</span>\n </template>\n <div :class=\"[ns.e('button'), { hover: hovering, dragging }]\" />\n </el-tooltip>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { reactive, toRefs } from 'vue'\nimport { ElTooltip } from '@element-plus/components/tooltip'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useSliderButton } from './composables'\nimport { sliderButtonEmits, sliderButtonProps } from './button'\nimport type { SliderButtonInitData } from './button'\n\ndefineOptions({\n name: 'ElSliderButton',\n})\n\nconst props = defineProps(sliderButtonProps)\nconst emit = defineEmits(sliderButtonEmits)\n\nconst ns = useNamespace('slider')\n\nconst initData = reactive<SliderButtonInitData>({\n hovering: false,\n dragging: false,\n isClick: false,\n startX: 0,\n currentX: 0,\n startY: 0,\n currentY: 0,\n startPosition: 0,\n newPosition: 0,\n oldValue: props.modelValue,\n})\n\nconst {\n button,\n tooltip,\n showTooltip,\n tooltipVisible,\n wrapperStyle,\n formatValue,\n handleMouseEnter,\n handleMouseLeave,\n onButtonDown,\n onKeyDown,\n setPosition,\n} = useSliderButton(props, initData, emit)\n\nconst { hovering, dragging } = toRefs(initData)\n\ndefineExpose({\n onButtonDown,\n onKeyDown,\n setPosition,\n hovering,\n dragging,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA+CA,IAAA,MAAA,EAAA,GAAA,aAAA,QAAA,CAAA,CAAA;AAEA,IAAA,MAAA,WAAA,QAAA,CAAA;AAAA,MACA,QAAA,EAAA,KAAA;AAAA,MACA,QAAA,EAAA,KAAA;AAAA,MACA,OAAA,EAAA,KAAA;AAAA,MACA,MAAA,EAAA,CAAA;AAAA,MACA,QAAA,EAAA,CAAA;AAAA,MACA,MAAA,EAAA,CAAA;AAAA,MACA,QAAA,EAAA,CAAA;AAAA,MACA,aAAA,EAAA,CAAA;AAAA,MACA,WAAA,EAAA,CAAA;AAAA,MACA,UAAA,KAAA,CAAA,UAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAA;AAAA,MACA,YAAA;AAAA,MACA,WAAA;AAAA,MACA,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA;AAAA,KACA,GAAA,eAAA,CAAA,KAAA,EAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAEA,IAAA,MAAA,EAAA,QAAA,EAAA,QAAA,EAAA,GAAA,MAAA,CAAA,QAAA,CAAA,CAAA;AAEA,IAAA,MAAA,CAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,97 +1,26 @@
1
- import { defineComponent, reactive, toRefs, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createVNode, isRef, withCtx, createElementVNode, toDisplayString } from 'vue';
2
- import { ElTooltip } from '../../tooltip/index.mjs';
3
- import '../../../hooks/index.mjs';
4
- import './composables/index.mjs';
5
- import { sliderButtonProps, sliderButtonEmits } from './button.mjs';
6
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
7
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
8
- import { useSliderButton } from './composables/use-slider-button.mjs';
1
+ import { placements } from '@popperjs/core';
2
+ import '../../../utils/index.mjs';
3
+ import '../../../constants/index.mjs';
4
+ import { buildProps } from '../../../utils/vue/props/runtime.mjs';
5
+ import { UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
6
+ import { isNumber } from '@vueuse/core';
9
7
 
10
- const __default__ = {
11
- name: "ElSliderButton"
12
- };
13
- const _sfc_main = /* @__PURE__ */ defineComponent({
14
- ...__default__,
15
- props: sliderButtonProps,
16
- emits: sliderButtonEmits,
17
- setup(__props, { expose, emit }) {
18
- const props = __props;
19
- const ns = useNamespace("slider");
20
- const initData = reactive({
21
- hovering: false,
22
- dragging: false,
23
- isClick: false,
24
- startX: 0,
25
- currentX: 0,
26
- startY: 0,
27
- currentY: 0,
28
- startPosition: 0,
29
- newPosition: 0,
30
- oldValue: props.modelValue
31
- });
32
- const {
33
- button,
34
- tooltip,
35
- showTooltip,
36
- tooltipVisible,
37
- wrapperStyle,
38
- formatValue,
39
- handleMouseEnter,
40
- handleMouseLeave,
41
- onButtonDown,
42
- onKeyDown,
43
- setPosition
44
- } = useSliderButton(props, initData, emit);
45
- const { hovering, dragging } = toRefs(initData);
46
- expose({
47
- onButtonDown,
48
- onKeyDown,
49
- setPosition,
50
- hovering,
51
- dragging
52
- });
53
- return (_ctx, _cache) => {
54
- return openBlock(), createElementBlock("div", {
55
- ref_key: "button",
56
- ref: button,
57
- class: normalizeClass([unref(ns).e("button-wrapper"), { hover: unref(hovering), dragging: unref(dragging) }]),
58
- style: normalizeStyle(unref(wrapperStyle)),
59
- tabindex: "0",
60
- onMouseenter: _cache[1] || (_cache[1] = (...args) => unref(handleMouseEnter) && unref(handleMouseEnter)(...args)),
61
- onMouseleave: _cache[2] || (_cache[2] = (...args) => unref(handleMouseLeave) && unref(handleMouseLeave)(...args)),
62
- onMousedown: _cache[3] || (_cache[3] = (...args) => unref(onButtonDown) && unref(onButtonDown)(...args)),
63
- onTouchstart: _cache[4] || (_cache[4] = (...args) => unref(onButtonDown) && unref(onButtonDown)(...args)),
64
- onFocus: _cache[5] || (_cache[5] = (...args) => unref(handleMouseEnter) && unref(handleMouseEnter)(...args)),
65
- onBlur: _cache[6] || (_cache[6] = (...args) => unref(handleMouseLeave) && unref(handleMouseLeave)(...args)),
66
- onKeydown: _cache[7] || (_cache[7] = (...args) => unref(onKeyDown) && unref(onKeyDown)(...args))
67
- }, [
68
- createVNode(unref(ElTooltip), {
69
- ref_key: "tooltip",
70
- ref: tooltip,
71
- visible: unref(tooltipVisible),
72
- "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => isRef(tooltipVisible) ? tooltipVisible.value = $event : null),
73
- placement: _ctx.placement,
74
- "fallback-placements": ["top", "bottom", "right", "left"],
75
- "stop-popper-mouse-event": false,
76
- "popper-class": _ctx.tooltipClass,
77
- disabled: !unref(showTooltip),
78
- persistent: ""
79
- }, {
80
- content: withCtx(() => [
81
- createElementVNode("span", null, toDisplayString(unref(formatValue)), 1)
82
- ]),
83
- default: withCtx(() => [
84
- createElementVNode("div", {
85
- class: normalizeClass([unref(ns).e("button"), { hover: unref(hovering), dragging: unref(dragging) }])
86
- }, null, 2)
87
- ]),
88
- _: 1
89
- }, 8, ["visible", "placement", "popper-class", "disabled"])
90
- ], 38);
91
- };
8
+ const sliderButtonProps = buildProps({
9
+ modelValue: {
10
+ type: Number,
11
+ default: 0
12
+ },
13
+ vertical: Boolean,
14
+ tooltipClass: String,
15
+ placement: {
16
+ type: String,
17
+ values: placements,
18
+ default: "top"
92
19
  }
93
20
  });
94
- var SliderButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/slider/src/button.vue"]]);
21
+ const sliderButtonEmits = {
22
+ [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
23
+ };
95
24
 
96
- export { SliderButton as default };
25
+ export { sliderButtonEmits, sliderButtonProps };
97
26
  //# sourceMappingURL=button2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"button2.mjs","sources":["../../../../../../packages/components/slider/src/button.vue"],"sourcesContent":["<template>\n <div\n ref=\"button\"\n :class=\"[ns.e('button-wrapper'), { hover: hovering, dragging }]\"\n :style=\"wrapperStyle\"\n tabindex=\"0\"\n @mouseenter=\"handleMouseEnter\"\n @mouseleave=\"handleMouseLeave\"\n @mousedown=\"onButtonDown\"\n @touchstart=\"onButtonDown\"\n @focus=\"handleMouseEnter\"\n @blur=\"handleMouseLeave\"\n @keydown=\"onKeyDown\"\n >\n <el-tooltip\n ref=\"tooltip\"\n v-model:visible=\"tooltipVisible\"\n :placement=\"placement\"\n :fallback-placements=\"['top', 'bottom', 'right', 'left']\"\n :stop-popper-mouse-event=\"false\"\n :popper-class=\"tooltipClass\"\n :disabled=\"!showTooltip\"\n persistent\n >\n <template #content>\n <span>{{ formatValue }}</span>\n </template>\n <div :class=\"[ns.e('button'), { hover: hovering, dragging }]\" />\n </el-tooltip>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { reactive, toRefs } from 'vue'\nimport { ElTooltip } from '@element-plus/components/tooltip'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useSliderButton } from './composables'\nimport { sliderButtonEmits, sliderButtonProps } from './button'\nimport type { SliderButtonInitData } from './button'\n\ndefineOptions({\n name: 'ElSliderButton',\n})\n\nconst props = defineProps(sliderButtonProps)\nconst emit = defineEmits(sliderButtonEmits)\n\nconst ns = useNamespace('slider')\n\nconst initData = reactive<SliderButtonInitData>({\n hovering: false,\n dragging: false,\n isClick: false,\n startX: 0,\n currentX: 0,\n startY: 0,\n currentY: 0,\n startPosition: 0,\n newPosition: 0,\n oldValue: props.modelValue,\n})\n\nconst {\n button,\n tooltip,\n showTooltip,\n tooltipVisible,\n wrapperStyle,\n formatValue,\n handleMouseEnter,\n handleMouseLeave,\n onButtonDown,\n onKeyDown,\n setPosition,\n} = useSliderButton(props, initData, emit)\n\nconst { hovering, dragging } = toRefs(initData)\n\ndefineExpose({\n onButtonDown,\n onKeyDown,\n setPosition,\n hovering,\n dragging,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA+CA,IAAA,MAAA,EAAA,GAAA,aAAA,QAAA,CAAA,CAAA;AAEA,IAAA,MAAA,WAAA,QAAA,CAAA;AAAA,MACA,QAAA,EAAA,KAAA;AAAA,MACA,QAAA,EAAA,KAAA;AAAA,MACA,OAAA,EAAA,KAAA;AAAA,MACA,MAAA,EAAA,CAAA;AAAA,MACA,QAAA,EAAA,CAAA;AAAA,MACA,MAAA,EAAA,CAAA;AAAA,MACA,QAAA,EAAA,CAAA;AAAA,MACA,aAAA,EAAA,CAAA;AAAA,MACA,WAAA,EAAA,CAAA;AAAA,MACA,UAAA,KAAA,CAAA,UAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAA;AAAA,MACA,YAAA;AAAA,MACA,WAAA;AAAA,MACA,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA;AAAA,KACA,GAAA,eAAA,CAAA,KAAA,EAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAEA,IAAA,MAAA,EAAA,QAAA,EAAA,QAAA,EAAA,GAAA,MAAA,CAAA,QAAA,CAAA,CAAA;AAEA,IAAA,MAAA,CAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"button2.mjs","sources":["../../../../../../packages/components/slider/src/button.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport { buildProps, isNumber } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport type { ExtractPropTypes, Ref } from 'vue'\nimport type Button from './button.vue'\n\nexport const sliderButtonProps = buildProps({\n modelValue: {\n type: Number,\n default: 0,\n },\n vertical: Boolean,\n tooltipClass: String,\n placement: {\n type: String,\n values: placements,\n default: 'top',\n },\n} as const)\nexport type SliderButtonProps = ExtractPropTypes<typeof sliderButtonProps>\n\nexport const sliderButtonEmits = {\n [UPDATE_MODEL_EVENT]: (value: number) => isNumber(value),\n}\nexport type SliderButtonEmits = typeof sliderButtonEmits\n\nexport type SliderButtonInstance = InstanceType<typeof Button>\n\nexport type ButtonRefs = Record<\n 'firstButton' | 'secondButton',\n Ref<SliderButtonInstance | undefined>\n>\n\nexport interface SliderButtonInitData {\n hovering: boolean\n dragging: boolean\n isClick: boolean\n startX: number\n currentX: number\n startY: number\n currentY: number\n startPosition: number\n newPosition: number\n oldValue: number\n}\n"],"names":[],"mappings":";;;;;;;AAGY,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,YAAY,EAAE,MAAM;AACtB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,UAAU;AACtB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,iBAAiB,GAAG;AACjC,EAAE,CAAC,kBAAkB,GAAG,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AAClD;;;;"}
@@ -3,7 +3,7 @@ import { ElInputNumber } from '../../input-number/index.mjs';
3
3
  import '../../../hooks/index.mjs';
4
4
  import '../../../tokens/index.mjs';
5
5
  import { sliderProps, sliderEmits } from './slider.mjs';
6
- import SliderButton from './button2.mjs';
6
+ import SliderButton from './button.mjs';
7
7
  import SliderMarker from './marker.mjs';
8
8
  import './composables/index.mjs';
9
9
  import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
@@ -1,7 +1,7 @@
1
1
  import '../../utils/index.mjs';
2
2
  import Steps from './src/steps2.mjs';
3
- import Step from './src/item2.mjs';
4
- export { stepProps } from './src/item.mjs';
3
+ import Step from './src/item.mjs';
4
+ export { stepProps } from './src/item2.mjs';
5
5
  export { stepsEmits, stepsProps } from './src/steps.mjs';
6
6
  import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
7
7
 
@@ -1,25 +1,189 @@
1
- import '../../../utils/index.mjs';
2
- import { buildProps } from '../../../utils/vue/props/runtime.mjs';
3
- import { iconPropType } from '../../../utils/vue/icon.mjs';
1
+ import { defineComponent, ref, inject, getCurrentInstance, onMounted, watch, onBeforeUnmount, computed, reactive, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createCommentVNode, createElementVNode, renderSlot, createBlock, withCtx, resolveDynamicComponent, toDisplayString, createTextVNode } from 'vue';
2
+ import '../../../hooks/index.mjs';
3
+ import { ElIcon } from '../../icon/index.mjs';
4
+ import { Check, Close } from '@element-plus/icons-vue';
5
+ import { stepProps } from './item2.mjs';
6
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
7
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
4
8
 
5
- const stepProps = buildProps({
6
- title: {
7
- type: String,
8
- default: ""
9
- },
10
- icon: {
11
- type: iconPropType
12
- },
13
- description: {
14
- type: String,
15
- default: ""
16
- },
17
- status: {
18
- type: String,
19
- values: ["", "wait", "process", "finish", "error", "success"],
20
- default: ""
9
+ const __default__ = {
10
+ name: "ElStep"
11
+ };
12
+ const _sfc_main = defineComponent({
13
+ ...__default__,
14
+ props: stepProps,
15
+ setup(__props) {
16
+ const props = __props;
17
+ const ns = useNamespace("step");
18
+ const index = ref(-1);
19
+ const lineStyle = ref({});
20
+ const internalStatus = ref("");
21
+ const parent = inject("ElSteps");
22
+ const currentInstance = getCurrentInstance();
23
+ onMounted(() => {
24
+ watch([
25
+ () => parent.props.active,
26
+ () => parent.props.processStatus,
27
+ () => parent.props.finishStatus
28
+ ], ([active]) => {
29
+ updateStatus(active);
30
+ }, { immediate: true });
31
+ });
32
+ onBeforeUnmount(() => {
33
+ parent.steps.value = parent.steps.value.filter((instance) => instance.uid !== (currentInstance == null ? void 0 : currentInstance.uid));
34
+ });
35
+ const currentStatus = computed(() => {
36
+ return props.status || internalStatus.value;
37
+ });
38
+ const prevStatus = computed(() => {
39
+ const prevStep = parent.steps.value[index.value - 1];
40
+ return prevStep ? prevStep.currentStatus : "wait";
41
+ });
42
+ const isCenter = computed(() => {
43
+ return parent.props.alignCenter;
44
+ });
45
+ const isVertical = computed(() => {
46
+ return parent.props.direction === "vertical";
47
+ });
48
+ const isSimple = computed(() => {
49
+ return parent.props.simple;
50
+ });
51
+ const stepsCount = computed(() => {
52
+ return parent.steps.value.length;
53
+ });
54
+ const isLast = computed(() => {
55
+ var _a;
56
+ return ((_a = parent.steps.value[stepsCount.value - 1]) == null ? void 0 : _a.uid) === (currentInstance == null ? void 0 : currentInstance.uid);
57
+ });
58
+ const space = computed(() => {
59
+ return isSimple.value ? "" : parent.props.space;
60
+ });
61
+ const style = computed(() => {
62
+ const style2 = {
63
+ flexBasis: typeof space.value === "number" ? `${space.value}px` : space.value ? space.value : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`
64
+ };
65
+ if (isVertical.value)
66
+ return style2;
67
+ if (isLast.value) {
68
+ style2.maxWidth = `${100 / stepsCount.value}%`;
69
+ }
70
+ return style2;
71
+ });
72
+ const setIndex = (val) => {
73
+ index.value = val;
74
+ };
75
+ const calcProgress = (status) => {
76
+ let step = 100;
77
+ const style2 = {};
78
+ style2.transitionDelay = `${150 * index.value}ms`;
79
+ if (status === parent.props.processStatus) {
80
+ step = 0;
81
+ } else if (status === "wait") {
82
+ step = 0;
83
+ style2.transitionDelay = `${-150 * index.value}ms`;
84
+ }
85
+ style2.borderWidth = step && !isSimple.value ? "1px" : 0;
86
+ style2[parent.props.direction === "vertical" ? "height" : "width"] = `${step}%`;
87
+ lineStyle.value = style2;
88
+ };
89
+ const updateStatus = (activeIndex) => {
90
+ if (activeIndex > index.value) {
91
+ internalStatus.value = parent.props.finishStatus;
92
+ } else if (activeIndex === index.value && prevStatus.value !== "error") {
93
+ internalStatus.value = parent.props.processStatus;
94
+ } else {
95
+ internalStatus.value = "wait";
96
+ }
97
+ const prevChild = parent.steps.value[stepsCount.value - 1];
98
+ if (prevChild)
99
+ prevChild.calcProgress(internalStatus.value);
100
+ };
101
+ const stepItemState = reactive({
102
+ uid: computed(() => currentInstance == null ? void 0 : currentInstance.uid),
103
+ currentStatus,
104
+ setIndex,
105
+ calcProgress
106
+ });
107
+ parent.steps.value = [...parent.steps.value, stepItemState];
108
+ return (_ctx, _cache) => {
109
+ return openBlock(), createElementBlock("div", {
110
+ style: normalizeStyle(unref(style)),
111
+ class: normalizeClass([
112
+ unref(ns).b(),
113
+ unref(ns).is(unref(isSimple) ? "simple" : unref(parent).props.direction),
114
+ unref(ns).is("flex", unref(isLast) && !unref(space) && !unref(isCenter)),
115
+ unref(ns).is("center", unref(isCenter) && !unref(isVertical) && !unref(isSimple))
116
+ ])
117
+ }, [
118
+ createCommentVNode(" icon & line "),
119
+ createElementVNode("div", {
120
+ class: normalizeClass([unref(ns).e("head"), unref(ns).is(unref(currentStatus))])
121
+ }, [
122
+ !unref(isSimple) ? (openBlock(), createElementBlock("div", {
123
+ key: 0,
124
+ class: normalizeClass(unref(ns).e("line"))
125
+ }, [
126
+ createElementVNode("i", {
127
+ class: normalizeClass(unref(ns).e("line-inner")),
128
+ style: normalizeStyle(lineStyle.value)
129
+ }, null, 6)
130
+ ], 2)) : createCommentVNode("v-if", true),
131
+ createElementVNode("div", {
132
+ class: normalizeClass([unref(ns).e("icon"), unref(ns).is(_ctx.icon || _ctx.$slots.icon ? "icon" : "text")])
133
+ }, [
134
+ unref(currentStatus) !== "success" && unref(currentStatus) !== "error" ? renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
135
+ _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), {
136
+ key: 0,
137
+ class: normalizeClass(unref(ns).e("icon-inner"))
138
+ }, {
139
+ default: withCtx(() => [
140
+ (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
141
+ ]),
142
+ _: 1
143
+ }, 8, ["class"])) : createCommentVNode("v-if", true),
144
+ !_ctx.icon && !unref(isSimple) ? (openBlock(), createElementBlock("div", {
145
+ key: 1,
146
+ class: normalizeClass(unref(ns).e("icon-inner"))
147
+ }, toDisplayString(index.value + 1), 3)) : createCommentVNode("v-if", true)
148
+ ]) : (openBlock(), createBlock(unref(ElIcon), {
149
+ key: 1,
150
+ class: normalizeClass([unref(ns).e("icon-inner"), unref(ns).is("status")])
151
+ }, {
152
+ default: withCtx(() => [
153
+ unref(currentStatus) === "success" ? (openBlock(), createBlock(unref(Check), { key: 0 })) : (openBlock(), createBlock(unref(Close), { key: 1 }))
154
+ ]),
155
+ _: 1
156
+ }, 8, ["class"]))
157
+ ], 2)
158
+ ], 2),
159
+ createCommentVNode(" title & description "),
160
+ createElementVNode("div", {
161
+ class: normalizeClass(unref(ns).e("main"))
162
+ }, [
163
+ createElementVNode("div", {
164
+ class: normalizeClass([unref(ns).e("title"), unref(ns).is(unref(currentStatus))])
165
+ }, [
166
+ renderSlot(_ctx.$slots, "title", {}, () => [
167
+ createTextVNode(toDisplayString(_ctx.title), 1)
168
+ ])
169
+ ], 2),
170
+ unref(isSimple) ? (openBlock(), createElementBlock("div", {
171
+ key: 0,
172
+ class: normalizeClass(unref(ns).e("arrow"))
173
+ }, null, 2)) : (openBlock(), createElementBlock("div", {
174
+ key: 1,
175
+ class: normalizeClass([unref(ns).e("description"), unref(ns).is(unref(currentStatus))])
176
+ }, [
177
+ renderSlot(_ctx.$slots, "description", {}, () => [
178
+ createTextVNode(toDisplayString(_ctx.description), 1)
179
+ ])
180
+ ], 2))
181
+ ], 2)
182
+ ], 6);
183
+ };
21
184
  }
22
185
  });
186
+ var Step = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/steps/src/item.vue"]]);
23
187
 
24
- export { stepProps };
188
+ export { Step as default };
25
189
  //# sourceMappingURL=item.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"item.mjs","sources":["../../../../../../packages/components/steps/src/item.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport type Step from './item.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const stepProps = buildProps({\n title: {\n type: String,\n default: '',\n },\n icon: {\n type: iconPropType,\n },\n description: {\n type: String,\n default: '',\n },\n status: {\n type: String,\n values: ['', 'wait', 'process', 'finish', 'error', 'success'],\n default: '',\n },\n} as const)\n\nexport type StepProps = ExtractPropTypes<typeof stepProps>\n\nexport type StepInstance = InstanceType<typeof Step>\n"],"names":[],"mappings":";;;;AACY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC;AACjE,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"item.mjs","sources":["../../../../../../packages/components/steps/src/item.vue"],"sourcesContent":["<template>\n <div\n :style=\"style\"\n :class=\"[\n ns.b(),\n ns.is(isSimple ? 'simple' : parent.props.direction),\n ns.is('flex', isLast && !space && !isCenter),\n ns.is('center', isCenter && !isVertical && !isSimple),\n ]\"\n >\n <!-- icon & line -->\n <div :class=\"[ns.e('head'), ns.is(currentStatus)]\">\n <div v-if=\"!isSimple\" :class=\"ns.e('line')\">\n <i :class=\"ns.e('line-inner')\" :style=\"lineStyle\" />\n </div>\n\n <div\n :class=\"[ns.e('icon'), ns.is(icon || $slots.icon ? 'icon' : 'text')]\"\n >\n <slot\n v-if=\"currentStatus !== 'success' && currentStatus !== 'error'\"\n name=\"icon\"\n >\n <el-icon v-if=\"icon\" :class=\"ns.e('icon-inner')\">\n <component :is=\"icon\" />\n </el-icon>\n <div v-if=\"!icon && !isSimple\" :class=\"ns.e('icon-inner')\">\n {{ index + 1 }}\n </div>\n </slot>\n <el-icon v-else :class=\"[ns.e('icon-inner'), ns.is('status')]\">\n <Check v-if=\"currentStatus === 'success'\" />\n <Close v-else />\n </el-icon>\n </div>\n </div>\n <!-- title & description -->\n <div :class=\"ns.e('main')\">\n <div :class=\"[ns.e('title'), ns.is(currentStatus)]\">\n <slot name=\"title\">{{ title }}</slot>\n </div>\n <div v-if=\"isSimple\" :class=\"ns.e('arrow')\" />\n <div v-else :class=\"[ns.e('description'), ns.is(currentStatus)]\">\n <slot name=\"description\">{{ description }}</slot>\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n getCurrentInstance,\n inject,\n onBeforeUnmount,\n onMounted,\n reactive,\n ref,\n watch,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Check, Close } from '@element-plus/icons-vue'\nimport { stepProps } from './item'\n\nimport type { CSSProperties, Ref } from 'vue'\n\nexport interface IStepsProps {\n space: number | string\n active: number\n direction: string\n alignCenter: boolean\n simple: boolean\n finishStatus: string\n processStatus: string\n}\n\nexport interface StepItemState {\n uid: number | undefined\n currentStatus: string\n setIndex: (val: number) => void\n calcProgress: (status: string) => void\n}\n\nexport interface IStepsInject {\n props: IStepsProps\n steps: Ref<StepItemState[]>\n}\n\ndefineOptions({\n name: 'ElStep',\n})\n\nconst props = defineProps(stepProps)\nconst ns = useNamespace('step')\nconst index = ref(-1)\nconst lineStyle = ref({})\nconst internalStatus = ref('')\nconst parent = inject('ElSteps') as IStepsInject\nconst currentInstance = getCurrentInstance()\n\nonMounted(() => {\n watch(\n [\n () => parent.props.active,\n () => parent.props.processStatus,\n () => parent.props.finishStatus,\n ],\n ([active]) => {\n updateStatus(active)\n },\n { immediate: true }\n )\n})\n\nonBeforeUnmount(() => {\n parent.steps.value = parent.steps.value.filter(\n (instance) => instance.uid !== currentInstance?.uid\n )\n})\n\nconst currentStatus = computed(() => {\n return props.status || internalStatus.value\n})\n\nconst prevStatus = computed(() => {\n const prevStep = parent.steps.value[index.value - 1]\n return prevStep ? prevStep.currentStatus : 'wait'\n})\n\nconst isCenter = computed(() => {\n return parent.props.alignCenter\n})\n\nconst isVertical = computed(() => {\n return parent.props.direction === 'vertical'\n})\n\nconst isSimple = computed(() => {\n return parent.props.simple\n})\n\nconst stepsCount = computed(() => {\n return parent.steps.value.length\n})\n\nconst isLast = computed(() => {\n return parent.steps.value[stepsCount.value - 1]?.uid === currentInstance?.uid\n})\n\nconst space = computed(() => {\n return isSimple.value ? '' : parent.props.space\n})\n\nconst style = computed(() => {\n const style: CSSProperties = {\n flexBasis:\n typeof space.value === 'number'\n ? `${space.value}px`\n : space.value\n ? space.value\n : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`,\n }\n if (isVertical.value) return style\n if (isLast.value) {\n style.maxWidth = `${100 / stepsCount.value}%`\n }\n return style\n})\n\nconst setIndex = (val: number) => {\n index.value = val\n}\n\nconst calcProgress = (status: string) => {\n let step = 100\n const style: CSSProperties = {}\n style.transitionDelay = `${150 * index.value}ms`\n if (status === parent.props.processStatus) {\n step = 0\n } else if (status === 'wait') {\n step = 0\n style.transitionDelay = `${-150 * index.value}ms`\n }\n style.borderWidth = step && !isSimple.value ? '1px' : 0\n style[parent.props.direction === 'vertical' ? 'height' : 'width'] = `${step}%`\n lineStyle.value = style\n}\n\nconst updateStatus = (activeIndex: number) => {\n if (activeIndex > index.value) {\n internalStatus.value = parent.props.finishStatus\n } else if (activeIndex === index.value && prevStatus.value !== 'error') {\n internalStatus.value = parent.props.processStatus\n } else {\n internalStatus.value = 'wait'\n }\n const prevChild = parent.steps.value[stepsCount.value - 1]\n if (prevChild) prevChild.calcProgress(internalStatus.value)\n}\n\nconst stepItemState = reactive({\n uid: computed(() => currentInstance?.uid),\n currentStatus,\n setIndex,\n calcProgress,\n})\n\nparent.steps.value = [...parent.steps.value, stepItemState]\n</script>\n"],"names":[],"mappings":"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"}