@element-plus/nightly 0.0.20220717 → 0.0.20220718

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 (302) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.full.js +2 -2
  3. package/dist/index.full.min.js +2 -2
  4. package/dist/index.full.min.js.map +1 -1
  5. package/dist/index.full.min.mjs +2 -2
  6. package/dist/index.full.min.mjs.map +1 -1
  7. package/dist/index.full.mjs +2 -2
  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 +1 -1
  117. package/dist/locale/ko.min.js +1 -1
  118. package/dist/locale/ko.min.mjs +1 -1
  119. package/dist/locale/ko.mjs +1 -1
  120. package/dist/locale/ku.js +1 -1
  121. package/dist/locale/ku.min.js +1 -1
  122. package/dist/locale/ku.min.mjs +1 -1
  123. package/dist/locale/ku.mjs +1 -1
  124. package/dist/locale/ky.js +1 -1
  125. package/dist/locale/ky.min.js +1 -1
  126. package/dist/locale/ky.min.mjs +1 -1
  127. package/dist/locale/ky.mjs +1 -1
  128. package/dist/locale/lt.js +1 -1
  129. package/dist/locale/lt.min.js +1 -1
  130. package/dist/locale/lt.min.mjs +1 -1
  131. package/dist/locale/lt.mjs +1 -1
  132. package/dist/locale/lv.js +1 -1
  133. package/dist/locale/lv.min.js +1 -1
  134. package/dist/locale/lv.min.mjs +1 -1
  135. package/dist/locale/lv.mjs +1 -1
  136. package/dist/locale/mg.js +1 -1
  137. package/dist/locale/mg.min.js +1 -1
  138. package/dist/locale/mg.min.mjs +1 -1
  139. package/dist/locale/mg.mjs +1 -1
  140. package/dist/locale/mn.js +1 -1
  141. package/dist/locale/mn.min.js +1 -1
  142. package/dist/locale/mn.min.mjs +1 -1
  143. package/dist/locale/mn.mjs +1 -1
  144. package/dist/locale/nb-no.js +1 -1
  145. package/dist/locale/nb-no.min.js +1 -1
  146. package/dist/locale/nb-no.min.mjs +1 -1
  147. package/dist/locale/nb-no.mjs +1 -1
  148. package/dist/locale/nl.js +1 -1
  149. package/dist/locale/nl.min.js +1 -1
  150. package/dist/locale/nl.min.mjs +1 -1
  151. package/dist/locale/nl.mjs +1 -1
  152. package/dist/locale/pa.js +1 -1
  153. package/dist/locale/pa.min.js +1 -1
  154. package/dist/locale/pa.min.mjs +1 -1
  155. package/dist/locale/pa.mjs +1 -1
  156. package/dist/locale/pl.js +1 -1
  157. package/dist/locale/pl.min.js +1 -1
  158. package/dist/locale/pl.min.mjs +1 -1
  159. package/dist/locale/pl.mjs +1 -1
  160. package/dist/locale/pt-br.js +1 -1
  161. package/dist/locale/pt-br.min.js +1 -1
  162. package/dist/locale/pt-br.min.mjs +1 -1
  163. package/dist/locale/pt-br.mjs +1 -1
  164. package/dist/locale/pt.js +1 -1
  165. package/dist/locale/pt.min.js +1 -1
  166. package/dist/locale/pt.min.mjs +1 -1
  167. package/dist/locale/pt.mjs +1 -1
  168. package/dist/locale/ro.js +1 -1
  169. package/dist/locale/ro.min.js +1 -1
  170. package/dist/locale/ro.min.mjs +1 -1
  171. package/dist/locale/ro.mjs +1 -1
  172. package/dist/locale/ru.js +1 -1
  173. package/dist/locale/ru.min.js +1 -1
  174. package/dist/locale/ru.min.mjs +1 -1
  175. package/dist/locale/ru.mjs +1 -1
  176. package/dist/locale/sk.js +1 -1
  177. package/dist/locale/sk.min.js +1 -1
  178. package/dist/locale/sk.min.mjs +1 -1
  179. package/dist/locale/sk.mjs +1 -1
  180. package/dist/locale/sl.js +1 -1
  181. package/dist/locale/sl.min.js +1 -1
  182. package/dist/locale/sl.min.mjs +1 -1
  183. package/dist/locale/sl.mjs +1 -1
  184. package/dist/locale/sr.js +1 -1
  185. package/dist/locale/sr.min.js +1 -1
  186. package/dist/locale/sr.min.mjs +1 -1
  187. package/dist/locale/sr.mjs +1 -1
  188. package/dist/locale/sv.js +1 -1
  189. package/dist/locale/sv.min.js +1 -1
  190. package/dist/locale/sv.min.mjs +1 -1
  191. package/dist/locale/sv.mjs +1 -1
  192. package/dist/locale/ta.js +1 -1
  193. package/dist/locale/ta.min.js +1 -1
  194. package/dist/locale/ta.min.mjs +1 -1
  195. package/dist/locale/ta.mjs +1 -1
  196. package/dist/locale/th.js +1 -1
  197. package/dist/locale/th.min.js +1 -1
  198. package/dist/locale/th.min.mjs +1 -1
  199. package/dist/locale/th.mjs +1 -1
  200. package/dist/locale/tk.js +1 -1
  201. package/dist/locale/tk.min.js +1 -1
  202. package/dist/locale/tk.min.mjs +1 -1
  203. package/dist/locale/tk.mjs +1 -1
  204. package/dist/locale/tr.js +1 -1
  205. package/dist/locale/tr.min.js +1 -1
  206. package/dist/locale/tr.min.mjs +1 -1
  207. package/dist/locale/tr.mjs +1 -1
  208. package/dist/locale/ug-cn.js +1 -1
  209. package/dist/locale/ug-cn.min.js +1 -1
  210. package/dist/locale/ug-cn.min.mjs +1 -1
  211. package/dist/locale/ug-cn.mjs +1 -1
  212. package/dist/locale/uk.js +1 -1
  213. package/dist/locale/uk.min.js +1 -1
  214. package/dist/locale/uk.min.mjs +1 -1
  215. package/dist/locale/uk.mjs +1 -1
  216. package/dist/locale/uz-uz.js +1 -1
  217. package/dist/locale/uz-uz.min.js +1 -1
  218. package/dist/locale/uz-uz.min.mjs +1 -1
  219. package/dist/locale/uz-uz.mjs +1 -1
  220. package/dist/locale/vi.js +1 -1
  221. package/dist/locale/vi.min.js +1 -1
  222. package/dist/locale/vi.min.mjs +1 -1
  223. package/dist/locale/vi.mjs +1 -1
  224. package/dist/locale/zh-cn.js +1 -1
  225. package/dist/locale/zh-cn.min.js +1 -1
  226. package/dist/locale/zh-cn.min.mjs +1 -1
  227. package/dist/locale/zh-cn.mjs +1 -1
  228. package/dist/locale/zh-tw.js +1 -1
  229. package/dist/locale/zh-tw.min.js +1 -1
  230. package/dist/locale/zh-tw.min.mjs +1 -1
  231. package/dist/locale/zh-tw.mjs +1 -1
  232. package/es/components/cascader/src/index.mjs +1 -1
  233. package/es/components/index.mjs +3 -3
  234. package/es/components/message/style/css.d.ts +1 -0
  235. package/es/components/message/style/css.mjs +1 -0
  236. package/es/components/message/style/css.mjs.map +1 -1
  237. package/es/components/message/style/index.d.ts +1 -0
  238. package/es/components/message/style/index.mjs +1 -0
  239. package/es/components/message/style/index.mjs.map +1 -1
  240. package/es/components/select/src/select.mjs +1 -1
  241. package/es/components/slider/src/button.mjs +21 -92
  242. package/es/components/slider/src/button.mjs.map +1 -1
  243. package/es/components/slider/src/button2.mjs +92 -21
  244. package/es/components/slider/src/button2.mjs.map +1 -1
  245. package/es/components/slider/src/slider2.mjs +1 -1
  246. package/es/components/steps/index.mjs +2 -2
  247. package/es/components/steps/src/item.mjs +20 -184
  248. package/es/components/steps/src/item.mjs.map +1 -1
  249. package/es/components/steps/src/item2.mjs +184 -20
  250. package/es/components/steps/src/item2.mjs.map +1 -1
  251. package/es/components/tag/index.mjs +2 -2
  252. package/es/components/tag/src/tag.mjs +33 -93
  253. package/es/components/tag/src/tag.mjs.map +1 -1
  254. package/es/components/tag/src/tag2.mjs +93 -33
  255. package/es/components/tag/src/tag2.mjs.map +1 -1
  256. package/es/components/timeline/index.mjs +2 -2
  257. package/es/components/timeline/src/timeline-item.mjs +70 -43
  258. package/es/components/timeline/src/timeline-item.mjs.map +1 -1
  259. package/es/components/timeline/src/timeline-item2.mjs +43 -70
  260. package/es/components/timeline/src/timeline-item2.mjs.map +1 -1
  261. package/es/index.mjs +3 -3
  262. package/es/version.d.ts +1 -1
  263. package/es/version.mjs +1 -1
  264. package/es/version.mjs.map +1 -1
  265. package/lib/components/cascader/src/index.js +1 -1
  266. package/lib/components/index.js +3 -3
  267. package/lib/components/message/style/css.d.ts +1 -0
  268. package/lib/components/message/style/css.js +1 -0
  269. package/lib/components/message/style/css.js.map +1 -1
  270. package/lib/components/message/style/index.d.ts +1 -0
  271. package/lib/components/message/style/index.js +1 -0
  272. package/lib/components/message/style/index.js.map +1 -1
  273. package/lib/components/select/src/select.js +1 -1
  274. package/lib/components/slider/src/button.js +22 -92
  275. package/lib/components/slider/src/button.js.map +1 -1
  276. package/lib/components/slider/src/button2.js +92 -22
  277. package/lib/components/slider/src/button2.js.map +1 -1
  278. package/lib/components/slider/src/slider2.js +1 -1
  279. package/lib/components/steps/index.js +2 -2
  280. package/lib/components/steps/src/item.js +20 -184
  281. package/lib/components/steps/src/item.js.map +1 -1
  282. package/lib/components/steps/src/item2.js +184 -20
  283. package/lib/components/steps/src/item2.js.map +1 -1
  284. package/lib/components/tag/index.js +2 -2
  285. package/lib/components/tag/src/tag.js +34 -93
  286. package/lib/components/tag/src/tag.js.map +1 -1
  287. package/lib/components/tag/src/tag2.js +93 -34
  288. package/lib/components/tag/src/tag2.js.map +1 -1
  289. package/lib/components/timeline/index.js +2 -2
  290. package/lib/components/timeline/src/timeline-item.js +70 -43
  291. package/lib/components/timeline/src/timeline-item.js.map +1 -1
  292. package/lib/components/timeline/src/timeline-item2.js +43 -70
  293. package/lib/components/timeline/src/timeline-item2.js.map +1 -1
  294. package/lib/index.js +3 -3
  295. package/lib/version.d.ts +1 -1
  296. package/lib/version.js +1 -1
  297. package/lib/version.js.map +1 -1
  298. package/package.json +2 -2
  299. package/theme-chalk/el-message-box.css +1 -1
  300. package/theme-chalk/index.css +1 -1
  301. package/theme-chalk/src/message-box.scss +3 -1
  302. package/web-types.json +1 -1
@@ -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 './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';
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=button.mjs.map
@@ -1 +1 @@
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
+ {"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,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 './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';
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=button2.mjs.map
@@ -1 +1 @@
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;;;;"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -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 './button.mjs';
6
+ import SliderButton from './button2.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/item.mjs';
4
- export { stepProps } from './src/item2.mjs';
3
+ import Step from './src/item2.mjs';
4
+ export { stepProps } from './src/item.mjs';
5
5
  export { stepsEmits, stepsProps } from './src/steps.mjs';
6
6
  import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
7
7
 
@@ -1,189 +1,25 @@
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';
1
+ import '../../../utils/index.mjs';
2
+ import { buildProps } from '../../../utils/vue/props/runtime.mjs';
3
+ import { iconPropType } from '../../../utils/vue/icon.mjs';
8
4
 
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
- };
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: ""
184
21
  }
185
22
  });
186
- var Step = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/steps/src/item.vue"]]);
187
23
 
188
- export { Step as default };
24
+ export { stepProps };
189
25
  //# sourceMappingURL=item.mjs.map
@@ -1 +1 @@
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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"}
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;;;;"}