e355dd49
梁灏
add Select Component
|
1
|
<template>
|
2fbe636b
梁灏
Select support a ...
|
2
|
<div
|
2fbe636b
梁灏
Select support a ...
|
3
|
:class="classes"
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
4
|
v-click-outside.capture="onClickOutside"
|
4a9974f6
Graham Fairweather
Normalise v-ckick...
|
5
|
v-click-outside:mousedown.capture="onClickOutside"
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
6
|
>
|
e355dd49
梁灏
add Select Component
|
7
|
<div
|
4aec6a66
梁灏
support Select
|
8
|
ref="reference"
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
9
10
11
12
13
14
15
16
17
18
|
:class="selectionCls"
:tabindex="selectTabindex"
@blur="toggleHeaderFocus"
@focus="toggleHeaderFocus"
@click="toggleMenu"
@keydown.esc="handleKeydown"
@keydown.enter="handleKeydown"
|
66f807ed
梁灏
update Select
|
19
20
|
@keydown.up.prevent="handleKeydown"
@keydown.down.prevent="handleKeydown"
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
21
22
23
24
25
26
27
28
|
@keydown.tab="handleKeydown"
@keydown.delete="handleKeydown"
@mouseenter="hasMouseHoverHead = true"
@mouseleave="hasMouseHoverHead = false"
>
|
fed3e09d
梁灏
add AutoComplete ...
|
29
|
<slot name="input">
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
30
31
32
33
34
35
|
<input type="hidden" :name="name" :value="publicValue">
<select-head
:filterable="filterable"
:multiple="multiple"
:values="values"
:clearable="canBeCleared"
|
fed3e09d
梁灏
add AutoComplete ...
|
36
|
:disabled="disabled"
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
37
38
39
40
41
42
43
44
45
|
:remote="remote"
:input-element-id="elementId"
:initial-label="initialLabel"
:placeholder="placeholder"
:query-prop="query"
@on-query-change="onQueryChange"
@on-input-focus="isFocused = true"
@on-input-blur="isFocused = false"
|
7dbde804
Sergio Crisostomo
add on-clear event
|
46
|
@on-clear="clearSingleSelect"
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
47
|
/>
|
fed3e09d
梁灏
add AutoComplete ...
|
48
|
</slot>
|
e355dd49
梁灏
add Select Component
|
49
|
</div>
|
e09b07b7
huanghong
解决drop弹出动画异常
|
50
|
<transition name="transition-drop">
|
595cfa72
梁灏
fixed #1187 #844 ...
|
51
|
<Drop
|
ecaf8d51
梁灏
Date add transfer...
|
52
|
:class="dropdownCls"
|
595cfa72
梁灏
fixed #1187 #844 ...
|
53
54
55
56
|
v-show="dropVisible"
:placement="placement"
ref="dropdown"
:data-transfer="transfer"
|
7bafe9d9
梁灏
fixes #4453 #4480...
|
57
|
:transfer="transfer"
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
58
59
60
61
|
v-transfer-dom
>
<ul v-show="showNotFoundLabel" :class="[prefixCls + '-not-found']"><li>{{ localeNotFoundText }}</li></ul>
<ul :class="prefixCls + '-dropdown-list'">
|
220161f5
Sergio Crisostomo
Clean up empty/nu...
|
62
63
64
65
66
67
|
<functional-options
v-if="(!remote) || (remote && !loading)"
:options="selectOptions"
:slot-update-hook="updateSlotOptions"
:slot-options="slotOptions"
></functional-options>
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
68
|
</ul>
|
01b54e30
梁灏
Select support re...
|
69
|
<ul v-show="loading" :class="[prefixCls + '-loading']">{{ localeLoadingText }}</ul>
|
4aec6a66
梁灏
support Select
|
70
71
|
</Drop>
</transition>
|
e355dd49
梁灏
add Select Component
|
72
73
74
|
</div>
</template>
<script>
|
4aec6a66
梁灏
support Select
|
75
|
import Drop from './dropdown.vue';
|
26369639
Graham Fairweather
Update v-click-ou...
|
76
|
import {directive as clickOutside} from 'v-click-outside-x';
|
595cfa72
梁灏
fixed #1187 #844 ...
|
77
|
import TransferDom from '../../directives/transfer-dom';
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
78
|
import { oneOf } from '../../utils/assist';
|
4aec6a66
梁灏
support Select
|
79
|
import Emitter from '../../mixins/emitter';
|
e5337c81
梁灏
fixed some compon...
|
80
|
import Locale from '../../mixins/locale';
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
81
82
|
import SelectHead from './select-head.vue';
import FunctionalOptions from './functional-options.vue';
|
e355dd49
梁灏
add Select Component
|
83
84
|
const prefixCls = 'ivu-select';
|
9366c9a7
Sergio Crisostomo
Select improvemen...
|
85
|
const optionRegexp = /^i-option$|^Option$/i;
|
523e2c81
Sergio Crisostomo
correct match log...
|
86
|
const optionGroupRegexp = /option-?group/i;
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
87
88
89
90
91
92
93
94
95
96
|
const findChild = (instance, checkFn) => {
let match = checkFn(instance);
if (match) return instance;
for (let i = 0, l = instance.$children.length; i < l; i++){
const child = instance.$children[i];
match = findChild(child, checkFn);
if (match) return match;
}
};
|
e355dd49
梁灏
add Select Component
|
97
|
|
06a74f9e
Sergio Crisostomo
Allow select to n...
|
98
99
|
const findOptionsInVNode = (node) => {
const opts = node.componentOptions;
|
523e2c81
Sergio Crisostomo
correct match log...
|
100
|
if (opts && opts.tag.match(optionRegexp)) return [node];
|
7d14e70c
Sergio Crisostomo
Include both node...
|
101
|
if (!node.children && (!opts || !opts.children)) return [];
|
9366c9a7
Sergio Crisostomo
Select improvemen...
|
102
|
const children = [...(node.children || []), ...(opts && opts.children || [])];
|
7d14e70c
Sergio Crisostomo
Include both node...
|
103
|
const options = children.reduce(
|
06a74f9e
Sergio Crisostomo
Allow select to n...
|
104
105
106
107
108
109
110
111
112
|
(arr, el) => [...arr, ...findOptionsInVNode(el)], []
).filter(Boolean);
return options.length > 0 ? options : [];
};
const extractOptions = (options) => options.reduce((options, slotEntry) => {
return options.concat(findOptionsInVNode(slotEntry));
}, []);
|
aa21cdf9
Sergio Crisostomo
Process also shal...
|
113
114
115
116
117
118
119
120
121
122
123
124
125
|
const applyProp = (node, propName, value) => {
return {
...node,
componentOptions: {
...node.componentOptions,
propsData: {
...node.componentOptions.propsData,
[propName]: value,
}
}
};
};
|
9366c9a7
Sergio Crisostomo
Select improvemen...
|
126
127
128
129
130
131
|
const getNestedProperty = (obj, path) => {
const keys = path.split('.');
return keys.reduce((o, key) => o && o[key] || null, obj);
};
const getOptionLabel = option => {
|
1b39f569
Sergio Crisostomo
Use label first i...
|
132
|
if (option.componentOptions.propsData.label) return option.componentOptions.propsData.label;
|
9366c9a7
Sergio Crisostomo
Select improvemen...
|
133
134
|
const textContent = (option.componentOptions.children || []).reduce((str, child) => str + (child.text || ''), '');
const innerHTML = getNestedProperty(option, 'data.domProps.innerHTML');
|
1b39f569
Sergio Crisostomo
Use label first i...
|
135
|
return textContent || (typeof innerHTML === 'string' ? innerHTML : '');
|
9366c9a7
Sergio Crisostomo
Select improvemen...
|
136
137
|
};
|
cd8f1be8
任珽
fixed bug #4466 #...
|
138
139
140
141
142
143
144
145
146
|
const checkValuesNotEqual = (value,publicValue,values) => {
const strValue = JSON.stringify(value);
const strPublic = JSON.stringify(publicValue);
const strValues = JSON.stringify(values.map( item => {
return item.value;
}));
return strValue !== strPublic || strValue !== strValues || strValues !== strPublic;
};
|
9366c9a7
Sergio Crisostomo
Select improvemen...
|
147
|
|
31788df3
Sergio Crisostomo
Normalise behavio...
|
148
149
|
const ANIMATION_TIMEOUT = 300;
|
e355dd49
梁灏
add Select Component
|
150
|
export default {
|
8f5b1686
梁灏
fixed #196
|
151
|
name: 'iSelect',
|
e5337c81
梁灏
fixed some compon...
|
152
|
mixins: [ Emitter, Locale ],
|
9eba26fe
梁灏
update Select Icons
|
153
|
components: { FunctionalOptions, Drop, SelectHead },
|
26369639
Graham Fairweather
Update v-click-ou...
|
154
|
directives: { clickOutside, TransferDom },
|
e355dd49
梁灏
add Select Component
|
155
|
props: {
|
4aec6a66
梁灏
support Select
|
156
|
value: {
|
e355dd49
梁灏
add Select Component
|
157
158
159
|
type: [String, Number, Array],
default: ''
},
|
98bf25b3
梁灏
fixed #1286
|
160
|
// 使用时,也得设置 value 才行
|
ddc35c9a
梁灏
fixed #952
|
161
162
163
164
|
label: {
type: [String, Number, Array],
default: ''
},
|
e355dd49
梁灏
add Select Component
|
165
166
167
168
169
170
171
172
173
174
175
176
177
|
multiple: {
type: Boolean,
default: false
},
disabled: {
type: Boolean,
default: false
},
clearable: {
type: Boolean,
default: false
},
placeholder: {
|
e5337c81
梁灏
fixed some compon...
|
178
|
type: String
|
e355dd49
梁灏
add Select Component
|
179
180
181
182
183
184
185
186
|
},
filterable: {
type: Boolean,
default: false
},
filterMethod: {
type: Function
},
|
01b54e30
梁灏
Select support re...
|
187
188
189
190
191
192
193
194
195
196
|
remoteMethod: {
type: Function
},
loading: {
type: Boolean,
default: false
},
loadingText: {
type: String
},
|
e355dd49
梁灏
add Select Component
|
197
198
|
size: {
validator (value) {
|
6932b4d7
梁灏
update Page compo...
|
199
|
return oneOf(value, ['small', 'large', 'default']);
|
be2c3198
梁灏
Select support gl...
|
200
201
|
},
default () {
|
fe5ffd7f
梁灏
fixed #4196 #4165
|
202
|
return !this.$IVIEW || this.$IVIEW.size === '' ? 'default' : this.$IVIEW.size;
|
e355dd49
梁灏
add Select Component
|
203
204
205
206
207
|
}
},
labelInValue: {
type: Boolean,
default: false
|
294e2412
梁灏
update Select com...
|
208
209
|
},
notFoundText: {
|
e5337c81
梁灏
fixed some compon...
|
210
|
type: String
|
f89dd9c2
梁灏
Paeg、Select add p...
|
211
212
213
|
},
placement: {
validator (value) {
|
74ef0a6a
梁灏
fixed #4194
|
214
|
return oneOf(value, ['top', 'bottom', 'top-start', 'bottom-start', 'top-end', 'bottom-end']);
|
f89dd9c2
梁灏
Paeg、Select add p...
|
215
|
},
|
74ef0a6a
梁灏
fixed #4194
|
216
|
default: 'bottom-start'
|
595cfa72
梁灏
fixed #1187 #844 ...
|
217
218
219
|
},
transfer: {
type: Boolean,
|
517917a2
梁灏
add global settin...
|
220
|
default () {
|
fe5ffd7f
梁灏
fixed #4196 #4165
|
221
|
return !this.$IVIEW || this.$IVIEW.transfer === '' ? false : this.$IVIEW.transfer;
|
517917a2
梁灏
add global settin...
|
222
|
}
|
fed3e09d
梁灏
add AutoComplete ...
|
223
224
225
226
227
|
},
// Use for AutoComplete
autoComplete: {
type: Boolean,
default: false
|
0460a1e8
梁灏
fixed #812
|
228
229
230
|
},
name: {
type: String
|
acb79ba3
梁灏
fixed #433
|
231
232
233
|
},
elementId: {
type: String
|
e355dd49
梁灏
add Select Component
|
234
235
|
}
},
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
236
237
238
239
|
mounted(){
this.$on('on-select-selected', this.onOptionClick);
// set the initial values if there are any
|
9366c9a7
Sergio Crisostomo
Select improvemen...
|
240
241
242
243
244
|
if (!this.remote && this.selectOptions.length > 0){
this.values = this.getInitialValue().map(value => {
if (typeof value !== 'number' && !value) return null;
return this.getOptionData(value);
}).filter(Boolean);
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
245
|
}
|
7f63e58c
Sergio Crisostomo
Make possible for...
|
246
|
|
73b01ee0
郑敏
fixed #3722 that ...
|
247
|
this.checkUpdateStatus();
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
248
|
},
|
e355dd49
梁灏
add Select Component
|
249
|
data () {
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
250
|
|
e355dd49
梁灏
add Select Component
|
251
252
|
return {
prefixCls: prefixCls,
|
9366c9a7
Sergio Crisostomo
Select improvemen...
|
253
|
values: [],
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
254
|
dropDownWidth: 0,
|
e355dd49
梁灏
add Select Component
|
255
|
visible: false,
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
256
257
|
focusIndex: -1,
isFocused: false,
|
e355dd49
梁灏
add Select Component
|
258
|
query: '',
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
259
260
261
262
263
|
initialLabel: this.label,
hasMouseHoverHead: false,
slotOptions: this.$slots.default,
caretPosition: -1,
lastRemoteQuery: '',
|
31788df3
Sergio Crisostomo
Normalise behavio...
|
264
|
unchangedQuery: true,
|
7f63e58c
Sergio Crisostomo
Make possible for...
|
265
|
hasExpectedValue: false,
|
45bcc14d
Sergio Crisostomo
prevent calling r...
|
266
|
preventRemoteCall: false,
|
e7327532
vincentfintend
fix select
|
267
|
filterQueryChange: false, // #4273
|
b0893113
jingsam
add eslint
|
268
|
};
|
e355dd49
梁灏
add Select Component
|
269
270
271
272
|
},
computed: {
classes () {
return [
|
4b7138b9
梁灏
fixed some bugs
|
273
|
`${prefixCls}`,
|
e355dd49
梁灏
add Select Component
|
274
|
{
|
4b7138b9
梁灏
fixed some bugs
|
275
276
277
278
279
280
|
[`${prefixCls}-visible`]: this.visible,
[`${prefixCls}-disabled`]: this.disabled,
[`${prefixCls}-multiple`]: this.multiple,
[`${prefixCls}-single`]: !this.multiple,
[`${prefixCls}-show-clear`]: this.showCloseIcon,
[`${prefixCls}-${this.size}`]: !!this.size
|
e355dd49
梁灏
add Select Component
|
281
|
}
|
b0893113
jingsam
add eslint
|
282
|
];
|
e355dd49
梁灏
add Select Component
|
283
|
},
|
ecaf8d51
梁灏
Date add transfer...
|
284
285
286
|
dropdownCls () {
return {
[prefixCls + '-dropdown-transfer']: this.transfer,
|
fed3e09d
梁灏
add AutoComplete ...
|
287
288
289
290
291
292
|
[prefixCls + '-multiple']: this.multiple && this.transfer,
['ivu-auto-complete']: this.autoComplete,
};
},
selectionCls () {
return {
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
293
294
|
[`${prefixCls}-selection`]: !this.autoComplete,
[`${prefixCls}-selection-focused`]: this.isFocused
|
ecaf8d51
梁灏
Date add transfer...
|
295
296
|
};
},
|
e5337c81
梁灏
fixed some compon...
|
297
|
localeNotFoundText () {
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
298
|
if (typeof this.notFoundText === 'undefined') {
|
e5337c81
梁灏
fixed some compon...
|
299
300
301
302
|
return this.t('i.select.noMatch');
} else {
return this.notFoundText;
}
|
f89dd9c2
梁灏
Paeg、Select add p...
|
303
|
},
|
01b54e30
梁灏
Select support re...
|
304
|
localeLoadingText () {
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
305
|
if (typeof this.loadingText === 'undefined') {
|
01b54e30
梁灏
Select support re...
|
306
307
308
309
310
|
return this.t('i.select.loading');
} else {
return this.loadingText;
}
},
|
f89dd9c2
梁灏
Paeg、Select add p...
|
311
312
|
transitionName () {
return this.placement === 'bottom' ? 'slide-up' : 'slide-down';
|
ec98f3c3
梁灏
update Select
|
313
314
315
|
},
dropVisible () {
let status = true;
|
bc348e7e
Sergio Crisostomo
adapt to auto-com...
|
316
317
|
const noOptions = !this.selectOptions || this.selectOptions.length === 0;
if (!this.loading && this.remote && this.query === '' && noOptions) status = false;
|
fed3e09d
梁灏
add AutoComplete ...
|
318
|
|
bc348e7e
Sergio Crisostomo
adapt to auto-com...
|
319
|
if (this.autoComplete && noOptions) status = false;
|
fed3e09d
梁灏
add AutoComplete ...
|
320
|
|
ec98f3c3
梁灏
update Select
|
321
|
return this.visible && status;
|
29264399
梁灏
update Select
|
322
|
},
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
323
324
|
showNotFoundLabel () {
const {loading, remote, selectOptions} = this;
|
bc348e7e
Sergio Crisostomo
adapt to auto-com...
|
325
|
return selectOptions && selectOptions.length === 0 && (!remote || (remote && !loading));
|
e355dd49
梁灏
add Select Component
|
326
|
},
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
327
328
329
|
publicValue(){
if (this.labelInValue){
return this.multiple ? this.values : this.values[0];
|
e355dd49
梁灏
add Select Component
|
330
|
} else {
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
331
|
return this.multiple ? this.values.map(option => option.value) : (this.values[0] || {}).value;
|
e355dd49
梁灏
add Select Component
|
332
333
|
}
},
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
334
335
|
canBeCleared(){
const uiStateMatch = this.hasMouseHoverHead || this.active;
|
9050e61c
Emilio Losada
fix(select): don'...
|
336
|
const qualifiesForClear = !this.multiple && !this.disabled && this.clearable;
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
337
338
339
340
|
return uiStateMatch && qualifiesForClear && this.reset; // we return a function
},
selectOptions() {
const selectOptions = [];
|
06a74f9e
Sergio Crisostomo
Allow select to n...
|
341
|
const slotOptions = (this.slotOptions || []);
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
342
343
|
let optionCounter = -1;
const currentIndex = this.focusIndex;
|
220161f5
Sergio Crisostomo
Clean up empty/nu...
|
344
|
const selectedValues = this.values.filter(Boolean).map(({value}) => value);
|
06a74f9e
Sergio Crisostomo
Allow select to n...
|
345
346
347
348
349
350
351
352
353
354
|
if (this.autoComplete) {
const copyChildren = (node, fn) => {
return {
...node,
children: (node.children || []).map(fn).map(child => copyChildren(child, fn))
};
};
const autoCompleteOptions = extractOptions(slotOptions);
const selectedSlotOption = autoCompleteOptions[currentIndex];
|
aa21cdf9
Sergio Crisostomo
Process also shal...
|
355
|
return slotOptions.map(node => {
|
f8620d9a
Sergio Crisostomo
Fix autocomplete ...
|
356
|
if (node === selectedSlotOption || getNestedProperty(node, 'componentOptions.propsData.value') === this.value) return applyProp(node, 'isFocused', true);
|
aa21cdf9
Sergio Crisostomo
Process also shal...
|
357
358
359
360
361
|
return copyChildren(node, (child) => {
if (child !== selectedSlotOption) return child;
return applyProp(child, 'isFocused', true);
});
});
|
06a74f9e
Sergio Crisostomo
Allow select to n...
|
362
|
}
|
06a74f9e
Sergio Crisostomo
Allow select to n...
|
363
|
for (let option of slotOptions) {
|
e355dd49
梁灏
add Select Component
|
364
|
|
b6c069ca
Sergio Crisostomo
reset query if op...
|
365
366
|
const cOptions = option.componentOptions;
if (!cOptions) continue;
|
b6c069ca
Sergio Crisostomo
reset query if op...
|
367
368
|
if (cOptions.tag.match(optionGroupRegexp)){
let children = cOptions.children;
|
20719945
Aresn
Revert "Fix select"
|
369
|
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
370
371
372
373
374
375
|
// remove filtered children
if (this.filterable){
children = children.filter(
({componentOptions}) => this.validateOption(componentOptions)
);
}
|
e355dd49
梁灏
add Select Component
|
376
|
|
1d8b4d13
梁灏
fix #4371 close #...
|
377
378
|
// fix #4371
children = children.map(opt => {
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
379
380
381
|
optionCounter = optionCounter + 1;
return this.processOption(opt, selectedValues, optionCounter === currentIndex);
});
|
3e855e34
梁灏
fixed #46
|
382
|
|
1d8b4d13
梁灏
fix #4371 close #...
|
383
384
|
// keep the group if it still has children // fix #4371
if (children.length > 0) selectOptions.push({...option,componentOptions:{...cOptions,children:children}});
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
385
386
|
} else {
// ignore option if not passing filter
|
e7327532
vincentfintend
fix select
|
387
|
if (this.filterQueryChange) {
|
bef01c91
梁灏
it will make a ne...
|
388
389
390
|
const optionPassesFilter = this.filterable ? this.validateOption(cOptions) : option;
if (!optionPassesFilter) continue;
}
|
20719945
Aresn
Revert "Fix select"
|
391
|
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
392
|
optionCounter = optionCounter + 1;
|
fdc71ffe
郑敏
reset the focus i...
|
393
|
selectOptions.push(this.processOption(option, selectedValues, optionCounter === currentIndex));
|
3e855e34
梁灏
fixed #46
|
394
|
}
|
e355dd49
梁灏
add Select Component
|
395
396
|
}
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
397
|
return selectOptions;
|
e355dd49
梁灏
add Select Component
|
398
|
},
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
399
|
flatOptions(){
|
06a74f9e
Sergio Crisostomo
Allow select to n...
|
400
|
return extractOptions(this.selectOptions);
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
|
},
selectTabindex(){
return this.disabled || this.filterable ? -1 : 0;
},
remote(){
return typeof this.remoteMethod === 'function';
}
},
methods: {
setQuery(query){ // PUBLIC API
if (query) {
this.onQueryChange(query);
return;
}
if (query === null) {
this.onQueryChange('');
this.values = [];
|
e355dd49
梁灏
add Select Component
|
418
419
|
}
},
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
420
|
clearSingleSelect(){ // PUBLIC API
|
7dbde804
Sergio Crisostomo
add on-clear event
|
421
|
this.$emit('on-clear');
|
c3304bce
Sergio Crisostomo
correct unchanged...
|
422
|
this.hideMenu();
|
743f6e06
Sergio Crisostomo
Be more hard on t...
|
423
|
if (this.clearable) this.reset();
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
424
425
426
|
},
getOptionData(value){
const option = this.flatOptions.find(({componentOptions}) => componentOptions.propsData.value === value);
|
7f63e58c
Sergio Crisostomo
Make possible for...
|
427
|
if (!option) return null;
|
9366c9a7
Sergio Crisostomo
Select improvemen...
|
428
|
const label = getOptionLabel(option);
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
429
430
431
432
433
434
|
return {
value: value,
label: label,
};
},
getInitialValue(){
|
c741fa2f
Sergio Crisostomo
Use label as query
|
435
|
const {multiple, remote, value} = this;
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
436
|
let initialValue = Array.isArray(value) ? value : [value];
|
31e4380d
luffyzhao
还是要保留multiple判断
|
437
|
if (!multiple && (typeof initialValue[0] === 'undefined' || (String(initialValue[0]).trim() === '' && !Number.isFinite(initialValue[0])))) initialValue = [];
|
c741fa2f
Sergio Crisostomo
Use label as query
|
438
439
440
441
|
if (remote && !multiple && value) {
const data = this.getOptionData(value);
this.query = data ? data.label : String(value);
}
|
b4138675
luffyzhao
select-binding-0
|
442
|
return initialValue.filter((item) => {
|
5c846d28
Sergio Crisostomo
Correct event pro...
|
443
|
return Boolean(item) || item === 0;
|
b4138675
luffyzhao
select-binding-0
|
444
|
});
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
445
446
447
448
449
450
451
452
453
454
455
456
457
|
},
processOption(option, values, isFocused){
if (!option.componentOptions) return option;
const optionValue = option.componentOptions.propsData.value;
const disabled = option.componentOptions.propsData.disabled;
const isSelected = values.includes(optionValue);
const propsData = {
...option.componentOptions.propsData,
selected: isSelected,
isFocused: isFocused,
disabled: typeof disabled === 'undefined' ? false : disabled !== false,
};
|
e355dd49
梁灏
add Select Component
|
458
|
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
459
460
461
462
463
|
return {
...option,
componentOptions: {
...option.componentOptions,
propsData: propsData
|
e355dd49
梁灏
add Select Component
|
464
|
}
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
465
466
|
};
},
|
e355dd49
梁灏
add Select Component
|
467
|
|
db5110c2
Sergio Crisostomo
Allow wider searc...
|
468
|
validateOption({children, elm, propsData}){
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
469
470
|
const value = propsData.value;
const label = propsData.label || '';
|
db5110c2
Sergio Crisostomo
Allow wider searc...
|
471
472
473
474
|
const textContent = (elm && elm.textContent) || (children || []).reduce((str, node) => {
const nodeText = node.elm ? node.elm.textContent : node.text;
return `${str} ${nodeText}`;
}, '') || '';
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
475
|
const stringValues = JSON.stringify([value, label, textContent]);
|
5266c905
Sergio Crisostomo
Trim label so we ...
|
476
|
const query = this.query.toLowerCase().trim();
|
c3304bce
Sergio Crisostomo
correct unchanged...
|
477
|
return stringValues.toLowerCase().includes(query);
|
e355dd49
梁灏
add Select Component
|
478
|
},
|
d87ce40a
梁灏
update Select
|
479
|
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
480
|
toggleMenu (e, force) {
|
f8620d9a
Sergio Crisostomo
Fix autocomplete ...
|
481
|
if (this.disabled) {
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
482
|
return false;
|
d87ce40a
梁灏
update Select
|
483
|
}
|
d87ce40a
梁灏
update Select
|
484
|
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
485
486
487
|
this.visible = typeof force !== 'undefined' ? force : !this.visible;
if (this.visible){
this.dropDownWidth = this.$el.getBoundingClientRect().width;
|
cf753854
Sergio Crisostomo
Corrections after...
|
488
|
this.broadcast('Drop', 'on-update-popper');
|
e4ce9917
梁灏
update Select com...
|
489
|
}
|
e355dd49
梁灏
add Select Component
|
490
|
},
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
491
492
|
hideMenu () {
this.toggleMenu(null, false);
|
31788df3
Sergio Crisostomo
Normalise behavio...
|
493
|
setTimeout(() => this.unchangedQuery = true, ANIMATION_TIMEOUT);
|
e355dd49
梁灏
add Select Component
|
494
|
},
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
495
496
|
onClickOutside(event){
if (this.visible) {
|
4a9974f6
Graham Fairweather
Normalise v-ckick...
|
497
498
499
500
|
if (event.type === 'mousedown') {
event.preventDefault();
return;
}
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
501
|
|
5c846d28
Sergio Crisostomo
Correct event pro...
|
502
503
504
505
506
507
508
509
|
if (this.transfer) {
const {$el} = this.$refs.dropdown;
if ($el === event.target || $el.contains(event.target)) {
return;
}
}
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
510
|
if (this.filterable) {
|
ae7579e9
Sergio Crisostomo
Fix input getters...
|
511
|
const input = this.$el.querySelector('input[type="text"]');
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
512
513
514
515
|
this.caretPosition = input.selectionStart;
this.$nextTick(() => {
const caretPosition = this.caretPosition === -1 ? input.value.length : this.caretPosition;
input.setSelectionRange(caretPosition, caretPosition);
|
e355dd49
梁灏
add Select Component
|
516
517
518
|
});
}
|
ae7579e9
Sergio Crisostomo
Fix input getters...
|
519
|
if (!this.autoComplete) event.stopPropagation();
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
520
521
522
523
524
525
|
event.preventDefault();
this.hideMenu();
this.isFocused = true;
} else {
this.caretPosition = -1;
this.isFocused = false;
|
e355dd49
梁灏
add Select Component
|
526
527
|
}
},
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
528
|
reset(){
|
743f6e06
Sergio Crisostomo
Be more hard on t...
|
529
530
|
this.query = '';
this.focusIndex = -1;
|
31788df3
Sergio Crisostomo
Normalise behavio...
|
531
|
this.unchangedQuery = true;
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
532
|
this.values = [];
|
e7327532
vincentfintend
fix select
|
533
|
this.filterQueryChange = false;
|
e355dd49
梁灏
add Select Component
|
534
535
|
},
handleKeydown (e) {
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
536
537
538
539
|
if (e.key === 'Backspace'){
return; // so we don't call preventDefault
}
|
e355dd49
梁灏
add Select Component
|
540
|
if (this.visible) {
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
541
542
543
544
545
|
e.preventDefault();
if (e.key === 'Tab'){
e.stopPropagation();
}
|
e355dd49
梁灏
add Select Component
|
546
|
// Esc slide-up
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
547
|
if (e.key === 'Escape') {
|
16fc6361
Sergio Crisostomo
stop propagation ...
|
548
|
e.stopPropagation();
|
e355dd49
梁灏
add Select Component
|
549
550
551
|
this.hideMenu();
}
// next
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
552
553
|
if (e.key === 'ArrowUp') {
this.navigateOptions(-1);
|
e355dd49
梁灏
add Select Component
|
554
555
|
}
// prev
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
556
557
|
if (e.key === 'ArrowDown') {
this.navigateOptions(1);
|
e355dd49
梁灏
add Select Component
|
558
559
|
}
// enter
|
7e3fc4a5
Sergio Crisostomo
close the menu if...
|
560
561
|
if (e.key === 'Enter') {
if (this.focusIndex === -1) return this.hideMenu();
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
562
563
564
|
const optionComponent = this.flatOptions[this.focusIndex];
const option = this.getOptionData(optionComponent.componentOptions.propsData.value);
this.onOptionClick(option);
|
e355dd49
梁灏
add Select Component
|
565
|
}
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
566
567
568
|
} else {
const keysThatCanOpenSelect = ['ArrowUp', 'ArrowDown'];
if (keysThatCanOpenSelect.includes(e.key)) this.toggleMenu(null, true);
|
e355dd49
梁灏
add Select Component
|
569
570
|
}
|
e355dd49
梁灏
add Select Component
|
571
|
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
572
573
574
|
},
navigateOptions(direction){
const optionsLength = this.flatOptions.length - 1;
|
e4ebd304
梁灏
update Select com...
|
575
|
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
576
577
578
|
let index = this.focusIndex + direction;
if (index < 0) index = optionsLength;
if (index > optionsLength) index = 0;
|
e355dd49
梁灏
add Select Component
|
579
|
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
580
581
582
583
584
585
586
|
// find nearest option in case of disabled options in between
if (direction > 0){
let nearestActiveOption = -1;
for (let i = 0; i < this.flatOptions.length; i++){
const optionIsActive = !this.flatOptions[i].componentOptions.propsData.disabled;
if (optionIsActive) nearestActiveOption = i;
if (nearestActiveOption >= index) break;
|
e355dd49
梁灏
add Select Component
|
587
|
}
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
588
589
590
591
592
593
594
|
index = nearestActiveOption;
} else {
let nearestActiveOption = this.flatOptions.length;
for (let i = optionsLength; i >= 0; i--){
const optionIsActive = !this.flatOptions[i].componentOptions.propsData.disabled;
if (optionIsActive) nearestActiveOption = i;
if (nearestActiveOption <= index) break;
|
e4ebd304
梁灏
update Select com...
|
595
|
}
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
596
|
index = nearestActiveOption;
|
e355dd49
梁灏
add Select Component
|
597
|
}
|
e355dd49
梁灏
add Select Component
|
598
|
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
599
|
this.focusIndex = index;
|
e4ebd304
梁灏
update Select com...
|
600
|
},
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
601
602
603
604
605
606
|
onOptionClick(option) {
if (this.multiple){
// keep the query for remote select
if (this.remote) this.lastRemoteQuery = this.lastRemoteQuery || this.query;
else this.lastRemoteQuery = '';
|
e4ebd304
梁灏
update Select com...
|
607
|
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
608
609
610
|
const valueIsSelected = this.values.find(({value}) => value === option.value);
if (valueIsSelected){
this.values = this.values.filter(({value}) => value !== option.value);
|
e4ebd304
梁灏
update Select com...
|
611
|
} else {
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
612
|
this.values = this.values.concat(option);
|
e4ebd304
梁灏
update Select com...
|
613
|
}
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
614
615
616
|
this.isFocused = true; // so we put back focus after clicking with mouse on option elements
} else {
|
5266c905
Sergio Crisostomo
Trim label so we ...
|
617
|
this.query = String(option.label).trim();
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
618
619
620
621
622
|
this.values = [option];
this.lastRemoteQuery = '';
this.hideMenu();
}
|
52cfcd66
Sergio Crisostomo
Keep last selecte...
|
623
624
625
626
627
|
this.focusIndex = this.flatOptions.findIndex((opt) => {
if (!opt || !opt.componentOptions) return false;
return opt.componentOptions.propsData.value === option.value;
});
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
628
|
if (this.filterable){
|
ae7579e9
Sergio Crisostomo
Fix input getters...
|
629
630
|
const inputField = this.$el.querySelector('input[type="text"]');
if (!this.autoComplete) this.$nextTick(() => inputField.focus());
|
e4ce9917
梁灏
update Select com...
|
631
|
}
|
88ef37f5
Aresn
fixed in multiple...
|
632
|
this.broadcast('Drop', 'on-update-popper');
|
ee5a8bcc
vincentfintend
change time
|
633
|
setTimeout(() => {
|
2bdeea65
梁灏
fix #4626 , close...
|
634
635
|
this.filterQueryChange = false;
}, ANIMATION_TIMEOUT);
|
3e855e34
梁灏
fixed #46
|
636
|
},
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
637
|
onQueryChange(query) {
|
33c826ec
Rookie_Zoe
fix #5150
|
638
639
640
641
|
if (query.length > 0 && query !== this.query) {
// in 'AutoComplete', when set an initial value asynchronously,
// the 'dropdown list' should be stay hidden.
// [issue #5150]
|
5f25feca
Aresn
Update select.vue
|
642
643
644
645
646
647
648
649
650
|
if (this.autoComplete) {
let isInputFocused =
document.hasFocus &&
document.hasFocus() &&
document.activeElement === this.$el.querySelector('input');
this.visible = isInputFocused;
} else {
this.visible = true;
}
|
33c826ec
Rookie_Zoe
fix #5150
|
651
652
|
}
|
2f0b086d
梁灏
fixed #116
|
653
|
this.query = query;
|
c3304bce
Sergio Crisostomo
correct unchanged...
|
654
|
this.unchangedQuery = this.visible;
|
e7327532
vincentfintend
fix select
|
655
|
this.filterQueryChange = true;
|
9c3a3e7d
YikaJ
更新 Select 组件
|
656
|
},
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
657
658
659
|
toggleHeaderFocus({type}){
if (this.disabled) {
return;
|
15b72d31
梁灏
fixed #566
|
660
|
}
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
661
|
this.isFocused = type === 'focus';
|
98bf25b3
梁灏
fixed #1286
|
662
|
},
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
663
664
|
updateSlotOptions(){
this.slotOptions = this.$slots.default;
|
73b01ee0
郑敏
fixed #3722 that ...
|
665
666
667
668
669
|
},
checkUpdateStatus() {
if (this.getInitialValue().length > 0 && this.selectOptions.length === 0) {
this.hasExpectedValue = true;
}
|
47f03c54
梁灏
fix #4273
|
670
|
},
|
e355dd49
梁灏
add Select Component
|
671
|
},
|
e355dd49
梁灏
add Select Component
|
672
|
watch: {
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
673
|
value(value){
|
cd8f1be8
任珽
fixed bug #4466 #...
|
674
|
const {getInitialValue, getOptionData, publicValue, values} = this;
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
675
|
|
73b01ee0
郑敏
fixed #3722 that ...
|
676
|
this.checkUpdateStatus();
|
9ccd8196
郑敏
fixed #3722
|
677
|
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
678
|
if (value === '') this.values = [];
|
cd8f1be8
任珽
fixed bug #4466 #...
|
679
|
else if (checkValuesNotEqual(value,publicValue,values)) {
|
220161f5
Sergio Crisostomo
Clean up empty/nu...
|
680
|
this.$nextTick(() => this.values = getInitialValue().map(getOptionData).filter(Boolean));
|
315dd685
梁灏
fix #4910
|
681
|
this.dispatch('FormItem', 'on-form-change', this.publicValue);
|
e355dd49
梁灏
add Select Component
|
682
|
}
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
683
684
685
686
|
},
values(now, before){
const newValue = JSON.stringify(now);
const oldValue = JSON.stringify(before);
|
9366c9a7
Sergio Crisostomo
Select improvemen...
|
687
688
689
690
691
|
// v-model is always just the value, event with labelInValue === true
const vModelValue = (this.publicValue && this.labelInValue) ?
(this.multiple ? this.publicValue.map(({value}) => value) : this.publicValue.value) :
this.publicValue;
const shouldEmitInput = newValue !== oldValue && vModelValue !== this.value;
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
692
|
if (shouldEmitInput) {
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
693
694
695
|
this.$emit('input', vModelValue); // to update v-model
this.$emit('on-change', this.publicValue);
this.dispatch('FormItem', 'on-form-change', this.publicValue);
|
219e5c92
梁灏
fixed #957
|
696
|
}
|
e355dd49
梁灏
add Select Component
|
697
|
},
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
698
699
700
701
|
query (query) {
this.$emit('on-query-change', query);
const {remoteMethod, lastRemoteQuery} = this;
const hasValidQuery = query !== '' && (query !== lastRemoteQuery || !lastRemoteQuery);
|
45bcc14d
Sergio Crisostomo
prevent calling r...
|
702
703
|
const shouldCallRemoteMethod = remoteMethod && hasValidQuery && !this.preventRemoteCall;
this.preventRemoteCall = false; // remove the flag
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
704
705
706
707
708
709
710
711
712
|
if (shouldCallRemoteMethod){
this.focusIndex = -1;
const promise = this.remoteMethod(query);
this.initialLabel = '';
if (promise && promise.then){
promise.then(options => {
if (options) this.options = options;
});
|
b7cf983e
梁灏
update Select com...
|
713
|
}
|
e355dd49
梁灏
add Select Component
|
714
|
}
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
715
|
if (query !== '' && this.remote) this.lastRemoteQuery = query;
|
e4ebd304
梁灏
update Select com...
|
716
|
},
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
717
718
719
720
721
722
|
loading(state){
if (state === false){
this.updateSlotOptions();
}
},
isFocused(focused){
|
ae7579e9
Sergio Crisostomo
Fix input getters...
|
723
|
const el = this.filterable ? this.$el.querySelector('input[type="text"]') : this.$el;
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
724
|
el[this.isFocused ? 'focus' : 'blur']();
|
d8bb1771
windywany
let select compon...
|
725
|
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
726
727
728
|
// restore query value in filterable single selects
const [selectedOption] = this.values;
if (selectedOption && this.filterable && !this.multiple && !focused){
|
5266c905
Sergio Crisostomo
Trim label so we ...
|
729
|
const selectedLabel = String(selectedOption.label || selectedOption.value).trim();
|
9ca6671c
Sergio Crisostomo
Check for selecte...
|
730
|
if (selectedLabel && this.query !== selectedLabel) {
|
45bcc14d
Sergio Crisostomo
prevent calling r...
|
731
732
733
|
this.preventRemoteCall = true;
this.query = selectedLabel;
}
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
734
735
736
|
}
},
focusIndex(index){
|
06a74f9e
Sergio Crisostomo
Allow select to n...
|
737
|
if (index < 0 || this.autoComplete) return;
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
738
739
740
741
742
|
// update scroll
const optionValue = this.flatOptions[index].componentOptions.propsData.value;
const optionInstance = findChild(this, ({$options}) => {
return $options.componentName === 'select-item' && $options.propsData.value === optionValue;
});
|
e4ce9917
梁灏
update Select com...
|
743
|
|
c9b86944
Sergio Crisostomo
Refactor Select!
|
744
745
746
747
748
749
750
|
let bottomOverflowDistance = optionInstance.$el.getBoundingClientRect().bottom - this.$refs.dropdown.$el.getBoundingClientRect().bottom;
let topOverflowDistance = optionInstance.$el.getBoundingClientRect().top - this.$refs.dropdown.$el.getBoundingClientRect().top;
if (bottomOverflowDistance > 0) {
this.$refs.dropdown.$el.scrollTop += bottomOverflowDistance;
}
if (topOverflowDistance < 0) {
this.$refs.dropdown.$el.scrollTop += topOverflowDistance;
|
01b54e30
梁灏
Select support re...
|
751
|
}
|
cf753854
Sergio Crisostomo
Corrections after...
|
752
753
754
|
},
dropVisible(open){
this.broadcast('Drop', open ? 'on-update-popper' : 'on-destroy-popper');
|
7f63e58c
Sergio Crisostomo
Make possible for...
|
755
|
},
|
f7f65c84
Sergio Crisostomo
reset query only ...
|
756
|
selectOptions(){
|
0fb9d645
郑敏
fix bug #3795
|
757
758
759
760
|
if (this.hasExpectedValue && this.selectOptions.length > 0){
if (this.values.length === 0) {
this.values = this.getInitialValue();
}
|
220161f5
Sergio Crisostomo
Clean up empty/nu...
|
761
|
this.values = this.values.map(this.getOptionData).filter(Boolean);
|
7f63e58c
Sergio Crisostomo
Make possible for...
|
762
763
|
this.hasExpectedValue = false;
}
|
b6c069ca
Sergio Crisostomo
reset query if op...
|
764
|
|
f7f65c84
Sergio Crisostomo
reset query only ...
|
765
|
if (this.slotOptions && this.slotOptions.length === 0){
|
b6c069ca
Sergio Crisostomo
reset query if op...
|
766
767
|
this.query = '';
}
|
2fa83db1
yJs
fix: dropdown位置自动...
|
768
769
770
|
// 当 dropdown 一开始在控件下部显示,而滚动页面后变成在上部显示,如果选项列表的长度由内部动态变更了(搜索情况)
// dropdown 的位置不会重新计算,需要重新计算
|
2bdeea65
梁灏
fix #4626 , close...
|
771
|
this.broadcast('Drop', 'on-update-popper');
|
1376a01a
Sergio Crisostomo
Emit on-open-chan...
|
772
773
774
|
},
visible(state){
this.$emit('on-open-change', state);
|
0f58570a
Rookie_Zoe
[Select, AutoComp...
|
775
776
|
},
slotOptions(options, old){
|
2bdeea65
梁灏
fix #4626 , close...
|
777
|
// #4626,当 Options 的 label 更新时,v-model 的值未更新
|
07201151
梁灏
fix #5090
|
778
779
780
781
782
783
|
// remote 下,调用 getInitialValue 有 bug
if (!this.remote) {
const values = this.getInitialValue();
if (this.flatOptions && this.flatOptions.length && values.length && !this.multiple) {
this.values = values.map(this.getOptionData).filter(Boolean);
}
|
2bdeea65
梁灏
fix #4626 , close...
|
784
785
|
}
|
0f58570a
Rookie_Zoe
[Select, AutoComp...
|
786
787
788
789
790
791
|
// 当 dropdown 在控件上部显示时,如果选项列表的长度由外部动态变更了,
// dropdown 的位置会有点问题,需要重新计算
if (options && old && options.length !== old.length) {
this.broadcast('Drop', 'on-update-popper');
}
},
|
e355dd49
梁灏
add Select Component
|
792
|
}
|
b0893113
jingsam
add eslint
|
793
|
};
|
d6342fe1
jingsam
fixed ie bug
|
794
|
</script>
|