meixioacomponent 0.3.21 → 0.3.24
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/lib/meixioacomponent.common.js +179 -159
- package/lib/meixioacomponent.umd.js +179 -159
- package/lib/meixioacomponent.umd.min.js +9 -9
- package/package.json +1 -1
- package/packages/components/base/baseDrawer/index.vue +6 -2
- package/packages/components/base/baseTimeLine/baseTimeLine.vue +6 -0
- package/packages/components/base/baseUpload/baseUploadItem.vue +18 -2
package/package.json
CHANGED
|
@@ -134,13 +134,17 @@ export default {
|
|
|
134
134
|
this.open = true;
|
|
135
135
|
this.$nextTick(() => {
|
|
136
136
|
this.setDrawerStyle();
|
|
137
|
-
console.log(this.$refs.drawer);
|
|
138
137
|
});
|
|
139
138
|
},
|
|
140
139
|
|
|
141
140
|
hiddenDrawer() {
|
|
142
141
|
if (this.isExis()) {
|
|
143
142
|
this.$refs.drawer.closeDrawer();
|
|
143
|
+
|
|
144
|
+
const { destroyOnClose } = this.$props;
|
|
145
|
+
if (destroyOnClose) {
|
|
146
|
+
this.$destroy();
|
|
147
|
+
}
|
|
144
148
|
}
|
|
145
149
|
},
|
|
146
150
|
|
|
@@ -230,7 +234,7 @@ export default {
|
|
|
230
234
|
align-items: center;
|
|
231
235
|
flex-flow: row nowrap;
|
|
232
236
|
box-sizing: border-box;
|
|
233
|
-
padding:0px var(--padding-5);
|
|
237
|
+
padding: 0px var(--padding-5);
|
|
234
238
|
justify-content: space-between;
|
|
235
239
|
span {
|
|
236
240
|
color: var(--font-color-d);
|
|
@@ -61,11 +61,17 @@ export default {
|
|
|
61
61
|
height: auto;
|
|
62
62
|
display: flex;
|
|
63
63
|
min-height: 50px;
|
|
64
|
+
|
|
64
65
|
&:last-of-type {
|
|
65
66
|
/deep/ .point-line {
|
|
66
67
|
display: none;
|
|
67
68
|
}
|
|
68
69
|
}
|
|
70
|
+
&:first-of-type {
|
|
71
|
+
/deep/ .point-line {
|
|
72
|
+
display: block;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
69
75
|
}
|
|
70
76
|
.base-time-line-right {
|
|
71
77
|
width: 100%;
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
:iconClass="`element`"
|
|
31
31
|
:name="`el-icon-upload`"
|
|
32
32
|
></base-icon>
|
|
33
|
-
<div class="upload-notic-wrap">
|
|
33
|
+
<div class="upload-notic-wrap" :class="{ disabled: disabled }">
|
|
34
34
|
<span @click="clickFile">点击上传<br /></span
|
|
35
35
|
><span class="primary-color"
|
|
36
36
|
>或点击该处后Ctrl+V 黏贴QQ或微信截图</span
|
|
@@ -48,6 +48,7 @@
|
|
|
48
48
|
:size="`l`"
|
|
49
49
|
:color="`d`"
|
|
50
50
|
:event="true"
|
|
51
|
+
v-if="!disabled"
|
|
51
52
|
:name="`meixicomponenticon-close`"
|
|
52
53
|
@iconClick="handleDeleteUploadItem"
|
|
53
54
|
></base-icon>
|
|
@@ -102,6 +103,11 @@ export default {
|
|
|
102
103
|
type: Number,
|
|
103
104
|
default: 99,
|
|
104
105
|
},
|
|
106
|
+
|
|
107
|
+
disabled: {
|
|
108
|
+
type: Boolean,
|
|
109
|
+
default: false,
|
|
110
|
+
},
|
|
105
111
|
},
|
|
106
112
|
computed: {
|
|
107
113
|
module: {
|
|
@@ -155,6 +161,8 @@ export default {
|
|
|
155
161
|
},
|
|
156
162
|
methods: {
|
|
157
163
|
clickFile() {
|
|
164
|
+
const { disabled } = this.$props;
|
|
165
|
+
if (disabled) return;
|
|
158
166
|
this.$refs.inputFile.click();
|
|
159
167
|
},
|
|
160
168
|
|
|
@@ -195,7 +203,8 @@ export default {
|
|
|
195
203
|
},
|
|
196
204
|
|
|
197
205
|
async onPasteFile() {
|
|
198
|
-
|
|
206
|
+
const { disabled } = this.$props;
|
|
207
|
+
if (this.uploadLoading || disabled) return;
|
|
199
208
|
const items = (event.clipboardData || window.clipboardData).items;
|
|
200
209
|
const rowList = [];
|
|
201
210
|
if (this.fileType == "img") {
|
|
@@ -211,6 +220,7 @@ export default {
|
|
|
211
220
|
rowList.push(file);
|
|
212
221
|
}
|
|
213
222
|
}
|
|
223
|
+
if (rowList.length <= 0) return;
|
|
214
224
|
let list = await this.returnFiles(rowList);
|
|
215
225
|
this.emitEvent(list);
|
|
216
226
|
},
|
|
@@ -255,11 +265,17 @@ export default {
|
|
|
255
265
|
color: var(--color-primary);
|
|
256
266
|
}
|
|
257
267
|
}
|
|
268
|
+
|
|
258
269
|
.primary-color {
|
|
259
270
|
margin-top: var(--margin-4);
|
|
260
271
|
color: var(--color-primary);
|
|
261
272
|
}
|
|
262
273
|
}
|
|
274
|
+
.disabled {
|
|
275
|
+
span {
|
|
276
|
+
cursor: not-allowed !important;
|
|
277
|
+
}
|
|
278
|
+
}
|
|
263
279
|
}
|
|
264
280
|
.upload-icon {
|
|
265
281
|
width: 60px;
|