@maxtropy/v-components 0.1.12-beta.6 → 0.1.12-beta.8

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 (20) hide show
  1. package/dist/mx-vcomponents.es.js +2493 -2502
  2. package/dist/mx-vcomponents.umd.js +12 -12
  3. package/dist/style.css +1 -1
  4. package/es/assets/images/notAuthorized.png +0 -0
  5. package/es/assets/images/tableNoData.png +0 -0
  6. package/es/components/empty/no-data.png +0 -0
  7. package/es/components/systemcontent/logo.png +0 -0
  8. package/es/components/upload/MxUpload.css +29 -29
  9. package/es/components/upload/MxUpload.vue.js +6 -7
  10. package/es/components/upload/uploadList.css +14 -14
  11. package/es/components/upload/uploadList.vue.js +5 -5
  12. package/lib/assets/images/notAuthorized.png +0 -0
  13. package/lib/assets/images/tableNoData.png +0 -0
  14. package/lib/components/empty/no-data.png +0 -0
  15. package/lib/components/systemcontent/logo.png +0 -0
  16. package/lib/components/upload/MxUpload.css +29 -29
  17. package/lib/components/upload/MxUpload.vue.js +5 -6
  18. package/lib/components/upload/uploadList.css +14 -14
  19. package/lib/components/upload/uploadList.vue.js +5 -5
  20. package/package.json +2 -2
