@element-plus/nightly 0.0.20240119 → 0.0.20240122

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 (318) hide show
  1. package/dist/index.full.js +4 -4
  2. package/dist/index.full.min.js +4 -4
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +4 -4
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +4 -4
  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/card/index.mjs +2 -2
  244. package/es/components/card/src/card.mjs +43 -21
  245. package/es/components/card/src/card.mjs.map +1 -1
  246. package/es/components/card/src/card2.mjs +21 -43
  247. package/es/components/card/src/card2.mjs.map +1 -1
  248. package/es/components/image/index.mjs +2 -2
  249. package/es/components/image/src/image.mjs +226 -64
  250. package/es/components/image/src/image.mjs.map +1 -1
  251. package/es/components/image/src/image2.mjs +64 -226
  252. package/es/components/image/src/image2.mjs.map +1 -1
  253. package/es/components/index.mjs +6 -6
  254. package/es/components/menu/index.mjs +2 -2
  255. package/es/components/menu/src/menu-item-group.mjs +4 -35
  256. package/es/components/menu/src/menu-item-group.mjs.map +1 -1
  257. package/es/components/menu/src/menu-item-group2.mjs +35 -4
  258. package/es/components/menu/src/menu-item-group2.mjs.map +1 -1
  259. package/es/components/popper/index.mjs +2 -2
  260. package/es/components/popper/src/trigger.mjs +119 -31
  261. package/es/components/popper/src/trigger.mjs.map +1 -1
  262. package/es/components/popper/src/trigger2.mjs +31 -119
  263. package/es/components/popper/src/trigger2.mjs.map +1 -1
  264. package/es/components/select/src/select2.mjs +1 -1
  265. package/es/components/select/src/select2.mjs.map +1 -1
  266. package/es/components/select-v2/src/select.mjs +1 -1
  267. package/es/components/select-v2/src/select.mjs.map +1 -1
  268. package/es/components/skeleton/index.mjs +2 -2
  269. package/es/components/skeleton/src/skeleton-item.mjs +23 -18
  270. package/es/components/skeleton/src/skeleton-item.mjs.map +1 -1
  271. package/es/components/skeleton/src/skeleton-item2.mjs +18 -23
  272. package/es/components/skeleton/src/skeleton-item2.mjs.map +1 -1
  273. package/es/components/skeleton/src/skeleton2.mjs +1 -1
  274. package/es/components/tooltip/src/trigger.mjs +1 -1
  275. package/es/components/tooltip/src/trigger2.mjs +1 -1
  276. package/es/index.mjs +6 -6
  277. package/es/version.d.ts +1 -1
  278. package/es/version.mjs +1 -1
  279. package/es/version.mjs.map +1 -1
  280. package/lib/components/card/index.js +2 -2
  281. package/lib/components/card/src/card.js +43 -21
  282. package/lib/components/card/src/card.js.map +1 -1
  283. package/lib/components/card/src/card2.js +21 -43
  284. package/lib/components/card/src/card2.js.map +1 -1
  285. package/lib/components/image/index.js +2 -2
  286. package/lib/components/image/src/image.js +225 -64
  287. package/lib/components/image/src/image.js.map +1 -1
  288. package/lib/components/image/src/image2.js +64 -225
  289. package/lib/components/image/src/image2.js.map +1 -1
  290. package/lib/components/index.js +6 -6
  291. package/lib/components/menu/index.js +2 -2
  292. package/lib/components/menu/src/menu-item-group.js +4 -35
  293. package/lib/components/menu/src/menu-item-group.js.map +1 -1
  294. package/lib/components/menu/src/menu-item-group2.js +35 -4
  295. package/lib/components/menu/src/menu-item-group2.js.map +1 -1
  296. package/lib/components/popper/index.js +2 -2
  297. package/lib/components/popper/src/trigger.js +119 -32
  298. package/lib/components/popper/src/trigger.js.map +1 -1
  299. package/lib/components/popper/src/trigger2.js +32 -119
  300. package/lib/components/popper/src/trigger2.js.map +1 -1
  301. package/lib/components/select/src/select2.js +1 -1
  302. package/lib/components/select/src/select2.js.map +1 -1
  303. package/lib/components/select-v2/src/select.js +1 -1
  304. package/lib/components/select-v2/src/select.js.map +1 -1
  305. package/lib/components/skeleton/index.js +2 -2
  306. package/lib/components/skeleton/src/skeleton-item.js +23 -18
  307. package/lib/components/skeleton/src/skeleton-item.js.map +1 -1
  308. package/lib/components/skeleton/src/skeleton-item2.js +18 -23
  309. package/lib/components/skeleton/src/skeleton-item2.js.map +1 -1
  310. package/lib/components/skeleton/src/skeleton2.js +1 -1
  311. package/lib/components/tooltip/src/trigger.js +1 -1
  312. package/lib/components/tooltip/src/trigger2.js +1 -1
  313. package/lib/index.js +6 -6
  314. package/lib/version.d.ts +1 -1
  315. package/lib/version.js +1 -1
  316. package/lib/version.js.map +1 -1
  317. package/package.json +2 -2
  318. package/web-types.json +1 -1
@@ -2,235 +2,74 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var core = require('@vueuse/core');
7
- require('../../../hooks/index.js');
8
- var index$3 = require('../../image-viewer/index.js');
9
5
  require('../../../utils/index.js');
10
- var image = require('./image.js');
11
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
12
- var index = require('../../../hooks/use-locale/index.js');
13
- var index$1 = require('../../../hooks/use-namespace/index.js');
14
- var index$2 = require('../../../hooks/use-attrs/index.js');
15
- var position = require('../../../utils/dom/position.js');
6
+ var runtime = require('../../../utils/vue/props/runtime.js');
7
+ var typescript = require('../../../utils/typescript.js');
16
8
  var types = require('../../../utils/types.js');
17
- var shared = require('@vue/shared');
18
- var scroll = require('../../../utils/dom/scroll.js');
19
9
 
