@element-plus/nightly 0.0.20240312 → 0.0.20240314

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 (291) 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/affix/index.mjs +2 -2
  244. package/es/components/affix/src/affix.mjs +26 -117
  245. package/es/components/affix/src/affix.mjs.map +1 -1
  246. package/es/components/affix/src/affix2.mjs +117 -26
  247. package/es/components/affix/src/affix2.mjs.map +1 -1
  248. package/es/components/index.mjs +2 -2
  249. package/es/components/tour/index.d.ts +10 -10
  250. package/es/components/tour/src/step.d.ts +1 -1
  251. package/es/components/tour/src/step.mjs.map +1 -1
  252. package/es/components/tour/src/step.vue.d.ts +3 -3
  253. package/es/components/tour/src/tour.d.ts +1 -1
  254. package/es/components/tour/src/tour.mjs.map +1 -1
  255. package/es/components/tour/src/tour.vue.d.ts +4 -4
  256. package/es/components/upload/index.mjs +1 -1
  257. package/es/components/upload/src/upload-list.mjs +178 -29
  258. package/es/components/upload/src/upload-list.mjs.map +1 -1
  259. package/es/components/upload/src/upload-list2.mjs +29 -178
  260. package/es/components/upload/src/upload-list2.mjs.map +1 -1
  261. package/es/components/upload/src/upload2.mjs +1 -1
  262. package/es/index.mjs +2 -2
  263. package/es/version.d.ts +1 -1
  264. package/es/version.mjs +1 -1
  265. package/es/version.mjs.map +1 -1
  266. package/lib/components/affix/index.js +2 -2
  267. package/lib/components/affix/src/affix.js +27 -117
  268. package/lib/components/affix/src/affix.js.map +1 -1
  269. package/lib/components/affix/src/affix2.js +117 -27
  270. package/lib/components/affix/src/affix2.js.map +1 -1
  271. package/lib/components/index.js +2 -2
  272. package/lib/components/tour/index.d.ts +10 -10
  273. package/lib/components/tour/src/step.d.ts +1 -1
  274. package/lib/components/tour/src/step.js.map +1 -1
  275. package/lib/components/tour/src/step.vue.d.ts +3 -3
  276. package/lib/components/tour/src/tour.d.ts +1 -1
  277. package/lib/components/tour/src/tour.js.map +1 -1
  278. package/lib/components/tour/src/tour.vue.d.ts +4 -4
  279. package/lib/components/upload/index.js +1 -1
  280. package/lib/components/upload/src/upload-list.js +178 -30
  281. package/lib/components/upload/src/upload-list.js.map +1 -1
  282. package/lib/components/upload/src/upload-list2.js +30 -178
  283. package/lib/components/upload/src/upload-list2.js.map +1 -1
  284. package/lib/components/upload/src/upload2.js +1 -1
  285. package/lib/index.js +2 -2
  286. package/lib/version.d.ts +1 -1
  287. package/lib/version.js +1 -1
  288. package/lib/version.js.map +1 -1
  289. package/package.json +2 -2
  290. package/theme-chalk/src/anchor.scss +2 -3
  291. package/web-types.json +1 -1
@@ -32,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
32
32
  block: string;
33
33
  }, boolean>;
34
34
  type: {
35
- readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => ("primary" | "defalut") & {}) | (() => "primary" | "defalut") | ((new (...args: any[]) => ("primary" | "defalut") & {}) | (() => "primary" | "defalut"))[], unknown, unknown>>;
35
+ readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => ("default" | "primary") & {}) | (() => "default" | "primary") | ((new (...args: any[]) => ("default" | "primary") & {}) | (() => "default" | "primary"))[], unknown, unknown>>;
36
36
  readonly required: false;
37
37
  readonly validator: ((val: unknown) => boolean) | undefined;
38
38
  __epPropKey: true;
@@ -74,7 +74,7 @@ declare const _default: import("vue").DefineComponent<{
74
74
  block: string;
75
75
  }, boolean>;
76
76
  type: {
77
- readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => ("primary" | "defalut") & {}) | (() => "primary" | "defalut") | ((new (...args: any[]) => ("primary" | "defalut") & {}) | (() => "primary" | "defalut"))[], unknown, unknown>>;
77
+ readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => ("default" | "primary") & {}) | (() => "default" | "primary") | ((new (...args: any[]) => ("default" | "primary") & {}) | (() => "default" | "primary"))[], unknown, unknown>>;
78
78
  readonly required: false;
79
79
  readonly validator: ((val: unknown) => boolean) | undefined;
80
80
  __epPropKey: true;
@@ -123,7 +123,7 @@ declare const _default: import("vue").DefineComponent<{
123
123
  } | undefined>;
124
124
  mergedShowArrow: import("vue").ComputedRef<import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
125
125
  mergedScrollIntoViewOptions: import("vue").ComputedRef<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (boolean | ScrollIntoViewOptions) & {}) | (() => boolean | ScrollIntoViewOptions) | ((new (...args: any[]) => (boolean | ScrollIntoViewOptions) & {}) | (() => boolean | ScrollIntoViewOptions))[], unknown, unknown>>;
126
- mergedType: import("vue").ComputedRef<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => ("primary" | "defalut") & {}) | (() => "primary" | "defalut") | ((new (...args: any[]) => ("primary" | "defalut") & {}) | (() => "primary" | "defalut"))[], unknown, unknown> | undefined>;
126
+ mergedType: import("vue").ComputedRef<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => ("default" | "primary") & {}) | (() => "default" | "primary") | ((new (...args: any[]) => ("default" | "primary") & {}) | (() => "default" | "primary"))[], unknown, unknown> | undefined>;
127
127
  nextZIndex: () => number;
