@element-plus/nightly 0.0.20240103 → 0.0.20240105

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 (343) hide show
  1. package/attributes.json +1 -1
  2. package/dist/index.css +1 -1
  3. package/dist/index.full.js +20 -15
  4. package/dist/index.full.min.js +11 -11
  5. package/dist/index.full.min.js.map +1 -1
  6. package/dist/index.full.min.mjs +11 -11
  7. package/dist/index.full.min.mjs.map +1 -1
  8. package/dist/index.full.mjs +20 -15
  9. package/dist/locale/af.js +1 -1
  10. package/dist/locale/af.min.js +1 -1
  11. package/dist/locale/af.min.mjs +1 -1
  12. package/dist/locale/af.mjs +1 -1
  13. package/dist/locale/ar-eg.js +1 -1
  14. package/dist/locale/ar-eg.min.js +1 -1
  15. package/dist/locale/ar-eg.min.mjs +1 -1
  16. package/dist/locale/ar-eg.mjs +1 -1
  17. package/dist/locale/ar.js +1 -1
  18. package/dist/locale/ar.min.js +1 -1
  19. package/dist/locale/ar.min.mjs +1 -1
  20. package/dist/locale/ar.mjs +1 -1
  21. package/dist/locale/az.js +1 -1
  22. package/dist/locale/az.min.js +1 -1
  23. package/dist/locale/az.min.mjs +1 -1
  24. package/dist/locale/az.mjs +1 -1
  25. package/dist/locale/bg.js +1 -1
  26. package/dist/locale/bg.min.js +1 -1
  27. package/dist/locale/bg.min.mjs +1 -1
  28. package/dist/locale/bg.mjs +1 -1
  29. package/dist/locale/bn.js +1 -1
  30. package/dist/locale/bn.min.js +1 -1
  31. package/dist/locale/bn.min.mjs +1 -1
  32. package/dist/locale/bn.mjs +1 -1
  33. package/dist/locale/ca.js +1 -1
  34. package/dist/locale/ca.min.js +1 -1
  35. package/dist/locale/ca.min.mjs +1 -1
  36. package/dist/locale/ca.mjs +1 -1
  37. package/dist/locale/ckb.js +1 -1
  38. package/dist/locale/ckb.min.js +1 -1
  39. package/dist/locale/ckb.min.mjs +1 -1
  40. package/dist/locale/ckb.mjs +1 -1
  41. package/dist/locale/cs.js +1 -1
  42. package/dist/locale/cs.min.js +1 -1
  43. package/dist/locale/cs.min.mjs +1 -1
  44. package/dist/locale/cs.mjs +1 -1
  45. package/dist/locale/da.js +1 -1
  46. package/dist/locale/da.min.js +1 -1
  47. package/dist/locale/da.min.mjs +1 -1
  48. package/dist/locale/da.mjs +1 -1
  49. package/dist/locale/de.js +1 -1
  50. package/dist/locale/de.min.js +1 -1
  51. package/dist/locale/de.min.mjs +1 -1
  52. package/dist/locale/de.mjs +1 -1
  53. package/dist/locale/el.js +1 -1
  54. package/dist/locale/el.min.js +1 -1
  55. package/dist/locale/el.min.mjs +1 -1
  56. package/dist/locale/el.mjs +1 -1
  57. package/dist/locale/en.js +1 -1
  58. package/dist/locale/en.min.js +1 -1
  59. package/dist/locale/en.min.mjs +1 -1
  60. package/dist/locale/en.mjs +1 -1
  61. package/dist/locale/eo.js +1 -1
  62. package/dist/locale/eo.min.js +1 -1
  63. package/dist/locale/eo.min.mjs +1 -1
  64. package/dist/locale/eo.mjs +1 -1
  65. package/dist/locale/es.js +1 -1
  66. package/dist/locale/es.min.js +1 -1
  67. package/dist/locale/es.min.mjs +1 -1
  68. package/dist/locale/es.mjs +1 -1
  69. package/dist/locale/et.js +1 -1
  70. package/dist/locale/et.min.js +1 -1
  71. package/dist/locale/et.min.mjs +1 -1
  72. package/dist/locale/et.mjs +1 -1
  73. package/dist/locale/eu.js +1 -1
  74. package/dist/locale/eu.min.js +1 -1
  75. package/dist/locale/eu.min.mjs +1 -1
  76. package/dist/locale/eu.mjs +1 -1
  77. package/dist/locale/fa.js +1 -1
  78. package/dist/locale/fa.min.js +1 -1
  79. package/dist/locale/fa.min.mjs +1 -1
  80. package/dist/locale/fa.mjs +1 -1
  81. package/dist/locale/fi.js +1 -1
  82. package/dist/locale/fi.min.js +1 -1
  83. package/dist/locale/fi.min.mjs +1 -1
  84. package/dist/locale/fi.mjs +1 -1
  85. package/dist/locale/fr.js +1 -1
  86. package/dist/locale/fr.min.js +1 -1
  87. package/dist/locale/fr.min.mjs +1 -1
  88. package/dist/locale/fr.mjs +1 -1
  89. package/dist/locale/he.js +1 -1
  90. package/dist/locale/he.min.js +1 -1
  91. package/dist/locale/he.min.mjs +1 -1
  92. package/dist/locale/he.mjs +1 -1
  93. package/dist/locale/hr.js +1 -1
  94. package/dist/locale/hr.min.js +1 -1
  95. package/dist/locale/hr.min.mjs +1 -1
  96. package/dist/locale/hr.mjs +1 -1
  97. package/dist/locale/hu.js +1 -1
  98. package/dist/locale/hu.min.js +1 -1
  99. package/dist/locale/hu.min.mjs +1 -1
  100. package/dist/locale/hu.mjs +1 -1
  101. package/dist/locale/hy-am.js +1 -1
  102. package/dist/locale/hy-am.min.js +1 -1
  103. package/dist/locale/hy-am.min.mjs +1 -1
  104. package/dist/locale/hy-am.mjs +1 -1
  105. package/dist/locale/id.js +1 -1
  106. package/dist/locale/id.min.js +1 -1
  107. package/dist/locale/id.min.mjs +1 -1
  108. package/dist/locale/id.mjs +1 -1
  109. package/dist/locale/it.js +1 -1
  110. package/dist/locale/it.min.js +1 -1
  111. package/dist/locale/it.min.mjs +1 -1
  112. package/dist/locale/it.mjs +1 -1
  113. package/dist/locale/ja.js +1 -1
  114. package/dist/locale/ja.min.js +1 -1
  115. package/dist/locale/ja.min.mjs +1 -1
  116. package/dist/locale/ja.mjs +1 -1
  117. package/dist/locale/kk.js +1 -1
  118. package/dist/locale/kk.min.js +1 -1
  119. package/dist/locale/kk.min.mjs +1 -1
  120. package/dist/locale/kk.mjs +1 -1
  121. package/dist/locale/km.js +1 -1
  122. package/dist/locale/km.min.js +1 -1
  123. package/dist/locale/km.min.mjs +1 -1
  124. package/dist/locale/km.mjs +1 -1
  125. package/dist/locale/ko.js +1 -1
  126. package/dist/locale/ko.min.js +1 -1
  127. package/dist/locale/ko.min.mjs +1 -1
  128. package/dist/locale/ko.mjs +1 -1
  129. package/dist/locale/ku.js +1 -1
  130. package/dist/locale/ku.min.js +1 -1
  131. package/dist/locale/ku.min.mjs +1 -1
  132. package/dist/locale/ku.mjs +1 -1
  133. package/dist/locale/ky.js +1 -1
  134. package/dist/locale/ky.min.js +1 -1
  135. package/dist/locale/ky.min.mjs +1 -1
  136. package/dist/locale/ky.mjs +1 -1
  137. package/dist/locale/lt.js +1 -1
  138. package/dist/locale/lt.min.js +1 -1
  139. package/dist/locale/lt.min.mjs +1 -1
  140. package/dist/locale/lt.mjs +1 -1
  141. package/dist/locale/lv.js +1 -1
  142. package/dist/locale/lv.min.js +1 -1
  143. package/dist/locale/lv.min.mjs +1 -1
  144. package/dist/locale/lv.mjs +1 -1
  145. package/dist/locale/mg.js +1 -1
  146. package/dist/locale/mg.min.js +1 -1
  147. package/dist/locale/mg.min.mjs +1 -1
  148. package/dist/locale/mg.mjs +1 -1
  149. package/dist/locale/mn.js +1 -1
  150. package/dist/locale/mn.min.js +1 -1
  151. package/dist/locale/mn.min.mjs +1 -1
  152. package/dist/locale/mn.mjs +1 -1
  153. package/dist/locale/nb-no.js +1 -1
  154. package/dist/locale/nb-no.min.js +1 -1
  155. package/dist/locale/nb-no.min.mjs +1 -1
  156. package/dist/locale/nb-no.mjs +1 -1
  157. package/dist/locale/nl.js +1 -1
  158. package/dist/locale/nl.min.js +1 -1
  159. package/dist/locale/nl.min.mjs +1 -1
  160. package/dist/locale/nl.mjs +1 -1
  161. package/dist/locale/pa.js +1 -1
  162. package/dist/locale/pa.min.js +1 -1
  163. package/dist/locale/pa.min.mjs +1 -1
  164. package/dist/locale/pa.mjs +1 -1
  165. package/dist/locale/pl.js +1 -1
  166. package/dist/locale/pl.min.js +1 -1
  167. package/dist/locale/pl.min.mjs +1 -1
  168. package/dist/locale/pl.mjs +1 -1
  169. package/dist/locale/pt-br.js +1 -1
  170. package/dist/locale/pt-br.min.js +1 -1
  171. package/dist/locale/pt-br.min.mjs +1 -1
  172. package/dist/locale/pt-br.mjs +1 -1
  173. package/dist/locale/pt.js +1 -1
  174. package/dist/locale/pt.min.js +1 -1
  175. package/dist/locale/pt.min.mjs +1 -1
  176. package/dist/locale/pt.mjs +1 -1
  177. package/dist/locale/ro.js +1 -1
  178. package/dist/locale/ro.min.js +1 -1
  179. package/dist/locale/ro.min.mjs +1 -1
  180. package/dist/locale/ro.mjs +1 -1
  181. package/dist/locale/ru.js +1 -1
  182. package/dist/locale/ru.min.js +1 -1
  183. package/dist/locale/ru.min.mjs +1 -1
  184. package/dist/locale/ru.mjs +1 -1
  185. package/dist/locale/sk.js +1 -1
  186. package/dist/locale/sk.min.js +1 -1
  187. package/dist/locale/sk.min.mjs +1 -1
  188. package/dist/locale/sk.mjs +1 -1
  189. package/dist/locale/sl.js +1 -1
  190. package/dist/locale/sl.min.js +1 -1
  191. package/dist/locale/sl.min.mjs +1 -1
  192. package/dist/locale/sl.mjs +1 -1
  193. package/dist/locale/sr.js +1 -1
  194. package/dist/locale/sr.min.js +1 -1
  195. package/dist/locale/sr.min.mjs +1 -1
  196. package/dist/locale/sr.mjs +1 -1
  197. package/dist/locale/sv.js +1 -1
  198. package/dist/locale/sv.min.js +1 -1
  199. package/dist/locale/sv.min.mjs +1 -1
  200. package/dist/locale/sv.mjs +1 -1
  201. package/dist/locale/sw.js +1 -1
  202. package/dist/locale/sw.min.js +1 -1
  203. package/dist/locale/sw.min.mjs +1 -1
  204. package/dist/locale/sw.mjs +1 -1
  205. package/dist/locale/ta.js +1 -1
  206. package/dist/locale/ta.min.js +1 -1
  207. package/dist/locale/ta.min.mjs +1 -1
  208. package/dist/locale/ta.mjs +1 -1
  209. package/dist/locale/th.js +1 -1
  210. package/dist/locale/th.min.js +1 -1
  211. package/dist/locale/th.min.mjs +1 -1
  212. package/dist/locale/th.mjs +1 -1
  213. package/dist/locale/tk.js +1 -1
  214. package/dist/locale/tk.min.js +1 -1
  215. package/dist/locale/tk.min.mjs +1 -1
  216. package/dist/locale/tk.mjs +1 -1
  217. package/dist/locale/tr.js +1 -1
  218. package/dist/locale/tr.min.js +1 -1
  219. package/dist/locale/tr.min.mjs +1 -1
  220. package/dist/locale/tr.mjs +1 -1
  221. package/dist/locale/ug-cn.js +1 -1
  222. package/dist/locale/ug-cn.min.js +1 -1
  223. package/dist/locale/ug-cn.min.mjs +1 -1
  224. package/dist/locale/ug-cn.mjs +1 -1
  225. package/dist/locale/uk.js +1 -1
  226. package/dist/locale/uk.min.js +1 -1
  227. package/dist/locale/uk.min.mjs +1 -1
  228. package/dist/locale/uk.mjs +1 -1
  229. package/dist/locale/uz-uz.js +1 -1
  230. package/dist/locale/uz-uz.min.js +1 -1
  231. package/dist/locale/uz-uz.min.mjs +1 -1
  232. package/dist/locale/uz-uz.mjs +1 -1
  233. package/dist/locale/vi.js +1 -1
  234. package/dist/locale/vi.min.js +1 -1
  235. package/dist/locale/vi.min.mjs +1 -1
  236. package/dist/locale/vi.mjs +1 -1
  237. package/dist/locale/zh-cn.js +1 -1
  238. package/dist/locale/zh-cn.min.js +1 -1
  239. package/dist/locale/zh-cn.min.mjs +1 -1
  240. package/dist/locale/zh-cn.mjs +1 -1
  241. package/dist/locale/zh-tw.js +1 -1
  242. package/dist/locale/zh-tw.min.js +1 -1
  243. package/dist/locale/zh-tw.min.mjs +1 -1
  244. package/dist/locale/zh-tw.mjs +1 -1
  245. package/es/components/autocomplete/index.d.ts +6 -6
  246. package/es/components/autocomplete/src/autocomplete.vue.d.ts +6 -6
  247. package/es/components/button/index.mjs +3 -3
  248. package/es/components/button/src/button-group.mjs +30 -6
  249. package/es/components/button/src/button-group.mjs.map +1 -1
  250. package/es/components/button/src/button-group2.mjs +6 -30
  251. package/es/components/button/src/button-group2.mjs.map +1 -1
  252. package/es/components/button/src/button.mjs +76 -57
  253. package/es/components/button/src/button.mjs.map +1 -1
  254. package/es/components/button/src/button2.mjs +57 -76
  255. package/es/components/button/src/button2.mjs.map +1 -1
  256. package/es/components/cascader/index.d.ts +12 -12
  257. package/es/components/cascader/src/cascader.vue.d.ts +6 -6
  258. package/es/components/color-picker/index.d.ts +2 -2
  259. package/es/components/color-picker/src/color-picker.vue.d.ts +2 -2
  260. package/es/components/date-picker/src/date-picker-com/panel-date-pick.vue.d.ts +2 -2
  261. package/es/components/date-picker/src/date-picker-com/panel-date-range.vue.d.ts +2 -2
  262. package/es/components/date-picker/src/panel-utils.d.ts +4 -4
  263. package/es/components/index.mjs +1 -1
  264. package/es/components/input/index.d.ts +2 -2
  265. package/es/components/input/src/input.vue.d.ts +2 -2
  266. package/es/components/input/src/input2.mjs +10 -10
  267. package/es/components/input/src/input2.mjs.map +1 -1
  268. package/es/components/input-number/index.d.ts +6 -6
  269. package/es/components/input-number/src/input-number.vue.d.ts +6 -6
  270. package/es/components/menu/src/sub-menu.mjs +5 -3
  271. package/es/components/menu/src/sub-menu.mjs.map +1 -1
  272. package/es/components/pagination/src/components/jumper.vue.d.ts +2 -2
  273. package/es/components/popconfirm/src/popconfirm.mjs +1 -1
  274. package/es/components/slider/index.d.ts +6 -6
  275. package/es/components/slider/src/slider.vue.d.ts +6 -6
  276. package/es/components/time-picker/src/common/picker.vue.d.ts +2 -2
  277. package/es/components/tour/src/content2.mjs +4 -1
  278. package/es/components/tour/src/content2.mjs.map +1 -1
  279. package/es/components/tour/src/mask.mjs +112 -19
  280. package/es/components/tour/src/mask.mjs.map +1 -1
  281. package/es/components/tour/src/mask2.mjs +19 -112
  282. package/es/components/tour/src/mask2.mjs.map +1 -1
  283. package/es/components/tour/src/tour2.mjs +1 -1
  284. package/es/components/transfer/index.d.ts +10 -10
  285. package/es/components/transfer/src/transfer-panel.vue.d.ts +2 -2
  286. package/es/components/transfer/src/transfer.vue.d.ts +10 -10
  287. package/es/index.mjs +1 -1
  288. package/es/version.d.ts +1 -1
  289. package/es/version.mjs +1 -1
  290. package/es/version.mjs.map +1 -1
  291. package/lib/components/autocomplete/index.d.ts +6 -6
  292. package/lib/components/autocomplete/src/autocomplete.vue.d.ts +6 -6
  293. package/lib/components/button/index.js +3 -3
  294. package/lib/components/button/src/button-group.js +30 -6
  295. package/lib/components/button/src/button-group.js.map +1 -1
  296. package/lib/components/button/src/button-group2.js +6 -30
  297. package/lib/components/button/src/button-group2.js.map +1 -1
  298. package/lib/components/button/src/button.js +76 -60
  299. package/lib/components/button/src/button.js.map +1 -1
  300. package/lib/components/button/src/button2.js +60 -76
  301. package/lib/components/button/src/button2.js.map +1 -1
  302. package/lib/components/cascader/index.d.ts +12 -12
  303. package/lib/components/cascader/src/cascader.vue.d.ts +6 -6
  304. package/lib/components/color-picker/index.d.ts +2 -2
  305. package/lib/components/color-picker/src/color-picker.vue.d.ts +2 -2
  306. package/lib/components/date-picker/src/date-picker-com/panel-date-pick.vue.d.ts +2 -2
  307. package/lib/components/date-picker/src/date-picker-com/panel-date-range.vue.d.ts +2 -2
  308. package/lib/components/date-picker/src/panel-utils.d.ts +4 -4
  309. package/lib/components/index.js +1 -1
  310. package/lib/components/input/index.d.ts +2 -2
  311. package/lib/components/input/src/input.vue.d.ts +2 -2
  312. package/lib/components/input/src/input2.js +10 -10
  313. package/lib/components/input/src/input2.js.map +1 -1
  314. package/lib/components/input-number/index.d.ts +6 -6
  315. package/lib/components/input-number/src/input-number.vue.d.ts +6 -6
  316. package/lib/components/menu/src/sub-menu.js +5 -3
  317. package/lib/components/menu/src/sub-menu.js.map +1 -1
  318. package/lib/components/pagination/src/components/jumper.vue.d.ts +2 -2
  319. package/lib/components/popconfirm/src/popconfirm.js +1 -1
  320. package/lib/components/slider/index.d.ts +6 -6
  321. package/lib/components/slider/src/slider.vue.d.ts +6 -6
  322. package/lib/components/time-picker/src/common/picker.vue.d.ts +2 -2
  323. package/lib/components/tour/src/content2.js +3 -0
  324. package/lib/components/tour/src/content2.js.map +1 -1
  325. package/lib/components/tour/src/mask.js +112 -19
  326. package/lib/components/tour/src/mask.js.map +1 -1
  327. package/lib/components/tour/src/mask2.js +19 -112
  328. package/lib/components/tour/src/mask2.js.map +1 -1
  329. package/lib/components/tour/src/tour2.js +1 -1
  330. package/lib/components/transfer/index.d.ts +10 -10
  331. package/lib/components/transfer/src/transfer-panel.vue.d.ts +2 -2
  332. package/lib/components/transfer/src/transfer.vue.d.ts +10 -10
  333. package/lib/index.js +1 -1
  334. package/lib/version.d.ts +1 -1
  335. package/lib/version.js +1 -1
  336. package/lib/version.js.map +1 -1
  337. package/package.json +2 -2
  338. package/theme-chalk/el-menu.css +1 -1
  339. package/theme-chalk/el-tour.css +1 -1
  340. package/theme-chalk/index.css +1 -1
  341. package/theme-chalk/src/menu.scss +6 -0
  342. package/theme-chalk/src/tour.scss +9 -0
  343. package/web-types.json +1 -1