20
- const _hoisted_1 = ["src", "loading", "crossorigin"];
21
- const _hoisted_2 = { key: 0 };
22
- const __default__ = vue.defineComponent({
23
- name: "ElImage",
24
- inheritAttrs: false
25
- });
26
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
27
- ...__default__,
28
- props: image.imageProps,
29
- emits: image.imageEmits,
30
- setup(__props, { emit }) {
31
- const props = __props;
32
- let prevOverflow = "";
33
- const { t } = index.useLocale();
34
- const ns = index$1.useNamespace("image");
35
- const rawAttrs = vue.useAttrs();
36
- const attrs = index$2.useAttrs();
37
- const imageSrc = vue.ref();
38
- const hasLoadError = vue.ref(false);
39
- const isLoading = vue.ref(true);
40
- const showViewer = vue.ref(false);
41
- const container = vue.ref();
42
- const _scrollContainer = vue.ref();
43
- const supportLoading = core.isClient && "loading" in HTMLImageElement.prototype;
44
- let stopScrollListener;
45
- let stopWheelListener;
46
- const imageKls = vue.computed(() => [
47
- ns.e("inner"),
48
- preview.value && ns.e("preview"),
49
- isLoading.value && ns.is("loading")
50
- ]);
51
- const containerStyle = vue.computed(() => rawAttrs.style);
52
- const imageStyle = vue.computed(() => {
53
- const { fit } = props;
54
- if (core.isClient && fit) {
55
- return { objectFit: fit };
56
- }
57
- return {};
58
- });
59
- const preview = vue.computed(() => {
60
- const { previewSrcList } = props;
61
- return Array.isArray(previewSrcList) && previewSrcList.length > 0;
62
- });
63
- const imageIndex = vue.computed(() => {
64
- const { previewSrcList, initialIndex } = props;
65
- let previewIndex = initialIndex;
66
- if (initialIndex > previewSrcList.length - 1) {
67
- previewIndex = 0;
68
- }
69
- return previewIndex;
70
- });
71
- const isManual = vue.computed(() => {
72
- if (props.loading === "eager")
73
- return false;
74
- return !supportLoading && props.loading === "lazy" || props.lazy;
75
- });
76
- const loadImage = () => {
77
- if (!core.isClient)
78
- return;
79
- isLoading.value = true;
80
- hasLoadError.value = false;
81
- imageSrc.value = props.src;
82
- };
83
- function handleLoad(event) {
84
- isLoading.value = false;
85
- hasLoadError.value = false;
86
- emit("load", event);
87
- }
88
- function handleError(event) {
89
- isLoading.value = false;
90
- hasLoadError.value = true;
91
- emit("error", event);
92
- }
93
- function handleLazyLoad() {
94
- if (position.isInContainer(container.value, _scrollContainer.value)) {
95
- loadImage();
96
- removeLazyLoadListener();
97
- }
98
- }
99
- const lazyLoadHandler = core.useThrottleFn(handleLazyLoad, 200, true);
100
- async function addLazyLoadListener() {
101
- var _a;
102
- if (!core.isClient)
103
- return;
104
- await vue.nextTick();
105
- const { scrollContainer } = props;
106
- if (types.isElement(scrollContainer)) {
107
- _scrollContainer.value = scrollContainer;
108
- } else if (shared.isString(scrollContainer) && scrollContainer !== "") {
109
- _scrollContainer.value = (_a = document.querySelector(scrollContainer)) != null ? _a : void 0;
110
- } else if (container.value) {
111
- _scrollContainer.value = scroll.getScrollContainer(container.value);
112
- }
113
- if (_scrollContainer.value) {
114
- stopScrollListener = core.useEventListener(_scrollContainer, "scroll", lazyLoadHandler);
115
- setTimeout(() => handleLazyLoad(), 100);
116
- }
117
- }
118
- function removeLazyLoadListener() {
119
- if (!core.isClient || !_scrollContainer.value || !lazyLoadHandler)
120
- return;
121
- stopScrollListener == null ? void 0 : stopScrollListener();
122
- _scrollContainer.value = void 0;
123
- }
124
- function wheelHandler(e) {
125
- if (!e.ctrlKey)
126
- return;
127
- if (e.deltaY < 0) {
128
- e.preventDefault();
129
- return false;
130
- } else if (e.deltaY > 0) {
131
- e.preventDefault();
132
- return false;
133
- }
134
- }
135
- function clickHandler() {
136
- if (!preview.value)
137
- return;
138
- stopWheelListener = core.useEventListener("wheel", wheelHandler, {
139
- passive: false
140
- });
141
- prevOverflow = document.body.style.overflow;
142
- document.body.style.overflow = "hidden";
143
- showViewer.value = true;
144
- emit("show");
145
- }
146
- function closeViewer() {
147
- stopWheelListener == null ? void 0 : stopWheelListener();
148
- document.body.style.overflow = prevOverflow;
149
- showViewer.value = false;
150
- emit("close");
151
- }
152
- function switchViewer(val) {
153
- emit("switch", val);
154
- }
155
- vue.watch(() => props.src, () => {
156
- if (isManual.value) {
157
- isLoading.value = true;
158
- hasLoadError.value = false;
159
- removeLazyLoadListener();
160
- addLazyLoadListener();
161
- } else {
162
- loadImage();
163
- }
164
- });
165
- vue.onMounted(() => {
166
- if (isManual.value) {
167
- addLazyLoadListener();
168
- } else {
169
- loadImage();
170
- }
171
- });
172
- return (_ctx, _cache) => {
173
- return vue.openBlock(), vue.createElementBlock("div", {
174
- ref_key: "container",
175
- ref: container,
176
- class: vue.normalizeClass([vue.unref(ns).b(), _ctx.$attrs.class]),
177
- style: vue.normalizeStyle(vue.unref(containerStyle))
178
- }, [
179
- hasLoadError.value ? vue.renderSlot(_ctx.$slots, "error", { key: 0 }, () => [
180
- vue.createElementVNode("div", {
181
- class: vue.normalizeClass(vue.unref(ns).e("error"))
182
- }, vue.toDisplayString(vue.unref(t)("el.image.error")), 3)
183
- ]) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
184
- imageSrc.value !== void 0 ? (vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({ key: 0 }, vue.unref(attrs), {
185
- src: imageSrc.value,
186
- loading: _ctx.loading,
187
- style: vue.unref(imageStyle),
188
- class: vue.unref(imageKls),
189
- crossorigin: _ctx.crossorigin,
190
- onClick: clickHandler,
191
- onLoad: handleLoad,
192
- onError: handleError
193
- }), null, 16, _hoisted_1)) : vue.createCommentVNode("v-if", true),
194
- isLoading.value ? (vue.openBlock(), vue.createElementBlock("div", {
195
- key: 1,
196
- class: vue.normalizeClass(vue.unref(ns).e("wrapper"))
197
- }, [
198
- vue.renderSlot(_ctx.$slots, "placeholder", {}, () => [
199
- vue.createElementVNode("div", {
200
- class: vue.normalizeClass(vue.unref(ns).e("placeholder"))
201
- }, null, 2)
202
- ])
203
- ], 2)) : vue.createCommentVNode("v-if", true)
204
- ], 64)),
205
- vue.unref(preview) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
206
- showViewer.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.ElImageViewer), {
207
- key: 0,
208
- "z-index": _ctx.zIndex,
209
- "initial-index": vue.unref(imageIndex),
210
- infinite: _ctx.infinite,
211
- "zoom-rate": _ctx.zoomRate,
212
- "min-scale": _ctx.minScale,
213
- "max-scale": _ctx.maxScale,
214
- "url-list": _ctx.previewSrcList,
215
- "hide-on-click-modal": _ctx.hideOnClickModal,
216
- teleported: _ctx.previewTeleported,
217
- "close-on-press-escape": _ctx.closeOnPressEscape,
218
- onClose: closeViewer,
219
- onSwitch: switchViewer
220
- }, {
221
- default: vue.withCtx(() => [
222
- _ctx.$slots.viewer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
223
- vue.renderSlot(_ctx.$slots, "viewer")
224
- ])) : vue.createCommentVNode("v-if", true)
225
- ]),
226
- _: 3
227
- }, 8, ["z-index", "initial-index", "infinite", "zoom-rate", "min-scale", "max-scale", "url-list", "hide-on-click-modal", "teleported", "close-on-press-escape"])) : vue.createCommentVNode("v-if", true)
228
- ], 64)) : vue.createCommentVNode("v-if", true)
229
- ], 6);
230
- };
10
+ const imageProps = runtime.buildProps({
11
+ hideOnClickModal: Boolean,
12
+ src: {
13
+ type: String,
14
+ default: ""
15
+ },
16
+ fit: {
17
+ type: String,
18
+ values: ["", "contain", "cover", "fill", "none", "scale-down"],
19
+ default: ""
20
+ },
21
+ loading: {
22
+ type: String,
23
+ values: ["eager", "lazy"]
24
+ },
25
+ lazy: Boolean,
26
+ scrollContainer: {
27
+ type: runtime.definePropType([String, Object])
28
+ },
29
+ previewSrcList: {
30
+ type: runtime.definePropType(Array),
31
+ default: () => typescript.mutable([])
32
+ },
33
+ previewTeleported: Boolean,
34
+ zIndex: {
35
+ type: Number
36
+ },
37
+ initialIndex: {
38
+ type: Number,
39
+ default: 0
40
+ },
41
+ infinite: {
42
+ type: Boolean,
43
+ default: true
44
+ },
45
+ closeOnPressEscape: {
46
+ type: Boolean,
47
+ default: true
48
+ },
49
+ zoomRate: {
50
+ type: Number,
51
+ default: 1.2
52
+ },
53
+ minScale: {
54
+ type: Number,
55
+ default: 0.2
56
+ },
57
+ maxScale: {
58
+ type: Number,
59
+ default: 7
60
+ },
61
+ crossorigin: {
62
+ type: runtime.definePropType(String)
231
63
  }
232
64
  });