package/es/assets/images/tableNoData.png ADDED
Binary file
package/es/components/empty/no-data.png ADDED
Binary file
package/es/components/upload/MxUpload.css CHANGED
@@ -1,98 +1,98 @@
1
- .mx-upload[data-v-ac1e4650] {
1
+ .mx-upload[data-v-7c636766] {
2
2
  position: relative;
3
3
  }
4
- .mx-upload .mx-upload-btn .el-icon[data-v-ac1e4650] {
4
+ .mx-upload .mx-upload-btn .el-icon[data-v-7c636766] {
5
5
  margin-right: 4px;
6
6
  }
7
- .mx-upload .mx-upload-tip[data-v-ac1e4650] {
7
+ .mx-upload .mx-upload-tip[data-v-7c636766] {
8
8
  font-size: 14px;
9
9
  color: rgba(255, 255, 255, 0.45);
10
10
  line-height: 22px;
11
11
  margin-top: 8px;
12
12
  }
13
- .mx-upload[data-v-ac1e4650] .el-upload-dragger {
13
+ .mx-upload[data-v-7c636766] .el-upload-dragger {
14
14
  --el-color-primary: #4a90e2;
15
15
  --el-border-color: rgba(255, 255, 255, 0.2);
16
16
  background-color: transparent;
17
17
  padding: 40px 54px;
18
18
  overflow: visible;
19
19
  }
20
- .mx-upload[data-v-ac1e4650] .el-upload-dragger .el-icon {
20
+ .mx-upload[data-v-7c636766] .el-upload-dragger .el-icon {
21
21
  font-size: 48px;
22
22
  color: #4a90e2;
23
23
  }
24
- .mx-upload[data-v-ac1e4650] .el-upload-dragger .mx-upload-text {
24
+ .mx-upload[data-v-7c636766] .el-upload-dragger .mx-upload-text {
25
25
  font-size: 16px;
26
26
  color: rgba(255, 255, 255, 0.85);
27
27
  line-height: 24px;
28
28
  margin-top: 12px;
29
29
  }
30
- .mx-upload[data-v-ac1e4650] .el-upload-dragger .mx-upload-tip {
30
+ .mx-upload[data-v-7c636766] .el-upload-dragger .mx-upload-tip {
31
31
  font-size: 14px;
32
32
  color: rgba(255, 255, 255, 0.45);
33
33
  line-height: 22px;
34
34
  margin-top: 4px;
35
35
  }
36
- .mx-upload.mx-upload-disabled[data-v-ac1e4650] .el-upload-dragger,
37
- .mx-upload.mx-upload-disabled[data-v-ac1e4650] .el-upload-list--picture-card .el-upload--picture-card {
36
+ .mx-upload.mx-upload-disabled[data-v-7c636766] .el-upload-dragger,
37
+ .mx-upload.mx-upload-disabled[data-v-7c636766] .el-upload-list--picture-card .el-upload--picture-card {
38
38
  background-color: rgba(255, 255, 255, 0.05);
39
39
  }
40
- .mx-upload.mx-upload-disabled[data-v-ac1e4650] .el-upload-dragger .el-icon,
41
- .mx-upload.mx-upload-disabled[data-v-ac1e4650] .el-upload-dragger .mx-upload-text,
42
- .mx-upload.mx-upload-disabled[data-v-ac1e4650] .el-upload-dragger .mx-upload-tip,
43
- .mx-upload.mx-upload-disabled[data-v-ac1e4650] .el-upload-list--picture-card .el-upload--picture-card .el-icon,
44
- .mx-upload.mx-upload-disabled[data-v-ac1e4650] .el-upload-list--picture-card .el-upload--picture-card .mx-upload-text,
45
- .mx-upload.mx-upload-disabled[data-v-ac1e4650] .el-upload-list--picture-card .el-upload--picture-card .mx-upload-tip {
40
+ .mx-upload.mx-upload-disabled[data-v-7c636766] .el-upload-dragger .el-icon,
41
+ .mx-upload.mx-upload-disabled[data-v-7c636766] .el-upload-dragger .mx-upload-text,
42
+ .mx-upload.mx-upload-disabled[data-v-7c636766] .el-upload-dragger .mx-upload-tip,
43
+ .mx-upload.mx-upload-disabled[data-v-7c636766] .el-upload-list--picture-card .el-upload--picture-card .el-icon,
44
+ .mx-upload.mx-upload-disabled[data-v-7c636766] .el-upload-list--picture-card .el-upload--picture-card .mx-upload-text,
45
+ .mx-upload.mx-upload-disabled[data-v-7c636766] .el-upload-list--picture-card .el-upload--picture-card .mx-upload-tip {
46
46
  color: rgba(255, 255, 255, 0.3);
47
47
  }
48
- .mx-upload[data-v-ac1e4650] .el-upload-list.el-upload-list--picture-card {
48
+ .mx-upload[data-v-7c636766] .el-upload-list.el-upload-list--picture-card {
49
49
  margin: 0 !important;
50
50
  }
51
- .mx-upload[data-v-ac1e4650] .el-upload-list.el-upload-list--picture-card .el-upload-list__item,
52
- .mx-upload[data-v-ac1e4650] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card {
51
+ .mx-upload[data-v-7c636766] .el-upload-list.el-upload-list--picture-card .el-upload-list__item,
52
+ .mx-upload[data-v-7c636766] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card {
53
53
  background-color: transparent;
54
54
  border-color: rgba(255, 255, 255, 0.2);
55
55
  margin: 0 16px 16px 0;
56
56
  width: 104px;
57
57
  height: 104px;
58
58
  }
59
- .mx-upload[data-v-ac1e4650] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card {
59
+ .mx-upload[data-v-7c636766] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card {
60
60
  flex-direction: column;
61
61
  }
62
- .mx-upload[data-v-ac1e4650] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card:hover {
62
+ .mx-upload[data-v-7c636766] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card:hover {
63
63
  border-color: #4a90e2;
64
64
  }
65
- .mx-upload[data-v-ac1e4650] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card .el-icon,
66
- .mx-upload[data-v-ac1e4650] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card .mx-upload-text {
65
+ .mx-upload[data-v-7c636766] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card .el-icon,
66
+ .mx-upload[data-v-7c636766] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card .mx-upload-text {
67
67
  color: rgba(255, 255, 255, 0.65);
68
68
  }
69
- .mx-upload[data-v-ac1e4650] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card .el-icon {
69
+ .mx-upload[data-v-7c636766] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card .el-icon {
70
70
  font-size: 24px;
71
71
  }
72
- .mx-upload[data-v-ac1e4650] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card .mx-upload-text {
72
+ .mx-upload[data-v-7c636766] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card .mx-upload-text {
73
73
  font-size: 14px;
74
74
  margin-top: 10px;
75
75
  line-height: 22px;
76
76
  }
77
- .mx-upload[data-v-ac1e4650] .el-upload-list.el-upload-list--picture-card + .mx-upload-tip {
77
+ .mx-upload[data-v-7c636766] .el-upload-list.el-upload-list--picture-card + .mx-upload-tip {
78
78
  margin-top: -8px;
79
79
  }
80
- .mx-upload[data-v-ac1e4650] .el-upload-list {
80
+ .mx-upload[data-v-7c636766] .el-upload-list {
81
81
  --el-text-color-secondary: rgba(255, 255, 255, 0.85);
82
82
  padding-left: 0;
83
83
  margin-top: 8px;
84
84
  }
85
- .mx-upload[data-v-ac1e4650] .el-upload-list .el-upload-list__item {
85
+ .mx-upload[data-v-7c636766] .el-upload-list .el-upload-list__item {
86
86
  list-style: none;
87
87
  margin-bottom: 8px;
88
88
  --el-fill-color-light: rgba(255, 255, 255, 0.05);
89
89
  }
90
- .mx-upload .mx-error-msg[data-v-ac1e4650] {
90
+ .mx-upload .mx-error-msg[data-v-7c636766] {
91
91
  text-align: left;
92
92
  position: absolute;
93
93
  left: 0;
94
94
  }
95
- .mx-upload .mx-error-msg > p[data-v-ac1e4650] {
95
+ .mx-upload .mx-error-msg > p[data-v-7c636766] {
96
96
  font-size: 14px;
97
97
  color: #e64242;
98
98
  line-height: 22px;
package/es/components/upload/MxUpload.vue.js CHANGED
@@ -3,13 +3,13 @@ import { ElUpload } from "element-plus";
3
3
  import "element-plus/es/components/upload/style/css";
4
4
  import { Plus } from "@element-plus/icons-vue";
5
5
  import { useVModel } from "@vueuse/core";
6
- import { getFileSuffix, FILE_TYPE, checkImgSize } from "./use-handlers";
6
+ import { getFileSuffix, checkImgSize } from "./use-handlers";
7
7
  import UploadList from "./uploadList.vue";
8
8
  import { mutable } from "element-plus/es/utils/typescript";
9
9
  import { definePropType } from "./upload";
10
10
  import UploadSvg from "../../assets/svg/UploadSvg.vue";
11
11
  import ContainerSvg from "../../assets/svg/ContainerSvg.vue";
12
- const _withScopeId = (n) => (pushScopeId("data-v-ac1e4650"), n = n(), popScopeId(), n);
12
+ const _withScopeId = (n) => (pushScopeId("data-v-7c636766"), n = n(), popScopeId(), n);
13
13
  const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "mx-upload-text" }, "点击或将文件拖拽到这里上传", -1));
14
14
  const _hoisted_2 = { class: "mx-upload-tip" };
15
15
  const _hoisted_3 = {
@@ -120,14 +120,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
120
120
  var _a;
121
121
  (_a = uploadRef.value) == null ? void 0 : _a.handleRemove(uploadFile);
122
122
  };
123
- const handlePreview = (file) => {
123
+ const handlePreview = (file, listType) => {
124
124
  if (props.onPreview) {
125
125
  props.onPreview(file);
126
126
  return;
127
127
  }
128
128
  if (file.status === "success" && file.url) {
129
- const fileSuffix = getFileSuffix(file.url);
130
- if (FILE_TYPE.IMAGE.includes(fileSuffix.split("?")[0])) {
129
+ if (listType === "picture-card") {
131
130
  previewImage.value = file.url;
132
131
  previewOpen.value = true;
133
132
  } else {
@@ -296,7 +295,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
296
295
  };
297
296
  }
298
297
  });
299
- const MxUpload_vue_vue_type_style_index_0_scoped_ac1e4650_lang = "";
298
+ const MxUpload_vue_vue_type_style_index_0_scoped_7c636766_lang = "";
300
299
  const MxUpload_vue_vue_type_style_index_1_lang = "";
301
300
  const _export_sfc = (sfc, props) => {
302
301
  const target = sfc.__vccOpts || sfc;
@@ -305,7 +304,7 @@ const _export_sfc = (sfc, props) => {
305
304
  }
306
305
  return target;
307
306
  };
308
- const MxUpload = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ac1e4650"]]);
307
+ const MxUpload = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7c636766"]]);
309
308
  export {
310
309
  MxUpload as default
311
310
  };
package/es/components/upload/uploadList.css CHANGED
@@ -1,14 +1,14 @@
1
- .mx-upload-file-list[data-v-c5fd7b5c] {
1
+ .mx-upload-file-list[data-v-d10d2124] {
2
2
  display: flex;
3
3
  align-items: center;
4
4
  width: 100%;
5
5
  }
6
- .mx-upload-file-list .el-icon[data-v-c5fd7b5c] {
6
+ .mx-upload-file-list .el-icon[data-v-d10d2124] {
7
7
  font-size: 16px;
8
8
  color: rgba(255, 255, 255, 0.85);
9
9
  margin-right: 4px;
10
10
  }
11
- .mx-upload-file-list .mx-upload-list__item-file-name[data-v-c5fd7b5c] {
11
+ .mx-upload-file-list .mx-upload-list__item-file-name[data-v-d10d2124] {
12
12
  font-size: 14px;
13
13
  color: rgba(255, 255, 255, 0.85);
14
14
  line-height: 22px;
@@ -18,30 +18,30 @@
18
18
  white-space: nowrap;
19
19
  text-overflow: ellipsis;
20
20
  }
21
- .mx-upload-file-list .file-del[data-v-c5fd7b5c] {
21
+ .mx-upload-file-list .file-del[data-v-d10d2124] {
22
22
  display: none;
23
23
  }
24
- .mx-upload-file-list:hover .file-del[data-v-c5fd7b5c] {
24
+ .mx-upload-file-list:hover .file-del[data-v-d10d2124] {
25
25
  display: block;
26
26
  }
27
- .mx-upload-file-list .file-progress[data-v-c5fd7b5c] {
27
+ .mx-upload-file-list .file-progress[data-v-d10d2124] {
28
28
  margin-top: 4px;
29
29
  margin-left: 20px;
30
30
  width: calc(100% - 40px);
31
31
  }
32
- .mx-upload-file-list .mx-upload-file-item-thumbnail[data-v-c5fd7b5c] {
32
+ .mx-upload-file-list .mx-upload-file-item-thumbnail[data-v-d10d2124] {
33
33
  display: block;
34
34
  margin: 8px;
35
35
  width: calc(100% - 16px);
36
36
  height: calc(100% - 16px);
37
37
  object-fit: contain;
38
38
  }
39
- .mx-upload-file-list .mx-upload-file-item-thumbnail > img[data-v-c5fd7b5c] {
39
+ .mx-upload-file-list .mx-upload-file-item-thumbnail > img[data-v-d10d2124] {
40
40
  width: 100%;
41
41
  height: 100%;
42
42
  object-fit: contain;
43
43
  }
44
- .mx-upload-file-list .mx-upload-list-item-actions[data-v-c5fd7b5c] {
44
+ .mx-upload-file-list .mx-upload-list-item-actions[data-v-d10d2124] {
45
45
  position: absolute;
46
46
  top: 0;
47
47
  left: 0;
@@ -53,18 +53,18 @@
53
53
  background: rgba(0, 0, 0, 0.5);
54
54
  color: rgba(255, 255, 255, 0.65);
55
55
  }
56
- .mx-upload-file-list .mx-upload-list-item-actions .el-icon[data-v-c5fd7b5c] {
56
+ .mx-upload-file-list .mx-upload-list-item-actions .el-icon[data-v-d10d2124] {
57
57
  font-size: 14px;
58
58
  color: rgba(255, 255, 255, 0.65);
59
59
  cursor: pointer;
60
60
  }
61
- .mx-upload-file-list .mx-upload-list-item-actions .el-icon[data-v-c5fd7b5c]:hover {
61
+ .mx-upload-file-list .mx-upload-list-item-actions .el-icon[data-v-d10d2124]:hover {
62
62
  color: rgba(255, 255, 255, 0.85);
63
63
  }
64
- .mx-upload-file-list:hover .mx-upload-list-item-actions[data-v-c5fd7b5c] {
64
+ .mx-upload-file-list:hover .mx-upload-list-item-actions[data-v-d10d2124] {
65
65
  display: flex;
66
66
  }
67
- .file-upload-error .el-icon[data-v-c5fd7b5c],
68
- .file-upload-error .mx-upload-list__item-file-name[data-v-c5fd7b5c] {
67
+ .file-upload-error .el-icon[data-v-d10d2124],
68
+ .file-upload-error .mx-upload-list__item-file-name[data-v-d10d2124] {
69
69
  color: #e64242;
70
70
  }
package/es/components/upload/uploadList.vue.js CHANGED
@@ -23,8 +23,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
23
23
  const handleRemove = (file) => {
24
24
  emit("remove", file);
25
25
  };
26
- const handlePreview = (file) => {
27
- emit("preview", file);
26
+ const handlePreview = (file, listType) => {
27
+ emit("preview", file, listType);
28
28
  };
29
29
  return (_ctx, _cache) => {
30
30
  const _component_el_icon = resolveComponent("el-icon");
@@ -78,7 +78,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
78
78
  _ctx.$attrs["list-type"] === "picture-card" ? (openBlock(), createElementBlock("span", _hoisted_4, [
79
79
  createElementVNode("span", {
80
80
  style: { marginRight: "14px" },
81
- onClick: _cache[2] || (_cache[2] = ($event) => handlePreview(__props.file))
81
+ onClick: _cache[2] || (_cache[2] = ($event) => handlePreview(__props.file, _ctx.$attrs["list-type"]))
82
82
  }, [
83
83
  createVNode(_component_el_icon, null, {
84
84
  default: withCtx(() => [
@@ -104,7 +104,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
104
104
  };
105
105
  }
106
106
  });
107
- const uploadList_vue_vue_type_style_index_0_scoped_c5fd7b5c_lang = "";
107
+ const uploadList_vue_vue_type_style_index_0_scoped_d10d2124_lang = "";
108
108
  const _export_sfc = (sfc, props) => {
109
109
  const target = sfc.__vccOpts || sfc;
110
110
  for (const [key, val] of props) {
@@ -112,7 +112,7 @@ const _export_sfc = (sfc, props) => {
112
112
  }
113
113
  return target;
114
114
  };
115
- const uploadList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c5fd7b5c"]]);
115
+ const uploadList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d10d2124"]]);
116
116
  export {
117
117
  uploadList as default
118
118
  };
package/lib/components/empty/no-data.png ADDED
Binary file
package/lib/components/upload/MxUpload.css CHANGED
@@ -1,98 +1,98 @@
1
- .mx-upload[data-v-ac1e4650] {
1
+ .mx-upload[data-v-7c636766] {
2
2
  position: relative;
3
3
  }
4
- .mx-upload .mx-upload-btn .el-icon[data-v-ac1e4650] {
4
+ .mx-upload .mx-upload-btn .el-icon[data-v-7c636766] {
5
5
  margin-right: 4px;
6
6
  }
7
- .mx-upload .mx-upload-tip[data-v-ac1e4650] {
7
+ .mx-upload .mx-upload-tip[data-v-7c636766] {
8
8
  font-size: 14px;
9
9
  color: rgba(255, 255, 255, 0.45);
10
10
  line-height: 22px;
11
11
  margin-top: 8px;
12
12
  }
13
- .mx-upload[data-v-ac1e4650] .el-upload-dragger {
13
+ .mx-upload[data-v-7c636766] .el-upload-dragger {
14
14
  --el-color-primary: #4a90e2;
15
15
  --el-border-color: rgba(255, 255, 255, 0.2);
16
16
  background-color: transparent;
17
17
  padding: 40px 54px;
18
18
  overflow: visible;
19
19
  }
20
- .mx-upload[data-v-ac1e4650] .el-upload-dragger .el-icon {
20
+ .mx-upload[data-v-7c636766] .el-upload-dragger .el-icon {
21
21
  font-size: 48px;
22
22
  color: #4a90e2;
23
23
  }
24
- .mx-upload[data-v-ac1e4650] .el-upload-dragger .mx-upload-text {
24
+ .mx-upload[data-v-7c636766] .el-upload-dragger .mx-upload-text {
25
25
  font-size: 16px;
26
26
  color: rgba(255, 255, 255, 0.85);
27
27
  line-height: 24px;
28
28
  margin-top: 12px;
29
29
  }
30
- .mx-upload[data-v-ac1e4650] .el-upload-dragger .mx-upload-tip {
30
+ .mx-upload[data-v-7c636766] .el-upload-dragger .mx-upload-tip {
31
31
  font-size: 14px;
32
32
  color: rgba(255, 255, 255, 0.45);
33
33
  line-height: 22px;
34
34
  margin-top: 4px;
35
35
  }
36
- .mx-upload.mx-upload-disabled[data-v-ac1e4650] .el-upload-dragger,
37
- .mx-upload.mx-upload-disabled[data-v-ac1e4650] .el-upload-list--picture-card .el-upload--picture-card {
36
+ .mx-upload.mx-upload-disabled[data-v-7c636766] .el-upload-dragger,
37
+ .mx-upload.mx-upload-disabled[data-v-7c636766] .el-upload-list--picture-card .el-upload--picture-card {
38
38
  background-color: rgba(255, 255, 255, 0.05);
39
39
  }
40
- .mx-upload.mx-upload-disabled[data-v-ac1e4650] .el-upload-dragger .el-icon,
41
- .mx-upload.mx-upload-disabled[data-v-ac1e4650] .el-upload-dragger .mx-upload-text,
42
- .mx-upload.mx-upload-disabled[data-v-ac1e4650] .el-upload-dragger .mx-upload-tip,
43
- .mx-upload.mx-upload-disabled[data-v-ac1e4650] .el-upload-list--picture-card .el-upload--picture-card .el-icon,
44
- .mx-upload.mx-upload-disabled[data-v-ac1e4650] .el-upload-list--picture-card .el-upload--picture-card .mx-upload-text,
45
- .mx-upload.mx-upload-disabled[data-v-ac1e4650] .el-upload-list--picture-card .el-upload--picture-card .mx-upload-tip {
40
+ .mx-upload.mx-upload-disabled[data-v-7c636766] .el-upload-dragger .el-icon,
41
+ .mx-upload.mx-upload-disabled[data-v-7c636766] .el-upload-dragger .mx-upload-text,
42
+ .mx-upload.mx-upload-disabled[data-v-7c636766] .el-upload-dragger .mx-upload-tip,
43
+ .mx-upload.mx-upload-disabled[data-v-7c636766] .el-upload-list--picture-card .el-upload--picture-card .el-icon,
44
+ .mx-upload.mx-upload-disabled[data-v-7c636766] .el-upload-list--picture-card .el-upload--picture-card .mx-upload-text,
45
+ .mx-upload.mx-upload-disabled[data-v-7c636766] .el-upload-list--picture-card .el-upload--picture-card .mx-upload-tip {
46
46
  color: rgba(255, 255, 255, 0.3);
47
47
  }
48
- .mx-upload[data-v-ac1e4650] .el-upload-list.el-upload-list--picture-card {
48
+ .mx-upload[data-v-7c636766] .el-upload-list.el-upload-list--picture-card {
49
49
  margin: 0 !important;
50
50
  }
51
- .mx-upload[data-v-ac1e4650] .el-upload-list.el-upload-list--picture-card .el-upload-list__item,
52
- .mx-upload[data-v-ac1e4650] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card {
51
+ .mx-upload[data-v-7c636766] .el-upload-list.el-upload-list--picture-card .el-upload-list__item,
52
+ .mx-upload[data-v-7c636766] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card {
53
53
  background-color: transparent;
54
54
  border-color: rgba(255, 255, 255, 0.2);
55
55
  margin: 0 16px 16px 0;
56
56
  width: 104px;
57
57
  height: 104px;
58
58
  }
59
- .mx-upload[data-v-ac1e4650] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card {
59
+ .mx-upload[data-v-7c636766] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card {
60
60
  flex-direction: column;
61
61
  }
62
- .mx-upload[data-v-ac1e4650] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card:hover {
62
+ .mx-upload[data-v-7c636766] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card:hover {
63
63
  border-color: #4a90e2;
64
64
  }
65
- .mx-upload[data-v-ac1e4650] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card .el-icon,
66
- .mx-upload[data-v-ac1e4650] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card .mx-upload-text {
65
+ .mx-upload[data-v-7c636766] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card .el-icon,
66
+ .mx-upload[data-v-7c636766] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card .mx-upload-text {
67
67
  color: rgba(255, 255, 255, 0.65);
68
68
  }
69
- .mx-upload[data-v-ac1e4650] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card .el-icon {
69
+ .mx-upload[data-v-7c636766] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card .el-icon {
70
70
  font-size: 24px;
71
71
  }
72
- .mx-upload[data-v-ac1e4650] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card .mx-upload-text {
72
+ .mx-upload[data-v-7c636766] .el-upload-list.el-upload-list--picture-card .el-upload--picture-card .mx-upload-text {
73
73
  font-size: 14px;
74
74
  margin-top: 10px;
75
75
  line-height: 22px;
76
76
  }
77
- .mx-upload[data-v-ac1e4650] .el-upload-list.el-upload-list--picture-card + .mx-upload-tip {
77
+ .mx-upload[data-v-7c636766] .el-upload-list.el-upload-list--picture-card + .mx-upload-tip {
78
78
  margin-top: -8px;
79
79
  }
80
- .mx-upload[data-v-ac1e4650] .el-upload-list {
80
+ .mx-upload[data-v-7c636766] .el-upload-list {
81
81
  --el-text-color-secondary: rgba(255, 255, 255, 0.85);
82
82
  padding-left: 0;
83
83
  margin-top: 8px;
84
84
  }
85
- .mx-upload[data-v-ac1e4650] .el-upload-list .el-upload-list__item {
85
+ .mx-upload[data-v-7c636766] .el-upload-list .el-upload-list__item {
86
86
  list-style: none;
87
87
  margin-bottom: 8px;
88
88
  --el-fill-color-light: rgba(255, 255, 255, 0.05);
89
89
  }
90
- .mx-upload .mx-error-msg[data-v-ac1e4650] {
90
+ .mx-upload .mx-error-msg[data-v-7c636766] {
91
91
  text-align: left;
92
92
  position: absolute;
93
93
  left: 0;
94
94
  }
95
- .mx-upload .mx-error-msg > p[data-v-ac1e4650] {
95
+ .mx-upload .mx-error-msg > p[data-v-7c636766] {
96
96
  font-size: 14px;
97
97
  color: #e64242;
98
98
  line-height: 22px;
package/lib/components/upload/MxUpload.vue.js CHANGED
@@ -10,7 +10,7 @@ const typescript = require("element-plus/es/utils/typescript");
10
10
  const upload = require("./upload");
11
11
  const UploadSvg = require("../../assets/svg/UploadSvg.vue");
12
12
  const ContainerSvg = require("../../assets/svg/ContainerSvg.vue");
13
- const _withScopeId = (n) => (vue.pushScopeId("data-v-ac1e4650"), n = n(), vue.popScopeId(), n);
13
+ const _withScopeId = (n) => (vue.pushScopeId("data-v-7c636766"), n = n(), vue.popScopeId(), n);
14
14
  const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "mx-upload-text" }, "点击或将文件拖拽到这里上传", -1));
15
15
  const _hoisted_2 = { class: "mx-upload-tip" };
16
16
  const _hoisted_3 = {
@@ -121,14 +121,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
121
121
  var _a;
122
122
  (_a = uploadRef.value) == null ? void 0 : _a.handleRemove(uploadFile);
123
123
  };
124
- const handlePreview = (file) => {
124
+ const handlePreview = (file, listType) => {
125
125
  if (props.onPreview) {
126
126
  props.onPreview(file);
127
127
  return;
128
128
  }
129
129
  if (file.status === "success" && file.url) {
130
- const fileSuffix = useHandlers.getFileSuffix(file.url);
131
- if (useHandlers.FILE_TYPE.IMAGE.includes(fileSuffix.split("?")[0])) {
130
+ if (listType === "picture-card") {
132
131
  previewImage.value = file.url;
133
132
  previewOpen.value = true;
134
133
  } else {
@@ -297,7 +296,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
297
296
  };
298
297
  }
299
298
  });
300
- const MxUpload_vue_vue_type_style_index_0_scoped_ac1e4650_lang = "";
299
+ const MxUpload_vue_vue_type_style_index_0_scoped_7c636766_lang = "";
301
300
  const MxUpload_vue_vue_type_style_index_1_lang = "";
302
301
  const _export_sfc = (sfc, props) => {
303
302
  const target = sfc.__vccOpts || sfc;
@@ -306,5 +305,5 @@ const _export_sfc = (sfc, props) => {
306
305
  }
307
306
  return target;
308
307
  };
309
- const MxUpload = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ac1e4650"]]);
308
+ const MxUpload = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7c636766"]]);
310
309
  module.exports = MxUpload;
package/lib/components/upload/uploadList.css CHANGED
@@ -1,14 +1,14 @@
1
- .mx-upload-file-list[data-v-c5fd7b5c] {
1
+ .mx-upload-file-list[data-v-d10d2124] {
2
2
  display: flex;
3
3
  align-items: center;
4
4
  width: 100%;
5
5
  }
6
- .mx-upload-file-list .el-icon[data-v-c5fd7b5c] {
6
+ .mx-upload-file-list .el-icon[data-v-d10d2124] {
7
7
  font-size: 16px;
8
8
  color: rgba(255, 255, 255, 0.85);
9
9
  margin-right: 4px;
10
10
  }
11
- .mx-upload-file-list .mx-upload-list__item-file-name[data-v-c5fd7b5c] {
11
+ .mx-upload-file-list .mx-upload-list__item-file-name[data-v-d10d2124] {
12
12
  font-size: 14px;
13
13
  color: rgba(255, 255, 255, 0.85);
14
14
  line-height: 22px;
@@ -18,30 +18,30 @@
18
18
  white-space: nowrap;
19
19
  text-overflow: ellipsis;
20
20
  }
21
- .mx-upload-file-list .file-del[data-v-c5fd7b5c] {
21
+ .mx-upload-file-list .file-del[data-v-d10d2124] {
22
22
  display: none;
23
23
  }
24
- .mx-upload-file-list:hover .file-del[data-v-c5fd7b5c] {
24
+ .mx-upload-file-list:hover .file-del[data-v-d10d2124] {
25
25
  display: block;
26
26
  }
27
- .mx-upload-file-list .file-progress[data-v-c5fd7b5c] {
27
+ .mx-upload-file-list .file-progress[data-v-d10d2124] {
28
28
  margin-top: 4px;
29
29
  margin-left: 20px;
30
30
  width: calc(100% - 40px);
31
31
  }
32
- .mx-upload-file-list .mx-upload-file-item-thumbnail[data-v-c5fd7b5c] {
32
+ .mx-upload-file-list .mx-upload-file-item-thumbnail[data-v-d10d2124] {
33
33
  display: block;
34
34
  margin: 8px;
35
35
  width: calc(100% - 16px);
36
36
  height: calc(100% - 16px);
37
37
  object-fit: contain;
38
38
  }
39
- .mx-upload-file-list .mx-upload-file-item-thumbnail > img[data-v-c5fd7b5c] {
39
+ .mx-upload-file-list .mx-upload-file-item-thumbnail > img[data-v-d10d2124] {
40
40
  width: 100%;
41
41
  height: 100%;
42
42
  object-fit: contain;
43
43
  }
44
- .mx-upload-file-list .mx-upload-list-item-actions[data-v-c5fd7b5c] {
44
+ .mx-upload-file-list .mx-upload-list-item-actions[data-v-d10d2124] {
45
45
  position: absolute;
46
46
  top: 0;
47
47
  left: 0;
@@ -53,18 +53,18 @@
53
53
  background: rgba(0, 0, 0, 0.5);
54
54
  color: rgba(255, 255, 255, 0.65);
55
55
  }
56
- .mx-upload-file-list .mx-upload-list-item-actions .el-icon[data-v-c5fd7b5c] {
56
+ .mx-upload-file-list .mx-upload-list-item-actions .el-icon[data-v-d10d2124] {
57
57
  font-size: 14px;
58
58
  color: rgba(255, 255, 255, 0.65);
59
59
  cursor: pointer;
60
60
  }
61
- .mx-upload-file-list .mx-upload-list-item-actions .el-icon[data-v-c5fd7b5c]:hover {
61
+ .mx-upload-file-list .mx-upload-list-item-actions .el-icon[data-v-d10d2124]:hover {
62
62
  color: rgba(255, 255, 255, 0.85);
63
63
  }
64
- .mx-upload-file-list:hover .mx-upload-list-item-actions[data-v-c5fd7b5c] {
64
+ .mx-upload-file-list:hover .mx-upload-list-item-actions[data-v-d10d2124] {
65
65
  display: flex;
66
66
  }
67
- .file-upload-error .el-icon[data-v-c5fd7b5c],
68
- .file-upload-error .mx-upload-list__item-file-name[data-v-c5fd7b5c] {
67
+ .file-upload-error .el-icon[data-v-d10d2124],
68
+ .file-upload-error .mx-upload-list__item-file-name[data-v-d10d2124] {
69
69
  color: #e64242;
70
70
  }
package/lib/components/upload/uploadList.vue.js CHANGED
@@ -24,8 +24,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
24
24
  const handleRemove = (file) => {
25
25
  emit("remove", file);
26
26
  };
27
- const handlePreview = (file) => {
28
- emit("preview", file);
27
+ const handlePreview = (file, listType) => {
28
+ emit("preview", file, listType);
29
29
  };
30
30
  return (_ctx, _cache) => {
31
31
  const _component_el_icon = vue.resolveComponent("el-icon");
@@ -79,7 +79,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
79
79
  _ctx.$attrs["list-type"] === "picture-card" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, [
80
80
  vue.createElementVNode("span", {
81
81
  style: { marginRight: "14px" },
82
- onClick: _cache[2] || (_cache[2] = ($event) => handlePreview(__props.file))
82
+ onClick: _cache[2] || (_cache[2] = ($event) => handlePreview(__props.file, _ctx.$attrs["list-type"]))
83
83
  }, [
84
84
  vue.createVNode(_component_el_icon, null, {
85
85
  default: vue.withCtx(() => [
@@ -105,7 +105,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
105
105
  };
106
106
  }
107
107
  });
108
- const uploadList_vue_vue_type_style_index_0_scoped_c5fd7b5c_lang = "";
108
+ const uploadList_vue_vue_type_style_index_0_scoped_d10d2124_lang = "";
109
109
  const _export_sfc = (sfc, props) => {
110
110
  const target = sfc.__vccOpts || sfc;
111
111
  for (const [key, val] of props) {
@@ -113,5 +113,5 @@ const _export_sfc = (sfc, props) => {
113
113
  }
114
114
  return target;
115
115
  };
116
- const uploadList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c5fd7b5c"]]);
116
+ const uploadList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d10d2124"]]);
117
117
  module.exports = uploadList;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@maxtropy/v-components",
3
- "version": "0.1.12-beta.6",
3
+ "version": "0.1.12-beta.8",
4
4
  "files": [
5
5
  "dist",
6
6
  "lib",
@@ -13,7 +13,7 @@
13
13
  "access": "public"
14
14
  },
15
15
  "scripts": {
16
- "build:components": "rimraf dist && vue-tsc && vite build",
16
+ "build:components": "rimraf dist && rimraf lib && rimraf es && vue-tsc && vite build && node copyImages.mjs",
17
17
  "start": "vitepress dev docs --no-cache ",
18
18
  "build": "vitepress build docs",
19
19
  "docs:serve": "vitepress serve docs",