@@ -1,24 +1,117 @@
1
- import '../../../utils/index.mjs';
2
- import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
1
+ import { createElementVNode, defineComponent, inject, toRef, openBlock, createElementBlock, mergeProps, unref, normalizeClass, createCommentVNode, Fragment } from 'vue';
2
+ import '../../../hooks/index.mjs';
3
+ import { maskProps } from './mask2.mjs';
4
+ import { tourKey } from './helper.mjs';
5
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
6
+ import { useId } from '../../../hooks/use-id/index.mjs';
7
+ import { useLockscreen } from '../../../hooks/use-lockscreen/index.mjs';
3
8
 
4
- const maskProps = buildProps({
5
- zIndex: {
6
- type: Number,
7
- default: 1001
8
- },
9
- visible: Boolean,
10
- fill: {
11
- type: String,
12
- default: "rgba(0,0,0,0.5)"
13
- },
14
- pos: {
15
- type: definePropType(Object)
16
- },
17
- targetAreaClickable: {
18
- type: Boolean,
19
- default: true
9
+ const _hoisted_1 = { style: {
10
+ width: "100%",
11
+ height: "100%"
12
+ } };
13
+ const _hoisted_2 = /* @__PURE__ */ createElementVNode("rect", {
14
+ x: "0",
15
+ y: "0",
16
+ width: "100vw",
17
+ height: "100vh",
18
+ fill: "white"
19
+ }, null, -1);
20
+ const _hoisted_3 = ["x", "y", "rx", "width", "height"];
21
+ const _hoisted_4 = ["fill", "mask"];
22
+ const _hoisted_5 = ["height"];
23
+ const _hoisted_6 = ["width"];
24
+ const _hoisted_7 = ["y", "height"];
25
+ const _hoisted_8 = ["x", "width"];
26
+ const __default__ = defineComponent({
27
+ name: "ElTourMask",
28
+ inheritAttrs: false
29
+ });
30
+ const _sfc_main = /* @__PURE__ */ defineComponent({
31
+ ...__default__,
32
+ props: maskProps,
33
+ setup(__props) {
34
+ const props = __props;
35
+ const { ns } = inject(tourKey);
36
+ const id = useId();
37
+ const maskId = `el-tour-mask-${id.value}`;
38
+ useLockscreen(toRef(props, "visible"), {
39
+ ns
40
+ });
41
+ const COVER_PROPS = {
42
+ fill: "transparent",
43
+ "pointer-events": "auto"
44
+ };
45
+ return (_ctx, _cache) => {
46
+ return _ctx.visible ? (openBlock(), createElementBlock("div", mergeProps({
47
+ key: 0,
48
+ class: unref(ns).e("mask"),
49
+ style: {
50
+ position: "fixed",
51
+ left: 0,
52
+ right: 0,
53
+ top: 0,
54
+ bottom: 0,
55
+ zIndex: _ctx.zIndex,
56
+ pointerEvents: _ctx.pos && _ctx.targetAreaClickable ? "none" : "auto"
57
+ }
58
+ }, _ctx.$attrs), [
59
+ (openBlock(), createElementBlock("svg", _hoisted_1, [
60
+ createElementVNode("defs", null, [
61
+ createElementVNode("mask", { id: maskId }, [
62
+ _hoisted_2,
63
+ _ctx.pos ? (openBlock(), createElementBlock("rect", {
64
+ key: 0,
65
+ class: normalizeClass(unref(ns).e("hollow")),
66
+ x: _ctx.pos.left,
67
+ y: _ctx.pos.top,
68
+ rx: _ctx.pos.radius,
69
+ width: _ctx.pos.width,
70
+ height: _ctx.pos.height,
71
+ fill: "black"
72
+ }, null, 10, _hoisted_3)) : createCommentVNode("v-if", true)
73
+ ])
74
+ ]),
75
+ createElementVNode("rect", {
76
+ x: "0",
77
+ y: "0",
78
+ width: "100%",
79
+ height: "100%",
80
+ fill: _ctx.fill,
81
+ mask: `url(#${maskId})`
82
+ }, null, 8, _hoisted_4),
83
+ _ctx.pos ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
84
+ createElementVNode("rect", mergeProps(COVER_PROPS, {
85
+ x: "0",
86
+ y: "0",
87
+ width: "100%",
88
+ height: _ctx.pos.top
89
+ }), null, 16, _hoisted_5),
90
+ createElementVNode("rect", mergeProps(COVER_PROPS, {
91
+ x: "0",
92
+ y: "0",
93
+ width: _ctx.pos.left,
94
+ height: "100%"
95
+ }), null, 16, _hoisted_6),
96
+ createElementVNode("rect", mergeProps(COVER_PROPS, {
97
+ x: "0",
98
+ y: _ctx.pos.top + _ctx.pos.height,
99
+ width: "100%",
100
+ height: `calc(100vh - ${_ctx.pos.top + _ctx.pos.height}px)`
101
+ }), null, 16, _hoisted_7),
102
+ createElementVNode("rect", mergeProps(COVER_PROPS, {
103
+ x: _ctx.pos.left + _ctx.pos.width,
104
+ y: "0",
105
+ width: `calc(100vw - ${_ctx.pos.left + _ctx.pos.width}px)`,
106
+ height: "100%"
107
+ }), null, 16, _hoisted_8)
108
+ ], 64)) : createCommentVNode("v-if", true)
109
+ ]))
110
+ ], 16)) : createCommentVNode("v-if", true);
111
+ };
20
112
  }
21
113
  });