128
128
  nowZIndex: number;
129
129
  mergedZIndex: import("vue").ComputedRef<number>;
@@ -363,7 +363,7 @@ declare const _default: import("vue").DefineComponent<{
363
363
  block: string;
364
364
  }, boolean>;
365
365
  type: {
366
- readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => ("primary" | "defalut") & {}) | (() => "primary" | "defalut") | ((new (...args: any[]) => ("primary" | "defalut") & {}) | (() => "primary" | "defalut"))[], unknown, unknown>>;
366
+ readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => ("default" | "primary") & {}) | (() => "default" | "primary") | ((new (...args: any[]) => ("default" | "primary") & {}) | (() => "default" | "primary"))[], unknown, unknown>>;
367
367
  readonly required: false;
368
368
  readonly validator: ((val: unknown) => boolean) | undefined;
369
369
  __epPropKey: true;
@@ -6,7 +6,7 @@ require('../../utils/index.js');
6
6
  var upload$1 = require('./src/upload2.js');
7
7
  var upload = require('./src/upload.js');
8
8
  var uploadContent = require('./src/upload-content.js');
9
- var uploadList = require('./src/upload-list.js');
9
+ var uploadList = require('./src/upload-list2.js');
10
10
  var uploadDragger = require('./src/upload-dragger.js');
11
11
  var constants = require('./src/constants.js');
12
12
  var install = require('../../utils/vue/install.js');
@@ -2,38 +2,186 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var shared = require('@vue/shared');
6
- require('../../../utils/index.js');
7
- var upload = require('./upload.js');
8
- var runtime = require('../../../utils/vue/props/runtime.js');
9
- var typescript = require('../../../utils/typescript.js');
5
+ var vue = require('vue');
6
+ var index$2 = require('../../icon/index.js');
7
+ var iconsVue = require('@element-plus/icons-vue');
8
+ require('../../../hooks/index.js');
9
+ var index$3 = require('../../progress/index.js');
10
+ require('../../form/index.js');
11
+ var uploadList = require('./upload-list2.js');
12
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
13
+ var index = require('../../../hooks/use-locale/index.js');
14
+ var index$1 = require('../../../hooks/use-namespace/index.js');
15
+ var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
10
16
 
