@element-plus/nightly 0.0.20240409 → 0.0.20240410

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 (296) hide show
  1. package/dist/index.full.js +2 -2
  2. package/dist/index.full.min.js +2 -2
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +2 -2
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +2 -2
  7. package/dist/locale/af.js +1 -1
  8. package/dist/locale/af.min.js +1 -1
  9. package/dist/locale/af.min.mjs +1 -1
  10. package/dist/locale/af.mjs +1 -1
  11. package/dist/locale/ar-eg.js +1 -1
  12. package/dist/locale/ar-eg.min.js +1 -1
  13. package/dist/locale/ar-eg.min.mjs +1 -1
  14. package/dist/locale/ar-eg.mjs +1 -1
  15. package/dist/locale/ar.js +1 -1
  16. package/dist/locale/ar.min.js +1 -1
  17. package/dist/locale/ar.min.mjs +1 -1
  18. package/dist/locale/ar.mjs +1 -1
  19. package/dist/locale/az.js +1 -1
  20. package/dist/locale/az.min.js +1 -1
  21. package/dist/locale/az.min.mjs +1 -1
  22. package/dist/locale/az.mjs +1 -1
  23. package/dist/locale/bg.js +1 -1
  24. package/dist/locale/bg.min.js +1 -1
  25. package/dist/locale/bg.min.mjs +1 -1
  26. package/dist/locale/bg.mjs +1 -1
  27. package/dist/locale/bn.js +1 -1
  28. package/dist/locale/bn.min.js +1 -1
  29. package/dist/locale/bn.min.mjs +1 -1
  30. package/dist/locale/bn.mjs +1 -1
  31. package/dist/locale/ca.js +1 -1
  32. package/dist/locale/ca.min.js +1 -1
  33. package/dist/locale/ca.min.mjs +1 -1
  34. package/dist/locale/ca.mjs +1 -1
  35. package/dist/locale/ckb.js +1 -1
  36. package/dist/locale/ckb.min.js +1 -1
  37. package/dist/locale/ckb.min.mjs +1 -1
  38. package/dist/locale/ckb.mjs +1 -1
  39. package/dist/locale/cs.js +1 -1
  40. package/dist/locale/cs.min.js +1 -1
  41. package/dist/locale/cs.min.mjs +1 -1
  42. package/dist/locale/cs.mjs +1 -1
  43. package/dist/locale/da.js +1 -1
  44. package/dist/locale/da.min.js +1 -1
  45. package/dist/locale/da.min.mjs +1 -1
  46. package/dist/locale/da.mjs +1 -1
  47. package/dist/locale/de.js +1 -1
  48. package/dist/locale/de.min.js +1 -1
  49. package/dist/locale/de.min.mjs +1 -1
  50. package/dist/locale/de.mjs +1 -1
  51. package/dist/locale/el.js +1 -1
  52. package/dist/locale/el.min.js +1 -1
  53. package/dist/locale/el.min.mjs +1 -1
  54. package/dist/locale/el.mjs +1 -1
  55. package/dist/locale/en.js +1 -1
  56. package/dist/locale/en.min.js +1 -1
  57. package/dist/locale/en.min.mjs +1 -1
  58. package/dist/locale/en.mjs +1 -1
  59. package/dist/locale/eo.js +1 -1
  60. package/dist/locale/eo.min.js +1 -1
  61. package/dist/locale/eo.min.mjs +1 -1
  62. package/dist/locale/eo.mjs +1 -1
  63. package/dist/locale/es.js +1 -1
  64. package/dist/locale/es.min.js +1 -1
  65. package/dist/locale/es.min.mjs +1 -1
  66. package/dist/locale/es.mjs +1 -1
  67. package/dist/locale/et.js +1 -1
  68. package/dist/locale/et.min.js +1 -1
  69. package/dist/locale/et.min.mjs +1 -1
  70. package/dist/locale/et.mjs +1 -1
  71. package/dist/locale/eu.js +1 -1
  72. package/dist/locale/eu.min.js +1 -1
  73. package/dist/locale/eu.min.mjs +1 -1
  74. package/dist/locale/eu.mjs +1 -1
  75. package/dist/locale/fa.js +1 -1
  76. package/dist/locale/fa.min.js +1 -1
  77. package/dist/locale/fa.min.mjs +1 -1
  78. package/dist/locale/fa.mjs +1 -1
  79. package/dist/locale/fi.js +1 -1
  80. package/dist/locale/fi.min.js +1 -1
  81. package/dist/locale/fi.min.mjs +1 -1
  82. package/dist/locale/fi.mjs +1 -1
  83. package/dist/locale/fr.js +1 -1
  84. package/dist/locale/fr.min.js +1 -1
  85. package/dist/locale/fr.min.mjs +1 -1
  86. package/dist/locale/fr.mjs +1 -1
  87. package/dist/locale/he.js +1 -1
  88. package/dist/locale/he.min.js +1 -1
  89. package/dist/locale/he.min.mjs +1 -1
  90. package/dist/locale/he.mjs +1 -1
  91. package/dist/locale/hr.js +1 -1
  92. package/dist/locale/hr.min.js +1 -1
  93. package/dist/locale/hr.min.mjs +1 -1
  94. package/dist/locale/hr.mjs +1 -1
  95. package/dist/locale/hu.js +1 -1
  96. package/dist/locale/hu.min.js +1 -1
  97. package/dist/locale/hu.min.mjs +1 -1
  98. package/dist/locale/hu.mjs +1 -1
  99. package/dist/locale/hy-am.js +1 -1
  100. package/dist/locale/hy-am.min.js +1 -1
  101. package/dist/locale/hy-am.min.mjs +1 -1
  102. package/dist/locale/hy-am.mjs +1 -1
  103. package/dist/locale/id.js +1 -1
  104. package/dist/locale/id.min.js +1 -1
  105. package/dist/locale/id.min.mjs +1 -1
  106. package/dist/locale/id.mjs +1 -1
  107. package/dist/locale/it.js +1 -1
  108. package/dist/locale/it.min.js +1 -1
  109. package/dist/locale/it.min.mjs +1 -1
  110. package/dist/locale/it.mjs +1 -1
  111. package/dist/locale/ja.js +1 -1
  112. package/dist/locale/ja.min.js +1 -1
  113. package/dist/locale/ja.min.mjs +1 -1
  114. package/dist/locale/ja.mjs +1 -1
  115. package/dist/locale/kk.js +1 -1
  116. package/dist/locale/kk.min.js +1 -1
  117. package/dist/locale/kk.min.mjs +1 -1
  118. package/dist/locale/kk.mjs +1 -1
  119. package/dist/locale/km.js +1 -1
  120. package/dist/locale/km.min.js +1 -1
  121. package/dist/locale/km.min.mjs +1 -1
  122. package/dist/locale/km.mjs +1 -1
  123. package/dist/locale/ko.js +1 -1
  124. package/dist/locale/ko.min.js +1 -1
  125. package/dist/locale/ko.min.mjs +1 -1
  126. package/dist/locale/ko.mjs +1 -1
  127. package/dist/locale/ku.js +1 -1
  128. package/dist/locale/ku.min.js +1 -1
  129. package/dist/locale/ku.min.mjs +1 -1
  130. package/dist/locale/ku.mjs +1 -1
  131. package/dist/locale/ky.js +1 -1
  132. package/dist/locale/ky.min.js +1 -1
  133. package/dist/locale/ky.min.mjs +1 -1
  134. package/dist/locale/ky.mjs +1 -1
  135. package/dist/locale/lt.js +1 -1
  136. package/dist/locale/lt.min.js +1 -1
  137. package/dist/locale/lt.min.mjs +1 -1
  138. package/dist/locale/lt.mjs +1 -1
  139. package/dist/locale/lv.js +1 -1
  140. package/dist/locale/lv.min.js +1 -1
  141. package/dist/locale/lv.min.mjs +1 -1
  142. package/dist/locale/lv.mjs +1 -1
  143. package/dist/locale/mg.js +1 -1
  144. package/dist/locale/mg.min.js +1 -1
  145. package/dist/locale/mg.min.mjs +1 -1
  146. package/dist/locale/mg.mjs +1 -1
  147. package/dist/locale/mn.js +1 -1
  148. package/dist/locale/mn.min.js +1 -1
  149. package/dist/locale/mn.min.mjs +1 -1
  150. package/dist/locale/mn.mjs +1 -1
  151. package/dist/locale/nb-no.js +1 -1
  152. package/dist/locale/nb-no.min.js +1 -1
  153. package/dist/locale/nb-no.min.mjs +1 -1
  154. package/dist/locale/nb-no.mjs +1 -1
  155. package/dist/locale/nl.js +1 -1
  156. package/dist/locale/nl.min.js +1 -1
  157. package/dist/locale/nl.min.mjs +1 -1
  158. package/dist/locale/nl.mjs +1 -1
  159. package/dist/locale/pa.js +1 -1
  160. package/dist/locale/pa.min.js +1 -1
  161. package/dist/locale/pa.min.mjs +1 -1
  162. package/dist/locale/pa.mjs +1 -1
  163. package/dist/locale/pl.js +1 -1
  164. package/dist/locale/pl.min.js +1 -1
  165. package/dist/locale/pl.min.mjs +1 -1
  166. package/dist/locale/pl.mjs +1 -1
  167. package/dist/locale/pt-br.js +1 -1
  168. package/dist/locale/pt-br.min.js +1 -1
  169. package/dist/locale/pt-br.min.mjs +1 -1
  170. package/dist/locale/pt-br.mjs +1 -1
  171. package/dist/locale/pt.js +1 -1
  172. package/dist/locale/pt.min.js +1 -1
  173. package/dist/locale/pt.min.mjs +1 -1
  174. package/dist/locale/pt.mjs +1 -1
  175. package/dist/locale/ro.js +1 -1
  176. package/dist/locale/ro.min.js +1 -1
  177. package/dist/locale/ro.min.mjs +1 -1
  178. package/dist/locale/ro.mjs +1 -1
  179. package/dist/locale/ru.js +1 -1
  180. package/dist/locale/ru.min.js +1 -1
  181. package/dist/locale/ru.min.mjs +1 -1
  182. package/dist/locale/ru.mjs +1 -1
  183. package/dist/locale/sk.js +1 -1
  184. package/dist/locale/sk.min.js +1 -1
  185. package/dist/locale/sk.min.mjs +1 -1
  186. package/dist/locale/sk.mjs +1 -1
  187. package/dist/locale/sl.js +1 -1
  188. package/dist/locale/sl.min.js +1 -1
  189. package/dist/locale/sl.min.mjs +1 -1
  190. package/dist/locale/sl.mjs +1 -1
  191. package/dist/locale/sr.js +1 -1
  192. package/dist/locale/sr.min.js +1 -1
  193. package/dist/locale/sr.min.mjs +1 -1
  194. package/dist/locale/sr.mjs +1 -1
  195. package/dist/locale/sv.js +1 -1
  196. package/dist/locale/sv.min.js +1 -1
  197. package/dist/locale/sv.min.mjs +1 -1
  198. package/dist/locale/sv.mjs +1 -1
  199. package/dist/locale/sw.js +1 -1
  200. package/dist/locale/sw.min.js +1 -1
  201. package/dist/locale/sw.min.mjs +1 -1
  202. package/dist/locale/sw.mjs +1 -1
  203. package/dist/locale/ta.js +1 -1
  204. package/dist/locale/ta.min.js +1 -1
  205. package/dist/locale/ta.min.mjs +1 -1
  206. package/dist/locale/ta.mjs +1 -1
  207. package/dist/locale/th.js +1 -1
  208. package/dist/locale/th.min.js +1 -1
  209. package/dist/locale/th.min.mjs +1 -1
  210. package/dist/locale/th.mjs +1 -1
  211. package/dist/locale/tk.js +1 -1
  212. package/dist/locale/tk.min.js +1 -1
  213. package/dist/locale/tk.min.mjs +1 -1
  214. package/dist/locale/tk.mjs +1 -1
  215. package/dist/locale/tr.js +1 -1
  216. package/dist/locale/tr.min.js +1 -1
  217. package/dist/locale/tr.min.mjs +1 -1
  218. package/dist/locale/tr.mjs +1 -1
  219. package/dist/locale/ug-cn.js +1 -1
  220. package/dist/locale/ug-cn.min.js +1 -1
  221. package/dist/locale/ug-cn.min.mjs +1 -1
  222. package/dist/locale/ug-cn.mjs +1 -1
  223. package/dist/locale/uk.js +1 -1
  224. package/dist/locale/uk.min.js +1 -1
  225. package/dist/locale/uk.min.mjs +1 -1
  226. package/dist/locale/uk.mjs +1 -1
  227. package/dist/locale/uz-uz.js +1 -1
  228. package/dist/locale/uz-uz.min.js +1 -1
  229. package/dist/locale/uz-uz.min.mjs +1 -1
  230. package/dist/locale/uz-uz.mjs +1 -1
  231. package/dist/locale/vi.js +1 -1
  232. package/dist/locale/vi.min.js +1 -1
  233. package/dist/locale/vi.min.mjs +1 -1
  234. package/dist/locale/vi.mjs +1 -1
  235. package/dist/locale/zh-cn.js +1 -1
  236. package/dist/locale/zh-cn.min.js +1 -1
  237. package/dist/locale/zh-cn.min.mjs +1 -1
  238. package/dist/locale/zh-cn.mjs +1 -1
  239. package/dist/locale/zh-tw.js +1 -1
  240. package/dist/locale/zh-tw.min.js +1 -1
  241. package/dist/locale/zh-tw.min.mjs +1 -1
  242. package/dist/locale/zh-tw.mjs +1 -1
  243. package/es/components/alert/index.mjs +2 -2
  244. package/es/components/alert/src/alert.mjs +96 -36
  245. package/es/components/alert/src/alert.mjs.map +1 -1
  246. package/es/components/alert/src/alert2.mjs +36 -96
  247. package/es/components/alert/src/alert2.mjs.map +1 -1
  248. package/es/components/dialog/src/dialog-content.mjs +89 -26
  249. package/es/components/dialog/src/dialog-content.mjs.map +1 -1
  250. package/es/components/dialog/src/dialog-content2.mjs +26 -89
  251. package/es/components/dialog/src/dialog-content2.mjs.map +1 -1
  252. package/es/components/dialog/src/dialog.mjs +1 -1
  253. package/es/components/dialog/src/dialog2.mjs +1 -1
  254. package/es/components/empty/index.mjs +2 -2
  255. package/es/components/empty/src/empty.mjs +55 -11
  256. package/es/components/empty/src/empty.mjs.map +1 -1
  257. package/es/components/empty/src/empty2.mjs +11 -55
  258. package/es/components/empty/src/empty2.mjs.map +1 -1
  259. package/es/components/index.mjs +3 -3
  260. package/es/components/slider/index.mjs +2 -2
  261. package/es/components/slider/src/slider.mjs +233 -91
  262. package/es/components/slider/src/slider.mjs.map +1 -1
  263. package/es/components/slider/src/slider2.mjs +91 -233
  264. package/es/components/slider/src/slider2.mjs.map +1 -1
  265. package/es/index.mjs +3 -3
  266. package/es/version.d.ts +1 -1
  267. package/es/version.mjs +1 -1
  268. package/es/version.mjs.map +1 -1
  269. package/lib/components/alert/index.js +2 -2
  270. package/lib/components/alert/src/alert.js +95 -37
  271. package/lib/components/alert/src/alert.js.map +1 -1
  272. package/lib/components/alert/src/alert2.js +37 -95
  273. package/lib/components/alert/src/alert2.js.map +1 -1
  274. package/lib/components/dialog/src/dialog-content.js +88 -26
  275. package/lib/components/dialog/src/dialog-content.js.map +1 -1
  276. package/lib/components/dialog/src/dialog-content2.js +26 -88
  277. package/lib/components/dialog/src/dialog-content2.js.map +1 -1
  278. package/lib/components/dialog/src/dialog.js +1 -1
  279. package/lib/components/dialog/src/dialog2.js +1 -1
  280. package/lib/components/empty/index.js +2 -2
  281. package/lib/components/empty/src/empty.js +55 -11
  282. package/lib/components/empty/src/empty.js.map +1 -1
  283. package/lib/components/empty/src/empty2.js +11 -55
  284. package/lib/components/empty/src/empty2.js.map +1 -1
  285. package/lib/components/index.js +3 -3
  286. package/lib/components/slider/index.js +2 -2
  287. package/lib/components/slider/src/slider.js +233 -92
  288. package/lib/components/slider/src/slider.js.map +1 -1
  289. package/lib/components/slider/src/slider2.js +92 -233
  290. package/lib/components/slider/src/slider2.js.map +1 -1
  291. package/lib/index.js +3 -3
  292. package/lib/version.d.ts +1 -1
  293. package/lib/version.js +1 -1
  294. package/lib/version.js.map +1 -1
  295. package/package.json +1 -1
  296. package/web-types.json +1 -1