233
- var Image = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "image.vue"]]);
65
+ const imageEmits = {
66
+ load: (evt) => evt instanceof Event,
67
+ error: (evt) => evt instanceof Event,
68
+ switch: (val) => types.isNumber(val),
69
+ close: () => true,
70
+ show: () => true
71
+ };
234
72
 
235
- exports["default"] = Image;
73
+ exports.imageEmits = imageEmits;
74
+ exports.imageProps = imageProps;
236
75
  //# sourceMappingURL=image2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"image2.js","sources":["../../../../../../packages/components/image/src/image.vue"],"sourcesContent":["<template>\n <div ref=\"container\" :class=\"[ns.b(), $attrs.class]\" :style=\"containerStyle\">\n <slot v-if=\"hasLoadError\" name=\"error\">\n <div :class=\"ns.e('error')\">{{ t('el.image.error') }}</div>\n </slot>\n <template v-else>\n <img\n v-if=\"imageSrc !== undefined\"\n v-bind=\"attrs\"\n :src=\"imageSrc\"\n :loading=\"loading\"\n :style=\"imageStyle\"\n :class=\"imageKls\"\n :crossorigin=\"crossorigin\"\n @click=\"clickHandler\"\n @load=\"handleLoad\"\n @error=\"handleError\"\n />\n <div v-if=\"isLoading\" :class=\"ns.e('wrapper')\">\n <slot name=\"placeholder\">\n <div :class=\"ns.e('placeholder')\" />\n </slot>\n </div>\n </template>\n <template v-if=\"preview\">\n <image-viewer\n v-if=\"showViewer\"\n :z-index=\"zIndex\"\n :initial-index=\"imageIndex\"\n :infinite=\"infinite\"\n :zoom-rate=\"zoomRate\"\n :min-scale=\"minScale\"\n :max-scale=\"maxScale\"\n :url-list=\"previewSrcList\"\n :hide-on-click-modal=\"hideOnClickModal\"\n :teleported=\"previewTeleported\"\n :close-on-press-escape=\"closeOnPressEscape\"\n @close=\"closeViewer\"\n @switch=\"switchViewer\"\n >\n <div v-if=\"$slots.viewer\">\n <slot name=\"viewer\" />\n </div>\n </image-viewer>\n </template>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n nextTick,\n onMounted,\n ref,\n useAttrs as useRawAttrs,\n watch,\n} from 'vue'\nimport { useEventListener, useThrottleFn } from '@vueuse/core'\nimport { useAttrs, useLocale, useNamespace } from '@element-plus/hooks'\nimport ImageViewer from '@element-plus/components/image-viewer'\nimport {\n getScrollContainer,\n isClient,\n isElement,\n isInContainer,\n isString,\n} from '@element-plus/utils'\nimport { imageEmits, imageProps } from './image'\n\nimport type { CSSProperties, StyleValue } from 'vue'\n\ndefineOptions({\n name: 'ElImage',\n inheritAttrs: false,\n})\n\nconst props = defineProps(imageProps)\nconst emit = defineEmits(imageEmits)\n\nlet prevOverflow = ''\n\nconst { t } = useLocale()\nconst ns = useNamespace('image')\nconst rawAttrs = useRawAttrs()\nconst attrs = useAttrs()\n\nconst imageSrc = ref<string | undefined>()\nconst hasLoadError = ref(false)\nconst isLoading = ref(true)\nconst showViewer = ref(false)\nconst container = ref<HTMLElement>()\nconst _scrollContainer = ref<HTMLElement | Window>()\n\nconst supportLoading = isClient && 'loading' in HTMLImageElement.prototype\nlet stopScrollListener: (() => void) | undefined\nlet stopWheelListener: (() => void) | undefined\n\nconst imageKls = computed(() => [\n ns.e('inner'),\n preview.value && ns.e('preview'),\n isLoading.value && ns.is('loading'),\n])\n\nconst containerStyle = computed(() => rawAttrs.style as StyleValue)\n\nconst imageStyle = computed<CSSProperties>(() => {\n const { fit } = props\n if (isClient && fit) {\n return { objectFit: fit }\n }\n return {}\n})\n\nconst preview = computed(() => {\n const { previewSrcList } = props\n return Array.isArray(previewSrcList) && previewSrcList.length > 0\n})\n\nconst imageIndex = computed(() => {\n const { previewSrcList, initialIndex } = props\n let previewIndex = initialIndex\n if (initialIndex > previewSrcList.length - 1) {\n previewIndex = 0\n }\n return previewIndex\n})\n\nconst isManual = computed(() => {\n if (props.loading === 'eager') return false\n return (!supportLoading && props.loading === 'lazy') || props.lazy\n})\n\nconst loadImage = () => {\n if (!isClient) return\n\n // reset status\n isLoading.value = true\n hasLoadError.value = false\n imageSrc.value = props.src\n}\n\nfunction handleLoad(event: Event) {\n isLoading.value = false\n hasLoadError.value = false\n emit('load', event)\n}\n\nfunction handleError(event: Event) {\n isLoading.value = false\n hasLoadError.value = true\n emit('error', event)\n}\n\nfunction handleLazyLoad() {\n if (isInContainer(container.value, _scrollContainer.value)) {\n loadImage()\n removeLazyLoadListener()\n }\n}\n\nconst lazyLoadHandler = useThrottleFn(handleLazyLoad, 200, true)\n\nasync function addLazyLoadListener() {\n if (!isClient) return\n\n await nextTick()\n\n const { scrollContainer } = props\n if (isElement(scrollContainer)) {\n _scrollContainer.value = scrollContainer\n } else if (isString(scrollContainer) && scrollContainer !== '') {\n _scrollContainer.value =\n document.querySelector<HTMLElement>(scrollContainer) ?? undefined\n } else if (container.value) {\n _scrollContainer.value = getScrollContainer(container.value)\n }\n\n if (_scrollContainer.value) {\n stopScrollListener = useEventListener(\n _scrollContainer,\n 'scroll',\n lazyLoadHandler\n )\n setTimeout(() => handleLazyLoad(), 100)\n }\n}\n\nfunction removeLazyLoadListener() {\n if (!isClient || !_scrollContainer.value || !lazyLoadHandler) return\n\n stopScrollListener?.()\n _scrollContainer.value = undefined\n}\n\nfunction wheelHandler(e: WheelEvent) {\n if (!e.ctrlKey) return\n\n if (e.deltaY < 0) {\n e.preventDefault()\n return false\n } else if (e.deltaY > 0) {\n e.preventDefault()\n return false\n }\n}\n\nfunction clickHandler() {\n // don't show viewer when preview is false\n if (!preview.value) return\n\n stopWheelListener = useEventListener('wheel', wheelHandler, {\n passive: false,\n })\n\n // prevent body scroll\n prevOverflow = document.body.style.overflow\n document.body.style.overflow = 'hidden'\n showViewer.value = true\n emit('show')\n}\n\nfunction closeViewer() {\n stopWheelListener?.()\n document.body.style.overflow = prevOverflow\n showViewer.value = false\n emit('close')\n}\n\nfunction switchViewer(val: number) {\n emit('switch', val)\n}\n\nwatch(\n () => props.src,\n () => {\n if (isManual.value) {\n // reset status\n isLoading.value = true\n hasLoadError.value = false\n removeLazyLoadListener()\n addLazyLoadListener()\n } else {\n loadImage()\n }\n }\n)\n\nonMounted(() => {\n if (isManual.value) {\n addLazyLoadListener()\n } else {\n loadImage()\n }\n})\n</script>\n"],"names":["useLocale","useNamespace","useRawAttrs","useAttrs","ref","isClient","computed","isInContainer","useThrottleFn","nextTick","isElement","isString","getScrollContainer","useEventListener","watch","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;uCAuEc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAA,IAAI,YAAe,GAAA,EAAA,CAAA;AAEnB,IAAM,MAAA,EAAE,MAAMA,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,OAAO,CAAA,CAAA;AAC/B,IAAA,MAAM,WAAWC,YAAY,EAAA,CAAA;AAC7B,IAAA,MAAM,QAAQC,gBAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,WAAWC,OAAwB,EAAA,CAAA;AACzC,IAAM,MAAA,YAAA,GAAeA,QAAI,KAAK,CAAA,CAAA;AAC9B,IAAM,MAAA,SAAA,GAAYA,QAAI,IAAI,CAAA,CAAA;AAC1B,IAAM,MAAA,UAAA,GAAaA,QAAI,KAAK,CAAA,CAAA;AAC5B,IAAA,MAAM,YAAYA,OAAiB,EAAA,CAAA;AACnC,IAAA,MAAM,mBAAmBA,OAA0B,EAAA,CAAA;AAEnD,IAAM,MAAA,cAAA,GAAiBC,aAAY,IAAA,SAAA,IAAa,gBAAiB,CAAA,SAAA,CAAA;AACjE,IAAI,IAAA,kBAAA,CAAA;AACJ,IAAI,IAAA,iBAAA,CAAA;AAEJ,IAAM,MAAA,QAAA,GAAWC,aAAS,MAAM;AAAA,MAC9B,EAAA,CAAG,EAAE,OAAO,CAAA;AAAA,MACZ,OAAQ,CAAA,KAAA,IAAS,EAAG,CAAA,CAAA,CAAE,SAAS,CAAA;AAAA,MAC/B,SAAU,CAAA,KAAA,IAAS,EAAG,CAAA,EAAA,CAAG,SAAS,CAAA;AAAA,KACnC,CAAA,CAAA;AAED,IAAA,MAAM,cAAiB,GAAAA,YAAA,CAAS,MAAM,QAAA,CAAS,KAAmB,CAAA,CAAA;AAElE,IAAM,MAAA,UAAA,GAAaA,aAAwB,MAAM;AAC/C,MAAA,MAAM,EAAE,GAAQ,EAAA,GAAA,KAAA,CAAA;AAChB,MAAA,IAAID,iBAAY,GAAK,EAAA;AACnB,QAAO,OAAA,EAAE,WAAW,GAAI,EAAA,CAAA;AAAA,OAC1B;AACA,MAAA,OAAO,EAAC,CAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAM,MAAA,OAAA,GAAUC,aAAS,MAAM;AAC7B,MAAA,MAAM,EAAE,cAAmB,EAAA,GAAA,KAAA,CAAA;AAC3B,MAAA,OAAO,KAAM,CAAA,OAAA,CAAQ,cAAc,CAAA,IAAK,eAAe,MAAS,GAAA,CAAA,CAAA;AAAA,KACjE,CAAA,CAAA;AAED,IAAM,MAAA,UAAA,GAAaA,aAAS,MAAM;AAChC,MAAM,MAAA,EAAE,gBAAgB,YAAiB,EAAA,GAAA,KAAA,CAAA;AACzC,MAAA,IAAI,YAAe,GAAA,YAAA,CAAA;AACnB,MAAI,IAAA,YAAA,GAAe,cAAe,CAAA,MAAA,GAAS,CAAG,EAAA;AAC5C,QAAe,YAAA,GAAA,CAAA,CAAA;AAAA,OACjB;AACA,MAAO,OAAA,YAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAWA,aAAS,MAAM;AAC9B,MAAA,IAAI,MAAM,OAAY,KAAA,OAAA;AAAS,QAAO,OAAA,KAAA,CAAA;AACtC,MAAA,OAAQ,CAAC,cAAA,IAAkB,KAAM,CAAA,OAAA,KAAY,UAAW,KAAM,CAAA,IAAA,CAAA;AAAA,KAC/D,CAAA,CAAA;AAED,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,IAAI,CAACD,aAAA;AAAU,QAAA,OAAA;AAGf,MAAA,SAAA,CAAU,KAAQ,GAAA,IAAA,CAAA;AAClB,MAAA,YAAA,CAAa,KAAQ,GAAA,KAAA,CAAA;AACrB,MAAA,QAAA,CAAS,QAAQ,KAAM,CAAA,GAAA,CAAA;AAAA,KACzB,CAAA;AAEA,IAAA,SAAA,UAAA,CAAoB,KAAc,EAAA;AAChC,MAAA,SAAA,CAAU,KAAQ,GAAA,KAAA,CAAA;AAClB,MAAA,YAAA,CAAa,KAAQ,GAAA,KAAA,CAAA;AACrB,MAAA,IAAA,CAAK,QAAQ,KAAK,CAAA,CAAA;AAAA,KACpB;AAEA,IAAA,SAAA,WAAA,CAAqB,KAAc,EAAA;AACjC,MAAA,SAAA,CAAU,KAAQ,GAAA,KAAA,CAAA;AAClB,MAAA,YAAA,CAAa,KAAQ,GAAA,IAAA,CAAA;AACrB,MAAA,IAAA,CAAK,SAAS,KAAK,CAAA,CAAA;AAAA,KACrB;AAEA,IAA0B,SAAA,cAAA,GAAA;AACxB,MAAA,IAAIE,sBAAc,CAAA,SAAA,CAAU,KAAO,EAAA,gBAAA,CAAiB,KAAK,CAAG,EAAA;AAC1D,QAAU,SAAA,EAAA,CAAA;AACV,QAAuB,sBAAA,EAAA,CAAA;AAAA,OACzB;AAAA,KACF;AAEA,IAAA,MAAM,eAAkB,GAAAC,kBAAA,CAAc,cAAgB,EAAA,GAAA,EAAK,IAAI,CAAA,CAAA;AAE/D,IAAqC,eAAA,mBAAA,GAAA;AACnC,MAAA,IAAI,EAAC,CAAA;AAAU,MAAA,IAAA,CAAAH,aAAA;AAEf,QAAA,OAAe;AAEf,MAAA,MAAMI,YAAsB,EAAA,CAAA;AAC5B,MAAI,MAAA,EAAA,yBAA4B,CAAA;AAC9B,MAAA,IAAAC,eAAA,CAAA,eAAyB,CAAA,EAAA;AAAA,QAChB,gBAAA,CAAA,KAAwB,GAAA;AACjC,OAAA,MAAA,IAAAC,eAAiB,CACf,eAAA,CAAS,IAA2B,eAAA,KAAA,EAAA,EAAA;AAAoB,QAC5D,sBAA4B,GAAA,CAAA,EAAA,GAAA,QAAA,CAAA,aAAA,CAAA,eAAA,CAAA,KAAA,IAAA,GAAA,EAAA,GAAA,KAAA,CAAA,CAAA;AAC1B,OAAiB,MAAA,IAAA,SAAA,CAAA,KAAA,EAA2B;AAAe,QAC7D,gBAAA,CAAA,KAAA,GAAAC,yBAAA,CAAA,SAAA,CAAA,KAAA,CAAA,CAAA;AAEA,OAAA;AACE,MAAqB,IAAA,gBAAA,CAAA,KAAA,EAAA;AAKrB,QAAW,kBAAqB,GAAAC,qBAAM,CAAA,gBAAA,EAAA,QAAA,EAAA,eAAA,CAAA,CAAA;AAAA,QACxC,UAAA,CAAA,MAAA,cAAA,EAAA,EAAA,GAAA,CAAA,CAAA;AAAA,OACF;AAEA,KAAkC;AAChC,IAAA,SAAK,sBAAa,GAAA;AAA4C,MAAA,IAAA,CAAAR,aAAA,IAAA,CAAA,gBAAA,CAAA,KAAA,IAAA,CAAA,eAAA;AAE9D,QAAqB,OAAA;AACrB,MAAA,kBAAyB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,kBAAA,EAAA,CAAA;AAAA,MAC3B,gBAAA,CAAA,KAAA,GAAA,KAAA,CAAA,CAAA;AAEA,KAAA;AACE,IAAA,SAAO,YAAA,CAAA,CAAA,EAAA;AAAS,MAAA,IAAA,CAAA,CAAA,CAAA,OAAA;AAEhB,QAAI;AACF,MAAA,IAAE,CAAe,CAAA,MAAA,GAAA,CAAA,EAAA;AACjB,QAAO,CAAA,CAAA,cAAA,EAAA,CAAA;AAAA,QACT,OAAA,KAAa,CAAA;AACX,OAAA,MAAiB,IAAA,CAAA,CAAA,MAAA,GAAA,CAAA,EAAA;AACjB,QAAO,CAAA,CAAA,cAAA,EAAA,CAAA;AAAA,QACT,OAAA,KAAA,CAAA;AAAA,OACF;AAEA,KAAwB;AAEtB,IAAA,SAAa,YAAA,GAAA;AAAO,MAAA,IAAA,CAAA,OAAA,CAAA,KAAA;AAEpB,QAAoB,OAAA;AAAwC,MAAA,iBACjD,GAAAQ,qBAAA,CAAA,OAAA,EAAA,YAAA,EAAA;AAAA,QACV,OAAA,EAAA,KAAA;AAGD,OAAe,CAAA,CAAA;AACf,MAAS,YAAA,WAAsB,CAAA,IAAA,CAAA,KAAA,CAAA,QAAA,CAAA;AAC/B,MAAA,QAAA,CAAA,IAAmB,CAAA,KAAA,CAAA,QAAA,GAAA,QAAA,CAAA;AACnB,MAAA,UAAW,CAAA,KAAA,GAAA,IAAA,CAAA;AAAA,MACb,IAAA,CAAA,MAAA,CAAA,CAAA;AAEA,KAAuB;AACrB,IAAoB,SAAA,WAAA,GAAA;AACpB,MAAS,qBAAsB,IAAA,GAAA,KAAA,CAAA,GAAA,iBAAA,EAAA,CAAA;AAC/B,MAAA,QAAA,CAAA,IAAmB,CAAA,KAAA,CAAA,QAAA,GAAA,YAAA,CAAA;AACnB,MAAA,UAAY,CAAA,KAAA,GAAA,KAAA,CAAA;AAAA,MACd,IAAA,CAAA,OAAA,CAAA,CAAA;AAEA,KAAA;AACE,IAAA,qBAAkB,CAAA,GAAA,EAAA;AAAA,MACpB,IAAA,CAAA,QAAA,EAAA,GAAA,CAAA,CAAA;AAEA,KACE;AAEE,IAAAC,SAAA,CAAI,WAAgB,CAAA,GAAA,EAAA,MAAA;AAElB,MAAA,IAAA,QAAU,CAAQ,KAAA,EAAA;AAClB,QAAA,SAAA,CAAA,KAAqB,GAAA,IAAA,CAAA;AACrB,QAAuB,YAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AACvB,QAAoB,sBAAA,EAAA,CAAA;AAAA,QACf,mBAAA,EAAA,CAAA;AACL,OAAU,MAAA;AAAA,QACZ,SAAA,EAAA,CAAA;AAAA,OAEJ;AAEA,KAAA,CAAA,CAAA;AACE,IAAAC,oBAAoB;AAClB,MAAoB,IAAA,QAAA,CAAA,KAAA,EAAA;AAAA,QACf,mBAAA,EAAA,CAAA;AACL,OAAU,MAAA;AAAA,QACZ,SAAA,EAAA,CAAA;AAAA,OACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"image2.js","sources":["../../../../../../packages/components/image/src/image.ts"],"sourcesContent":["import {\n buildProps,\n definePropType,\n isNumber,\n mutable,\n} from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const imageProps = buildProps({\n /**\n * @description when enabling preview, use this flag to control whether clicking on backdrop can exit preview mode.\n */\n hideOnClickModal: Boolean,\n /**\n * @description image source, same as native.\n */\n src: {\n type: String,\n default: '',\n },\n /**\n * @description indicate how the image should be resized to fit its container, same as [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit).\n */\n fit: {\n type: String,\n values: ['', 'contain', 'cover', 'fill', 'none', 'scale-down'],\n default: '',\n },\n /**\n * @description Indicates how the browser should load the image, same as [native](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-loading)\n */\n loading: {\n type: String,\n values: ['eager', 'lazy'],\n },\n /**\n * @description whether to use lazy load.\n */\n lazy: Boolean,\n /**\n * @description the container to add scroll listener when using lazy load.\n */\n scrollContainer: {\n type: definePropType<string | HTMLElement | undefined>([String, Object]),\n },\n /**\n * @description allow big image preview.\n */\n previewSrcList: {\n type: definePropType<string[]>(Array),\n default: () => mutable([] as const),\n },\n /**\n * @description whether to append image-viewer to body. A nested parent element attribute transform should have this attribute set to `true`.\n */\n previewTeleported: Boolean,\n /**\n * @description set image preview z-index.\n */\n zIndex: {\n type: Number,\n },\n /**\n * @description initial preview image index, less than the length of `url-list`.\n */\n initialIndex: {\n type: Number,\n default: 0,\n },\n /**\n * @description whether the viewer preview is infinite.\n */\n infinite: {\n type: Boolean,\n default: true,\n },\n /**\n * @description whether the image-viewer can be closed by pressing ESC.\n */\n closeOnPressEscape: {\n type: Boolean,\n default: true,\n },\n /**\n * @description the zoom rate of the image viewer zoom event\n */\n zoomRate: {\n type: Number,\n default: 1.2,\n },\n /**\n * @description the min scale of the image viewer zoom event.\n */\n minScale: {\n type: Number,\n default: 0.2,\n },\n /**\n * @description the max scale of the image viewer zoom event.\n */\n maxScale: {\n type: Number,\n default: 7,\n },\n /**\n * @description set HTML attribute: crossorigin.\n */\n crossorigin: {\n type: definePropType<'anonymous' | 'use-credentials' | ''>(String),\n },\n} as const)\nexport type ImageProps = ExtractPropTypes<typeof imageProps>\n\nexport const imageEmits = {\n load: (evt: Event) => evt instanceof Event,\n error: (evt: Event) => evt instanceof Event,\n switch: (val: number) => isNumber(val),\n close: () => true,\n show: () => true,\n}\nexport type ImageEmits = typeof imageEmits\n"],"names":["buildProps","definePropType","mutable","isNumber"],"mappings":";;;;;;;;;AAMY,MAAC,UAAU,GAAGA,kBAAU,CAAC;AACrC,EAAE,gBAAgB,EAAE,OAAO;AAC3B,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC;AAClE,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;AAC7B,GAAG;AACH,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAEA,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,EAAE,iBAAiB,EAAE,OAAO;AAC5B,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAED,sBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,IAAI,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,KAAK;AACrC,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,KAAK;AACtC,EAAE,MAAM,EAAE,CAAC,GAAG,KAAKE,cAAQ,CAAC,GAAG,CAAC;AAChC,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB,EAAE,IAAI,EAAE,MAAM,IAAI;AAClB;;;;;"}