114
+ var ElTourMask = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "mask.vue"]]);
22
115
 
23
- export { maskProps };
116
+ export { ElTourMask as default };
24
117
  //# sourceMappingURL=mask.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"mask.mjs","sources":["../../../../../../packages/components/tour/src/mask.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type { PosInfo } from './types'\n\nexport const maskProps = buildProps({\n /**\n * @description mask's zIndex\n */\n zIndex: {\n type: Number,\n default: 1001,\n },\n /**\n * @description whether to show the mask\n */\n visible: Boolean,\n /**\n * @description mask's fill\n */\n fill: {\n type: String,\n default: 'rgba(0,0,0,0.5)',\n },\n /***\n * @description mask's transparent space position\n */\n pos: {\n type: definePropType<PosInfo | null>(Object),\n },\n /**\n * @description whether the target element can be clickable, when using mask\n */\n targetAreaClickable: {\n type: Boolean,\n default: true,\n },\n})\n\nexport type MaskProps = ExtractPropTypes<typeof maskProps>\n"],"names":[],"mappings":";;;AACY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,iBAAiB;AAC9B,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,mBAAmB,EAAE;AACvB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"mask.mjs","sources":["../../../../../../packages/components/tour/src/mask.vue"],"sourcesContent":["<template>\n <div\n v-if=\"visible\"\n :class=\"ns.e('mask')\"\n :style=\"({\n position: 'fixed',\n left: 0,\n right: 0,\n top: 0,\n bottom: 0,\n zIndex,\n pointerEvents: pos && targetAreaClickable ? 'none' : 'auto',\n } as any)\"\n v-bind=\"$attrs\"\n >\n <svg\n :style=\"{\n width: '100%',\n height: '100%',\n }\"\n >\n <defs>\n <mask :id=\"maskId\">\n <rect x=\"0\" y=\"0\" width=\"100vw\" height=\"100vh\" fill=\"white\" />\n <rect\n v-if=\"pos\"\n :class=\"ns.e('hollow')\"\n :x=\"pos.left\"\n :y=\"pos.top\"\n :rx=\"pos.radius\"\n :width=\"pos.width\"\n :height=\"pos.height\"\n fill=\"black\"\n />\n </mask>\n </defs>\n <rect\n x=\"0\"\n y=\"0\"\n width=\"100%\"\n height=\"100%\"\n :fill=\"fill\"\n :mask=\"`url(#${maskId})`\"\n />\n <template v-if=\"pos\">\n <rect v-bind=\"COVER_PROPS\" x=\"0\" y=\"0\" width=\"100%\" :height=\"pos.top\" />\n <rect\n v-bind=\"COVER_PROPS\"\n x=\"0\"\n y=\"0\"\n :width=\"pos.left\"\n height=\"100%\"\n />\n <rect\n v-bind=\"COVER_PROPS\"\n x=\"0\"\n :y=\"pos.top + pos.height\"\n width=\"100%\"\n :height=\"`calc(100vh - ${pos.top + pos.height}px)`\"\n />\n <rect\n v-bind=\"COVER_PROPS\"\n :x=\"pos.left + pos.width\"\n y=\"0\"\n :width=\"`calc(100vw - ${pos.left + pos.width}px)`\"\n height=\"100%\"\n />\n </template>\n </svg>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { inject, toRef } from 'vue'\nimport { useId, useLockscreen } from '@element-plus/hooks'\nimport { maskProps } from './mask'\nimport { tourKey } from './helper'\n\ndefineOptions({\n name: 'ElTourMask',\n inheritAttrs: false,\n})\n\nconst props = defineProps(maskProps)\n\nconst { ns } = inject(tourKey)!\n\nconst id = useId()\nconst maskId = `el-tour-mask-${id.value}`\n\nuseLockscreen(toRef(props, 'visible'), {\n ns,\n})\n\nconst COVER_PROPS = {\n fill: 'transparent',\n 'pointer-events': 'auto',\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;mCA8Ec,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAE,EAAO,EAAA,GAAA,MAAA,CAAO,OAAO,CAAA,CAAA;AAE7B,IAAA,MAAM,KAAK,KAAM,EAAA,CAAA;AACjB,IAAM,MAAA,MAAA,GAAS,gBAAgB,EAAG,CAAA,KAAA,CAAA,CAAA,CAAA;AAElC,IAAc,aAAA,CAAA,KAAA,CAAM,KAAO,EAAA,SAAS,CAAG,EAAA;AAAA,MACrC,EAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,WAAc,GAAA;AAAA,MAClB,IAAM,EAAA,aAAA;AAAA,MACN,gBAAkB,EAAA,MAAA;AAAA,KACpB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,117 +1,24 @@
