@progress/kendo-vue-dropdowns 3.3.4 → 3.3.6-dev.202206170937
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/dist/cdn/js/kendo-vue-dropdowns.js +1 -1
- package/dist/es/AutoComplete/AutoComplete.d.ts +4 -1
- package/dist/es/AutoComplete/AutoComplete.js +9 -1
- package/dist/es/AutoComplete/AutoCompleteProps.d.ts +0 -5
- package/dist/es/ComboBox/ComboBox.d.ts +4 -1
- package/dist/es/ComboBox/ComboBox.js +18 -2
- package/dist/es/ComboBox/ComboBoxProps.d.ts +8 -1
- package/dist/es/DropDownList/DropDownList.d.ts +4 -1
- package/dist/es/DropDownList/DropDownList.js +19 -3
- package/dist/es/DropDownList/DropDownListProps.d.ts +23 -17
- package/dist/es/MultiSelect/MultiSelect.d.ts +4 -1
- package/dist/es/MultiSelect/MultiSelect.js +29 -2
- package/dist/es/MultiSelect/MultiSelectProps.d.ts +8 -1
- package/dist/es/MultiSelect/TagList.d.ts +4 -1
- package/dist/es/MultiSelect/TagList.js +5 -1
- package/dist/es/additionalTypes.ts +11 -0
- package/dist/es/common/ClearButton.d.ts +4 -1
- package/dist/es/common/ClearButton.js +5 -1
- package/dist/es/common/DropDownBase.js +1 -1
- package/dist/es/common/List.d.ts +4 -1
- package/dist/es/common/List.js +5 -1
- package/dist/es/common/ListContainer.d.ts +4 -1
- package/dist/es/common/ListContainer.js +5 -1
- package/dist/es/common/ListDefaultItem.d.ts +4 -1
- package/dist/es/common/ListDefaultItem.js +5 -1
- package/dist/es/common/ListFilter.d.ts +4 -1
- package/dist/es/common/ListFilter.js +5 -1
- package/dist/es/common/ListItem.d.ts +4 -1
- package/dist/es/common/ListItem.js +5 -1
- package/dist/es/common/SearchBar.d.ts +4 -1
- package/dist/es/common/SearchBar.js +5 -1
- package/dist/es/common/settings.d.ts +1 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/npm/AutoComplete/AutoComplete.d.ts +4 -1
- package/dist/npm/AutoComplete/AutoComplete.js +9 -1
- package/dist/npm/AutoComplete/AutoCompleteProps.d.ts +0 -5
- package/dist/npm/ComboBox/ComboBox.d.ts +4 -1
- package/dist/npm/ComboBox/ComboBox.js +18 -2
- package/dist/npm/ComboBox/ComboBoxProps.d.ts +8 -1
- package/dist/npm/DropDownList/DropDownList.d.ts +4 -1
- package/dist/npm/DropDownList/DropDownList.js +19 -3
- package/dist/npm/DropDownList/DropDownListProps.d.ts +23 -17
- package/dist/npm/MultiSelect/MultiSelect.d.ts +4 -1
- package/dist/npm/MultiSelect/MultiSelect.js +29 -2
- package/dist/npm/MultiSelect/MultiSelectProps.d.ts +8 -1
- package/dist/npm/MultiSelect/TagList.d.ts +4 -1
- package/dist/npm/MultiSelect/TagList.js +5 -1
- package/dist/npm/additionalTypes.ts +11 -0
- package/dist/npm/common/ClearButton.d.ts +4 -1
- package/dist/npm/common/ClearButton.js +5 -1
- package/dist/npm/common/DropDownBase.js +1 -1
- package/dist/npm/common/List.d.ts +4 -1
- package/dist/npm/common/List.js +5 -1
- package/dist/npm/common/ListContainer.d.ts +4 -1
- package/dist/npm/common/ListContainer.js +5 -1
- package/dist/npm/common/ListDefaultItem.d.ts +4 -1
- package/dist/npm/common/ListDefaultItem.js +5 -1
- package/dist/npm/common/ListFilter.d.ts +4 -1
- package/dist/npm/common/ListFilter.js +5 -1
- package/dist/npm/common/ListItem.d.ts +4 -1
- package/dist/npm/common/ListItem.js +5 -1
- package/dist/npm/common/SearchBar.d.ts +4 -1
- package/dist/npm/common/SearchBar.js +5 -1
- package/dist/npm/common/settings.d.ts +1 -1
- package/dist/npm/package-metadata.js +1 -1
- package/package.json +5 -5
|
@@ -97,8 +97,11 @@ export interface AutoCompleteComputed {
|
|
|
97
97
|
export interface AutoCompleteAll extends AutoCompleteMethods, AutoCompleteState, AutoCompleteData, AutoCompleteComputed, Vue2type {
|
|
98
98
|
}
|
|
99
99
|
/**
|
|
100
|
-
*
|
|
100
|
+
* @hidden
|
|
101
101
|
*/
|
|
102
102
|
declare let AutoCompleteVue2: ComponentOptions<Vue2type, DefaultData<AutoCompleteData>, DefaultMethods<AutoCompleteAll>, AutoCompleteComputed, RecordPropsDefinition<AutoCompleteProps>>;
|
|
103
|
+
/**
|
|
104
|
+
* @hidden
|
|
105
|
+
*/
|
|
103
106
|
declare const AutoComplete: DefineComponent<AutoCompleteProps, any, AutoCompleteData, AutoCompleteComputed, AutoCompleteMethods, {}, {}, {}, string, AutoCompleteProps, AutoCompleteProps, {}>;
|
|
104
107
|
export { AutoComplete, AutoCompleteVue2 };
|
|
@@ -30,7 +30,7 @@ var sizeMap = kendoThemeMaps.sizeMap,
|
|
|
30
30
|
roundedMap = kendoThemeMaps.roundedMap;
|
|
31
31
|
var VALIDATION_MESSAGE = 'Please enter a valid value!';
|
|
32
32
|
/**
|
|
33
|
-
*
|
|
33
|
+
* @hidden
|
|
34
34
|
*/
|
|
35
35
|
|
|
36
36
|
var AutoCompleteVue2 = {
|
|
@@ -255,6 +255,10 @@ var AutoCompleteVue2 = {
|
|
|
255
255
|
|
|
256
256
|
return value;
|
|
257
257
|
},
|
|
258
|
+
primitiveValue: function primitiveValue() {
|
|
259
|
+
var value = this.computedValue();
|
|
260
|
+
return this.valuePrimitive ? getItemValue(value, this.valueField) : value;
|
|
261
|
+
},
|
|
258
262
|
validity: function validity() {
|
|
259
263
|
var customError = this.$props.validationMessage !== undefined;
|
|
260
264
|
var isValid = !this.$props.required || this.computedValue() !== null && this.computedValue() !== '' && this.computedValue() !== undefined;
|
|
@@ -746,5 +750,9 @@ var AutoCompleteVue2 = {
|
|
|
746
750
|
}, [this.$props.label]) : null]) : autoComplete;
|
|
747
751
|
}
|
|
748
752
|
};
|
|
753
|
+
/**
|
|
754
|
+
* @hidden
|
|
755
|
+
*/
|
|
756
|
+
|
|
749
757
|
var AutoComplete = AutoCompleteVue2;
|
|
750
758
|
export { AutoComplete, AutoCompleteVue2 };
|
|
@@ -51,10 +51,6 @@ export interface AutoCompleteProps extends FormComponentProps {
|
|
|
51
51
|
* Sets the default value of the AutoComplete. Similar to the native `input` HTML element.
|
|
52
52
|
*/
|
|
53
53
|
defaultValue?: string;
|
|
54
|
-
/**
|
|
55
|
-
* Sets additional classes to the AutoComplete.
|
|
56
|
-
*/
|
|
57
|
-
className?: string;
|
|
58
54
|
/**
|
|
59
55
|
* The hint that is displayed when the AutoComplete is empty.
|
|
60
56
|
*/
|
|
@@ -184,7 +180,6 @@ export interface AutoCompleteProps extends FormComponentProps {
|
|
|
184
180
|
* - small
|
|
185
181
|
* - medium
|
|
186
182
|
* - large
|
|
187
|
-
* - circle
|
|
188
183
|
* - full
|
|
189
184
|
* - null—Does not set a rounded `class`.
|
|
190
185
|
*
|
|
@@ -89,8 +89,11 @@ export interface ComboBoxComputed {
|
|
|
89
89
|
export interface ComboBoxAll extends ComboBoxMethods, ComboBoxState, ComboBoxData, ComboBoxComputed, Vue2type {
|
|
90
90
|
}
|
|
91
91
|
/**
|
|
92
|
-
*
|
|
92
|
+
* @hidden
|
|
93
93
|
*/
|
|
94
94
|
declare let ComboBoxVue2: ComponentOptions<Vue2type, DefaultData<ComboBoxData>, DefaultMethods<ComboBoxAll>, ComboBoxComputed, RecordPropsDefinition<ComboBoxProps>>;
|
|
95
|
+
/**
|
|
96
|
+
* @hidden
|
|
97
|
+
*/
|
|
95
98
|
declare const ComboBox: DefineComponent<ComboBoxProps, any, ComboBoxData, ComboBoxComputed, ComboBoxMethods, {}, {}, {}, string, ComboBoxProps, ComboBoxProps, {}>;
|
|
96
99
|
export { ComboBox, ComboBoxVue2 };
|
|
@@ -31,7 +31,7 @@ import { List } from '../common/List';
|
|
|
31
31
|
import { ClearButton } from '../common/ClearButton';
|
|
32
32
|
var VALIDATION_MESSAGE = 'Please enter a valid value!';
|
|
33
33
|
/**
|
|
34
|
-
*
|
|
34
|
+
* @hidden
|
|
35
35
|
*/
|
|
36
36
|
|
|
37
37
|
var ComboBoxVue2 = {
|
|
@@ -145,6 +145,8 @@ var ComboBoxVue2 = {
|
|
|
145
145
|
},
|
|
146
146
|
ariaLabelledBy: String,
|
|
147
147
|
ariaDescribedBy: String,
|
|
148
|
+
valueField: String,
|
|
149
|
+
valuePrimitive: Boolean,
|
|
148
150
|
rounded: {
|
|
149
151
|
type: String,
|
|
150
152
|
default: 'medium',
|
|
@@ -341,7 +343,17 @@ var ComboBoxVue2 = {
|
|
|
341
343
|
value = this.$props.defaultValue;
|
|
342
344
|
}
|
|
343
345
|
|
|
344
|
-
return value;
|
|
346
|
+
return this.valuePrimitive ? this.findByFieldValue(this.valueField, value) || value : value;
|
|
347
|
+
},
|
|
348
|
+
findByFieldValue: function findByFieldValue(field, value) {
|
|
349
|
+
var index = this.dataItems.findIndex(function (i) {
|
|
350
|
+
return getItemValue(i, field) === value;
|
|
351
|
+
});
|
|
352
|
+
return this.dataItems[index];
|
|
353
|
+
},
|
|
354
|
+
primitiveValue: function primitiveValue() {
|
|
355
|
+
var value = this.computedValue();
|
|
356
|
+
return this.valuePrimitive ? getItemValue(value, this.valueField) : value;
|
|
345
357
|
},
|
|
346
358
|
validity: function validity() {
|
|
347
359
|
var customError = this.$props.validationMessage !== undefined;
|
|
@@ -1029,5 +1041,9 @@ var ComboBoxVue2 = {
|
|
|
1029
1041
|
}, [this.$props.label]) : null]) : combobox;
|
|
1030
1042
|
}
|
|
1031
1043
|
};
|
|
1044
|
+
/**
|
|
1045
|
+
* @hidden
|
|
1046
|
+
*/
|
|
1047
|
+
|
|
1032
1048
|
var ComboBox = ComboBoxVue2;
|
|
1033
1049
|
export { ComboBox, ComboBoxVue2 };
|
|
@@ -116,6 +116,14 @@ export interface ComboBoxProps extends FormComponentProps {
|
|
|
116
116
|
* Sets the data item field that represents the item text. If the data contains only primitive values, do not define it.
|
|
117
117
|
*/
|
|
118
118
|
textField?: string;
|
|
119
|
+
/**
|
|
120
|
+
* Sets the data item field that represents the item value.
|
|
121
|
+
*/
|
|
122
|
+
valueField?: string;
|
|
123
|
+
/**
|
|
124
|
+
* Specifies the type of the selected value. If set to true, the selected value has to be of a primitive value.
|
|
125
|
+
*/
|
|
126
|
+
valuePrimitive?: boolean;
|
|
119
127
|
/**
|
|
120
128
|
* Sets the key for comparing the data items of the ComboBox. If `dataItemKey` is not set, the ComboBox compares the items by reference ([see example]({% slug binding_combobox %}#toc-datasets-of-objects)).
|
|
121
129
|
*/
|
|
@@ -214,7 +222,6 @@ export interface ComboBoxProps extends FormComponentProps {
|
|
|
214
222
|
* - small
|
|
215
223
|
* - medium
|
|
216
224
|
* - large
|
|
217
|
-
* - circle
|
|
218
225
|
* - full
|
|
219
226
|
* - null—Does not set a rounded `class`.
|
|
220
227
|
*
|
|
@@ -90,8 +90,11 @@ export interface DropDownListComputed {
|
|
|
90
90
|
export interface DropDownListAll extends DropDownListMethods, DropDownListState, DropDownListData, DropDownListComputed, Vue2type {
|
|
91
91
|
}
|
|
92
92
|
/**
|
|
93
|
-
*
|
|
93
|
+
* @hidden
|
|
94
94
|
*/
|
|
95
95
|
declare let DropDownListVue2: ComponentOptions<Vue2type, DefaultData<DropDownListData>, DefaultMethods<DropDownListAll>, DropDownListComputed, RecordPropsDefinition<DropDownListProps>>;
|
|
96
|
+
/**
|
|
97
|
+
* @hidden
|
|
98
|
+
*/
|
|
96
99
|
declare let DropDownList: DefineComponent<DropDownListProps, any, DropDownListData, DropDownListComputed, DropDownListMethods, {}, {}, {}, string, DropDownListProps, DropDownListProps, {}>;
|
|
97
100
|
export { DropDownList, DropDownListVue2 };
|
|
@@ -31,7 +31,7 @@ import DropDownBase from '../common/DropDownBase';
|
|
|
31
31
|
import { isPresent, getItemValue, sameCharsOnly, shuffleData, matchText, areSame, preventDefaultNonInputs, getFocusedItem } from '../common/utils';
|
|
32
32
|
var VALIDATION_MESSAGE = 'Please select a value from the list!';
|
|
33
33
|
/**
|
|
34
|
-
*
|
|
34
|
+
* @hidden
|
|
35
35
|
*/
|
|
36
36
|
|
|
37
37
|
var DropDownListVue2 = {
|
|
@@ -113,6 +113,8 @@ var DropDownListVue2 = {
|
|
|
113
113
|
accessKey: String,
|
|
114
114
|
dataItems: Array,
|
|
115
115
|
textField: String,
|
|
116
|
+
valueField: String,
|
|
117
|
+
valuePrimitive: Boolean,
|
|
116
118
|
className: String,
|
|
117
119
|
loading: Boolean,
|
|
118
120
|
popupSettings: {
|
|
@@ -355,7 +357,17 @@ var DropDownListVue2 = {
|
|
|
355
357
|
value = this.$props.defaultItem;
|
|
356
358
|
}
|
|
357
359
|
|
|
358
|
-
return value;
|
|
360
|
+
return this.valuePrimitive ? this.findByFieldValue(this.valueField, value) || value : value;
|
|
361
|
+
},
|
|
362
|
+
findByFieldValue: function findByFieldValue(field, value) {
|
|
363
|
+
var index = this.dataItems.findIndex(function (i) {
|
|
364
|
+
return getItemValue(i, field) === value;
|
|
365
|
+
});
|
|
366
|
+
return this.dataItems[index];
|
|
367
|
+
},
|
|
368
|
+
primitiveValue: function primitiveValue() {
|
|
369
|
+
var value = this.computedValue();
|
|
370
|
+
return this.valuePrimitive ? getItemValue(value, this.valueField) : value;
|
|
359
371
|
},
|
|
360
372
|
validity: function validity() {
|
|
361
373
|
var customError = this.$props.validationMessage !== undefined;
|
|
@@ -740,7 +752,7 @@ var DropDownListVue2 = {
|
|
|
740
752
|
iconClassName = _d.iconClassName;
|
|
741
753
|
var valueRender = templateRendering.call(this, this.$props.valueRender, getListeners.call(this));
|
|
742
754
|
var focused = this.currentFocused;
|
|
743
|
-
var value = this.
|
|
755
|
+
var value = this.primitiveValue();
|
|
744
756
|
var selectedIndex = dataItems.findIndex(function (i) {
|
|
745
757
|
return areSame(i, value, dataItemKey);
|
|
746
758
|
});
|
|
@@ -1085,5 +1097,9 @@ var DropDownListVue2 = {
|
|
|
1085
1097
|
}, [this.$props.label]) : null]) : dropdownlist;
|
|
1086
1098
|
}
|
|
1087
1099
|
};
|
|
1100
|
+
/**
|
|
1101
|
+
* @hidden
|
|
1102
|
+
*/
|
|
1103
|
+
|
|
1088
1104
|
var DropDownList = DropDownListVue2;
|
|
1089
1105
|
export { DropDownList, DropDownListVue2 };
|
|
@@ -37,7 +37,7 @@ export interface DropDownListBlurEvent extends BlurEvent {
|
|
|
37
37
|
export interface DropDownListPageChangeEvent extends PageChangeEvent {
|
|
38
38
|
}
|
|
39
39
|
/**
|
|
40
|
-
* Represents the props of the [KendoVue DropDownList component]({% slug
|
|
40
|
+
* Represents the props of the [KendoVue DropDownList component]({% slug overview_dropdownlist %}).
|
|
41
41
|
*/
|
|
42
42
|
export interface DropDownListProps extends FormComponentProps {
|
|
43
43
|
/**
|
|
@@ -66,7 +66,7 @@ export interface DropDownListProps extends FormComponentProps {
|
|
|
66
66
|
*/
|
|
67
67
|
validate?: boolean;
|
|
68
68
|
/**
|
|
69
|
-
* Sets the data of the DropDownList ([see example]({% slug
|
|
69
|
+
* Sets the data of the DropDownList ([see example]({% slug binding_dropdownlist %})).
|
|
70
70
|
*/
|
|
71
71
|
dataItems?: any[];
|
|
72
72
|
/**
|
|
@@ -94,11 +94,11 @@ export interface DropDownListProps extends FormComponentProps {
|
|
|
94
94
|
*/
|
|
95
95
|
modelValue?: any;
|
|
96
96
|
/**
|
|
97
|
-
* Sets the value of the DropDownList ([see example]({% slug
|
|
97
|
+
* Sets the value of the DropDownList ([see example]({% slug binding_dropdownlist %})). It can either be of the primitive (string, numbers) or of the complex (objects) type.
|
|
98
98
|
*/
|
|
99
99
|
value?: any;
|
|
100
100
|
/**
|
|
101
|
-
* Sets the default value of the DropDownList ([see example]({% slug
|
|
101
|
+
* Sets the default value of the DropDownList ([see example]({% slug defaultitem_dropdownlist %})). Similar to the native `select` HTML element.
|
|
102
102
|
*/
|
|
103
103
|
defaultValue?: any;
|
|
104
104
|
/**
|
|
@@ -118,7 +118,7 @@ export interface DropDownListProps extends FormComponentProps {
|
|
|
118
118
|
*/
|
|
119
119
|
dir?: string;
|
|
120
120
|
/**
|
|
121
|
-
* Enables the filtering functionality of the DropDownList ([more information and examples]({% slug
|
|
121
|
+
* Enables the filtering functionality of the DropDownList ([more information and examples]({% slug filtering_dropdownlist %})).
|
|
122
122
|
*/
|
|
123
123
|
filterable?: boolean;
|
|
124
124
|
/**
|
|
@@ -138,11 +138,19 @@ export interface DropDownListProps extends FormComponentProps {
|
|
|
138
138
|
*/
|
|
139
139
|
accessKey?: string;
|
|
140
140
|
/**
|
|
141
|
-
* Sets the data item field that represents the item text ([see example]({% slug
|
|
141
|
+
* Sets the data item field that represents the item text ([see example]({% slug defaultitem_dropdownlist %})). If the data contains only primitive values, do not define it.
|
|
142
142
|
*/
|
|
143
143
|
textField?: string;
|
|
144
144
|
/**
|
|
145
|
-
* Sets the
|
|
145
|
+
* Sets the data item field that represents the item value.
|
|
146
|
+
*/
|
|
147
|
+
valueField?: string;
|
|
148
|
+
/**
|
|
149
|
+
* Specifies the type of the selected value. If set to true, the selected value has to be of a primitive value.
|
|
150
|
+
*/
|
|
151
|
+
valuePrimitive?: boolean;
|
|
152
|
+
/**
|
|
153
|
+
* Sets the key for comparing the data items of the DropDownList. If `dataItemKey` is not set, the DropDownList compares the items by reference ([see example]({% slug binding_dropdownlist %}#toc-datasets-of-objects)).
|
|
146
154
|
*/
|
|
147
155
|
dataItemKey?: string;
|
|
148
156
|
/**
|
|
@@ -158,7 +166,7 @@ export interface DropDownListProps extends FormComponentProps {
|
|
|
158
166
|
*/
|
|
159
167
|
popupSettings?: DropDownsPopupSettings;
|
|
160
168
|
/**
|
|
161
|
-
* Configures the virtual scrolling of the DropDownList ([see example]({% slug
|
|
169
|
+
* Configures the virtual scrolling of the DropDownList ([see example]({% slug virtualization_dropdownlist %})).
|
|
162
170
|
*/
|
|
163
171
|
virtual?: VirtualizationSettings;
|
|
164
172
|
/**
|
|
@@ -185,7 +193,7 @@ export interface DropDownListProps extends FormComponentProps {
|
|
|
185
193
|
*/
|
|
186
194
|
onBlur?: (event: DropDownListBlurEvent) => void;
|
|
187
195
|
/**
|
|
188
|
-
* Fires each time the value of the DropDownList is about to change ([see examples]({% slug
|
|
196
|
+
* Fires each time the value of the DropDownList is about to change ([see examples]({% slug binding_dropdownlist %})).
|
|
189
197
|
*/
|
|
190
198
|
onChange?: (event: DropDownListChangeEvent) => void;
|
|
191
199
|
/**
|
|
@@ -193,27 +201,27 @@ export interface DropDownListProps extends FormComponentProps {
|
|
|
193
201
|
*/
|
|
194
202
|
onFilterchange?: (event: DropDownListFilterChangeEvent) => void;
|
|
195
203
|
/**
|
|
196
|
-
* Fires when both the virtual scrolling of the DropDownList is enabled and the component requires data for another page ([see example]({% slug
|
|
204
|
+
* Fires when both the virtual scrolling of the DropDownList is enabled and the component requires data for another page ([see example]({% slug virtualization_dropdownlist %})).
|
|
197
205
|
*/
|
|
198
206
|
onPagechange?: (event: DropDownListPageChangeEvent) => void;
|
|
199
207
|
/**
|
|
200
|
-
* Fires when a DropDownList item is about to be rendered ([see example]({% slug
|
|
208
|
+
* Fires when a DropDownList item is about to be rendered ([see example]({% slug customrendering_dropdownlist %}#toc-items)). Used to override the default appearance of the list items.
|
|
201
209
|
*/
|
|
202
210
|
itemRender?: any;
|
|
203
211
|
/**
|
|
204
|
-
* Fires when the element which renders the value is about to be rendered ([see example]({% slug
|
|
212
|
+
* Fires when the element which renders the value is about to be rendered ([see example]({% slug customrendering_dropdownlist %}#toc-values)). Used to override the default appearance of the element.
|
|
205
213
|
*/
|
|
206
214
|
valueRender?: any;
|
|
207
215
|
/**
|
|
208
|
-
* Fires when the element which indicates no data in the popup is about to be rendered ([see example]({% slug
|
|
216
|
+
* Fires when the element which indicates no data in the popup is about to be rendered ([see example]({% slug customrendering_dropdownlist %}#toc-no-data)). Used to override the default appearance of the element.
|
|
209
217
|
*/
|
|
210
218
|
listNoDataRender?: any;
|
|
211
219
|
/**
|
|
212
|
-
* Sets the header component of the DropDownList ([see example]({% slug
|
|
220
|
+
* Sets the header component of the DropDownList ([see example]({% slug customrendering_dropdownlist %}#toc-headers-and-footers)).
|
|
213
221
|
*/
|
|
214
222
|
header?: any;
|
|
215
223
|
/**
|
|
216
|
-
* Sets the footer component of the DropDownList ([see example]({% slug
|
|
224
|
+
* Sets the footer component of the DropDownList ([see example]({% slug customrendering_dropdownlist %}#toc-headers-and-footers)).
|
|
217
225
|
*/
|
|
218
226
|
footer?: any;
|
|
219
227
|
/**
|
|
@@ -244,7 +252,6 @@ export interface DropDownListProps extends FormComponentProps {
|
|
|
244
252
|
* - small
|
|
245
253
|
* - medium
|
|
246
254
|
* - large
|
|
247
|
-
* - circle
|
|
248
255
|
* - full
|
|
249
256
|
* - null—Does not set a rounded `class`.
|
|
250
257
|
*
|
|
@@ -258,7 +265,6 @@ export interface DropDownListProps extends FormComponentProps {
|
|
|
258
265
|
* - solid
|
|
259
266
|
* - outline
|
|
260
267
|
* - flat
|
|
261
|
-
* - link
|
|
262
268
|
* - null—Does not set a fillMode `class`.
|
|
263
269
|
*
|
|
264
270
|
* @default `solid`
|
|
@@ -105,8 +105,11 @@ export interface MultiSelectComputed {
|
|
|
105
105
|
export interface MultiSelectAll extends MultiSelectMethods, MultiSelectState, MultiSelectData, MultiSelectComputed, Vue2type {
|
|
106
106
|
}
|
|
107
107
|
/**
|
|
108
|
-
*
|
|
108
|
+
* @hidden
|
|
109
109
|
*/
|
|
110
110
|
declare let MultiSelectVue2: ComponentOptions<Vue2type, DefaultData<MultiSelectData>, DefaultMethods<MultiSelectAll>, MultiSelectComputed, RecordPropsDefinition<MultiSelectProps>>;
|
|
111
|
+
/**
|
|
112
|
+
* @hidden
|
|
113
|
+
*/
|
|
111
114
|
declare const MultiSelect: DefineComponent<MultiSelectProps, any, MultiSelectData, MultiSelectComputed, MultiSelectMethods, {}, {}, {}, string, MultiSelectProps, MultiSelectProps, {}>;
|
|
112
115
|
export { MultiSelect, MultiSelectVue2 };
|
|
@@ -70,7 +70,7 @@ var FocusedItemType;
|
|
|
70
70
|
FocusedItemType[FocusedItemType["CustomItem"] = 2] = "CustomItem";
|
|
71
71
|
})(FocusedItemType || (FocusedItemType = {}));
|
|
72
72
|
/**
|
|
73
|
-
*
|
|
73
|
+
* @hidden
|
|
74
74
|
*/
|
|
75
75
|
|
|
76
76
|
|
|
@@ -116,6 +116,8 @@ var MultiSelectVue2 = {
|
|
|
116
116
|
name: String,
|
|
117
117
|
value: Array,
|
|
118
118
|
defaultValue: Array,
|
|
119
|
+
valueField: String,
|
|
120
|
+
valuePrimitive: Boolean,
|
|
119
121
|
dataItemKey: String,
|
|
120
122
|
placeholder: String,
|
|
121
123
|
tags: Array,
|
|
@@ -343,7 +345,28 @@ var MultiSelectVue2 = {
|
|
|
343
345
|
result.push.apply(result, this.$props.defaultValue);
|
|
344
346
|
}
|
|
345
347
|
|
|
346
|
-
return result;
|
|
348
|
+
return this.valuePrimitive ? this.findByFieldValue(this.valueField, result) || result : result;
|
|
349
|
+
},
|
|
350
|
+
findByFieldValue: function findByFieldValue(field, result) {
|
|
351
|
+
var _this = this;
|
|
352
|
+
|
|
353
|
+
var newResult = result.map(function (currentValue) {
|
|
354
|
+
var index = _this.dataItems.findIndex(function (i) {
|
|
355
|
+
return getItemValue(i, field) === currentValue;
|
|
356
|
+
});
|
|
357
|
+
|
|
358
|
+
return _this.dataItems[index] || currentValue;
|
|
359
|
+
});
|
|
360
|
+
return newResult;
|
|
361
|
+
},
|
|
362
|
+
primitiveValue: function primitiveValue() {
|
|
363
|
+
var _this = this;
|
|
364
|
+
|
|
365
|
+
var computed = this.computedValue();
|
|
366
|
+
var value = computed.map(function (v) {
|
|
367
|
+
return getItemValue(v, _this.valueField);
|
|
368
|
+
});
|
|
369
|
+
return this.valuePrimitive ? value : computed;
|
|
347
370
|
},
|
|
348
371
|
validity: function validity() {
|
|
349
372
|
var customError = this.$props.validationMessage !== undefined;
|
|
@@ -1225,5 +1248,9 @@ var MultiSelectVue2 = {
|
|
|
1225
1248
|
}, [this.$props.label]) : null]) : component;
|
|
1226
1249
|
}
|
|
1227
1250
|
};
|
|
1251
|
+
/**
|
|
1252
|
+
* @hidden
|
|
1253
|
+
*/
|
|
1254
|
+
|
|
1228
1255
|
var MultiSelect = MultiSelectVue2;
|
|
1229
1256
|
export { MultiSelect, MultiSelectVue2 };
|
|
@@ -79,6 +79,14 @@ export interface MultiSelectProps extends FormComponentProps {
|
|
|
79
79
|
* Sets the tags of the MultiSelect ([see example]({% slug customtags_multiselect %})).
|
|
80
80
|
*/
|
|
81
81
|
tags?: Array<TagData>;
|
|
82
|
+
/**
|
|
83
|
+
* Sets the data item field that represents the item value.
|
|
84
|
+
*/
|
|
85
|
+
valueField?: string;
|
|
86
|
+
/**
|
|
87
|
+
* Specifies the type of the selected value. If set to true, the selected value has to be of a primitive value.
|
|
88
|
+
*/
|
|
89
|
+
valuePrimitive?: boolean;
|
|
82
90
|
/**
|
|
83
91
|
* Sets the key for comparing the data items of the MultiSelect ([see example]({% slug binding_multiselect %}#toc-datasets-of-objects)). If `dataItemKey` is not set, the MultiSelect compares the items by reference.
|
|
84
92
|
*/
|
|
@@ -218,7 +226,6 @@ export interface MultiSelectProps extends FormComponentProps {
|
|
|
218
226
|
* - small
|
|
219
227
|
* - medium
|
|
220
228
|
* - large
|
|
221
|
-
* - circle
|
|
222
229
|
* - full
|
|
223
230
|
* - null—Does not set a rounded `class`.
|
|
224
231
|
*
|
|
@@ -41,8 +41,11 @@ export interface TagListMethods extends Vue2type {
|
|
|
41
41
|
export interface TagListAll extends TagListMethods {
|
|
42
42
|
}
|
|
43
43
|
/**
|
|
44
|
-
*
|
|
44
|
+
* @hidden
|
|
45
45
|
*/
|
|
46
46
|
declare let TagListVue2: ComponentOptions<Vue2type, DefaultData<TagListAll>, DefaultMethods<TagListAll>, {}, RecordPropsDefinition<TagListProps>>;
|
|
47
|
+
/**
|
|
48
|
+
* @hidden
|
|
49
|
+
*/
|
|
47
50
|
declare const TagList: DefineComponent<{}, any, {}, {}, TagListMethods, {}, {}, {}, string, {}, {}, {}>;
|
|
48
51
|
export { TagList, TagListVue2 };
|
|
@@ -29,7 +29,7 @@ var stopPropagation = function stopPropagation(event) {
|
|
|
29
29
|
return event.stopPropagation();
|
|
30
30
|
};
|
|
31
31
|
/**
|
|
32
|
-
*
|
|
32
|
+
* @hidden
|
|
33
33
|
*/
|
|
34
34
|
|
|
35
35
|
|
|
@@ -171,5 +171,9 @@ var TagListVue2 = {
|
|
|
171
171
|
}, this)]);
|
|
172
172
|
}
|
|
173
173
|
};
|
|
174
|
+
/**
|
|
175
|
+
* @hidden
|
|
176
|
+
*/
|
|
177
|
+
|
|
174
178
|
var TagList = TagListVue2;
|
|
175
179
|
export { TagList, TagListVue2 };
|
|
@@ -2,9 +2,20 @@
|
|
|
2
2
|
import { DefineComponent } from 'vue';
|
|
3
3
|
// @ts-ignore
|
|
4
4
|
import * as Vue from 'vue';
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* @hidden
|
|
8
|
+
*/
|
|
5
9
|
// @ts-ignore
|
|
6
10
|
type Vue2type = Vue.default;
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* @hidden
|
|
14
|
+
*/
|
|
7
15
|
// @ts-ignore
|
|
8
16
|
import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
|
|
17
|
+
/**
|
|
18
|
+
* @hidden
|
|
19
|
+
*/
|
|
9
20
|
// @ts-ignore
|
|
10
21
|
export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };
|
|
@@ -11,8 +11,11 @@ export interface ClearButtonMethods extends Vue2type {
|
|
|
11
11
|
onClickHandler: (e: any) => void;
|
|
12
12
|
}
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
14
|
+
* @hidden
|
|
15
15
|
*/
|
|
16
16
|
declare let ClearButtonVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ClearButtonMethods>, {}, RecordPropsDefinition<{}>>;
|
|
17
|
+
/**
|
|
18
|
+
* @hidden
|
|
19
|
+
*/
|
|
17
20
|
declare const ClearButton: DefineComponent<{}, any, {}, {}, ClearButtonMethods, {}, {}, {}, string, {}, {}, {}>;
|
|
18
21
|
export { ClearButton, ClearButtonVue2 };
|
|
@@ -6,7 +6,7 @@ var inject = allVue.inject;
|
|
|
6
6
|
import { provideLocalizationService } from '@progress/kendo-vue-intl';
|
|
7
7
|
import { messages, clear } from '../messages';
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
9
|
+
* @hidden
|
|
10
10
|
*/
|
|
11
11
|
|
|
12
12
|
var ClearButtonVue2 = {
|
|
@@ -59,5 +59,9 @@ var ClearButtonVue2 = {
|
|
|
59
59
|
})]);
|
|
60
60
|
}
|
|
61
61
|
};
|
|
62
|
+
/**
|
|
63
|
+
* @hidden
|
|
64
|
+
*/
|
|
65
|
+
|
|
62
66
|
var ClearButton = ClearButtonVue2;
|
|
63
67
|
export { ClearButton, ClearButtonVue2 };
|
package/dist/es/common/List.d.ts
CHANGED
|
@@ -48,8 +48,11 @@ export interface ListAll extends ListMethods, ListState {
|
|
|
48
48
|
listRef: any;
|
|
49
49
|
}
|
|
50
50
|
/**
|
|
51
|
-
*
|
|
51
|
+
* @hidden
|
|
52
52
|
*/
|
|
53
53
|
declare let ListVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ListMethods>, {}, RecordPropsDefinition<ListProps>>;
|
|
54
|
+
/**
|
|
55
|
+
* @hidden
|
|
56
|
+
*/
|
|
54
57
|
declare const List: DefineComponent<{}, any, {}, {}, ListMethods, {}, {}, {}, string, {}, {}, {}>;
|
|
55
58
|
export { List, ListVue2 };
|
package/dist/es/common/List.js
CHANGED
|
@@ -10,7 +10,7 @@ import { getTemplate, getDefaultSlots } from '@progress/kendo-vue-common';
|
|
|
10
10
|
import { provideLocalizationService } from '@progress/kendo-vue-intl';
|
|
11
11
|
import { messages, nodata } from '../messages';
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* @hidden
|
|
14
14
|
*/
|
|
15
15
|
|
|
16
16
|
var ListVue2 = {
|
|
@@ -169,5 +169,9 @@ var ListVue2 = {
|
|
|
169
169
|
}, [items]), defaultSlot]) : renderNoValueElement.call(this);
|
|
170
170
|
}
|
|
171
171
|
};
|
|
172
|
+
/**
|
|
173
|
+
* @hidden
|
|
174
|
+
*/
|
|
175
|
+
|
|
172
176
|
var List = ListVue2;
|
|
173
177
|
export { List, ListVue2 };
|
|
@@ -30,8 +30,11 @@ export interface ListContainerMethods extends Vue2type {
|
|
|
30
30
|
onClose: (e: any) => void;
|
|
31
31
|
}
|
|
32
32
|
/**
|
|
33
|
-
*
|
|
33
|
+
* @hidden
|
|
34
34
|
*/
|
|
35
35
|
declare let ListContainerVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ListContainerMethods>, {}, RecordPropsDefinition<ListContainerProps>>;
|
|
36
|
+
/**
|
|
37
|
+
* @hidden
|
|
38
|
+
*/
|
|
36
39
|
declare const ListContainer: DefineComponent<ListContainerProps, any, {}, {}, ListContainerMethods, {}, {}, {}, string, ListContainerProps, ListContainerProps, {}>;
|
|
37
40
|
export { ListContainer, ListContainerVue2 };
|
|
@@ -5,7 +5,7 @@ var gh = allVue.h;
|
|
|
5
5
|
import { Popup } from '@progress/kendo-vue-popup';
|
|
6
6
|
import { getDefaultSlots } from '@progress/kendo-vue-common';
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* @hidden
|
|
9
9
|
*/
|
|
10
10
|
|
|
11
11
|
var ListContainerVue2 = {
|
|
@@ -122,5 +122,9 @@ var ListContainerVue2 = {
|
|
|
122
122
|
);
|
|
123
123
|
}
|
|
124
124
|
};
|
|
125
|
+
/**
|
|
126
|
+
* @hidden
|
|
127
|
+
*/
|
|
128
|
+
|
|
125
129
|
var ListContainer = ListContainerVue2;
|
|
126
130
|
export { ListContainer, ListContainerVue2 };
|
|
@@ -19,8 +19,11 @@ export interface ListDefaultItemMethods extends Vue2type {
|
|
|
19
19
|
onClick: (e: any) => void;
|
|
20
20
|
}
|
|
21
21
|
/**
|
|
22
|
-
*
|
|
22
|
+
* @hidden
|
|
23
23
|
*/
|
|
24
24
|
declare let ListDefaultItemVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ListDefaultItemMethods>, {}, RecordPropsDefinition<DefaultItemProps>>;
|
|
25
|
+
/**
|
|
26
|
+
* @hidden
|
|
27
|
+
*/
|
|
25
28
|
declare const ListDefaultItem: DefineComponent<DefaultItemProps, any, {}, {}, ListDefaultItemMethods, {}, {}, {}, string, DefaultItemProps, DefaultItemProps, {}>;
|
|
26
29
|
export { ListDefaultItem, ListDefaultItemVue2 };
|
|
@@ -5,7 +5,7 @@ var gh = allVue.h;
|
|
|
5
5
|
import { classNames } from '@progress/kendo-vue-common';
|
|
6
6
|
import { getItemValue } from './utils';
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* @hidden
|
|
9
9
|
*/
|
|
10
10
|
|
|
11
11
|
var ListDefaultItemVue2 = {
|
|
@@ -53,5 +53,9 @@ var ListDefaultItemVue2 = {
|
|
|
53
53
|
}, [getItemValue(defaultItem, textField) || '']);
|
|
54
54
|
}
|
|
55
55
|
};
|
|
56
|
+
/**
|
|
57
|
+
* @hidden
|
|
58
|
+
*/
|
|
59
|
+
|
|
56
60
|
var ListDefaultItem = ListDefaultItemVue2;
|
|
57
61
|
export { ListDefaultItem, ListDefaultItemVue2 };
|
|
@@ -36,8 +36,11 @@ export interface ListFilterState {
|
|
|
36
36
|
export interface ListFilterAll extends ListFilterState, ListFilterMethods {
|
|
37
37
|
}
|
|
38
38
|
/**
|
|
39
|
-
*
|
|
39
|
+
* @hidden
|
|
40
40
|
*/
|
|
41
41
|
declare let ListFilterVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ListFilterMethods>, {}, RecordPropsDefinition<ListFilterProps>>;
|
|
42
|
+
/**
|
|
43
|
+
* @hidden
|
|
44
|
+
*/
|
|
42
45
|
declare const ListFilter: DefineComponent<ListFilterProps, any, {}, {}, ListFilterMethods, {}, {}, {}, string, ListFilterProps, ListFilterProps, {}>;
|
|
43
46
|
export { ListFilter, ListFilterVue2 };
|