@@ -93,7 +93,7 @@ var constants = require('./breadcrumb/src/constants.js');
93
93
  var button = require('./button/src/button.js');
94
94
  var constants$1 = require('./button/src/constants.js');
95
95
  var calendar = require('./calendar/src/calendar.js');
96
- var card = require('./card/src/card.js');
96
+ var card = require('./card/src/card2.js');
97
97
  var carousel = require('./carousel/src/carousel.js');
98
98
  var carouselItem = require('./carousel/src/carousel-item.js');
99
99
  var constants$2 = require('./carousel/src/constants.js');
@@ -131,14 +131,14 @@ var constants$8 = require('./form/src/constants.js');
131
131
  var useFormCommonProps = require('./form/src/hooks/use-form-common-props.js');
132
132
  var useFormItem = require('./form/src/hooks/use-form-item.js');
133
133
  var icon = require('./icon/src/icon.js');
134
- var image = require('./image/src/image.js');
134
+ var image = require('./image/src/image2.js');
135
135
  var imageViewer = require('./image-viewer/src/image-viewer.js');
136
136
  var input = require('./input/src/input.js');
137
137
  var inputNumber = require('./input-number/src/input-number.js');
138
138
  var link = require('./link/src/link.js');
139
139
  var menu = require('./menu/src/menu.js');
