@maxtropy/v-components 0.1.12-beta.7 → 0.1.12-beta.9
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.
- package/dist/mx-vcomponents.es.js +2703 -2712
- package/dist/mx-vcomponents.umd.js +12 -12
- package/dist/style.css +1 -1
- package/es/components/datePicker/MxDatePicker.vue.js +1 -1
- package/es/components/upload/MxUpload.css +29 -29
- package/es/components/upload/MxUpload.vue.js +6 -7
- package/es/components/upload/uploadList.css +14 -14
- package/es/components/upload/uploadList.vue.js +5 -5
- package/lib/components/datePicker/MxDatePicker.vue.js +1 -1
- package/lib/components/upload/MxUpload.css +29 -29
- package/lib/components/upload/MxUpload.vue.js +5 -6
- package/lib/components/upload/uploadList.css +14 -14
- package/lib/components/upload/uploadList.vue.js +5 -5
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ import "element-plus/es/components/date-picker/style/css";
|
|
|
4
4
|
import "element-plus/es/components/config-provider/style/css";
|
|
5
5
|
import "element-plus/es/components/button/style/css";
|
|
6
6
|
import { ArrowLeftBold, ArrowRightBold } from "@element-plus/icons-vue";
|
|
7
|
-
import locale from "element-plus/
|
|
7
|
+
import locale from "element-plus/es/locale/lang/zh-cn";
|
|
8
8
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
9
9
|
__name: "MxDatePicker",
|
|
10
10
|
props: {
|
|
@@ -1,98 +1,98 @@
|
|
|
1
|
-
.mx-upload[data-v-
|
|
1
|
+
.mx-upload[data-v-7c636766] {
|
|
2
2
|
position: relative;
|
|
3
3
|
}
|
|
4
|
-
.mx-upload .mx-upload-btn .el-icon[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
37
|
-
.mx-upload.mx-upload-disabled[data-v-
|
|
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-
|
|
41
|
-
.mx-upload.mx-upload-disabled[data-v-
|
|
42
|
-
.mx-upload.mx-upload-disabled[data-v-
|
|
43
|
-
.mx-upload.mx-upload-disabled[data-v-
|
|
44
|
-
.mx-upload.mx-upload-disabled[data-v-
|
|
45
|
-
.mx-upload.mx-upload-disabled[data-v-
|
|
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-
|
|
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-
|
|
52
|
-
.mx-upload[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
66
|
-
.mx-upload[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
95
|
+
.mx-upload .mx-error-msg > p[data-v-7c636766] {
|
|
96
96
|
font-size: 14px;
|
|
97
97
|
color: #e64242;
|
|
98
98
|
line-height: 22px;
|
|
@@ -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,
|
|
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-
|
|
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
|
-
|
|
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
|
|
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-
|
|
307
|
+
const MxUpload = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7c636766"]]);
|
|
309
308
|
export {
|
|
310
309
|
MxUpload as default
|
|
311
310
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
.mx-upload-file-list[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
68
|
-
.file-upload-error .mx-upload-list__item-file-name[data-v-
|
|
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
|
}
|
|
@@ -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
|
|
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-
|
|
115
|
+
const uploadList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d10d2124"]]);
|
|
116
116
|
export {
|
|
117
117
|
uploadList as default
|
|
118
118
|
};
|
|
@@ -5,7 +5,7 @@ require("element-plus/es/components/date-picker/style/css");
|
|
|
5
5
|
require("element-plus/es/components/config-provider/style/css");
|
|
6
6
|
require("element-plus/es/components/button/style/css");
|
|
7
7
|
const iconsVue = require("@element-plus/icons-vue");
|
|
8
|
-
const locale = require("element-plus/
|
|
8
|
+
const locale = require("element-plus/es/locale/lang/zh-cn");
|
|
9
9
|
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
10
10
|
__name: "MxDatePicker",
|
|
11
11
|
props: {
|
|
@@ -1,98 +1,98 @@
|
|
|
1
|
-
.mx-upload[data-v-
|
|
1
|
+
.mx-upload[data-v-7c636766] {
|
|
2
2
|
position: relative;
|
|
3
3
|
}
|
|
4
|
-
.mx-upload .mx-upload-btn .el-icon[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
37
|
-
.mx-upload.mx-upload-disabled[data-v-
|
|
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-
|
|
41
|
-
.mx-upload.mx-upload-disabled[data-v-
|
|
42
|
-
.mx-upload.mx-upload-disabled[data-v-
|
|
43
|
-
.mx-upload.mx-upload-disabled[data-v-
|
|
44
|
-
.mx-upload.mx-upload-disabled[data-v-
|
|
45
|
-
.mx-upload.mx-upload-disabled[data-v-
|
|
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-
|
|
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-
|
|
52
|
-
.mx-upload[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
66
|
-
.mx-upload[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
95
|
+
.mx-upload .mx-error-msg > p[data-v-7c636766] {
|
|
96
96
|
font-size: 14px;
|
|
97
97
|
color: #e64242;
|
|
98
98
|
line-height: 22px;
|
|
@@ -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-
|
|
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
|
-
|
|
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
|
|
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-
|
|
308
|
+
const MxUpload = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7c636766"]]);
|
|
310
309
|
module.exports = MxUpload;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
.mx-upload-file-list[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
68
|
-
.file-upload-error .mx-upload-list__item-file-name[data-v-
|
|
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
|
}
|
|
@@ -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
|
|
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-
|
|
116
|
+
const uploadList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d10d2124"]]);
|
|
117
117
|
module.exports = uploadList;
|