1
- import { createElementVNode, defineComponent, inject, toRef, openBlock, createElementBlock, mergeProps, unref, normalizeClass, createCommentVNode, Fragment } from 'vue';
2
- import '../../../hooks/index.mjs';
3
- import { maskProps } from './mask.mjs';
4
- import { tourKey } from './helper.mjs';
5
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
6
- import { useId } from '../../../hooks/use-id/index.mjs';
7
- import { useLockscreen } from '../../../hooks/use-lockscreen/index.mjs';
1
+ import '../../../utils/index.mjs';
2
+ import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
8
3
 
9
- const _hoisted_1 = { style: {
10
- width: "100%",
11
- height: "100%"
12
- } };
13
- const _hoisted_2 = /* @__PURE__ */ createElementVNode("rect", {
14
- x: "0",
15
- y: "0",
16
- width: "100vw",
17
- height: "100vh",
18
- fill: "white"
19
- }, null, -1);
20
- const _hoisted_3 = ["x", "y", "rx", "width", "height"];
21
- const _hoisted_4 = ["fill", "mask"];
22
- const _hoisted_5 = ["height"];
23
- const _hoisted_6 = ["width"];
24
- const _hoisted_7 = ["y", "height"];
25
- const _hoisted_8 = ["x", "width"];
26
- const __default__ = defineComponent({
27
- name: "ElTourMask",
28
- inheritAttrs: false
29
- });
30
- const _sfc_main = /* @__PURE__ */ defineComponent({
31
- ...__default__,
32
- props: maskProps,
33
- setup(__props) {
34
- const props = __props;
35
- const { ns } = inject(tourKey);
36
- const id = useId();
37
- const maskId = `el-tour-mask-${id.value}`;
38
- useLockscreen(toRef(props, "visible"), {
39
- ns
40
- });
41
- const COVER_PROPS = {
42
- fill: "transparent",
43
- "pointer-events": "auto"
44
- };
45
- return (_ctx, _cache) => {
46
- return _ctx.visible ? (openBlock(), createElementBlock("div", mergeProps({
47
- key: 0,
48
- class: unref(ns).e("mask"),
49
- style: {
50
- position: "fixed",
51
- left: 0,
52
- right: 0,
53
- top: 0,
54
- bottom: 0,
55
- zIndex: _ctx.zIndex,
56
- pointerEvents: _ctx.pos && _ctx.targetAreaClickable ? "none" : "auto"
57
- }
58
- }, _ctx.$attrs), [
59
- (openBlock(), createElementBlock("svg", _hoisted_1, [
60
- createElementVNode("defs", null, [
61
- createElementVNode("mask", { id: maskId }, [
62
- _hoisted_2,
63
- _ctx.pos ? (openBlock(), createElementBlock("rect", {
64
- key: 0,
65
- class: normalizeClass(unref(ns).e("hollow")),
66
- x: _ctx.pos.left,
67
- y: _ctx.pos.top,
68
- rx: _ctx.pos.radius,
69
- width: _ctx.pos.width,
70
- height: _ctx.pos.height,
71
- fill: "black"
72
- }, null, 10, _hoisted_3)) : createCommentVNode("v-if", true)
73
- ])
74
- ]),
75
- createElementVNode("rect", {
76
- x: "0",
77
- y: "0",
78
- width: "100%",
79
- height: "100%",
80
- fill: _ctx.fill,
81
- mask: `url(#${maskId})`
82
- }, null, 8, _hoisted_4),
83
- _ctx.pos ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
84
- createElementVNode("rect", mergeProps(COVER_PROPS, {
85
- x: "0",
86
- y: "0",
87
- width: "100%",
88
- height: _ctx.pos.top
89
- }), null, 16, _hoisted_5),
90
- createElementVNode("rect", mergeProps(COVER_PROPS, {
91
- x: "0",
92
- y: "0",
93
- width: _ctx.pos.left,
94
- height: "100%"
95
- }), null, 16, _hoisted_6),
96
- createElementVNode("rect", mergeProps(COVER_PROPS, {
97
- x: "0",
98
- y: _ctx.pos.top + _ctx.pos.height,
99
- width: "100%",
100
- height: `calc(100vh - ${_ctx.pos.top + _ctx.pos.height}px)`
101
- }), null, 16, _hoisted_7),
102
- createElementVNode("rect", mergeProps(COVER_PROPS, {
103
- x: _ctx.pos.left + _ctx.pos.width,
104
- y: "0",
105
- width: `calc(100vw - ${_ctx.pos.left + _ctx.pos.width}px)`,
106
- height: "100%"
107
- }), null, 16, _hoisted_8)
108
- ], 64)) : createCommentVNode("v-if", true)
109
- ]))
110
- ], 16)) : createCommentVNode("v-if", true);
111
- };
4
+ const maskProps = buildProps({
5
+ zIndex: {
6
+ type: Number,
7
+ default: 1001
8
+ },
9
+ visible: Boolean,
10
+ fill: {
11
+ type: String,
12
+ default: "rgba(0,0,0,0.5)"
13
+ },
14
+ pos: {
15
+ type: definePropType(Object)
16
+ },
17
+ targetAreaClickable: {
18
+ type: Boolean,
19
+ default: true
112
20
  }
113
21
  });