140
140
  var menuItem = require('./menu/src/menu-item.js');
141
- var menuItemGroup = require('./menu/src/menu-item-group2.js');
141
+ var menuItemGroup = require('./menu/src/menu-item-group.js');
142
142
  var subMenu = require('./menu/src/sub-menu.js');
143
143
  var overlay = require('./overlay/src/overlay.js');
144
144
  var pageHeader = require('./page-header/src/page-header.js');
@@ -146,12 +146,12 @@ var pagination = require('./pagination/src/pagination.js');
146
146
  var constants$9 = require('./pagination/src/constants.js');
147
147
  var popconfirm = require('./popconfirm/src/popconfirm.js');
148
148
  var popper = require('./popper/src/popper.js');
149
- var trigger$1 = require('./popper/src/trigger.js');
149
+ var trigger$1 = require('./popper/src/trigger2.js');
150
150
  var content$1 = require('./popper/src/content.js');
151
151
  var arrow$1 = require('./popper/src/arrow.js');
152
152
  var constants$a = require('./popper/src/constants.js');
153
153
  var arrow = require('./popper/src/arrow2.js');
154
- var trigger = require('./popper/src/trigger2.js');
154
+ var trigger = require('./popper/src/trigger.js');
155
155
  var content = require('./popper/src/content2.js');