11
- const uploadListProps = runtime.buildProps({
12
- files: {
13
- type: runtime.definePropType(Array),
14
- default: () => typescript.mutable([])
15
- },
16
- disabled: {
17
- type: Boolean,
18
- default: false
19
- },
20
- handlePreview: {
21
- type: runtime.definePropType(Function),
22
- default: shared.NOOP
23
- },
24
- listType: {
25
- type: String,
26
- values: upload.uploadListTypes,
27
- default: "text"
28
- },
29
- crossorigin: {
30
- type: runtime.definePropType(String)
17
+ const _hoisted_1 = ["onKeydown"];
18
+ const _hoisted_2 = ["src", "crossorigin"];
19
+ const _hoisted_3 = ["onClick"];
20
+ const _hoisted_4 = ["title"];
21
+ const _hoisted_5 = ["onClick"];
22
+ const _hoisted_6 = ["onClick"];
23
+ const __default__ = vue.defineComponent({
24
+ name: "ElUploadList"
25
+ });
26
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
27
+ ...__default__,
28
+ props: uploadList.uploadListProps,
29
+ emits: uploadList.uploadListEmits,
30
+ setup(__props, { emit }) {
31
+ const props = __props;
32
+ const { t } = index.useLocale();
33
+ const nsUpload = index$1.useNamespace("upload");
34
+ const nsIcon = index$1.useNamespace("icon");
35
+ const nsList = index$1.useNamespace("list");
36
+ const disabled = useFormCommonProps.useFormDisabled();
37
+ const focusing = vue.ref(false);
38
+ const containerKls = vue.computed(() => [
39
+ nsUpload.b("list"),
40
+ nsUpload.bm("list", props.listType),
41
+ nsUpload.is("disabled", props.disabled)
42
+ ]);
43
+ const handleRemove = (file) => {
44
+ emit("remove", file);
45
+ };
46
+ return (_ctx, _cache) => {
47
+ return vue.openBlock(), vue.createBlock(vue.TransitionGroup, {
48
+ tag: "ul",
49
+ class: vue.normalizeClass(vue.unref(containerKls)),
50
+ name: vue.unref(nsList).b()
51
+ }, {
52
+ default: vue.withCtx(() => [
53
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.files, (file) => {
54
+ return vue.openBlock(), vue.createElementBlock("li", {
55
+ key: file.uid || file.name,
56
+ class: vue.normalizeClass([
57
+ vue.unref(nsUpload).be("list", "item"),
58
+ vue.unref(nsUpload).is(file.status),
59
+ { focusing: focusing.value }
60
+ ]),
61
+ tabindex: "0",
62
+ onKeydown: vue.withKeys(($event) => !vue.unref(disabled) && handleRemove(file), ["delete"]),
63
+ onFocus: _cache[0] || (_cache[0] = ($event) => focusing.value = true),
64
+ onBlur: _cache[1] || (_cache[1] = ($event) => focusing.value = false),
65
+ onClick: _cache[2] || (_cache[2] = ($event) => focusing.value = false)
66
+ }, [
67
+ vue.renderSlot(_ctx.$slots, "default", { file }, () => [
68
+ _ctx.listType === "picture" || file.status !== "uploading" && _ctx.listType === "picture-card" ? (vue.openBlock(), vue.createElementBlock("img", {
69
+ key: 0,
70
+ class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-thumbnail")),
71
+ src: file.url,
72
+ crossorigin: _ctx.crossorigin,
73
+ alt: ""
74
+ }, null, 10, _hoisted_2)) : vue.createCommentVNode("v-if", true),
75
+ file.status === "uploading" || _ctx.listType !== "picture-card" ? (vue.openBlock(), vue.createElementBlock("div", {
76
+ key: 1,
77
+ class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-info"))
78
+ }, [
79
+ vue.createElementVNode("a", {
80
+ class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-name")),
81
+ onClick: vue.withModifiers(($event) => _ctx.handlePreview(file), ["prevent"])
82
+ }, [
83
+ vue.createVNode(vue.unref(index$2.ElIcon), {
84
+ class: vue.normalizeClass(vue.unref(nsIcon).m("document"))
85
+ }, {
86
+ default: vue.withCtx(() => [
87
+ vue.createVNode(vue.unref(iconsVue.Document))
88
+ ]),
89
+ _: 1
90
+ }, 8, ["class"]),
91
+ vue.createElementVNode("span", {
92
+ class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-file-name")),
93
+ title: file.name
94
+ }, vue.toDisplayString(file.name), 11, _hoisted_4)
95
+ ], 10, _hoisted_3),
96
+ file.status === "uploading" ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.ElProgress), {
97
+ key: 0,
98
+ type: _ctx.listType === "picture-card" ? "circle" : "line",
99
+ "stroke-width": _ctx.listType === "picture-card" ? 6 : 2,
100
+ percentage: Number(file.percentage),
101
+ style: vue.normalizeStyle(_ctx.listType === "picture-card" ? "" : "margin-top: 0.5rem")
102
+ }, null, 8, ["type", "stroke-width", "percentage", "style"])) : vue.createCommentVNode("v-if", true)
103
+ ], 2)) : vue.createCommentVNode("v-if", true),
104
+ vue.createElementVNode("label", {
105
+ class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-status-label"))
106
+ }, [
107
+ _ctx.listType === "text" ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElIcon), {
108
+ key: 0,
109
+ class: vue.normalizeClass([vue.unref(nsIcon).m("upload-success"), vue.unref(nsIcon).m("circle-check")])
110
+ }, {
111
+ default: vue.withCtx(() => [
112
+ vue.createVNode(vue.unref(iconsVue.CircleCheck))
113
+ ]),
114
+ _: 1
115
+ }, 8, ["class"])) : ["picture-card", "picture"].includes(_ctx.listType) ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElIcon), {
116
+ key: 1,
117
+ class: vue.normalizeClass([vue.unref(nsIcon).m("upload-success"), vue.unref(nsIcon).m("check")])
118
+ }, {
119
+ default: vue.withCtx(() => [
120
+ vue.createVNode(vue.unref(iconsVue.Check))
121
+ ]),
122
+ _: 1
123
+ }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
124
+ ], 2),
125
+ !vue.unref(disabled) ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElIcon), {
126
+ key: 2,
127
+ class: vue.normalizeClass(vue.unref(nsIcon).m("close")),
128
+ onClick: ($event) => handleRemove(file)
129
+ }, {
130
+ default: vue.withCtx(() => [
131
+ vue.createVNode(vue.unref(iconsVue.Close))
132
+ ]),
133
+ _: 2
134
+ }, 1032, ["class", "onClick"])) : vue.createCommentVNode("v-if", true),
135
+ vue.createCommentVNode(" Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn"),
136
+ vue.createCommentVNode(" This is a bug which needs to be fixed "),
137
+ vue.createCommentVNode(" TODO: Fix the incorrect navigation interaction "),
138
+ !vue.unref(disabled) ? (vue.openBlock(), vue.createElementBlock("i", {
139
+ key: 3,
140
+ class: vue.normalizeClass(vue.unref(nsIcon).m("close-tip"))
141
+ }, vue.toDisplayString(vue.unref(t)("el.upload.deleteTip")), 3)) : vue.createCommentVNode("v-if", true),
142
+ _ctx.listType === "picture-card" ? (vue.openBlock(), vue.createElementBlock("span", {
143
+ key: 4,
144
+ class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-actions"))
145
+ }, [
146
+ vue.createElementVNode("span", {
147
+ class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-preview")),
148
+ onClick: ($event) => _ctx.handlePreview(file)
149
+ }, [
150
+ vue.createVNode(vue.unref(index$2.ElIcon), {
151
+ class: vue.normalizeClass(vue.unref(nsIcon).m("zoom-in"))
152
+ }, {
153
+ default: vue.withCtx(() => [
154
+ vue.createVNode(vue.unref(iconsVue.ZoomIn))
155
+ ]),
156
+ _: 1
157
+ }, 8, ["class"])
158
+ ], 10, _hoisted_5),
159
+ !vue.unref(disabled) ? (vue.openBlock(), vue.createElementBlock("span", {
160
+ key: 0,
161
+ class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-delete")),
162
+ onClick: ($event) => handleRemove(file)
163
+ }, [
164
+ vue.createVNode(vue.unref(index$2.ElIcon), {
165
+ class: vue.normalizeClass(vue.unref(nsIcon).m("delete"))
166
+ }, {
167
+ default: vue.withCtx(() => [
168
+ vue.createVNode(vue.unref(iconsVue.Delete))
169
+ ]),
170
+ _: 1
171
+ }, 8, ["class"])
172
+ ], 10, _hoisted_6)) : vue.createCommentVNode("v-if", true)
173
+ ], 2)) : vue.createCommentVNode("v-if", true)
174
+ ])
175
+ ], 42, _hoisted_1);
176
+ }), 128)),
177
+ vue.renderSlot(_ctx.$slots, "append")
178
+ ]),
179
+ _: 3
180
+ }, 8, ["class", "name"]);
181
+ };
31
182
  }