114
- var ElTourMask = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "mask.vue"]]);
115
22
 
116
- export { ElTourMask as default };
23
+ export { maskProps };
117
24
  //# sourceMappingURL=mask2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"mask2.mjs","sources":["../../../../../../packages/components/tour/src/mask.vue"],"sourcesContent":["<template>\n <div\n v-if=\"visible\"\n :class=\"ns.e('mask')\"\n :style=\"({\n position: 'fixed',\n left: 0,\n right: 0,\n top: 0,\n bottom: 0,\n zIndex,\n pointerEvents: pos && targetAreaClickable ? 'none' : 'auto',\n } as any)\"\n v-bind=\"$attrs\"\n >\n <svg\n :style=\"{\n width: '100%',\n height: '100%',\n }\"\n >\n <defs>\n <mask :id=\"maskId\">\n <rect x=\"0\" y=\"0\" width=\"100vw\" height=\"100vh\" fill=\"white\" />\n <rect\n v-if=\"pos\"\n :class=\"ns.e('hollow')\"\n :x=\"pos.left\"\n :y=\"pos.top\"\n :rx=\"pos.radius\"\n :width=\"pos.width\"\n :height=\"pos.height\"\n fill=\"black\"\n />\n </mask>\n </defs>\n <rect\n x=\"0\"\n y=\"0\"\n width=\"100%\"\n height=\"100%\"\n :fill=\"fill\"\n :mask=\"`url(#${maskId})`\"\n />\n <template v-if=\"pos\">\n <rect v-bind=\"COVER_PROPS\" x=\"0\" y=\"0\" width=\"100%\" :height=\"pos.top\" />\n <rect\n v-bind=\"COVER_PROPS\"\n x=\"0\"\n y=\"0\"\n :width=\"pos.left\"\n height=\"100%\"\n />\n <rect\n v-bind=\"COVER_PROPS\"\n x=\"0\"\n :y=\"pos.top + pos.height\"\n width=\"100%\"\n :height=\"`calc(100vh - ${pos.top + pos.height}px)`\"\n />\n <rect\n v-bind=\"COVER_PROPS\"\n :x=\"pos.left + pos.width\"\n y=\"0\"\n :width=\"`calc(100vw - ${pos.left + pos.width}px)`\"\n height=\"100%\"\n />\n </template>\n </svg>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { inject, toRef } from 'vue'\nimport { useId, useLockscreen } from '@element-plus/hooks'\nimport { maskProps } from './mask'\nimport { tourKey } from './helper'\n\ndefineOptions({\n name: 'ElTourMask',\n inheritAttrs: false,\n})\n\nconst props = defineProps(maskProps)\n\nconst { ns } = inject(tourKey)!\n\nconst id = useId()\nconst maskId = `el-tour-mask-${id.value}`\n\nuseLockscreen(toRef(props, 'visible'), {\n ns,\n})\n\nconst COVER_PROPS = {\n fill: 'transparent',\n 'pointer-events': 'auto',\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;mCA8Ec,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAE,EAAO,EAAA,GAAA,MAAA,CAAO,OAAO,CAAA,CAAA;AAE7B,IAAA,MAAM,KAAK,KAAM,EAAA,CAAA;AACjB,IAAM,MAAA,MAAA,GAAS,gBAAgB,EAAG,CAAA,KAAA,CAAA,CAAA,CAAA;AAElC,IAAc,aAAA,CAAA,KAAA,CAAM,KAAO,EAAA,SAAS,CAAG,EAAA;AAAA,MACrC,EAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,WAAc,GAAA;AAAA,MAClB,IAAM,EAAA,aAAA;AAAA,MACN,gBAAkB,EAAA,MAAA;AAAA,KACpB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"mask2.mjs","sources":["../../../../../../packages/components/tour/src/mask.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type { PosInfo } from './types'\n\nexport const maskProps = buildProps({\n /**\n * @description mask's zIndex\n */\n zIndex: {\n type: Number,\n default: 1001,\n },\n /**\n * @description whether to show the mask\n */\n visible: Boolean,\n /**\n * @description mask's fill\n */\n fill: {\n type: String,\n default: 'rgba(0,0,0,0.5)',\n },\n /***\n * @description mask's transparent space position\n */\n pos: {\n type: definePropType<PosInfo | null>(Object),\n },\n /**\n * @description whether the target element can be clickable, when using mask\n */\n targetAreaClickable: {\n type: Boolean,\n default: true,\n },\n})\n\nexport type MaskProps = ExtractPropTypes<typeof maskProps>\n"],"names":[],"mappings":";;;AACY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,iBAAiB;AAC9B,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,mBAAmB,EAAE;AACvB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC;;;;"}