156
156
  var progress = require('./progress/src/progress.js');
157
157
  var radio = require('./radio/src/radio.js');
@@ -169,7 +169,7 @@ var constants$d = require('./scrollbar/src/constants.js');
169
169
  var token = require('./select/src/token.js');
170
170
  var token$1 = require('./select-v2/src/token.js');
171
171
  var skeleton = require('./skeleton/src/skeleton.js');
172
- var skeletonItem = require('./skeleton/src/skeleton-item.js');
172
+ var skeletonItem = require('./skeleton/src/skeleton-item2.js');
173
173
  var slider = require('./slider/src/slider.js');
174
174
  var constants$e = require('./slider/src/constants.js');
175
175
  var space = require('./space/src/space.js');
@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  require('../../utils/index.js');
6
6
  var menu = require('./src/menu.js');
7
7
  var menuItem$1 = require('./src/menu-item2.js');
8
- var menuItemGroup$1 = require('./src/menu-item-group.js');
8
+ var menuItemGroup$1 = require('./src/menu-item-group2.js');
9
9
  var subMenu = require('./src/sub-menu.js');
10
10
  var menuItem = require('./src/menu-item.js');
11
- var menuItemGroup = require('./src/menu-item-group2.js');
11
+ var menuItemGroup = require('./src/menu-item-group.js');
12
12
  require('./src/types.js');
