meixioacomponent 0.3.22 → 0.3.25

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.25",
4
4
  "private": false,
5
5
  "author": "YuRi",
6
6
  "main": "lib/meixioacomponent.umd.min.js",
@@ -11,6 +11,7 @@
11
11
  :destroy-on-close="destroyOnClose"
12
12
  :wrapperClosable="wrapperClosable"
13
13
  :modal-append-to-body="appendToBody"
14
+ @closed="drawerClosed"
14
15
  >
15
16
  <!-- 插槽插入你需要渲染的内容 -->
16
17
  <div class="drawer-content-wrap">
@@ -134,10 +135,19 @@ export default {
134
135
  this.open = true;
135
136
  this.$nextTick(() => {
136
137
  this.setDrawerStyle();
137
- console.log(this.$refs.drawer);
138
138
  });
139
139
  },
140
140
 
141
+ drawerClosed() {
142
+ const { destroyOnClose } = this.$props;
143
+ if (destroyOnClose) {
144
+ this.$nextTick(() => {
145
+ this.$destroy();
146
+ this.$parent.$destroy();
147
+ });
148
+ }
149
+ },
150
+
141
151
  hiddenDrawer() {
142
152
  if (this.isExis()) {
143
153
  this.$refs.drawer.closeDrawer();
@@ -230,7 +240,7 @@ export default {
230
240
  align-items: center;
231
241
  flex-flow: row nowrap;
232
242
  box-sizing: border-box;
233
- padding:0px var(--padding-5);
243
+ padding: 0px var(--padding-5);
234
244
  justify-content: space-between;
235
245
  span {
236
246
  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
@@ -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;