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
|
@@ -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
|
-
|
|
35
|
-
|
|
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"
|
|
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 {
|
|
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 {
|
|
71
|
+
import {defineComponent} from 'vue'
|
|
72
|
+
|
|
71
73
|
export default defineComponent({
|
|
72
74
|
name: 'zydx-select',
|
|
73
|
-
components: {
|
|
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 {
|
|
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 =
|
|
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
|
|
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
|
-
|
|
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"
|
|
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>
|