13
13
  require('./src/instance.js');
14
14
  var install = require('../../utils/vue/install.js');
@@ -2,40 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- require('../../../hooks/index.js');
7
- var menuItemGroup = require('./menu-item-group2.js');
8
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
9
- var index = require('../../../hooks/use-namespace/index.js');
5
+ const menuItemGroupProps = {
6
+ title: String
7
+ };
10
8
 
11
- const COMPONENT_NAME = "ElMenuItemGroup";
12
- const _sfc_main = vue.defineComponent({
13
- name: COMPONENT_NAME,
14
- props: menuItemGroup.menuItemGroupProps,
15
- setup() {
16
- const ns = index.useNamespace("menu-item-group");
17
- return {
18
- ns
19
- };
20
- }
21
- });
22
- function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
23
- return vue.openBlock(), vue.createElementBlock("li", {
24
- class: vue.normalizeClass(_ctx.ns.b())
25
- }, [
26
- vue.createElementVNode("div", {
27
- class: vue.normalizeClass(_ctx.ns.e("title"))
28
- }, [
29
- !_ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
30
- vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
31
- ], 64)) : vue.renderSlot(_ctx.$slots, "title", { key: 1 })
32
- ], 2),
33
- vue.createElementVNode("ul", null, [
34
- vue.renderSlot(_ctx.$slots, "default")
35
- ])
36
- ], 2);
37
- }
38
- var MenuItemGroup = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "menu-item-group.vue"]]);
39
-
40
- exports["default"] = MenuItemGroup;
9
+ exports.menuItemGroupProps = menuItemGroupProps;
41
10
  //# sourceMappingURL=menu-item-group.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"menu-item-group.js","sources":["../../../../../../packages/components/menu/src/menu-item-group.vue"],"sourcesContent":["<template>\n <li :class=\"ns.b()\">\n <div :class=\"ns.e('title')\">\n <template v-if=\"!$slots.title\">{{ title }}</template>\n <slot v-else name=\"title\" />\n </div>\n <ul>\n <slot />\n </ul>\n </li>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { menuItemGroupProps } from './menu-item-group'\n\nconst COMPONENT_NAME = 'ElMenuItemGroup'\n\nexport default defineComponent({\n name: COMPONENT_NAME,\n\n props: menuItemGroupProps,\n\n setup() {\n const ns = useNamespace('menu-item-group')\n\n return {\n ns,\n }\n },\n})\n</script>\n"],"names":["defineComponent","menuItemGroupProps","useNamespace","_createElementBlock","_normalizeClass","_createElementVNode","_Fragment","_createTextVNode","_toDisplayString","_renderSlot"],"mappings":";;;;;;;;;;AAiBA,MAAM,cAAiB,GAAA,iBAAA,CAAA;AAEvB,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,cAAA;AAAA,EAEN,KAAO,EAAAC,gCAAA;AAAA,EAEP,KAAQ,GAAA;AACN,IAAM,MAAA,EAAA,GAAKC,mBAAa,iBAAiB,CAAA,CAAA;AAEzC,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;0BA9BCC,sBAQK,CAAA,IAAA,EAAA;AAAA,IARA,KAAA,EAAKC,kBAAE,CAAA,IAAA,CAAA,EAAA,CAAG,CAAC,EAAA,CAAA;AAAA,GAAA,EAAA;IACdC,sBAGM,CAAA,KAAA,EAAA;AAAA,MAHA,KAAA,EAAKD,kBAAE,CAAA,IAAA,CAAA,EAAA,CAAG,CAAC,CAAA,OAAA,CAAA,CAAA;AAAA,KAAA,EAAA;AACE,MAAA,CAAA,IAAA,CAAA,MAAA,CAAO,0BAAxBD,sBAAqD,CAAAG,YAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAAA;AAAA,QAAAC,mBAAA,CAAAC,mBAAA,CAAnB,IAAK,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AAAA,OAAA,EAAA,EAAA,CAAA,IACvCC,cAA4B,CAAA,IAAA,CAAA,MAAA,EAAA,OAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAA;AAAA,KAAA,EAAA,CAAA,CAAA;IAE9BJ,sBAEK,CAAA,IAAA,EAAA,IAAA,EAAA;AAAA,MADHI,cAAQ,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;"}