@@ -1,42 +1,102 @@
1
+ import { defineComponent, useSlots, ref, computed, openBlock, createBlock, Transition, unref, withCtx, withDirectives, createElementVNode, normalizeClass, resolveDynamicComponent, createCommentVNode, createElementBlock, renderSlot, createTextVNode, toDisplayString, Fragment, createVNode, vShow } from 'vue';
2
+ import { ElIcon } from '../../icon/index.mjs';
1
3
  import '../../../utils/index.mjs';
2
- import { buildProps } from '../../../utils/vue/props/runtime.mjs';
3
- import { keysOf } from '../../../utils/objects.mjs';
4
- import { TypeComponentsMap } from '../../../utils/vue/icon.mjs';
4
+ import '../../../hooks/index.mjs';
5
+ import { alertProps, alertEmits } from './alert2.mjs';
6
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
7
+ import { TypeComponents, TypeComponentsMap } from '../../../utils/vue/icon.mjs';
8
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
5
9
 
6
- const alertEffects = ["light", "dark"];
7
- const alertProps = buildProps({
8
- title: {
9
- type: String,
10
- default: ""
11
- },
12
- description: {
13
- type: String,
14
- default: ""
15
- },
16
- type: {
17
- type: String,
18
- values: keysOf(TypeComponentsMap),
19
- default: "info"
20
- },
21
- closable: {
22
- type: Boolean,
23
- default: true
24
- },
25
- closeText: {
26
- type: String,
27
- default: ""
28
- },
29
- showIcon: Boolean,
30
- center: Boolean,
31
- effect: {
32
- type: String,
33
- values: alertEffects,
34
- default: "light"
10
+ const __default__ = defineComponent({
11
+ name: "ElAlert"
12
+ });
13
+ const _sfc_main = /* @__PURE__ */ defineComponent({
14
+ ...__default__,
15
+ props: alertProps,
16
+ emits: alertEmits,
17
+ setup(__props, { emit }) {
18
+ const props = __props;
19
+ const { Close } = TypeComponents;
20
+ const slots = useSlots();
21
+ const ns = useNamespace("alert");
22
+ const visible = ref(true);
23
+ const iconComponent = computed(() => TypeComponentsMap[props.type]);
24
+ const iconClass = computed(() => [
25
+ ns.e("icon"),
26
+ { [ns.is("big")]: !!props.description || !!slots.default }
27
+ ]);
28
+ const withDescription = computed(() => {
29
+ return { "with-description": props.description || slots.default };
30
+ });
31
+ const close = (evt) => {
32
+ visible.value = false;
33
+ emit("close", evt);
34
+ };
35
+ return (_ctx, _cache) => {
36
+ return openBlock(), createBlock(Transition, {
37
+ name: unref(ns).b("fade"),
38
+ persisted: ""
39
+ }, {
40
+ default: withCtx(() => [
41
+ withDirectives(createElementVNode("div", {
42
+ class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.type), unref(ns).is("center", _ctx.center), unref(ns).is(_ctx.effect)]),
43
+ role: "alert"
44
+ }, [
45
+ _ctx.showIcon && unref(iconComponent) ? (openBlock(), createBlock(unref(ElIcon), {
46
+ key: 0,
47
+ class: normalizeClass(unref(iconClass))
48
+ }, {
49
+ default: withCtx(() => [
50
+ (openBlock(), createBlock(resolveDynamicComponent(unref(iconComponent))))
51
+ ]),
52
+ _: 1
53
+ }, 8, ["class"])) : createCommentVNode("v-if", true),
54
+ createElementVNode("div", {
55
+ class: normalizeClass(unref(ns).e("content"))
56
+ }, [
57
+ _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", {
58
+ key: 0,
59
+ class: normalizeClass([unref(ns).e("title"), unref(withDescription)])
60
+ }, [
61
+ renderSlot(_ctx.$slots, "title", {}, () => [
62
+ createTextVNode(toDisplayString(_ctx.title), 1)
63
+ ])
64
+ ], 2)) : createCommentVNode("v-if", true),
65
+ _ctx.$slots.default || _ctx.description ? (openBlock(), createElementBlock("p", {
66
+ key: 1,
67
+ class: normalizeClass(unref(ns).e("description"))
68
+ }, [
69
+ renderSlot(_ctx.$slots, "default", {}, () => [
70
+ createTextVNode(toDisplayString(_ctx.description), 1)
71
+ ])
72
+ ], 2)) : createCommentVNode("v-if", true),
73
+ _ctx.closable ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
74
+ _ctx.closeText ? (openBlock(), createElementBlock("div", {
75
+ key: 0,
76
+ class: normalizeClass([unref(ns).e("close-btn"), unref(ns).is("customed")]),
77
+ onClick: close
78
+ }, toDisplayString(_ctx.closeText), 3)) : (openBlock(), createBlock(unref(ElIcon), {
79
+ key: 1,
80
+ class: normalizeClass(unref(ns).e("close-btn")),
81
+ onClick: close
82
+ }, {
83
+ default: withCtx(() => [
84
+ createVNode(unref(Close))
85
+ ]),
86
+ _: 1
87
+ }, 8, ["class"]))
88
+ ], 64)) : createCommentVNode("v-if", true)
89
+ ], 2)
90
+ ], 2), [
91
+ [vShow, visible.value]
92
+ ])
93
+ ]),
94
+ _: 3
95
+ }, 8, ["name"]);
96
+ };
35
97
  }
