meixioacomponent 0.3.22 → 0.3.23

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.22",
3
+ "version": "0.3.23",
4
4
  "private": false,
5
5
  "author": "YuRi",
6
6
  "main": "lib/meixioacomponent.umd.min.js",
@@ -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
@@ -161,6 +161,8 @@ export default {
161
161
  },
162
162
  methods: {
163
163
  clickFile() {
164
+ const { disabled } = this.$props;
165
+ if (disabled) return;
164
166
  this.$refs.inputFile.click();
165
167
  },
166
168
 
@@ -263,11 +265,17 @@ export default {
263
265
  color: var(--color-primary);
264
266
  }
265
267
  }
268
+
266
269
  .primary-color {
267
270
  margin-top: var(--margin-4);
268
271
  color: var(--color-primary);
269
272
  }
270
273
  }
274
+ .disabled {
275
+ span {
276
+ cursor: not-allowed !important;
277
+ }
278
+ }
271
279
  }
272
280
  .upload-icon {
273
281
  width: 60px;