@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, toRef, watch, useSlots, provide, openBl
2
2
  import { useVModel } from '@vueuse/core';
3
3
  import '../../../hooks/index.mjs';
4
4
  import '../../../utils/index.mjs';
5
- import ElTourMask from './mask2.mjs';
5
+ import ElTourMask from './mask.mjs';
6
6
  import ElTourContent from './content2.mjs';
7
7
  import ElTourSteps from './steps.mjs';
8
8
  import { tourProps, tourEmits } from './tour.mjs';
@@ -1011,8 +1011,8 @@ export declare const ElTransfer: import("@element-plus/nightly/es/utils").SFCWit
1011
1011
  containerKls: import("vue").ComputedRef<unknown[]>;
1012
1012
  wrapperKls: import("vue").ComputedRef<string[]>;
1013
1013
  attrs: import("vue").ComputedRef<Record<string, unknown>>;
1014
- form: import("..").FormContext | undefined;
1015
- formItem: import("..").FormItemContext | undefined;
1014
+ elForm: import("..").FormContext | undefined;
1015
+ elFormItem: import("..").FormItemContext | undefined;
1016
1016
  inputId: import("vue").Ref<string | undefined>;
1017
1017
  inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
1018
1018
  inputDisabled: import("vue").ComputedRef<boolean>;
@@ -2167,8 +2167,8 @@ export declare const ElTransfer: import("@element-plus/nightly/es/utils").SFCWit
2167
2167
  containerKls: import("vue").ComputedRef<unknown[]>;
2168
2168
  wrapperKls: import("vue").ComputedRef<string[]>;
2169
2169
  attrs: import("vue").ComputedRef<Record<string, unknown>>;
2170
- form: import("..").FormContext | undefined;
2171
- formItem: import("..").FormItemContext | undefined;
2170
+ elForm: import("..").FormContext | undefined;
2171
+ elFormItem: import("..").FormItemContext | undefined;
2172
2172
  inputId: import("vue").Ref<string | undefined>;
2173
2173
  inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
2174
2174
  inputDisabled: import("vue").ComputedRef<boolean>;
@@ -3349,8 +3349,8 @@ export declare const ElTransfer: import("@element-plus/nightly/es/utils").SFCWit
3349
3349
  containerKls: import("vue").ComputedRef<unknown[]>;
3350
3350
  wrapperKls: import("vue").ComputedRef<string[]>;
3351
3351
  attrs: import("vue").ComputedRef<Record<string, unknown>>;
3352
- form: import("..").FormContext | undefined;
3353
- formItem: import("..").FormItemContext | undefined;
3352
+ elForm: import("..").FormContext | undefined;
3353
+ elFormItem: import("..").FormItemContext | undefined;
3354
3354
  inputId: import("vue").Ref<string | undefined>;
3355
3355
  inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
3356
3356
  inputDisabled: import("vue").ComputedRef<boolean>;
@@ -4505,8 +4505,8 @@ export declare const ElTransfer: import("@element-plus/nightly/es/utils").SFCWit
4505
4505
  containerKls: import("vue").ComputedRef<unknown[]>;
4506
4506
  wrapperKls: import("vue").ComputedRef<string[]>;
4507
4507
  attrs: import("vue").ComputedRef<Record<string, unknown>>;
4508
- form: import("..").FormContext | undefined;
4509
- formItem: import("..").FormItemContext | undefined;
4508
+ elForm: import("..").FormContext | undefined;
4509
+ elFormItem: import("..").FormItemContext | undefined;
4510
4510
  inputId: import("vue").Ref<string | undefined>;
4511
4511
  inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
4512
4512
  inputDisabled: import("vue").ComputedRef<boolean>;
@@ -5971,8 +5971,8 @@ export declare const ElTransfer: import("@element-plus/nightly/es/utils").SFCWit
5971
5971
  containerKls: import("vue").ComputedRef<unknown[]>;
5972
5972
  wrapperKls: import("vue").ComputedRef<string[]>;