36
98
  });
37
- const alertEmits = {
38
- close: (evt) => evt instanceof MouseEvent
39
- };
99
+ var Alert = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "alert.vue"]]);
40
100
 
41
- export { alertEffects, alertEmits, alertProps };
101
+ export { Alert as default };
42
102
  //# sourceMappingURL=alert.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"alert.mjs","sources":["../../../../../../packages/components/alert/src/alert.ts"],"sourcesContent":["import { TypeComponentsMap, buildProps, keysOf } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const alertEffects = ['light', 'dark'] as const\n\nexport const alertProps = buildProps({\n /**\n * @description alert title.\n */\n title: {\n type: String,\n default: '',\n },\n description: {\n type: String,\n default: '',\n },\n /**\n * @description alert type.\n */\n type: {\n type: String,\n values: keysOf(TypeComponentsMap),\n default: 'info',\n },\n /**\n * @description whether alert can be dismissed.\n */\n closable: {\n type: Boolean,\n default: true,\n },\n /**\n * @description text for replacing x button\n */\n closeText: {\n type: String,\n default: '',\n },\n /**\n * @description whether show icon\n */\n showIcon: Boolean,\n /**\n * @description should content be placed in center.\n */\n center: Boolean,\n effect: {\n type: String,\n values: alertEffects,\n default: 'light',\n },\n} as const)\nexport type AlertProps = ExtractPropTypes<typeof alertProps>\n\nexport const alertEmits = {\n close: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type AlertEmits = typeof alertEmits\n"],"names":[],"mappings":";;;;;AACY,MAAC,YAAY,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE;AAClC,MAAC,UAAU,GAAG,UAAU,CAAC;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,MAAM,CAAC,iBAAiB,CAAC;AACrC,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,YAAY;AACxB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;"}