32
183
  });
33
- const uploadListEmits = {
34
- remove: (file) => !!file
35
- };
184
+ var UploadList = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "upload-list.vue"]]);
36
185
 
37
- exports.uploadListEmits = uploadListEmits;
38
- exports.uploadListProps = uploadListProps;
186
+ exports["default"] = UploadList;
39
187
  //# sourceMappingURL=upload-list.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"upload-list.js","sources":["../../../../../../packages/components/upload/src/upload-list.ts"],"sourcesContent":["import { NOOP } from '@vue/shared'\nimport { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { uploadListTypes } from './upload'\nimport type { ExtractPropTypes } from 'vue'\nimport type { UploadFile, UploadFiles, UploadHooks } from './upload'\nimport type UploadList from './upload-list.vue'\n\nexport const uploadListProps = buildProps({\n files: {\n type: definePropType<UploadFiles>(Array),\n default: () => mutable([]),\n },\n disabled: {\n type: Boolean,\n default: false,\n },\n handlePreview: {\n type: definePropType<UploadHooks['onPreview']>(Function),\n default: NOOP,\n },\n listType: {\n type: String,\n values: uploadListTypes,\n default: 'text',\n },\n /**\n * @description set HTML attribute: crossorigin.\n */\n crossorigin: {\n type: definePropType<'anonymous' | 'use-credentials' | ''>(String),\n },\n} as const)\n\nexport type UploadListProps = ExtractPropTypes<typeof uploadListProps>\nexport const uploadListEmits = {\n remove: (file: UploadFile) => !!file,\n}\nexport type UploadListEmits = typeof uploadListEmits\nexport type UploadListInstance = InstanceType<typeof UploadList>\n"],"names":["buildProps","definePropType","mutable","NOOP","uploadListTypes"],"mappings":";;;;;;;;;;AAGY,MAAC,eAAe,GAAGA,kBAAU,CAAC;AAC1C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAED,sBAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAEE,WAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,sBAAe;AAC3B,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAEH,sBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAG;AAC/B,EAAE,MAAM,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI;AAC1B;;;;;"}