1
+ {"version":3,"file":"menu-item-group.js","sources":["../../../../../../packages/components/menu/src/menu-item-group.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const menuItemGroupProps = {\n title: String,\n} as const\nexport type MenuItemGroupProps = ExtractPropTypes<typeof menuItemGroupProps>\n"],"names":[],"mappings":";;;;AAAY,MAAC,kBAAkB,GAAG;AAClC,EAAE,KAAK,EAAE,MAAM;AACf;;;;"}
@@ -2,9 +2,40 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const menuItemGroupProps = {
6
- title: String
7
- };
5
+ var vue = require('vue');
6
+ require('../../../hooks/index.js');
7
+ var menuItemGroup = require('./menu-item-group.js');
8
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
9
+ var index = require('../../../hooks/use-namespace/index.js');
8
10
 
9
- exports.menuItemGroupProps = menuItemGroupProps;
11
+ const COMPONENT_NAME = "ElMenuItemGroup";
12
+ const _sfc_main = vue.defineComponent({
13
+ name: COMPONENT_NAME,
14
+ props: menuItemGroup.menuItemGroupProps,
15
+ setup() {
16
+ const ns = index.useNamespace("menu-item-group");
17
+ return {
18
+ ns
19
+ };
20
+ }
21
+ });
22
+ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
23
+ return vue.openBlock(), vue.createElementBlock("li", {
24
+ class: vue.normalizeClass(_ctx.ns.b())
25
+ }, [
26
+ vue.createElementVNode("div", {
27
+ class: vue.normalizeClass(_ctx.ns.e("title"))
28
+ }, [
29
+ !_ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
30
+ vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
31
+ ], 64)) : vue.renderSlot(_ctx.$slots, "title", { key: 1 })
32
+ ], 2),
33
+ vue.createElementVNode("ul", null, [
34
+ vue.renderSlot(_ctx.$slots, "default")
35
+ ])
36
+ ], 2);
37
+ }
38
+ var MenuItemGroup = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "menu-item-group.vue"]]);
39
+
40
+ exports["default"] = MenuItemGroup;
10
41
  //# sourceMappingURL=menu-item-group2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"menu-item-group2.js","sources":["../../../../../../packages/components/menu/src/menu-item-group.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const menuItemGroupProps = {\n title: String,\n} as const\nexport type MenuItemGroupProps = ExtractPropTypes<typeof menuItemGroupProps>\n"],"names":[],"mappings":";;;;AAAY,MAAC,kBAAkB,GAAG;AAClC,EAAE,KAAK,EAAE,MAAM;AACf;;;;"}
1
+ {"version":3,"file":"menu-item-group2.js","sources":["../../../../../../packages/components/menu/src/menu-item-group.vue"],"sourcesContent":["<template>\n <li :class=\"ns.b()\">\n <div :class=\"ns.e('title')\">\n <template v-if=\"!$slots.title\">{{ title }}</template>\n <slot v-else name=\"title\" />\n </div>\n <ul>\n <slot />\n </ul>\n </li>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { menuItemGroupProps } from './menu-item-group'\n\nconst COMPONENT_NAME = 'ElMenuItemGroup'\n\nexport default defineComponent({\n name: COMPONENT_NAME,\n\n props: menuItemGroupProps,\n\n setup() {\n const ns = useNamespace('menu-item-group')\n\n return {\n ns,\n }\n },\n})\n</script>\n"],"names":["defineComponent","menuItemGroupProps","useNamespace","_createElementBlock","_normalizeClass","_createElementVNode","_Fragment","_createTextVNode","_toDisplayString","_renderSlot"],"mappings":";;;;;;;;;;AAiBA,MAAM,cAAiB,GAAA,iBAAA,CAAA;AAEvB,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,cAAA;AAAA,EAEN,KAAO,EAAAC,gCAAA;AAAA,EAEP,KAAQ,GAAA;AACN,IAAM,MAAA,EAAA,GAAKC,mBAAa,iBAAiB,CAAA,CAAA;AAEzC,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;0BA9BCC,sBAQK,CAAA,IAAA,EAAA;AAAA,IARA,KAAA,EAAKC,kBAAE,CAAA,IAAA,CAAA,EAAA,CAAG,CAAC,EAAA,CAAA;AAAA,GAAA,EAAA;IACdC,sBAGM,CAAA,KAAA,EAAA;AAAA,MAHA,KAAA,EAAKD,kBAAE,CAAA,IAAA,CAAA,EAAA,CAAG,CAAC,CAAA,OAAA,CAAA,CAAA;AAAA,KAAA,EAAA;AACE,MAAA,CAAA,IAAA,CAAA,MAAA,CAAO,0BAAxBD,sBAAqD,CAAAG,YAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAAA;AAAA,QAAAC,mBAAA,CAAAC,mBAAA,CAAnB,IAAK,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AAAA,OAAA,EAAA,EAAA,CAAA,IACvCC,cAA4B,CAAA,IAAA,CAAA,MAAA,EAAA,OAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAA;AAAA,KAAA,EAAA,CAAA,CAAA;IAE9BJ,sBAEK,CAAA,IAAA,EAAA,IAAA,EAAA;AAAA,MADHI,cAAQ,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;"}
@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  require('../../utils/index.js');
6
6
  var popper$1 = require('./src/popper2.js');
7
7
  var arrow = require('./src/arrow2.js');
8
- var trigger = require('./src/trigger2.js');
8
+ var trigger = require('./src/trigger.js');
9
9
  var content = require('./src/content2.js');
10
10
  var popper = require('./src/popper.js');
11
- var trigger$1 = require('./src/trigger.js');
11
+ var trigger$1 = require('./src/trigger2.js');
12
12
  var content$1 = require('./src/content.js');
13
13
  var arrow$1 = require('./src/arrow.js');
14
14
  var constants = require('./src/constants.js');