1
+ {"version":3,"file":"alert.mjs","sources":["../../../../../../packages/components/alert/src/alert.vue"],"sourcesContent":["<template>\n <transition :name=\"ns.b('fade')\">\n <div\n v-show=\"visible\"\n :class=\"[ns.b(), ns.m(type), ns.is('center', center), ns.is(effect)]\"\n role=\"alert\"\n >\n <el-icon v-if=\"showIcon && iconComponent\" :class=\"iconClass\">\n <component :is=\"iconComponent\" />\n </el-icon>\n\n <div :class=\"ns.e('content')\">\n <span\n v-if=\"title || $slots.title\"\n :class=\"[ns.e('title'), withDescription]\"\n >\n <slot name=\"title\">{{ title }}</slot>\n </span>\n <p v-if=\"$slots.default || description\" :class=\"ns.e('description')\">\n <slot>\n {{ description }}\n </slot>\n </p>\n <template v-if=\"closable\">\n <div\n v-if=\"closeText\"\n :class=\"[ns.e('close-btn'), ns.is('customed')]\"\n @click=\"close\"\n >\n {{ closeText }}\n </div>\n <el-icon v-else :class=\"ns.e('close-btn')\" @click=\"close\">\n <Close />\n </el-icon>\n </template>\n </div>\n </div>\n </transition>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { alertEmits, alertProps } from './alert'\n\nconst { Close } = TypeComponents\n\ndefineOptions({\n name: 'ElAlert',\n})\n\nconst props = defineProps(alertProps)\nconst emit = defineEmits(alertEmits)\nconst slots = useSlots()\n\nconst ns = useNamespace('alert')\n\nconst visible = ref(true)\n\nconst iconComponent = computed(() => TypeComponentsMap[props.type])\n\nconst iconClass = computed(() => [\n ns.e('icon'),\n { [ns.is('big')]: !!props.description || !!slots.default },\n])\n\nconst withDescription = computed(() => {\n return { 'with-description': props.description || slots.default }\n})\n\nconst close = (evt: MouseEvent) => {\n visible.value = false\n emit('close', evt)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;mCAgDc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAJA,IAAA,MAAM,EAAE,KAAU,EAAA,GAAA,cAAA,CAAA;AAQlB,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,EAAA,GAAK,aAAa,OAAO,CAAA,CAAA;AAE/B,IAAM,MAAA,OAAA,GAAU,IAAI,IAAI,CAAA,CAAA;AAExB,IAAA,MAAM,aAAgB,GAAA,QAAA,CAAS,MAAM,iBAAA,CAAkB,MAAM,IAAK,CAAA,CAAA,CAAA;AAElE,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAAA,MAC/B,EAAA,CAAG,EAAE,MAAM,CAAA;AAAA,MACX,EAAE,CAAC,EAAG,CAAA,EAAA,CAAG,KAAK,CAAA,GAAI,CAAC,CAAC,KAAM,CAAA,WAAA,IAAe,CAAC,CAAC,MAAM,OAAQ,EAAA;AAAA,KAC1D,CAAA,CAAA;AAED,IAAM,MAAA,eAAA,GAAkB,SAAS,MAAM;AACrC,MAAA,OAAO,EAAE,kBAAA,EAAoB,KAAM,CAAA,WAAA,IAAe,MAAM,OAAQ,EAAA,CAAA;AAAA,KACjE,CAAA,CAAA;AAED,IAAM,MAAA,KAAA,GAAQ,CAAC,GAAoB,KAAA;AACjC,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAChB,MAAA,IAAA,CAAK,SAAS,GAAG,CAAA,CAAA;AAAA,KACnB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,102 +1,42 @@
1
- import { defineComponent, useSlots, ref, computed, openBlock, createBlock, Transition, unref, withCtx, withDirectives, createElementVNode, normalizeClass, resolveDynamicComponent, createCommentVNode, createElementBlock, renderSlot, createTextVNode, toDisplayString, Fragment, createVNode, vShow } from 'vue';
2
- import { ElIcon } from '../../icon/index.mjs';
3
1
  import '../../../utils/index.mjs';
4
- import '../../../hooks/index.mjs';
5
- import { alertProps, alertEmits } from './alert.mjs';
6
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
7
- import { TypeComponents, TypeComponentsMap } from '../../../utils/vue/icon.mjs';
8
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
2
+ import { buildProps } from '../../../utils/vue/props/runtime.mjs';
3
+ import { keysOf } from '../../../utils/objects.mjs';
4
+ import { TypeComponentsMap } from '../../../utils/vue/icon.mjs';
9
5
 
10
- const __default__ = defineComponent({
11
- name: "ElAlert"
12
- });
13
- const _sfc_main = /* @__PURE__ */ defineComponent({
14
- ...__default__,
15
- props: alertProps,
16
- emits: alertEmits,
17
- setup(__props, { emit }) {
18
- const props = __props;
19
- const { Close } = TypeComponents;
20
- const slots = useSlots();
21
- const ns = useNamespace("alert");
22
- const visible = ref(true);
23
- const iconComponent = computed(() => TypeComponentsMap[props.type]);
24
- const iconClass = computed(() => [
25
- ns.e("icon"),
26
- { [ns.is("big")]: !!props.description || !!slots.default }
27
- ]);
28
- const withDescription = computed(() => {
29
- return { "with-description": props.description || slots.default };
30
- });
31
- const close = (evt) => {
32
- visible.value = false;
33
- emit("close", evt);
34
- };
35
- return (_ctx, _cache) => {
36
- return openBlock(), createBlock(Transition, {
37
- name: unref(ns).b("fade"),
38
- persisted: ""
39
- }, {
40
- default: withCtx(() => [
41
- withDirectives(createElementVNode("div", {
42
- class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.type), unref(ns).is("center", _ctx.center), unref(ns).is(_ctx.effect)]),
43
- role: "alert"
44
- }, [
45
- _ctx.showIcon && unref(iconComponent) ? (openBlock(), createBlock(unref(ElIcon), {
46
- key: 0,
47
- class: normalizeClass(unref(iconClass))
48
- }, {
49
- default: withCtx(() => [
50
- (openBlock(), createBlock(resolveDynamicComponent(unref(iconComponent))))
51
- ]),
52
- _: 1
53
- }, 8, ["class"])) : createCommentVNode("v-if", true),
54
- createElementVNode("div", {
55
- class: normalizeClass(unref(ns).e("content"))
56
- }, [
57
- _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", {
58
- key: 0,
59
- class: normalizeClass([unref(ns).e("title"), unref(withDescription)])
60
- }, [
61
- renderSlot(_ctx.$slots, "title", {}, () => [
62
- createTextVNode(toDisplayString(_ctx.title), 1)
63
- ])
64
- ], 2)) : createCommentVNode("v-if", true),
65
- _ctx.$slots.default || _ctx.description ? (openBlock(), createElementBlock("p", {
66
- key: 1,
67
- class: normalizeClass(unref(ns).e("description"))
68
- }, [
69
- renderSlot(_ctx.$slots, "default", {}, () => [
70
- createTextVNode(toDisplayString(_ctx.description), 1)
71
- ])
72
- ], 2)) : createCommentVNode("v-if", true),
73
- _ctx.closable ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
74
- _ctx.closeText ? (openBlock(), createElementBlock("div", {
75
- key: 0,
76
- class: normalizeClass([unref(ns).e("close-btn"), unref(ns).is("customed")]),
77
- onClick: close
78
- }, toDisplayString(_ctx.closeText), 3)) : (openBlock(), createBlock(unref(ElIcon), {
79
- key: 1,
80
- class: normalizeClass(unref(ns).e("close-btn")),
81
- onClick: close
82
- }, {
83
- default: withCtx(() => [
84
- createVNode(unref(Close))
85
- ]),
86
- _: 1
87
- }, 8, ["class"]))
88
- ], 64)) : createCommentVNode("v-if", true)
89
- ], 2)
90
- ], 2), [
91
- [vShow, visible.value]
92
- ])
93
- ]),
94
- _: 3
95
- }, 8, ["name"]);
96
- };
6
+ const alertEffects = ["light", "dark"];
7
+ const alertProps = buildProps({
8
+ title: {
9
+ type: String,
10
+ default: ""
11
+ },
12
+ description: {
13
+ type: String,
14
+ default: ""
15
+ },
16
+ type: {
17
+ type: String,
18
+ values: keysOf(TypeComponentsMap),
19
+ default: "info"
20
+ },
21
+ closable: {
22
+ type: Boolean,
23
+ default: true
24
+ },
25
+ closeText: {
26
+ type: String,
27
+ default: ""
28
+ },
29
+ showIcon: Boolean,
30
+ center: Boolean,
31
+ effect: {
32
+ type: String,
33
+ values: alertEffects,
34
+ default: "light"
97
35
  }
98
36
  });