1
+ {"version":3,"file":"upload-list.js","sources":["../../../../../../packages/components/upload/src/upload-list.vue"],"sourcesContent":["<template>\n <transition-group tag=\"ul\" :class=\"containerKls\" :name=\"nsList.b()\">\n <li\n v-for=\"file in files\"\n :key=\"file.uid || file.name\"\n :class=\"[\n nsUpload.be('list', 'item'),\n nsUpload.is(file.status),\n { focusing },\n ]\"\n tabindex=\"0\"\n @keydown.delete=\"!disabled && handleRemove(file)\"\n @focus=\"focusing = true\"\n @blur=\"focusing = false\"\n @click=\"focusing = false\"\n >\n <slot :file=\"file\">\n <img\n v-if=\"\n listType === 'picture' ||\n (file.status !== 'uploading' && listType === 'picture-card')\n \"\n :class=\"nsUpload.be('list', 'item-thumbnail')\"\n :src=\"file.url\"\n :crossorigin=\"crossorigin\"\n alt=\"\"\n />\n <div\n v-if=\"file.status === 'uploading' || listType !== 'picture-card'\"\n :class=\"nsUpload.be('list', 'item-info')\"\n >\n <a\n :class=\"nsUpload.be('list', 'item-name')\"\n @click.prevent=\"handlePreview(file)\"\n >\n <el-icon :class=\"nsIcon.m('document')\">\n <Document />\n </el-icon>\n <span\n :class=\"nsUpload.be('list', 'item-file-name')\"\n :title=\"file.name\"\n >\n {{ file.name }}\n </span>\n </a>\n <el-progress\n v-if=\"file.status === 'uploading'\"\n :type=\"listType === 'picture-card' ? 'circle' : 'line'\"\n :stroke-width=\"listType === 'picture-card' ? 6 : 2\"\n :percentage=\"Number(file.percentage)\"\n :style=\"listType === 'picture-card' ? '' : 'margin-top: 0.5rem'\"\n />\n </div>\n\n <label :class=\"nsUpload.be('list', 'item-status-label')\">\n <el-icon\n v-if=\"listType === 'text'\"\n :class=\"[nsIcon.m('upload-success'), nsIcon.m('circle-check')]\"\n >\n <circle-check />\n </el-icon>\n <el-icon\n v-else-if=\"['picture-card', 'picture'].includes(listType)\"\n :class=\"[nsIcon.m('upload-success'), nsIcon.m('check')]\"\n >\n <Check />\n </el-icon>\n </label>\n <el-icon\n v-if=\"!disabled\"\n :class=\"nsIcon.m('close')\"\n @click=\"handleRemove(file)\"\n >\n <Close />\n </el-icon>\n <!-- Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn-->\n <!-- This is a bug which needs to be fixed -->\n <!-- TODO: Fix the incorrect navigation interaction -->\n <i v-if=\"!disabled\" :class=\"nsIcon.m('close-tip')\">{{\n t('el.upload.deleteTip')\n }}</i>\n <span\n v-if=\"listType === 'picture-card'\"\n :class=\"nsUpload.be('list', 'item-actions')\"\n >\n <span\n :class=\"nsUpload.be('list', 'item-preview')\"\n @click=\"handlePreview(file)\"\n >\n <el-icon :class=\"nsIcon.m('zoom-in')\"><zoom-in /></el-icon>\n </span>\n <span\n v-if=\"!disabled\"\n :class=\"nsUpload.be('list', 'item-delete')\"\n @click=\"handleRemove(file)\"\n >\n <el-icon :class=\"nsIcon.m('delete')\">\n <Delete />\n </el-icon>\n </span>\n </span>\n </slot>\n </li>\n <slot name=\"append\" />\n </transition-group>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n Check,\n CircleCheck,\n Close,\n Delete,\n Document,\n ZoomIn,\n} from '@element-plus/icons-vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport ElProgress from '@element-plus/components/progress'\nimport { useFormDisabled } from '@element-plus/components/form'\n\nimport { uploadListEmits, uploadListProps } from './upload-list'\nimport type { UploadFile } from './upload'\n\ndefineOptions({\n name: 'ElUploadList',\n})\n\nconst props = defineProps(uploadListProps)\nconst emit = defineEmits(uploadListEmits)\n\nconst { t } = useLocale()\nconst nsUpload = useNamespace('upload')\nconst nsIcon = useNamespace('icon')\nconst nsList = useNamespace('list')\nconst disabled = useFormDisabled()\n\nconst focusing = ref(false)\n\nconst containerKls = computed(() => [\n nsUpload.b('list'),\n nsUpload.bm('list', props.listType),\n nsUpload.is('disabled', props.disabled),\n])\n\nconst handleRemove = (file: UploadFile) => {\n emit('remove', file)\n}\n</script>\n"],"names":["useLocale","useNamespace","useFormDisabled","ref","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;uCA4Hc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAE,MAAMA,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,QAAA,GAAWC,qBAAa,QAAQ,CAAA,CAAA;AACtC,IAAM,MAAA,MAAA,GAASA,qBAAa,MAAM,CAAA,CAAA;AAClC,IAAM,MAAA,MAAA,GAASA,qBAAa,MAAM,CAAA,CAAA;AAClC,IAAA,MAAM,WAAWC,kCAAgB,EAAA,CAAA;AAEjC,IAAM,MAAA,QAAA,GAAWC,QAAI,KAAK,CAAA,CAAA;AAE1B,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAAA,MAClC,QAAA,CAAS,EAAE,MAAM,CAAA;AAAA,MACjB,QAAS,CAAA,EAAA,CAAG,MAAQ,EAAA,KAAA,CAAM,QAAQ,CAAA;AAAA,MAClC,QAAS,CAAA,EAAA,CAAG,UAAY,EAAA,KAAA,CAAM,QAAQ,CAAA;AAAA,KACvC,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAe,CAAC,IAAqB,KAAA;AACzC,MAAA,IAAA,CAAK,UAAU,IAAI,CAAA,CAAA;AAAA,KACrB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,186 +2,38 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var index$2 = require('../../icon/index.js');
7
- var iconsVue = require('@element-plus/icons-vue');
8
- require('../../../hooks/index.js');
9
- var index$3 = require('../../progress/index.js');
10
- require('../../form/index.js');
11
- var uploadList = require('./upload-list.js');
12
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
13
- var index = require('../../../hooks/use-locale/index.js');
14
- var index$1 = require('../../../hooks/use-namespace/index.js');
15
- var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
5
+ var shared = require('@vue/shared');
6
+ require('../../../utils/index.js');
7
+ var upload = require('./upload.js');
8
+ var runtime = require('../../../utils/vue/props/runtime.js');
9
+ var typescript = require('../../../utils/typescript.js');
16
10
 
17
- const _hoisted_1 = ["onKeydown"];
18
- const _hoisted_2 = ["src", "crossorigin"];
19
- const _hoisted_3 = ["onClick"];
20
- const _hoisted_4 = ["title"];
21
- const _hoisted_5 = ["onClick"];
22
- const _hoisted_6 = ["onClick"];
23
- const __default__ = vue.defineComponent({
24
- name: "ElUploadList"
25
- });
26
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
27
- ...__default__,
28
- props: uploadList.uploadListProps,
29
- emits: uploadList.uploadListEmits,
30
- setup(__props, { emit }) {
31
- const props = __props;
32
- const { t } = index.useLocale();
33
- const nsUpload = index$1.useNamespace("upload");
34
- const nsIcon = index$1.useNamespace("icon");
35
- const nsList = index$1.useNamespace("list");
36
- const disabled = useFormCommonProps.useFormDisabled();
37
- const focusing = vue.ref(false);
38
- const containerKls = vue.computed(() => [
39
- nsUpload.b("list"),
40
- nsUpload.bm("list", props.listType),
41
- nsUpload.is("disabled", props.disabled)
42
- ]);
43
- const handleRemove = (file) => {
44
- emit("remove", file);
45
- };
46
- return (_ctx, _cache) => {
47
- return vue.openBlock(), vue.createBlock(vue.TransitionGroup, {
48
- tag: "ul",
49
- class: vue.normalizeClass(vue.unref(containerKls)),
50
- name: vue.unref(nsList).b()
51
- }, {
52
- default: vue.withCtx(() => [
53
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.files, (file) => {
54
- return vue.openBlock(), vue.createElementBlock("li", {
55
- key: file.uid || file.name,
56
- class: vue.normalizeClass([
57
- vue.unref(nsUpload).be("list", "item"),
58
- vue.unref(nsUpload).is(file.status),
59
- { focusing: focusing.value }
60
- ]),
61
- tabindex: "0",
62
- onKeydown: vue.withKeys(($event) => !vue.unref(disabled) && handleRemove(file), ["delete"]),
63
- onFocus: _cache[0] || (_cache[0] = ($event) => focusing.value = true),
64
- onBlur: _cache[1] || (_cache[1] = ($event) => focusing.value = false),
65
- onClick: _cache[2] || (_cache[2] = ($event) => focusing.value = false)
66
- }, [
67
- vue.renderSlot(_ctx.$slots, "default", { file }, () => [
68
- _ctx.listType === "picture" || file.status !== "uploading" && _ctx.listType === "picture-card" ? (vue.openBlock(), vue.createElementBlock("img", {
69
- key: 0,
70
- class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-thumbnail")),
71
- src: file.url,
72
- crossorigin: _ctx.crossorigin,
73
- alt: ""
74
- }, null, 10, _hoisted_2)) : vue.createCommentVNode("v-if", true),
75
- file.status === "uploading" || _ctx.listType !== "picture-card" ? (vue.openBlock(), vue.createElementBlock("div", {
76
- key: 1,
77
- class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-info"))
78
- }, [
79
- vue.createElementVNode("a", {
80
- class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-name")),
81
- onClick: vue.withModifiers(($event) => _ctx.handlePreview(file), ["prevent"])
82
- }, [
83
- vue.createVNode(vue.unref(index$2.ElIcon), {
84
- class: vue.normalizeClass(vue.unref(nsIcon).m("document"))
85
- }, {
86
- default: vue.withCtx(() => [
87
- vue.createVNode(vue.unref(iconsVue.Document))
88
- ]),
89
- _: 1
90
- }, 8, ["class"]),
91
- vue.createElementVNode("span", {
92
- class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-file-name")),
93
- title: file.name
94
- }, vue.toDisplayString(file.name), 11, _hoisted_4)
95
- ], 10, _hoisted_3),
96
- file.status === "uploading" ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.ElProgress), {
97
- key: 0,
98
- type: _ctx.listType === "picture-card" ? "circle" : "line",
99
- "stroke-width": _ctx.listType === "picture-card" ? 6 : 2,
100
- percentage: Number(file.percentage),
101
- style: vue.normalizeStyle(_ctx.listType === "picture-card" ? "" : "margin-top: 0.5rem")
102
- }, null, 8, ["type", "stroke-width", "percentage", "style"])) : vue.createCommentVNode("v-if", true)
103
- ], 2)) : vue.createCommentVNode("v-if", true),
104
- vue.createElementVNode("label", {
105
- class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-status-label"))
106
- }, [
107
- _ctx.listType === "text" ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElIcon), {
108
- key: 0,
109
- class: vue.normalizeClass([vue.unref(nsIcon).m("upload-success"), vue.unref(nsIcon).m("circle-check")])
110
- }, {
111
- default: vue.withCtx(() => [
112
- vue.createVNode(vue.unref(iconsVue.CircleCheck))
113
- ]),
114
- _: 1
115
- }, 8, ["class"])) : ["picture-card", "picture"].includes(_ctx.listType) ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElIcon), {
116
- key: 1,
117
- class: vue.normalizeClass([vue.unref(nsIcon).m("upload-success"), vue.unref(nsIcon).m("check")])
118
- }, {
119
- default: vue.withCtx(() => [
120
- vue.createVNode(vue.unref(iconsVue.Check))
121
- ]),
122
- _: 1
123
- }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
124
- ], 2),
125
- !vue.unref(disabled) ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElIcon), {
126
- key: 2,
127
- class: vue.normalizeClass(vue.unref(nsIcon).m("close")),
128
- onClick: ($event) => handleRemove(file)
129
- }, {
130
- default: vue.withCtx(() => [
131
- vue.createVNode(vue.unref(iconsVue.Close))
132
- ]),
133
- _: 2
134
- }, 1032, ["class", "onClick"])) : vue.createCommentVNode("v-if", true),
135
- vue.createCommentVNode(" Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn"),
136
- vue.createCommentVNode(" This is a bug which needs to be fixed "),
137
- vue.createCommentVNode(" TODO: Fix the incorrect navigation interaction "),
138
- !vue.unref(disabled) ? (vue.openBlock(), vue.createElementBlock("i", {
139
- key: 3,
140
- class: vue.normalizeClass(vue.unref(nsIcon).m("close-tip"))
141
- }, vue.toDisplayString(vue.unref(t)("el.upload.deleteTip")), 3)) : vue.createCommentVNode("v-if", true),
142
- _ctx.listType === "picture-card" ? (vue.openBlock(), vue.createElementBlock("span", {
143
- key: 4,
144
- class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-actions"))
145
- }, [
146
- vue.createElementVNode("span", {
147
- class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-preview")),
148
- onClick: ($event) => _ctx.handlePreview(file)
149
- }, [
150
- vue.createVNode(vue.unref(index$2.ElIcon), {
151
- class: vue.normalizeClass(vue.unref(nsIcon).m("zoom-in"))
152
- }, {
153
- default: vue.withCtx(() => [
154
- vue.createVNode(vue.unref(iconsVue.ZoomIn))
155
- ]),
156
- _: 1
157
- }, 8, ["class"])
158
- ], 10, _hoisted_5),
159
- !vue.unref(disabled) ? (vue.openBlock(), vue.createElementBlock("span", {
160
- key: 0,
161
- class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-delete")),
162
- onClick: ($event) => handleRemove(file)
163
- }, [
164
- vue.createVNode(vue.unref(index$2.ElIcon), {
165
- class: vue.normalizeClass(vue.unref(nsIcon).m("delete"))
166
- }, {
167
- default: vue.withCtx(() => [
168
- vue.createVNode(vue.unref(iconsVue.Delete))
169
- ]),
170
- _: 1
171
- }, 8, ["class"])
172
- ], 10, _hoisted_6)) : vue.createCommentVNode("v-if", true)
173
- ], 2)) : vue.createCommentVNode("v-if", true)
174
- ])
175
- ], 42, _hoisted_1);
176
- }), 128)),
177
- vue.renderSlot(_ctx.$slots, "append")
178
- ]),
179
- _: 3
180
- }, 8, ["class", "name"]);
181
- };
11
+ const uploadListProps = runtime.buildProps({
12
+ files: {
13
+ type: runtime.definePropType(Array),
14
+ default: () => typescript.mutable([])
15
+ },
16
+ disabled: {
17
+ type: Boolean,
18
+ default: false
19
+ },
20
+ handlePreview: {
21
+ type: runtime.definePropType(Function),
22
+ default: shared.NOOP
23
+ },
24
+ listType: {
25
+ type: String,
26
+ values: upload.uploadListTypes,
27
+ default: "text"
28
+ },
29
+ crossorigin: {
30
+ type: runtime.definePropType(String)
182
31
  }
183
32
  });
