zydx-plus 1.35.611 → 1.35.612

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": "zydx-plus",
3
- "version": "1.35.611",
3
+ "version": "1.35.612",
4
4
  "description": "Vue.js",
5
5
  "main": "src/index.js",
6
6
  "files": [
@@ -1246,7 +1246,7 @@ export default {
1246
1246
 
1247
1247
  .ed-cont {
1248
1248
  padding-top: 4px;
1249
- margin-bottom: 14px;
1249
+ padding-bottom: 14px;
1250
1250
  position: relative;
1251
1251
  }
1252
1252
 
@@ -196,7 +196,7 @@
196
196
  border: 1px solid #ccc;
197
197
  cursor: pointer;
198
198
  font-size: 14px;
199
- height: 28px;
199
+ height: 30px;
200
200
  line-height: 28px;
201
201
  flex: 1;
202
202
  position: relative;
@@ -9,7 +9,7 @@
9
9
  :readonly="true"
10
10
  @click.stop="toggleDropDown"
11
11
  :class="{'select-css-focus': isOpen}"
12
- class="select-css" />
12
+ class="select-css"/>
13
13
 
14
14
  <span v-if="!readonly" class="custom-select-icons">
15
15
  <svg v-if="!selected"
@@ -31,8 +31,8 @@
31
31
  width="16"
32
32
  xmlns="http://www.w3.org/2000/svg">
33
33
  <path
34
- d="M512 14.8973037A497.1026963 497.1026963 0 1 0 1009.1026963 512 497.1026963 497.1026963 0 0 0 512 14.8973037z m219.96794311 628.83491082a62.13783703 62.13783703 0 0 1-88.23572859 88.23572859L512 599.61435022 380.26778548 731.96794311a62.13783703 62.13783703 0 0 1-88.23572859-88.23572859L424.38564978 512 292.03205689 380.26778548a62.13783703 62.13783703 0 0 1 88.23572859-88.23572859L512 424.38564978l131.73221452-132.35359289a62.13783703 62.13783703 0 0 1 88.23572859 88.23572859L599.61435022 512z"
35
- fill="#c0c4cc"></path>
34
+ d="M512 14.8973037A497.1026963 497.1026963 0 1 0 1009.1026963 512 497.1026963 497.1026963 0 0 0 512 14.8973037z m219.96794311 628.83491082a62.13783703 62.13783703 0 0 1-88.23572859 88.23572859L512 599.61435022 380.26778548 731.96794311a62.13783703 62.13783703 0 0 1-88.23572859-88.23572859L424.38564978 512 292.03205689 380.26778548a62.13783703 62.13783703 0 0 1 88.23572859-88.23572859L512 424.38564978l131.73221452-132.35359289a62.13783703 62.13783703 0 0 1 88.23572859 88.23572859L599.61435022 512z"
35
+ fill="#c0c4cc"></path>
36
36
  </svg>
37
37
 
38
38
  </span>
@@ -49,7 +49,7 @@
49
49
  :class="option.disable ? 'disable': ''"
50
50
  @click.stop="handleClick(option)">
51
51
  <div class="countersign-image" v-if="multiple">
52
- <img v-if="option.active" :src="countersign" alt=""/>
52
+ <img v-if="option.active" :src="countersign" alt=""/>
53
53
  </div>
54
54
  <span>{{ option.label }}</span>
55
55
  </li>
@@ -62,15 +62,17 @@
62
62
  </onClickOutSide>
63
63
  </template>
64
64
  <script setup>
65
- import { ref } from 'vue'
65
+ import {ref} from 'vue'
66
+
66
67
  let dropdown = ref(null)
67
68
  </script>
68
69
  <script>
69
70
  import onClickOutSide from './onClickOutSide.vue'
70
- import { defineComponent } from 'vue'
71
+ import {defineComponent} from 'vue'
72
+
71
73
  export default defineComponent({
72
74
  name: 'zydx-select',
73
- components: { onClickOutSide },
75
+ components: {onClickOutSide},
74
76
  props: {
75
77
  options: {
76
78
  type: Array,
@@ -116,7 +118,7 @@ export default defineComponent({
116
118
  countersign: 'data:image/png;base64,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'
117
119
  }
118
120
  },
119
- emits: ['update:value', 'select','clear'],
121
+ emits: ['update:value', 'select', 'clear'],
120
122
  methods: {
121
123
  mouseleave() {
122
124
  this.isOpen = false
@@ -124,21 +126,21 @@ export default defineComponent({
124
126
  },
125
127
  toggleDropDown: function () {
126
128
  const winHeight = window.innerHeight
127
- const { x, y, width, height } = this.$refs.selectRef.getBoundingClientRect()
129
+ const {x, y, width, height} = this.$refs.selectRef.getBoundingClientRect()
128
130
  this.x = x
129
131
  this.y = y + height
130
132
  this.width = width
131
133
  this.height = (winHeight - this.y) - 50
132
134
  this.isOpen = !this.isOpen
133
- if(this.isOpen) {
135
+ if (this.isOpen) {
134
136
  window.addEventListener('scroll', this.handler)
135
- }else {
137
+ } else {
136
138
  window.removeEventListener('scroll', this.handler)
137
139
  }
138
140
  },
139
- clearSelected:function () {
141
+ clearSelected: function () {
140
142
  this.selected = ''
141
- if(this.multiple) {
143
+ if (this.multiple) {
142
144
  this.options.forEach(x => {
143
145
  x.active = false
144
146
  })
@@ -147,16 +149,16 @@ export default defineComponent({
147
149
  this.$emit('clear', 'clear')
148
150
  },
149
151
  handleClick: function (option) {
150
- if(option.disable) return
151
- if(this.multiple) {
152
+ if (option.disable) return
153
+ if (this.multiple) {
152
154
  option.active = !option.active
153
155
  let value = ''
154
156
  this.options.forEach(x => {
155
- if(x.active) value += `${x.value},`
157
+ if (x.active) value += `${x.value},`
156
158
  })
157
159
  this.$emit('update:value', value.slice(0, -1))
158
- this.$emit('select', option)
159
- }else {
160
+ this.$emit('select', {label: option.label, value: option.value})
161
+ } else {
160
162
  this.$emit('update:value', option.value)
161
163
  this.$emit('select', option)
162
164
  this.isOpen = false
@@ -181,17 +183,18 @@ export default defineComponent({
181
183
  watch: {
182
184
  value: {
183
185
  handler: function (v) {
186
+ v = String(v)
184
187
  if (!v || !this.options.length) {
185
188
  this.selected = ''
186
189
  return
187
190
  }
188
- const data = this.multiple? v.split(',') : v.split(',')[0]
191
+ const data = v.split(',')
189
192
  let label = ''
190
193
  this.options.forEach(x => {
191
- if(data.includes(x.value)) {
194
+ if (data.includes(String(x.value))) {
192
195
  x.active = true
193
196
  label += `${x.label}、`
194
- }else {
197
+ } else {
195
198
  x.active = false
196
199
  }
197
200
  })
@@ -204,7 +207,7 @@ export default defineComponent({
204
207
  })
205
208
 
206
209
  </script>
207
- <style scoped>
210
+ <style scoped>
208
211
  .v-enter-active,
209
212
  .v-leave-active {
210
213
  transition: opacity 0.5s ease;
@@ -227,7 +230,7 @@ export default defineComponent({
227
230
  margin-bottom: 1em;
228
231
  }
229
232
 
230
- .countersign-image{
233
+ .countersign-image {
231
234
  width: 14px;
232
235
  height: 14px;
233
236
  margin-right: 5px;
@@ -235,7 +238,8 @@ export default defineComponent({
235
238
  top: 2px;
236
239
  display: inline-block;
237
240
  }
238
- .countersign-image>img{
241
+
242
+ .countersign-image > img {
239
243
  width: 100%;
240
244
  height: 100%;
241
245
  }
@@ -320,14 +324,17 @@ export default defineComponent({
320
324
  .custom-select-options::-webkit-scrollbar {
321
325
  display: none;
322
326
  }
327
+
323
328
  .custom-select-options {
324
329
  scrollbar-width: none;
325
330
  }
331
+
326
332
  /** IE 与微软浏览器 **/
327
333
  .custom-select-options {
328
334
  -ms-overflow-style: none;
329
335
  overflow: -moz-scrollbars-none;
330
336
  }
337
+
331
338
  .custom-select-options li {
332
339
  padding: 0 10px;
333
340
  font-size: 14px;
@@ -44,7 +44,7 @@
44
44
  <div v-if="item.type === 'file'" class="file-cont">
45
45
  <em>{{ fileName }}</em>
46
46
  <label>
47
- <span class="but">上传</span>
47
+ <span class="but">选择文件</span>
48
48
  <input class="file" :accept="item.accept" @change="fileTap($event,index)" type="file"/>
49
49
  </label>
50
50
  </div>
package/src/index.js CHANGED
@@ -87,7 +87,7 @@ function install(app) {
87
87
  }
88
88
 
89
89
  export default {
90
- version: '1.35.611',
90
+ version: '1.35.612',
91
91
  install,
92
92
  Calendar,
93
93
  Message,