99
- var Alert = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "alert.vue"]]);
37
+ const alertEmits = {
38
+ close: (evt) => evt instanceof MouseEvent
39
+ };
100
40
 
101
- export { Alert as default };
41
+ export { alertEffects, alertEmits, alertProps };
102
42
  //# sourceMappingURL=alert2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"alert2.mjs","sources":["../../../../../../packages/components/alert/src/alert.vue"],"sourcesContent":["<template>\n <transition :name=\"ns.b('fade')\">\n <div\n v-show=\"visible\"\n :class=\"[ns.b(), ns.m(type), ns.is('center', center), ns.is(effect)]\"\n role=\"alert\"\n >\n <el-icon v-if=\"showIcon && iconComponent\" :class=\"iconClass\">\n <component :is=\"iconComponent\" />\n </el-icon>\n\n <div :class=\"ns.e('content')\">\n <span\n v-if=\"title || $slots.title\"\n :class=\"[ns.e('title'), withDescription]\"\n >\n <slot name=\"title\">{{ title }}</slot>\n </span>\n <p v-if=\"$slots.default || description\" :class=\"ns.e('description')\">\n <slot>\n {{ description }}\n </slot>\n </p>\n <template v-if=\"closable\">\n <div\n v-if=\"closeText\"\n :class=\"[ns.e('close-btn'), ns.is('customed')]\"\n @click=\"close\"\n >\n {{ closeText }}\n </div>\n <el-icon v-else :class=\"ns.e('close-btn')\" @click=\"close\">\n <Close />\n </el-icon>\n </template>\n </div>\n </div>\n </transition>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { alertEmits, alertProps } from './alert'\n\nconst { Close } = TypeComponents\n\ndefineOptions({\n name: 'ElAlert',\n})\n\nconst props = defineProps(alertProps)\nconst emit = defineEmits(alertEmits)\nconst slots = useSlots()\n\nconst ns = useNamespace('alert')\n\nconst visible = ref(true)\n\nconst iconComponent = computed(() => TypeComponentsMap[props.type])\n\nconst iconClass = computed(() => [\n ns.e('icon'),\n { [ns.is('big')]: !!props.description || !!slots.default },\n])\n\nconst withDescription = computed(() => {\n return { 'with-description': props.description || slots.default }\n})\n\nconst close = (evt: MouseEvent) => {\n visible.value = false\n emit('close', evt)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;mCAgDc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAJA,IAAA,MAAM,EAAE,KAAU,EAAA,GAAA,cAAA,CAAA;AAQlB,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,EAAA,GAAK,aAAa,OAAO,CAAA,CAAA;AAE/B,IAAM,MAAA,OAAA,GAAU,IAAI,IAAI,CAAA,CAAA;AAExB,IAAA,MAAM,aAAgB,GAAA,QAAA,CAAS,MAAM,iBAAA,CAAkB,MAAM,IAAK,CAAA,CAAA,CAAA;AAElE,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAAA,MAC/B,EAAA,CAAG,EAAE,MAAM,CAAA;AAAA,MACX,EAAE,CAAC,EAAG,CAAA,EAAA,CAAG,KAAK,CAAA,GAAI,CAAC,CAAC,KAAM,CAAA,WAAA,IAAe,CAAC,CAAC,MAAM,OAAQ,EAAA;AAAA,KAC1D,CAAA,CAAA;AAED,IAAM,MAAA,eAAA,GAAkB,SAAS,MAAM;AACrC,MAAA,OAAO,EAAE,kBAAA,EAAoB,KAAM,CAAA,WAAA,IAAe,MAAM,OAAQ,EAAA,CAAA;AAAA,KACjE,CAAA,CAAA;AAED,IAAM,MAAA,KAAA,GAAQ,CAAC,GAAoB,KAAA;AACjC,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAChB,MAAA,IAAA,CAAK,SAAS,GAAG,CAAA,CAAA;AAAA,KACnB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"alert2.mjs","sources":["../../../../../../packages/components/alert/src/alert.ts"],"sourcesContent":["import { TypeComponentsMap, buildProps, keysOf } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const alertEffects = ['light', 'dark'] as const\n\nexport const alertProps = buildProps({\n /**\n * @description alert title.\n */\n title: {\n type: String,\n default: '',\n },\n description: {\n type: String,\n default: '',\n },\n /**\n * @description alert type.\n */\n type: {\n type: String,\n values: keysOf(TypeComponentsMap),\n default: 'info',\n },\n /**\n * @description whether alert can be dismissed.\n */\n closable: {\n type: Boolean,\n default: true,\n },\n /**\n * @description text for replacing x button\n */\n closeText: {\n type: String,\n default: '',\n },\n /**\n * @description whether show icon\n */\n showIcon: Boolean,\n /**\n * @description should content be placed in center.\n */\n center: Boolean,\n effect: {\n type: String,\n values: alertEffects,\n default: 'light',\n },\n} as const)\nexport type AlertProps = ExtractPropTypes<typeof alertProps>\n\nexport const alertEmits = {\n close: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type AlertEmits = typeof alertEmits\n"],"names":[],"mappings":";;;;;AACY,MAAC,YAAY,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE;AAClC,MAAC,UAAU,GAAG,UAAU,CAAC;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,MAAM,CAAC,iBAAiB,CAAC;AACrC,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,YAAY;AACxB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;"}