184
- var UploadList = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "upload-list.vue"]]);
33
+ const uploadListEmits = {
34
+ remove: (file) => !!file
35
+ };
185
36
 
186
- exports["default"] = UploadList;
37
+ exports.uploadListEmits = uploadListEmits;
38
+ exports.uploadListProps = uploadListProps;
187
39
  //# sourceMappingURL=upload-list2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"upload-list2.js","sources":["../../../../../../packages/components/upload/src/upload-list.vue"],"sourcesContent":["<template>\n <transition-group tag=\"ul\" :class=\"containerKls\" :name=\"nsList.b()\">\n <li\n v-for=\"file in files\"\n :key=\"file.uid || file.name\"\n :class=\"[\n nsUpload.be('list', 'item'),\n nsUpload.is(file.status),\n { focusing },\n ]\"\n tabindex=\"0\"\n @keydown.delete=\"!disabled && handleRemove(file)\"\n @focus=\"focusing = true\"\n @blur=\"focusing = false\"\n @click=\"focusing = false\"\n >\n <slot :file=\"file\">\n <img\n v-if=\"\n listType === 'picture' ||\n (file.status !== 'uploading' && listType === 'picture-card')\n \"\n :class=\"nsUpload.be('list', 'item-thumbnail')\"\n :src=\"file.url\"\n :crossorigin=\"crossorigin\"\n alt=\"\"\n />\n <div\n v-if=\"file.status === 'uploading' || listType !== 'picture-card'\"\n :class=\"nsUpload.be('list', 'item-info')\"\n >\n <a\n :class=\"nsUpload.be('list', 'item-name')\"\n @click.prevent=\"handlePreview(file)\"\n >\n <el-icon :class=\"nsIcon.m('document')\">\n <Document />\n </el-icon>\n <span\n :class=\"nsUpload.be('list', 'item-file-name')\"\n :title=\"file.name\"\n >\n {{ file.name }}\n </span>\n </a>\n <el-progress\n v-if=\"file.status === 'uploading'\"\n :type=\"listType === 'picture-card' ? 'circle' : 'line'\"\n :stroke-width=\"listType === 'picture-card' ? 6 : 2\"\n :percentage=\"Number(file.percentage)\"\n :style=\"listType === 'picture-card' ? '' : 'margin-top: 0.5rem'\"\n />\n </div>\n\n <label :class=\"nsUpload.be('list', 'item-status-label')\">\n <el-icon\n v-if=\"listType === 'text'\"\n :class=\"[nsIcon.m('upload-success'), nsIcon.m('circle-check')]\"\n >\n <circle-check />\n </el-icon>\n <el-icon\n v-else-if=\"['picture-card', 'picture'].includes(listType)\"\n :class=\"[nsIcon.m('upload-success'), nsIcon.m('check')]\"\n >\n <Check />\n </el-icon>\n </label>\n <el-icon\n v-if=\"!disabled\"\n :class=\"nsIcon.m('close')\"\n @click=\"handleRemove(file)\"\n >\n <Close />\n </el-icon>\n <!-- Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn-->\n <!-- This is a bug which needs to be fixed -->\n <!-- TODO: Fix the incorrect navigation interaction -->\n <i v-if=\"!disabled\" :class=\"nsIcon.m('close-tip')\">{{\n t('el.upload.deleteTip')\n }}</i>\n <span\n v-if=\"listType === 'picture-card'\"\n :class=\"nsUpload.be('list', 'item-actions')\"\n >\n <span\n :class=\"nsUpload.be('list', 'item-preview')\"\n @click=\"handlePreview(file)\"\n >\n <el-icon :class=\"nsIcon.m('zoom-in')\"><zoom-in /></el-icon>\n </span>\n <span\n v-if=\"!disabled\"\n :class=\"nsUpload.be('list', 'item-delete')\"\n @click=\"handleRemove(file)\"\n >\n <el-icon :class=\"nsIcon.m('delete')\">\n <Delete />\n </el-icon>\n </span>\n </span>\n </slot>\n </li>\n <slot name=\"append\" />\n </transition-group>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n Check,\n CircleCheck,\n Close,\n Delete,\n Document,\n ZoomIn,\n} from '@element-plus/icons-vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport ElProgress from '@element-plus/components/progress'\nimport { useFormDisabled } from '@element-plus/components/form'\n\nimport { uploadListEmits, uploadListProps } from './upload-list'\nimport type { UploadFile } from './upload'\n\ndefineOptions({\n name: 'ElUploadList',\n})\n\nconst props = defineProps(uploadListProps)\nconst emit = defineEmits(uploadListEmits)\n\nconst { t } = useLocale()\nconst nsUpload = useNamespace('upload')\nconst nsIcon = useNamespace('icon')\nconst nsList = useNamespace('list')\nconst disabled = useFormDisabled()\n\nconst focusing = ref(false)\n\nconst containerKls = computed(() => [\n nsUpload.b('list'),\n nsUpload.bm('list', props.listType),\n nsUpload.is('disabled', props.disabled),\n])\n\nconst handleRemove = (file: UploadFile) => {\n emit('remove', file)\n}\n</script>\n"],"names":["useLocale","useNamespace","useFormDisabled","ref","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;uCA4Hc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAE,MAAMA,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,QAAA,GAAWC,qBAAa,QAAQ,CAAA,CAAA;AACtC,IAAM,MAAA,MAAA,GAASA,qBAAa,MAAM,CAAA,CAAA;AAClC,IAAM,MAAA,MAAA,GAASA,qBAAa,MAAM,CAAA,CAAA;AAClC,IAAA,MAAM,WAAWC,kCAAgB,EAAA,CAAA;AAEjC,IAAM,MAAA,QAAA,GAAWC,QAAI,KAAK,CAAA,CAAA;AAE1B,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAAA,MAClC,QAAA,CAAS,EAAE,MAAM,CAAA;AAAA,MACjB,QAAS,CAAA,EAAA,CAAG,MAAQ,EAAA,KAAA,CAAM,QAAQ,CAAA;AAAA,MAClC,QAAS,CAAA,EAAA,CAAG,UAAY,EAAA,KAAA,CAAM,QAAQ,CAAA;AAAA,KACvC,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAe,CAAC,IAAqB,KAAA;AACzC,MAAA,IAAA,CAAK,UAAU,IAAI,CAAA,CAAA;AAAA,KACrB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"upload-list2.js","sources":["../../../../../../packages/components/upload/src/upload-list.ts"],"sourcesContent":["import { NOOP } from '@vue/shared'\nimport { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { uploadListTypes } from './upload'\nimport type { ExtractPropTypes } from 'vue'\nimport type { UploadFile, UploadFiles, UploadHooks } from './upload'\nimport type UploadList from './upload-list.vue'\n\nexport const uploadListProps = buildProps({\n files: {\n type: definePropType<UploadFiles>(Array),\n default: () => mutable([]),\n },\n disabled: {\n type: Boolean,\n default: false,\n },\n handlePreview: {\n type: definePropType<UploadHooks['onPreview']>(Function),\n default: NOOP,\n },\n listType: {\n type: String,\n values: uploadListTypes,\n default: 'text',\n },\n /**\n * @description set HTML attribute: crossorigin.\n */\n crossorigin: {\n type: definePropType<'anonymous' | 'use-credentials' | ''>(String),\n },\n} as const)\n\nexport type UploadListProps = ExtractPropTypes<typeof uploadListProps>\nexport const uploadListEmits = {\n remove: (file: UploadFile) => !!file,\n}\nexport type UploadListEmits = typeof uploadListEmits\nexport type UploadListInstance = InstanceType<typeof UploadList>\n"],"names":["buildProps","definePropType","mutable","NOOP","uploadListTypes"],"mappings":";;;;;;;;;;AAGY,MAAC,eAAe,GAAGA,kBAAU,CAAC;AAC1C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAED,sBAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAEE,WAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,sBAAe;AAC3B,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAEH,sBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAG;AAC/B,EAAE,MAAM,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI;AAC1B;;;;;"}
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var vue = require('vue');
6
6
  require('../../form/index.js');
