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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "meixioacomponent",
3
- "version": "0.3.21",
3
+ "version": "0.3.24",
4
4
  "private": false,
5
5
  "author": "YuRi",
6
6
  "main": "lib/meixioacomponent.umd.min.js",
@@ -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
- if (this.uploadLoading) return;
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;