@@ -1,32 +1,95 @@
1
+ import { defineComponent, inject, computed, openBlock, createElementBlock, unref, normalizeClass, normalizeStyle, createElementVNode, renderSlot, toDisplayString, createVNode, withCtx, createBlock, resolveDynamicComponent, createCommentVNode } from 'vue';
2
+ import { ElIcon } from '../../icon/index.mjs';
3
+ import '../../focus-trap/index.mjs';
4
+ import '../../../hooks/index.mjs';
1
5
  import '../../../utils/index.mjs';
2
- import { buildProps } from '../../../utils/vue/props/runtime.mjs';
3
- import { iconPropType } from '../../../utils/vue/icon.mjs';
6
+ import { dialogInjectionKey } from './constants.mjs';
7
+ import { dialogContentProps, dialogContentEmits } from './dialog-content2.mjs';
8
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
9
+ import { useLocale } from '../../../hooks/use-locale/index.mjs';
10
+ import { CloseComponents } from '../../../utils/vue/icon.mjs';
11
+ import { FOCUS_TRAP_INJECTION_KEY } from '../../focus-trap/src/tokens.mjs';
12
+ import { composeRefs } from '../../../utils/vue/refs.mjs';
13
+ import { useDraggable } from '../../../hooks/use-draggable/index.mjs';
4
14
 
5
- const dialogContentProps = buildProps({
6
- center: Boolean,
7
- alignCenter: Boolean,
8
- closeIcon: {
9
- type: iconPropType
10
- },
11
- draggable: Boolean,
12
- overflow: Boolean,
13
- fullscreen: Boolean,
14
- showClose: {
15
- type: Boolean,
16
- default: true
17
- },
18
- title: {
19
- type: String,
20
- default: ""
21
- },
22
- ariaLevel: {
23
- type: String,
24
- default: "2"
15
+ const _hoisted_1 = ["aria-level"];
16
+ const _hoisted_2 = ["aria-label"];
17
+ const _hoisted_3 = ["id"];
18
+ const __default__ = defineComponent({ name: "ElDialogContent" });
19
+ const _sfc_main = /* @__PURE__ */ defineComponent({
20
+ ...__default__,
21
+ props: dialogContentProps,
22
+ emits: dialogContentEmits,
23
+ setup(__props) {
24
+ const props = __props;
25
+ const { t } = useLocale();
26
+ const { Close } = CloseComponents;
27
+ const { dialogRef, headerRef, bodyId, ns, style } = inject(dialogInjectionKey);
28
+ const { focusTrapRef } = inject(FOCUS_TRAP_INJECTION_KEY);
29
+ const dialogKls = computed(() => [
30
+ ns.b(),
31
+ ns.is("fullscreen", props.fullscreen),
32
+ ns.is("draggable", props.draggable),
33
+ ns.is("align-center", props.alignCenter),
34
+ { [ns.m("center")]: props.center }
35
+ ]);
36
+ const composedDialogRef = composeRefs(focusTrapRef, dialogRef);
37
+ const draggable = computed(() => props.draggable);
38
+ const overflow = computed(() => props.overflow);
39
+ useDraggable(dialogRef, headerRef, draggable, overflow);
40
+ return (_ctx, _cache) => {
41
+ return openBlock(), createElementBlock("div", {
42
+ ref: unref(composedDialogRef),
43
+ class: normalizeClass(unref(dialogKls)),
44
+ style: normalizeStyle(unref(style)),
45
+ tabindex: "-1"
46
+ }, [
47
+ createElementVNode("header", {
48
+ ref_key: "headerRef",
49
+ ref: headerRef,
50
+ class: normalizeClass([unref(ns).e("header"), { "show-close": _ctx.showClose }])
51
+ }, [
52
+ renderSlot(_ctx.$slots, "header", {}, () => [
53
+ createElementVNode("span", {
54
+ role: "heading",
55
+ "aria-level": _ctx.ariaLevel,
56
+ class: normalizeClass(unref(ns).e("title"))
57
+ }, toDisplayString(_ctx.title), 11, _hoisted_1)
58
+ ]),
59
+ _ctx.showClose ? (openBlock(), createElementBlock("button", {
60
+ key: 0,
61
+ "aria-label": unref(t)("el.dialog.close"),
62
+ class: normalizeClass(unref(ns).e("headerbtn")),
63
+ type: "button",
64
+ onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
65
+ }, [
66
+ createVNode(unref(ElIcon), {
67
+ class: normalizeClass(unref(ns).e("close"))
68
+ }, {
69
+ default: withCtx(() => [
70
+ (openBlock(), createBlock(resolveDynamicComponent(_ctx.closeIcon || unref(Close))))
71
+ ]),
72
+ _: 1
73
+ }, 8, ["class"])
74
+ ], 10, _hoisted_2)) : createCommentVNode("v-if", true)
75
+ ], 2),
76
+ createElementVNode("div", {
77
+ id: unref(bodyId),
78
+ class: normalizeClass(unref(ns).e("body"))
79
+ }, [
80
+ renderSlot(_ctx.$slots, "default")
81
+ ], 10, _hoisted_3),
82
+ _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", {
83
+ key: 0,
84
+ class: normalizeClass(unref(ns).e("footer"))
85
+ }, [
86
+ renderSlot(_ctx.$slots, "footer")
87
+ ], 2)) : createCommentVNode("v-if", true)
88
+ ], 6);
89
+ };
25
90
  }
26
91
  });
27
- const dialogContentEmits = {
28
- close: () => true
29
- };
92
+ var ElDialogContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "dialog-content.vue"]]);
30
93
 
31
- export { dialogContentEmits, dialogContentProps };
94
+ export { ElDialogContent as default };
32
95
  //# sourceMappingURL=dialog-content.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"dialog-content.mjs","sources":["../../../../../../packages/components/dialog/src/dialog-content.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\n\nexport const dialogContentProps = buildProps({\n /**\n * @description whether to align the header and footer in center\n */\n center: Boolean,\n /**\n * @description whether to align the dialog both horizontally and vertically\n */\n alignCenter: Boolean,\n /**\n * @description custom close icon, default is Close\n */\n closeIcon: {\n type: iconPropType,\n },\n /**\n * @description enable dragging feature for Dialog\n */\n draggable: Boolean,\n /**\n * @description draggable Dialog can overflow the viewport\n */\n overflow: Boolean,\n /**\n * @description whether the Dialog takes up full screen\n */\n fullscreen: Boolean,\n /**\n * @description whether to show a close button\n */\n showClose: {\n type: Boolean,\n default: true,\n },\n /**\n * @description title of Dialog. Can also be passed with a named slot (see the following table)\n */\n title: {\n type: String,\n default: '',\n },\n /**\n * @description header's aria-level attribute\n */\n ariaLevel: {\n type: String,\n default: '2',\n },\n} as const)\n\nexport const dialogContentEmits = {\n close: () => true,\n}\n"],"names":[],"mappings":";;;;AACY,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,WAAW,EAAE,OAAO;AACtB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,kBAAkB,GAAG;AAClC,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB;;;;"}