7
7
  var constants = require('./constants.js');
8
- var uploadList = require('./upload-list2.js');
8
+ var uploadList = require('./upload-list.js');
9
9
  var uploadContent = require('./upload-content2.js');
10
10
  var useHandlers = require('./use-handlers.js');
11
11
  var upload = require('./upload.js');
package/lib/index.js CHANGED
@@ -9,7 +9,7 @@ require('./directives/index.js');
9
9
  require('./hooks/index.js');
10
10
  var makeInstaller = require('./make-installer.js');
11
11
  var dayjs = require('dayjs');
12
- var affix = require('./components/affix/src/affix2.js');
12
+ var affix = require('./components/affix/src/affix.js');
13
13
  var index = require('./components/affix/index.js');
14
14
  var alert = require('./components/alert/src/alert.js');
15
15
  var index$1 = require('./components/alert/index.js');
@@ -201,7 +201,7 @@ var index$13 = require('./components/tree-select/index.js');
201
201
  var index$14 = require('./components/tree-v2/index.js');
202
202
  var upload = require('./components/upload/src/upload.js');
203
203
  var uploadContent = require('./components/upload/src/upload-content.js');
204
- var uploadList = require('./components/upload/src/upload-list.js');
204
+ var uploadList = require('./components/upload/src/upload-list2.js');
205
205
  var uploadDragger = require('./components/upload/src/upload-dragger.js');
206
206
  var constants$j = require('./components/upload/src/constants.js');
207
207
  var index$15 = require('./components/upload/index.js');
package/lib/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const version = "0.0.20240312";
1
+ export declare const version = "0.0.20240314";
package/lib/version.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const version = "0.0.20240312";
5
+ const version = "0.0.20240314";
6
6
 
7
7
  exports.version = version;
8
8
  //# sourceMappingURL=version.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20240312'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}
1
+ {"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20240314'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@element-plus/nightly",
3
- "version": "0.0.20240312",
3
+ "version": "0.0.20240314",
4
4
  "description": "A Component Library for Vue 3",
5
5
  "keywords": [
6
6
  "element-plus",
@@ -112,5 +112,5 @@
112
112
  "not ie 11",
113
113
  "not op_mini all"
114
114
  ],
115
- "gitHead": "a8e622bac5589c215bbb702c78c4600902dc622b"
115
+ "gitHead": "e80262b2db0967a52ebd75c1371497c2830f267e"
116
116
  }