5973
5973
  attrs: import("vue").ComputedRef<Record<string, unknown>>;
5974
- form: import("..").FormContext | undefined;
5975
- formItem: import("..").FormItemContext | undefined;
5974
+ elForm: import("..").FormContext | undefined;
5975
+ elFormItem: import("..").FormItemContext | undefined;
5976
5976
  inputId: import("vue").Ref<string | undefined>;
5977
5977
  inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
5978
5978
  inputDisabled: import("vue").ComputedRef<boolean>;
@@ -849,8 +849,8 @@ declare const _default: import("vue").DefineComponent<{
849
849
  containerKls: import("vue").ComputedRef<unknown[]>;
850
850
  wrapperKls: import("vue").ComputedRef<string[]>;
851
851
  attrs: import("vue").ComputedRef<Record<string, unknown>>;
852
- form: import("../..").FormContext | undefined;
853
- formItem: import("../..").FormItemContext | undefined;
852
+ elForm: import("../..").FormContext | undefined;
853
+ elFormItem: import("../..").FormItemContext | undefined;
854
854
  inputId: import("vue").Ref<string | undefined>;
855
855
  inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
856
856
  inputDisabled: import("vue").ComputedRef<boolean>;
@@ -1012,8 +1012,8 @@ declare const _default: import("vue").DefineComponent<{
1012
1012
  containerKls: import("vue").ComputedRef<unknown[]>;
1013
1013
  wrapperKls: import("vue").ComputedRef<string[]>;
1014
1014
  attrs: import("vue").ComputedRef<Record<string, unknown>>;
1015
- form: import("@element-plus/nightly/es/components/form").FormContext | undefined;
1016
- formItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
1015
+ elForm: import("@element-plus/nightly/es/components/form").FormContext | undefined;
1016
+ elFormItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
1017
1017
  inputId: import("vue").Ref<string | undefined>;
1018
1018
  inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
1019
1019
  inputDisabled: import("vue").ComputedRef<boolean>;
@@ -2168,8 +2168,8 @@ declare const _default: import("vue").DefineComponent<{
2168
2168
  containerKls: import("vue").ComputedRef<unknown[]>;
2169
2169
  wrapperKls: import("vue").ComputedRef<string[]>;
2170
2170
  attrs: import("vue").ComputedRef<Record<string, unknown>>;
2171
- form: import("@element-plus/nightly/es/components/form").FormContext | undefined;
2172
- formItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
2171
+ elForm: import("@element-plus/nightly/es/components/form").FormContext | undefined;
2172
+ elFormItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
2173
2173
  inputId: import("vue").Ref<string | undefined>;
2174
2174
  inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
2175
2175
  inputDisabled: import("vue").ComputedRef<boolean>;
@@ -3350,8 +3350,8 @@ declare const _default: import("vue").DefineComponent<{
3350
3350
  containerKls: import("vue").ComputedRef<unknown[]>;
3351
3351
  wrapperKls: import("vue").ComputedRef<string[]>;
3352
3352
  attrs: import("vue").ComputedRef<Record<string, unknown>>;
3353
- form: import("@element-plus/nightly/es/components/form").FormContext | undefined;
3354
- formItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
3353
+ elForm: import("@element-plus/nightly/es/components/form").FormContext | undefined;
3354
+ elFormItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
3355
3355
  inputId: import("vue").Ref<string | undefined>;
3356
3356
  inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
3357
3357
  inputDisabled: import("vue").ComputedRef<boolean>;
@@ -4506,8 +4506,8 @@ declare const _default: import("vue").DefineComponent<{
4506
4506
  containerKls: import("vue").ComputedRef<unknown[]>;
4507
4507
  wrapperKls: import("vue").ComputedRef<string[]>;
4508
4508
  attrs: import("vue").ComputedRef<Record<string, unknown>>;
4509
- form: import("@element-plus/nightly/es/components/form").FormContext | undefined;
4510
- formItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
4509
+ elForm: import("@element-plus/nightly/es/components/form").FormContext | undefined;
4510
+ elFormItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
4511
4511
  inputId: import("vue").Ref<string | undefined>;
4512
4512
  inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
4513
4513
  inputDisabled: import("vue").ComputedRef<boolean>;
@@ -5972,8 +5972,8 @@ declare const _default: import("vue").DefineComponent<{
5972
5972
  containerKls: import("vue").ComputedRef<unknown[]>;
5973
5973
  wrapperKls: import("vue").ComputedRef<string[]>;
5974
5974
  attrs: import("vue").ComputedRef<Record<string, unknown>>;
5975
- form: import("@element-plus/nightly/es/components/form").FormContext | undefined;
5976
- formItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
5975
+ elForm: import("@element-plus/nightly/es/components/form").FormContext | undefined;
5976
+ elFormItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
5977
5977
  inputId: import("vue").Ref<string | undefined>;
5978
5978
  inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
5979
5979
  inputDisabled: import("vue").ComputedRef<boolean>;
package/es/index.mjs CHANGED
@@ -22,7 +22,7 @@ export { breadcrumbProps } from './components/breadcrumb/src/breadcrumb.mjs';
22
22
  export { breadcrumbItemProps } from './components/breadcrumb/src/breadcrumb-item.mjs';
23
23
  export { breadcrumbKey } from './components/breadcrumb/src/constants.mjs';
24
24
  export { ElBreadcrumb, ElBreadcrumbItem } from './components/breadcrumb/index.mjs';
25
- export { buttonEmits, buttonNativeTypes, buttonProps, buttonTypes } from './components/button/src/button.mjs';
25
+ export { buttonEmits, buttonNativeTypes, buttonProps, buttonTypes } from './components/button/src/button2.mjs';
26
26
  export { buttonGroupContextKey } from './components/button/src/constants.mjs';
27
27
  export { ElButton, ElButtonGroup } from './components/button/index.mjs';
28
28
  export { calendarEmits, calendarProps } from './components/calendar/src/calendar.mjs';
package/es/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const version = "0.0.20240103";
1
+ export declare const version = "0.0.20240105";
package/es/version.mjs CHANGED
@@ -1,4 +1,4 @@
1
- const version = "0.0.20240103";
1
+ const version = "0.0.20240105";
2
2
 
3
3
  export { version };
4
4
  //# sourceMappingURL=version.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20240103'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
1
+ {"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20240105'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
@@ -394,8 +394,8 @@ export declare const ElAutocomplete: import("@element-plus/nightly/es/utils").SF
394
394
  containerKls: import("vue").ComputedRef<unknown[]>;
395
395
  wrapperKls: import("vue").ComputedRef<string[]>;
396
396
  attrs: import("vue").ComputedRef<Record<string, unknown>>;
397
- form: import("..").FormContext | undefined;
398
- formItem: import("..").FormItemContext | undefined;
397
+ elForm: import("..").FormContext | undefined;
398
+ elFormItem: import("..").FormItemContext | undefined;
399
399
  inputId: import("vue").Ref<string | undefined>;
400
400
  inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
401
401
  inputDisabled: import("vue").ComputedRef<boolean>;
@@ -787,8 +787,8 @@ export declare const ElAutocomplete: import("@element-plus/nightly/es/utils").SF
787
787
  containerKls: import("vue").ComputedRef<unknown[]>;
788
788
  wrapperKls: import("vue").ComputedRef<string[]>;
789
789
  attrs: import("vue").ComputedRef<Record<string, unknown>>;
790
- form: import("..").FormContext | undefined;
791
- formItem: import("..").FormItemContext | undefined;
790
+ elForm: import("..").FormContext | undefined;
791
+ elFormItem: import("..").FormItemContext | undefined;
792
792
  inputId: import("vue").Ref<string | undefined>;
793
793
  inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
794
794
  inputDisabled: import("vue").ComputedRef<boolean>;
@@ -7379,8 +7379,8 @@ export declare const ElAutocomplete: import("@element-plus/nightly/es/utils").SF
7379
7379
  containerKls: import("vue").ComputedRef<unknown[]>;
7380
7380
  wrapperKls: import("vue").ComputedRef<string[]>;
7381
7381
  attrs: import("vue").ComputedRef<Record<string, unknown>>;
7382
- form: import("..").FormContext | undefined;
7383
- formItem: import("..").FormItemContext | undefined;
7382
+ elForm: import("..").FormContext | undefined;
7383
+ elFormItem: import("..").FormItemContext | undefined;
7384
7384
  inputId: import("vue").Ref<string | undefined>;
7385
7385
  inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
7386
7386
  inputDisabled: import("vue").ComputedRef<boolean>;
@@ -396,8 +396,8 @@ declare const _default: import("vue").DefineComponent<{
396
396
  containerKls: import("vue").ComputedRef<unknown[]>;
397
397
  wrapperKls: import("vue").ComputedRef<string[]>;
398
398
  attrs: import("vue").ComputedRef<Record<string, unknown>>;
399
- form: import("@element-plus/nightly/es/components/form").FormContext | undefined;
400
- formItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
399
+ elForm: import("@element-plus/nightly/es/components/form").FormContext | undefined;
400
+ elFormItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
401
401
  inputId: import("vue").Ref<string | undefined>;
402
402
  inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
403
403
  inputDisabled: import("vue").ComputedRef<boolean>;
@@ -789,8 +789,8 @@ declare const _default: import("vue").DefineComponent<{
789
789
  containerKls: import("vue").ComputedRef<unknown[]>;
790
790
  wrapperKls: import("vue").ComputedRef<string[]>;
791
791
  attrs: import("vue").ComputedRef<Record<string, unknown>>;
792
- form: import("@element-plus/nightly/es/components/form").FormContext | undefined;
793
- formItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
792
+ elForm: import("@element-plus/nightly/es/components/form").FormContext | undefined;
793
+ elFormItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
794
794
  inputId: import("vue").Ref<string | undefined>;
795
795
  inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
796
796
  inputDisabled: import("vue").ComputedRef<boolean>;
@@ -7381,8 +7381,8 @@ declare const _default: import("vue").DefineComponent<{
7381
7381
  containerKls: import("vue").ComputedRef<unknown[]>;
7382
7382
  wrapperKls: import("vue").ComputedRef<string[]>;
7383
7383
  attrs: import("vue").ComputedRef<Record<string, unknown>>;
7384
- form: import("@element-plus/nightly/es/components/form").FormContext | undefined;
7385
- formItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
7384
+ elForm: import("@element-plus/nightly/es/components/form").FormContext | undefined;
7385
+ elFormItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
7386
7386
  inputId: import("vue").Ref<string | undefined>;
7387
7387
  inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
7388
7388
  inputDisabled: import("vue").ComputedRef<boolean>;
@@ -3,9 +3,9 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  require('../../utils/index.js');
6
- var button$1 = require('./src/button2.js');
7
- var buttonGroup = require('./src/button-group2.js');
8
- var button = require('./src/button.js');
6
+ var button$1 = require('./src/button.js');
7
+ var buttonGroup = require('./src/button-group.js');
8
+ var button = require('./src/button2.js');
9
9
  var constants = require('./src/constants.js');
10
10
  var install = require('../../utils/vue/install.js');
11
11
 
@@ -2,12 +2,36 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var button = require('./button.js');
5
+ var vue = require('vue');
6
+ require('../../../hooks/index.js');
7
+ var buttonGroup = require('./button-group2.js');
8
+ var constants = require('./constants.js');
9
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
10
+ var index = require('../../../hooks/use-namespace/index.js');
6
11
 
7
- const buttonGroupProps = {
8
- size: button.buttonProps.size,
9
- type: button.buttonProps.type
10
- };
12
+ const __default__ = vue.defineComponent({
13
+ name: "ElButtonGroup"
14
+ });
15
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
16
+ ...__default__,
17
+ props: buttonGroup.buttonGroupProps,
18
+ setup(__props) {
19
+ const props = __props;
20
+ vue.provide(constants.buttonGroupContextKey, vue.reactive({
21
+ size: vue.toRef(props, "size"),
22
+ type: vue.toRef(props, "type")
23
+ }));
24
+ const ns = index.useNamespace("button");
25
+ return (_ctx, _cache) => {
26
+ return vue.openBlock(), vue.createElementBlock("div", {
27
+ class: vue.normalizeClass(`${vue.unref(ns).b("group")}`)
28
+ }, [
29
+ vue.renderSlot(_ctx.$slots, "default")
30
+ ], 2);
31
+ };
32
+ }
33
+ });
34
+ var ButtonGroup = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "button-group.vue"]]);
11
35
 
12
- exports.buttonGroupProps = buttonGroupProps;
36
+ exports["default"] = ButtonGroup;
13
37
  //# sourceMappingURL=button-group.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button-group.js","sources":["../../../../../../packages/components/button/src/button-group.ts"],"sourcesContent":["import { buttonProps } from './button'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const buttonGroupProps = {\n /**\n * @description control the size of buttons in this button-group\n */\n size: buttonProps.size,\n /**\n * @description control the type of buttons in this button-group\n */\n type: buttonProps.type,\n} as const\nexport type ButtonGroupProps = ExtractPropTypes<typeof buttonGroupProps>\n"],"names":["buttonProps"],"mappings":";;;;;;AACY,MAAC,gBAAgB,GAAG;AAChC,EAAE,IAAI,EAAEA,kBAAW,CAAC,IAAI;AACxB,EAAE,IAAI,EAAEA,kBAAW,CAAC,IAAI;AACxB;;;;"}
1
+ {"version":3,"file":"button-group.js","sources":["../../../../../../packages/components/button/src/button-group.vue"],"sourcesContent":["<template>\n <div :class=\"`${ns.b('group')}`\">\n <slot />\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { provide, reactive, toRef } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { buttonGroupProps } from './button-group'\nimport { buttonGroupContextKey } from './constants'\n\ndefineOptions({\n name: 'ElButtonGroup',\n})\nconst props = defineProps(buttonGroupProps)\nprovide(\n buttonGroupContextKey,\n reactive({\n size: toRef(props, 'size'),\n type: toRef(props, 'type'),\n })\n)\nconst ns = useNamespace('button')\n</script>\n"],"names":["provide","buttonGroupContextKey","reactive","toRef","useNamespace"],"mappings":";;;;;;;;;;;uCAWc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAEA,IAAAA,WAAA,CACEC,iCACAC,YAAS,CAAA;AAAA,MACP,IAAA,EAAMC,SAAM,CAAA,KAAA,EAAO,MAAM,CAAA;AAAA,MACzB,IAAA,EAAMA,SAAM,CAAA,KAAA,EAAO,MAAM,CAAA;AAAA,KAC1B,CACH,CAAA,CAAA;AACA,IAAM,MAAA,EAAA,GAAKC,mBAAa,QAAQ,CAAA,CAAA;;;;;;;;;;;;;;"}