1
+ {"version":3,"file":"dialog-content.mjs","sources":["../../../../../../packages/components/dialog/src/dialog-content.vue"],"sourcesContent":["<template>\n <div :ref=\"composedDialogRef\" :class=\"dialogKls\" :style=\"style\" tabindex=\"-1\">\n <header\n ref=\"headerRef\"\n :class=\"[ns.e('header'), { 'show-close': showClose }]\"\n >\n <slot name=\"header\">\n <span role=\"heading\" :aria-level=\"ariaLevel\" :class=\"ns.e('title')\">\n {{ title }}\n </span>\n </slot>\n <button\n v-if=\"showClose\"\n :aria-label=\"t('el.dialog.close')\"\n :class=\"ns.e('headerbtn')\"\n type=\"button\"\n @click=\"$emit('close')\"\n >\n <el-icon :class=\"ns.e('close')\">\n <component :is=\"closeIcon || Close\" />\n </el-icon>\n </button>\n </header>\n <div :id=\"bodyId\" :class=\"ns.e('body')\">\n <slot />\n </div>\n <footer v-if=\"$slots.footer\" :class=\"ns.e('footer')\">\n <slot name=\"footer\" />\n </footer>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { FOCUS_TRAP_INJECTION_KEY } from '@element-plus/components/focus-trap'\nimport { useDraggable, useLocale } from '@element-plus/hooks'\nimport { CloseComponents, composeRefs } from '@element-plus/utils'\nimport { dialogInjectionKey } from './constants'\nimport { dialogContentEmits, dialogContentProps } from './dialog-content'\n\nconst { t } = useLocale()\nconst { Close } = CloseComponents\n\ndefineOptions({ name: 'ElDialogContent' })\nconst props = defineProps(dialogContentProps)\ndefineEmits(dialogContentEmits)\n\nconst { dialogRef, headerRef, bodyId, ns, style } = inject(dialogInjectionKey)!\nconst { focusTrapRef } = inject(FOCUS_TRAP_INJECTION_KEY)!\n\nconst dialogKls = computed(() => [\n ns.b(),\n ns.is('fullscreen', props.fullscreen),\n ns.is('draggable', props.draggable),\n ns.is('align-center', props.alignCenter),\n { [ns.m('center')]: props.center },\n])\n\nconst composedDialogRef = composeRefs(focusTrapRef, dialogRef)\n\nconst draggable = computed(() => props.draggable)\nconst overflow = computed(() => props.overflow)\nuseDraggable(dialogRef, headerRef, draggable, overflow)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;mCA4Cc,CAAA,EAAE,IAAM,EAAA,iBAAA,EAAkB,CAAA,CAAA;;;;;;;AAHxC,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAA,MAAM,EAAE,KAAU,EAAA,GAAA,eAAA,CAAA;AAMlB,IAAA,MAAM,EAAE,SAAW,EAAA,SAAA,EAAW,QAAQ,EAAI,EAAA,KAAA,EAAA,GAAU,OAAO,kBAAkB,CAAA,CAAA;AAC7E,IAAM,MAAA,EAAE,YAAiB,EAAA,GAAA,MAAA,CAAO,wBAAwB,CAAA,CAAA;AAExD,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAAA,MAC/B,GAAG,CAAE,EAAA;AAAA,MACL,EAAG,CAAA,EAAA,CAAG,YAAc,EAAA,KAAA,CAAM,UAAU,CAAA;AAAA,MACpC,EAAG,CAAA,EAAA,CAAG,WAAa,EAAA,KAAA,CAAM,SAAS,CAAA;AAAA,MAClC,EAAG,CAAA,EAAA,CAAG,cAAgB,EAAA,KAAA,CAAM,WAAW,CAAA;AAAA,MACvC,EAAE,CAAC,EAAA,CAAG,EAAE,QAAQ,CAAA,GAAI,MAAM,MAAO,EAAA;AAAA,KAClC,CAAA,CAAA;AAED,IAAM,MAAA,iBAAA,GAAoB,WAAY,CAAA,YAAA,EAAc,SAAS,CAAA,CAAA;AAE7D,IAAA,MAAM,SAAY,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,SAAS,CAAA,CAAA;AAChD,IAAA,MAAM,QAAW,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,QAAQ,CAAA,CAAA;AAC9C,IAAa,YAAA,CAAA,SAAA,EAAW,SAAW,EAAA,SAAA,EAAW,QAAQ,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,95 +1,32 @@
1
- import { defineComponent, inject, computed, openBlock, createElementBlock, unref, normalizeClass, normalizeStyle, createElementVNode, renderSlot, toDisplayString, createVNode, withCtx, createBlock, resolveDynamicComponent, createCommentVNode } from 'vue';
2
- import { ElIcon } from '../../icon/index.mjs';
3
- import '../../focus-trap/index.mjs';
4
- import '../../../hooks/index.mjs';
5
1
  import '../../../utils/index.mjs';
6
- import { dialogInjectionKey } from './constants.mjs';
7
- import { dialogContentProps, dialogContentEmits } from './dialog-content.mjs';
8
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
9
- import { useLocale } from '../../../hooks/use-locale/index.mjs';
10
- import { CloseComponents } from '../../../utils/vue/icon.mjs';
11
- import { FOCUS_TRAP_INJECTION_KEY } from '../../focus-trap/src/tokens.mjs';
12
- import { composeRefs } from '../../../utils/vue/refs.mjs';
13
- import { useDraggable } from '../../../hooks/use-draggable/index.mjs';
2
+ import { buildProps } from '../../../utils/vue/props/runtime.mjs';
3
+ import { iconPropType } from '../../../utils/vue/icon.mjs';
14
4
 
15
- const _hoisted_1 = ["aria-level"];
16
- const _hoisted_2 = ["aria-label"];
17
- const _hoisted_3 = ["id"];
18
- const __default__ = defineComponent({ name: "ElDialogContent" });
19
- const _sfc_main = /* @__PURE__ */ defineComponent({
20
- ...__default__,
21
- props: dialogContentProps,
22
- emits: dialogContentEmits,
23
- setup(__props) {
24
- const props = __props;
25
- const { t } = useLocale();
26
- const { Close } = CloseComponents;
27
- const { dialogRef, headerRef, bodyId, ns, style } = inject(dialogInjectionKey);
28
- const { focusTrapRef } = inject(FOCUS_TRAP_INJECTION_KEY);
29
- const dialogKls = computed(() => [
30
- ns.b(),
31
- ns.is("fullscreen", props.fullscreen),
32
- ns.is("draggable", props.draggable),
33
- ns.is("align-center", props.alignCenter),
34
- { [ns.m("center")]: props.center }
35
- ]);
36
- const composedDialogRef = composeRefs(focusTrapRef, dialogRef);
37
- const draggable = computed(() => props.draggable);
38
- const overflow = computed(() => props.overflow);
39
- useDraggable(dialogRef, headerRef, draggable, overflow);
40
- return (_ctx, _cache) => {
41
- return openBlock(), createElementBlock("div", {
42
- ref: unref(composedDialogRef),
43
- class: normalizeClass(unref(dialogKls)),
44
- style: normalizeStyle(unref(style)),
45
- tabindex: "-1"
46
- }, [
47
- createElementVNode("header", {
48
- ref_key: "headerRef",
49
- ref: headerRef,
50
- class: normalizeClass([unref(ns).e("header"), { "show-close": _ctx.showClose }])
51
- }, [
52
- renderSlot(_ctx.$slots, "header", {}, () => [
53
- createElementVNode("span", {
54
- role: "heading",
55
- "aria-level": _ctx.ariaLevel,
56
- class: normalizeClass(unref(ns).e("title"))
57
- }, toDisplayString(_ctx.title), 11, _hoisted_1)
58
- ]),
59
- _ctx.showClose ? (openBlock(), createElementBlock("button", {
60
- key: 0,
61
- "aria-label": unref(t)("el.dialog.close"),
62
- class: normalizeClass(unref(ns).e("headerbtn")),
63
- type: "button",
64
- onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
65
- }, [
66
- createVNode(unref(ElIcon), {
67
- class: normalizeClass(unref(ns).e("close"))
68
- }, {
69
- default: withCtx(() => [
70
- (openBlock(), createBlock(resolveDynamicComponent(_ctx.closeIcon || unref(Close))))
71
- ]),
72
- _: 1
73
- }, 8, ["class"])
74
- ], 10, _hoisted_2)) : createCommentVNode("v-if", true)
75
- ], 2),
76
- createElementVNode("div", {
77
- id: unref(bodyId),
78
- class: normalizeClass(unref(ns).e("body"))
79
- }, [
80
- renderSlot(_ctx.$slots, "default")
81
- ], 10, _hoisted_3),
82
- _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", {
83
- key: 0,
84
- class: normalizeClass(unref(ns).e("footer"))
85
- }, [
86
- renderSlot(_ctx.$slots, "footer")
87
- ], 2)) : createCommentVNode("v-if", true)
88
- ], 6);
89
- };
5
+ const dialogContentProps = buildProps({
6
+ center: Boolean,
7
+ alignCenter: Boolean,
8
+ closeIcon: {
9
+ type: iconPropType
10
+ },
11
+ draggable: Boolean,
12
+ overflow: Boolean,
13
+ fullscreen: Boolean,
14
+ showClose: {
15
+ type: Boolean,
16
+ default: true
17
+ },
18
+ title: {
19
+ type: String,
20
+ default: ""
21
+ },
22
+ ariaLevel: {
23
+ type: String,
24
+ default: "2"
90
25
  }
91
26
  });
92
- var ElDialogContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "dialog-content.vue"]]);
27
+ const dialogContentEmits = {
28
+ close: () => true
29
+ };
93
30
 
