@syncfusion/ej2-lists 20.4.50 → 21.1.35
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/CHANGELOG.md +0 -18
- package/dist/ej2-lists.min.js +2 -2
- package/dist/ej2-lists.umd.min.js +2 -2
- package/dist/ej2-lists.umd.min.js.map +1 -1
- package/dist/es6/ej2-lists.es2015.js +17 -20
- package/dist/es6/ej2-lists.es2015.js.map +1 -1
- package/dist/es6/ej2-lists.es5.js +17 -20
- package/dist/es6/ej2-lists.es5.js.map +1 -1
- package/dist/global/ej2-lists.min.js +2 -2
- package/dist/global/ej2-lists.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +10 -9
- package/src/common/list-base.js +5 -5
- package/src/list-view/list-view.d.ts +30 -2
- package/src/list-view/list-view.js +6 -6
- package/src/list-view/virtualization.d.ts +1 -1
- package/src/list-view/virtualization.js +3 -3
- package/src/sortable/sortable-model.d.ts +4 -2
- package/src/sortable/sortable.js +3 -6
- package/styles/list-view/_bootstrap5-definition.scss +1 -1
- package/styles/list-view/_fluent-definition.scss +1 -1
- package/styles/list-view/_layout.scss +8 -3
- package/styles/list-view/_tailwind-definition.scss +1 -1
- package/styles/list-view/_theme.scss +1 -1
- package/styles/list-view/_material3-definition.scss +0 -132
- package/styles/sortable/_material3-definition.scss +0 -1
|
@@ -442,11 +442,11 @@ var ListBase;
|
|
|
442
442
|
const grpItem = {};
|
|
443
443
|
const hdr = 'isHeader';
|
|
444
444
|
grpItem[curFields.text] = ds[j].key;
|
|
445
|
-
grpItem[hdr] = true;
|
|
445
|
+
grpItem[`${hdr}`] = true;
|
|
446
446
|
let newtext = curFields.text;
|
|
447
447
|
if (newtext === 'id') {
|
|
448
448
|
newtext = 'text';
|
|
449
|
-
grpItem[newtext] = ds[j].key;
|
|
449
|
+
grpItem[`${newtext}`] = ds[j].key;
|
|
450
450
|
}
|
|
451
451
|
grpItem._id = 'group-list-item-' + (ds[j].key ?
|
|
452
452
|
ds[j].key.toString().trim() : 'undefined');
|
|
@@ -703,7 +703,7 @@ var ListBase;
|
|
|
703
703
|
const category = curFields.groupBy;
|
|
704
704
|
for (const header of headerItems) {
|
|
705
705
|
const headerData = {};
|
|
706
|
-
headerData[category] = header.textContent;
|
|
706
|
+
headerData[`${category}`] = header.textContent;
|
|
707
707
|
header.innerHTML = '';
|
|
708
708
|
if (componentInstance && componentInstance.getModuleName() !== "listview") {
|
|
709
709
|
// eslint-disable-next-line
|
|
@@ -998,11 +998,11 @@ function getFieldValues(dataItem, fields) {
|
|
|
998
998
|
}
|
|
999
999
|
else {
|
|
1000
1000
|
for (const field of Object.keys(fields)) {
|
|
1001
|
-
const dataField = fields[field];
|
|
1001
|
+
const dataField = fields[`${field}`];
|
|
1002
1002
|
const value = !isNullOrUndefined(dataField) &&
|
|
1003
1003
|
typeof (dataField) === 'string' ? getValue(dataField, dataItem) : undefined;
|
|
1004
1004
|
if (!isNullOrUndefined(value)) {
|
|
1005
|
-
fieldData[dataField] = value;
|
|
1005
|
+
fieldData[`${dataField}`] = value;
|
|
1006
1006
|
}
|
|
1007
1007
|
}
|
|
1008
1008
|
}
|
|
@@ -1370,7 +1370,7 @@ let ListView = class ListView extends Component {
|
|
|
1370
1370
|
}
|
|
1371
1371
|
else {
|
|
1372
1372
|
const slideLeft = 'SlideLeft';
|
|
1373
|
-
anim = effectsConfig[slideLeft];
|
|
1373
|
+
anim = effectsConfig[`${slideLeft}`];
|
|
1374
1374
|
reverse = this.enableRtl;
|
|
1375
1375
|
duration = 0;
|
|
1376
1376
|
}
|
|
@@ -2170,11 +2170,11 @@ let ListView = class ListView extends Component {
|
|
|
2170
2170
|
if (!this.query) {
|
|
2171
2171
|
// eslint-disable-next-line
|
|
2172
2172
|
for (const column of Object.keys(this.fields.properties)) {
|
|
2173
|
-
if (column !== 'tableName' && !!(this.fields[column]) &&
|
|
2174
|
-
this.fields[column] !==
|
|
2175
|
-
ListBase.defaultMappedFields[column]
|
|
2176
|
-
&& columns.indexOf(this.fields[column]) === -1) {
|
|
2177
|
-
columns.push(this.fields[column]);
|
|
2173
|
+
if (column !== 'tableName' && !!(this.fields[`${column}`]) &&
|
|
2174
|
+
this.fields[`${column}`] !==
|
|
2175
|
+
ListBase.defaultMappedFields[`${column}`]
|
|
2176
|
+
&& columns.indexOf(this.fields[`${column}`]) === -1) {
|
|
2177
|
+
columns.push(this.fields[`${column}`]);
|
|
2178
2178
|
}
|
|
2179
2179
|
}
|
|
2180
2180
|
query.select(columns);
|
|
@@ -3458,7 +3458,7 @@ class Virtualization {
|
|
|
3458
3458
|
if (this.listViewInstance.showCheckBox) {
|
|
3459
3459
|
const indexArray = this.uiIndices.activeIndices;
|
|
3460
3460
|
for (let i = 0; i < indexArray.length; i++) {
|
|
3461
|
-
textCollection.push(curViewDS[indexArray[i]][text]);
|
|
3461
|
+
textCollection.push(curViewDS[indexArray[i]][`${text}`]);
|
|
3462
3462
|
// eslint-disable-next-line
|
|
3463
3463
|
dataCollection.push(curViewDS[indexArray[i]]);
|
|
3464
3464
|
}
|
|
@@ -4157,7 +4157,7 @@ class Virtualization {
|
|
|
4157
4157
|
}
|
|
4158
4158
|
updateUI(element, index, targetElement) {
|
|
4159
4159
|
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
4160
|
-
const onChange = this.isNgTemplate() ? this.onNgChange : (this.isVueFunctionTemplate()) ? this.
|
|
4160
|
+
const onChange = this.isNgTemplate() ? this.onNgChange : (this.isVueFunctionTemplate()) ? this.onVueChange : this.onChange;
|
|
4161
4161
|
if (this.listViewInstance.template || this.listViewInstance.groupTemplate) {
|
|
4162
4162
|
const curViewDS = this.listViewInstance.curViewDS[index];
|
|
4163
4163
|
// eslint-disable-next-line
|
|
@@ -4181,7 +4181,7 @@ class Virtualization {
|
|
|
4181
4181
|
* @param {ElementContext} listElement - The HTML element context for the list view.
|
|
4182
4182
|
* @param {Virtualization} virtualThis - The virtualization context for the list view.
|
|
4183
4183
|
*/
|
|
4184
|
-
|
|
4184
|
+
onVueChange(newData, listElement, virtualThis) {
|
|
4185
4185
|
let liItem = ListBase.createListItemFromJson(virtualThis.listViewInstance.createElement,
|
|
4186
4186
|
// eslint-disable-next-line
|
|
4187
4187
|
[newData], virtualThis.listViewInstance.listBaseOption, null, null, virtualThis.listViewInstance);
|
|
@@ -4223,7 +4223,6 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
4223
4223
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
4224
4224
|
};
|
|
4225
4225
|
var Sortable_1;
|
|
4226
|
-
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
4227
4226
|
/**
|
|
4228
4227
|
* Sortable Module provides support to enable sortable functionality in Dom Elements.
|
|
4229
4228
|
* ```html
|
|
@@ -4241,10 +4240,8 @@ var Sortable_1;
|
|
|
4241
4240
|
* ```
|
|
4242
4241
|
*/
|
|
4243
4242
|
let Sortable = Sortable_1 = class Sortable extends Base {
|
|
4244
|
-
/* es-lint enable */
|
|
4245
4243
|
constructor(element, options) {
|
|
4246
4244
|
super(options, element);
|
|
4247
|
-
// eslint-disable-next-line
|
|
4248
4245
|
this.getHelper = (e) => {
|
|
4249
4246
|
// eslint-disable-next-line prefer-const
|
|
4250
4247
|
let target = this.getSortableElement(e.sender.target);
|
|
@@ -4266,14 +4263,14 @@ let Sortable = Sortable_1 = class Sortable extends Base {
|
|
|
4266
4263
|
};
|
|
4267
4264
|
// eslint-disable-next-line
|
|
4268
4265
|
this.onDrag = (e) => {
|
|
4269
|
-
if (!e.target)
|
|
4266
|
+
if (!e.target) {
|
|
4270
4267
|
return;
|
|
4268
|
+
}
|
|
4271
4269
|
this.trigger('drag', { event: e.event, element: this.element, target: e.target });
|
|
4272
4270
|
let newInst = this.getSortableInstance(e.target);
|
|
4273
4271
|
let target = this.getSortableElement(e.target, newInst);
|
|
4274
4272
|
if ((this.isValidTarget(target, newInst) || e.target.className.indexOf('e-list-group-item') > -1) && (this.curTarget !== target ||
|
|
4275
|
-
!isNullOrUndefined(newInst.placeHolder)) && (newInst.placeHolderElement ? newInst.placeHolderElement !== e.target :
|
|
4276
|
-
true)) {
|
|
4273
|
+
!isNullOrUndefined(newInst.placeHolder)) && (newInst.placeHolderElement ? newInst.placeHolderElement !== e.target : true)) {
|
|
4277
4274
|
if (e.target.className.indexOf('e-list-group-item') > -1) {
|
|
4278
4275
|
target = e.target;
|
|
4279
4276
|
}
|