@syncfusion/ej2-filemanager 19.4.56 → 20.1.55
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 +3 -51
- package/dist/ej2-filemanager.umd.min.js +2 -2
- package/dist/ej2-filemanager.umd.min.js.map +1 -1
- package/dist/es6/ej2-filemanager.es2015.js +20 -7
- package/dist/es6/ej2-filemanager.es2015.js.map +1 -1
- package/dist/es6/ej2-filemanager.es5.js +19 -6
- package/dist/es6/ej2-filemanager.es5.js.map +1 -1
- package/dist/global/ej2-filemanager.min.js +2 -2
- package/dist/global/ej2-filemanager.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +15 -15
- package/src/file-manager/actions/toolbar.js +6 -3
- package/src/file-manager/base/file-manager-model.d.ts +7 -0
- package/src/file-manager/base/file-manager.d.ts +6 -1
- package/src/file-manager/base/file-manager.js +10 -1
- package/src/file-manager/layout/details-view.js +1 -0
- package/src/file-manager/layout/large-icons-view.js +1 -1
- package/src/file-manager/layout/navigation-pane.js +1 -1
- package/src/file-manager/models/navigation-pane-settings.d.ts +8 -8
- package/styles/bootstrap5-dark.css +1 -1
- package/styles/bootstrap5.css +1 -1
- package/styles/file-manager/_bootstrap5-definition.scss +1 -1
- package/styles/file-manager/_fluent-dark-definition.scss +1 -0
- package/styles/file-manager/_fluent-definition.scss +8 -7
- package/styles/file-manager/_layout.scss +26 -2
- package/styles/file-manager/_theme.scss +17 -7
- package/styles/file-manager/bootstrap5-dark.css +1 -1
- package/styles/file-manager/bootstrap5.css +1 -1
- package/styles/file-manager/fluent-dark.css +1901 -0
- package/styles/file-manager/fluent-dark.scss +16 -0
- package/styles/file-manager/fluent.css +1900 -0
- package/styles/file-manager/fluent.scss +16 -0
- package/styles/file-manager/icons/_fluent-dark.scss +1 -0
- package/styles/file-manager/icons/_fluent.scss +19 -19
- package/styles/file-manager/icons/_tailwind.scss +49 -49
- package/styles/file-manager/tailwind-dark.css +49 -49
- package/styles/file-manager/tailwind.css +49 -49
- package/styles/fluent-dark.css +1901 -0
- package/styles/fluent-dark.scss +1 -0
- package/styles/fluent.css +1900 -0
- package/styles/fluent.scss +1 -0
- package/styles/tailwind-dark.css +49 -49
- package/styles/tailwind.css +49 -49
@@ -5171,7 +5171,7 @@ class LargeIconsView {
|
|
5171
5171
|
else {
|
5172
5172
|
for (let i = 0, len = this.items.length; i < len; i++) {
|
5173
5173
|
const name = getValue('filterPath', this.items[i]) + getValue('name', this.items[i]);
|
5174
|
-
if (items.indexOf(name) !== -1) {
|
5174
|
+
if ((items.indexOf(name) !== -1) || (items.indexOf(getValue(filterName, this.items[i])) !== -1)) {
|
5175
5175
|
indexes.push(i);
|
5176
5176
|
}
|
5177
5177
|
}
|
@@ -6381,7 +6381,6 @@ let FileManager = FileManager_1 = class FileManager extends Component {
|
|
6381
6381
|
this.uploadItem = [];
|
6382
6382
|
this.deleteRecords = [];
|
6383
6383
|
this.isFile = false;
|
6384
|
-
this.sortBy = 'name';
|
6385
6384
|
this.isCut = false;
|
6386
6385
|
this.isSearchCut = false;
|
6387
6386
|
this.isSearchDrag = false;
|
@@ -7101,6 +7100,13 @@ let FileManager = FileManager_1 = class FileManager extends Component {
|
|
7101
7100
|
refresh(this);
|
7102
7101
|
this.notify(sortByChange, {});
|
7103
7102
|
break;
|
7103
|
+
case 'sortBy':
|
7104
|
+
refresh(this);
|
7105
|
+
this.notify(sortByChange, {});
|
7106
|
+
if (this.view === 'Details') {
|
7107
|
+
this.notify(sortColumn, {});
|
7108
|
+
}
|
7109
|
+
break;
|
7104
7110
|
case 'popupTarget':
|
7105
7111
|
if (this.uploadDialogObj) {
|
7106
7112
|
this.uploadDialogObj.target = newProp.popupTarget;
|
@@ -7484,6 +7490,9 @@ __decorate$8([
|
|
7484
7490
|
__decorate$8([
|
7485
7491
|
Property('Ascending')
|
7486
7492
|
], FileManager.prototype, "sortOrder", void 0);
|
7493
|
+
__decorate$8([
|
7494
|
+
Property('name')
|
7495
|
+
], FileManager.prototype, "sortBy", void 0);
|
7487
7496
|
__decorate$8([
|
7488
7497
|
Complex({}, ToolbarSettings)
|
7489
7498
|
], FileManager.prototype, "toolbarSettings", void 0);
|
@@ -7715,9 +7724,12 @@ class Toolbar$1 {
|
|
7715
7724
|
toolbarCreateHandler() {
|
7716
7725
|
if (!isNullOrUndefined(select('#' + this.getId('SortBy'), this.parent.element))) {
|
7717
7726
|
const items = [
|
7718
|
-
{ id: this.getPupupId('name'), text: getLocaleText(this.parent, 'Name'),
|
7719
|
-
|
7720
|
-
{ id: this.getPupupId('
|
7727
|
+
{ id: this.getPupupId('name'), text: getLocaleText(this.parent, 'Name'),
|
7728
|
+
iconCss: this.parent.sortBy === 'name' ? TB_OPTION_DOT : '' },
|
7729
|
+
{ id: this.getPupupId('size'), text: getLocaleText(this.parent, 'Size'),
|
7730
|
+
iconCss: this.parent.sortBy === 'size' ? TB_OPTION_DOT : '' },
|
7731
|
+
{ id: this.getPupupId('date'), text: getLocaleText(this.parent, 'DateModified'),
|
7732
|
+
iconCss: this.parent.sortBy === '_fm_modified' ? TB_OPTION_DOT : '' },
|
7721
7733
|
{ separator: true },
|
7722
7734
|
{ id: this.getPupupId('ascending'), text: getLocaleText(this.parent, 'Ascending'),
|
7723
7735
|
iconCss: this.parent.sortOrder === 'Ascending' ? TB_OPTION_TICK : '' },
|
@@ -8242,7 +8254,7 @@ class NavigationPane {
|
|
8242
8254
|
this.parent.trigger('fileOpen', eventArgs);
|
8243
8255
|
args.cancel = eventArgs.cancel;
|
8244
8256
|
if (args.cancel) {
|
8245
|
-
this.restrictSelecting = this.isNodeClickCalled ? this.previousSelected[0]
|
8257
|
+
this.restrictSelecting = this.isNodeClickCalled ? this.previousSelected[0] !== args.node.getAttribute('data-uid') : false;
|
8246
8258
|
this.treeObj.selectedNodes = this.isNodeClickCalled ? this.previousSelected : this.treeObj.selectedNodes;
|
8247
8259
|
this.previousSelected = this.treeObj.selectedNodes;
|
8248
8260
|
if (!isNullOrUndefined(this.parent) && !isNullOrUndefined(this.parent.contextmenuModule)) {
|
@@ -8280,7 +8292,7 @@ class NavigationPane {
|
|
8280
8292
|
const nodeData = this.getTreeData(getValue('id', args.nodeData));
|
8281
8293
|
this.parent.selectedItems = [];
|
8282
8294
|
this.parent.itemData = nodeData;
|
8283
|
-
|
8295
|
+
const previousPath = this.parent.path;
|
8284
8296
|
updatePath(args.node, this.parent.itemData[0], this.parent);
|
8285
8297
|
if (previousPath !== this.parent.path) {
|
8286
8298
|
this.expandNodeTarget = null;
|
@@ -10140,6 +10152,7 @@ class DetailsView {
|
|
10140
10152
|
case 'f2':
|
10141
10153
|
case 'moveDown':
|
10142
10154
|
case 'moveUp':
|
10155
|
+
case 'ctrlD':
|
10143
10156
|
e.preventDefault();
|
10144
10157
|
break;
|
10145
10158
|
default:
|