94
- export { ElDialogContent as default };
31
+ export { dialogContentEmits, dialogContentProps };
95
32
  //# sourceMappingURL=dialog-content2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"dialog-content2.mjs","sources":["../../../../../../packages/components/dialog/src/dialog-content.vue"],"sourcesContent":["<template>\n <div :ref=\"composedDialogRef\" :class=\"dialogKls\" :style=\"style\" tabindex=\"-1\">\n <header\n ref=\"headerRef\"\n :class=\"[ns.e('header'), { 'show-close': showClose }]\"\n >\n <slot name=\"header\">\n <span role=\"heading\" :aria-level=\"ariaLevel\" :class=\"ns.e('title')\">\n {{ title }}\n </span>\n </slot>\n <button\n v-if=\"showClose\"\n :aria-label=\"t('el.dialog.close')\"\n :class=\"ns.e('headerbtn')\"\n type=\"button\"\n @click=\"$emit('close')\"\n >\n <el-icon :class=\"ns.e('close')\">\n <component :is=\"closeIcon || Close\" />\n </el-icon>\n </button>\n </header>\n <div :id=\"bodyId\" :class=\"ns.e('body')\">\n <slot />\n </div>\n <footer v-if=\"$slots.footer\" :class=\"ns.e('footer')\">\n <slot name=\"footer\" />\n </footer>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { FOCUS_TRAP_INJECTION_KEY } from '@element-plus/components/focus-trap'\nimport { useDraggable, useLocale } from '@element-plus/hooks'\nimport { CloseComponents, composeRefs } from '@element-plus/utils'\nimport { dialogInjectionKey } from './constants'\nimport { dialogContentEmits, dialogContentProps } from './dialog-content'\n\nconst { t } = useLocale()\nconst { Close } = CloseComponents\n\ndefineOptions({ name: 'ElDialogContent' })\nconst props = defineProps(dialogContentProps)\ndefineEmits(dialogContentEmits)\n\nconst { dialogRef, headerRef, bodyId, ns, style } = inject(dialogInjectionKey)!\nconst { focusTrapRef } = inject(FOCUS_TRAP_INJECTION_KEY)!\n\nconst dialogKls = computed(() => [\n ns.b(),\n ns.is('fullscreen', props.fullscreen),\n ns.is('draggable', props.draggable),\n ns.is('align-center', props.alignCenter),\n { [ns.m('center')]: props.center },\n])\n\nconst composedDialogRef = composeRefs(focusTrapRef, dialogRef)\n\nconst draggable = computed(() => props.draggable)\nconst overflow = computed(() => props.overflow)\nuseDraggable(dialogRef, headerRef, draggable, overflow)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;mCA4Cc,CAAA,EAAE,IAAM,EAAA,iBAAA,EAAkB,CAAA,CAAA;;;;;;;AAHxC,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAA,MAAM,EAAE,KAAU,EAAA,GAAA,eAAA,CAAA;AAMlB,IAAA,MAAM,EAAE,SAAW,EAAA,SAAA,EAAW,QAAQ,EAAI,EAAA,KAAA,EAAA,GAAU,OAAO,kBAAkB,CAAA,CAAA;AAC7E,IAAM,MAAA,EAAE,YAAiB,EAAA,GAAA,MAAA,CAAO,wBAAwB,CAAA,CAAA;AAExD,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAAA,MAC/B,GAAG,CAAE,EAAA;AAAA,MACL,EAAG,CAAA,EAAA,CAAG,YAAc,EAAA,KAAA,CAAM,UAAU,CAAA;AAAA,MACpC,EAAG,CAAA,EAAA,CAAG,WAAa,EAAA,KAAA,CAAM,SAAS,CAAA;AAAA,MAClC,EAAG,CAAA,EAAA,CAAG,cAAgB,EAAA,KAAA,CAAM,WAAW,CAAA;AAAA,MACvC,EAAE,CAAC,EAAA,CAAG,EAAE,QAAQ,CAAA,GAAI,MAAM,MAAO,EAAA;AAAA,KAClC,CAAA,CAAA;AAED,IAAM,MAAA,iBAAA,GAAoB,WAAY,CAAA,YAAA,EAAc,SAAS,CAAA,CAAA;AAE7D,IAAA,MAAM,SAAY,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,SAAS,CAAA,CAAA;AAChD,IAAA,MAAM,QAAW,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,QAAQ,CAAA,CAAA;AAC9C,IAAa,YAAA,CAAA,SAAA,EAAW,SAAW,EAAA,SAAA,EAAW,QAAQ,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"dialog-content2.mjs","sources":["../../../../../../packages/components/dialog/src/dialog-content.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\n\nexport const dialogContentProps = buildProps({\n /**\n * @description whether to align the header and footer in center\n */\n center: Boolean,\n /**\n * @description whether to align the dialog both horizontally and vertically\n */\n alignCenter: Boolean,\n /**\n * @description custom close icon, default is Close\n */\n closeIcon: {\n type: iconPropType,\n },\n /**\n * @description enable dragging feature for Dialog\n */\n draggable: Boolean,\n /**\n * @description draggable Dialog can overflow the viewport\n */\n overflow: Boolean,\n /**\n * @description whether the Dialog takes up full screen\n */\n fullscreen: Boolean,\n /**\n * @description whether to show a close button\n */\n showClose: {\n type: Boolean,\n default: true,\n },\n /**\n * @description title of Dialog. Can also be passed with a named slot (see the following table)\n */\n title: {\n type: String,\n default: '',\n },\n /**\n * @description header's aria-level attribute\n */\n ariaLevel: {\n type: String,\n default: '2',\n },\n} as const)\n\nexport const dialogContentEmits = {\n close: () => true,\n}\n"],"names":[],"mappings":";;;;AACY,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,WAAW,EAAE,OAAO;AACtB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,kBAAkB,GAAG;AAClC,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB;;;;"}