@syncfusion/ej2-filemanager 20.1.52-10459 → 20.1.52-10460
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/.eslintrc.json +3 -20
- package/CHANGELOG.md +410 -0
- package/README.md +43 -54
- package/dist/ej2-filemanager.umd.min.js +10 -1
- package/dist/ej2-filemanager.umd.min.js.map +1 -1
- package/dist/es6/ej2-filemanager.es2015.js +659 -2353
- package/dist/es6/ej2-filemanager.es2015.js.map +1 -1
- package/dist/es6/ej2-filemanager.es5.js +708 -2421
- package/dist/es6/ej2-filemanager.es5.js.map +1 -1
- package/dist/global/ej2-filemanager.min.js +10 -1
- package/dist/global/ej2-filemanager.min.js.map +1 -1
- package/dist/global/index.d.ts +9 -0
- package/helpers/e2e/filemanagerHelper.js +166 -183
- package/package.json +71 -71
- package/src/file-manager/actions/breadcrumb-bar.js +5 -1
- package/src/file-manager/actions/index.d.ts +0 -1
- package/src/file-manager/actions/index.js +0 -1
- package/src/file-manager/actions/toolbar.d.ts +0 -1
- package/src/file-manager/actions/toolbar.js +17 -129
- package/src/file-manager/base/file-manager-model.d.ts +28 -154
- package/src/file-manager/base/file-manager.d.ts +27 -176
- package/src/file-manager/base/file-manager.js +28 -244
- package/src/file-manager/base/interface.d.ts +3 -329
- package/src/file-manager/base/interface.js +1 -0
- package/src/file-manager/common/operations.d.ts +0 -7
- package/src/file-manager/common/operations.js +185 -830
- package/src/file-manager/common/utility.d.ts +3 -46
- package/src/file-manager/common/utility.js +73 -249
- package/src/file-manager/index.d.ts +0 -1
- package/src/file-manager/index.js +0 -1
- package/src/file-manager/layout/details-view.d.ts +0 -10
- package/src/file-manager/layout/details-view.js +94 -203
- package/src/file-manager/layout/large-icons-view.d.ts +2 -4
- package/src/file-manager/layout/large-icons-view.js +72 -121
- package/src/file-manager/layout/navigation-pane.d.ts +0 -2
- package/src/file-manager/layout/navigation-pane.js +73 -97
- package/src/file-manager/models/column-model.d.ts +5 -23
- package/src/file-manager/models/column.d.ts +2 -21
- package/src/file-manager/models/column.js +0 -6
- package/src/file-manager/models/default-locale.js +1 -0
- package/src/file-manager/models/details-view-settings-model.d.ts +1 -1
- package/src/file-manager/models/details-view-settings.js +3 -8
- package/src/file-manager/models/search-settings.d.ts +0 -5
- package/src/file-manager/models/toolbar-settings-model.d.ts +2 -177
- package/src/file-manager/models/toolbar-settings.d.ts +2 -157
- package/src/file-manager/models/toolbar-settings.js +2 -64
- package/src/file-manager/models/upload-settings-model.d.ts +0 -13
- package/src/file-manager/models/upload-settings.d.ts +0 -12
- package/src/file-manager/models/upload-settings.js +0 -3
- package/src/file-manager/pop-up/context-menu.d.ts +1 -2
- package/src/file-manager/pop-up/context-menu.js +36 -111
- package/src/file-manager/pop-up/dialog.d.ts +2 -1
- package/src/file-manager/pop-up/dialog.js +40 -19
- package/src/global.js +1 -1
- package/styles/bootstrap-dark.css +665 -371
- package/styles/bootstrap-dark.scss +1 -17
- package/styles/bootstrap.css +644 -353
- package/styles/bootstrap.scss +1 -17
- package/styles/bootstrap4.css +680 -381
- package/styles/bootstrap4.scss +1 -17
- package/styles/bootstrap5-dark.css +694 -376
- package/styles/bootstrap5-dark.scss +1 -17
- package/styles/bootstrap5.css +695 -377
- package/styles/bootstrap5.scss +1 -17
- package/styles/fabric-dark.css +642 -358
- package/styles/fabric-dark.scss +1 -17
- package/styles/fabric.css +641 -357
- package/styles/fabric.scss +1 -17
- package/styles/file-manager/_all.scss +1 -1
- package/styles/file-manager/_bootstrap-dark-definition.scss +2 -6
- package/styles/file-manager/_bootstrap-definition.scss +2 -6
- package/styles/file-manager/_bootstrap4-definition.scss +2 -6
- package/styles/file-manager/_bootstrap5-definition.scss +15 -20
- package/styles/file-manager/_fabric-dark-definition.scss +2 -6
- package/styles/file-manager/_fabric-definition.scss +2 -6
- package/styles/file-manager/_fluent-definition.scss +15 -18
- package/styles/file-manager/_highcontrast-definition.scss +2 -6
- package/styles/file-manager/_highcontrast-light-definition.scss +2 -6
- package/styles/file-manager/_layout.scss +932 -369
- package/styles/file-manager/_material-dark-definition.scss +2 -7
- package/styles/file-manager/_material-definition.scss +2 -7
- package/styles/file-manager/_tailwind-definition.scss +16 -20
- package/styles/file-manager/_theme.scss +102 -123
- package/styles/file-manager/bootstrap-dark.css +665 -371
- package/styles/file-manager/bootstrap-dark.scss +1 -2
- package/styles/file-manager/bootstrap.css +644 -353
- package/styles/file-manager/bootstrap.scss +1 -2
- package/styles/file-manager/bootstrap4.css +680 -381
- package/styles/file-manager/bootstrap4.scss +1 -2
- package/styles/file-manager/bootstrap5-dark.css +694 -376
- package/styles/file-manager/bootstrap5-dark.scss +1 -2
- package/styles/file-manager/bootstrap5.css +695 -377
- package/styles/file-manager/bootstrap5.scss +1 -2
- package/styles/file-manager/fabric-dark.css +642 -358
- package/styles/file-manager/fabric-dark.scss +1 -2
- package/styles/file-manager/fabric.css +641 -357
- package/styles/file-manager/fabric.scss +1 -2
- package/styles/file-manager/fluent-dark.css +641 -356
- package/styles/file-manager/fluent-dark.scss +1 -2
- package/styles/file-manager/fluent.css +640 -355
- package/styles/file-manager/fluent.scss +1 -2
- package/styles/file-manager/highcontrast-light.css +644 -354
- package/styles/file-manager/highcontrast-light.scss +1 -2
- package/styles/file-manager/highcontrast.css +647 -377
- package/styles/file-manager/highcontrast.scss +1 -2
- package/styles/file-manager/icons/_bootstrap.scss +1 -0
- package/styles/file-manager/icons/_bootstrap4.scss +1 -0
- package/styles/file-manager/icons/_fabric-dark.scss +1 -0
- package/styles/file-manager/icons/_fabric.scss +1 -0
- package/styles/file-manager/material-dark.css +671 -392
- package/styles/file-manager/material-dark.scss +1 -2
- package/styles/file-manager/material.css +654 -391
- package/styles/file-manager/material.scss +1 -2
- package/styles/file-manager/tailwind-dark.css +667 -350
- package/styles/file-manager/tailwind-dark.scss +1 -2
- package/styles/file-manager/tailwind.css +667 -350
- package/styles/file-manager/tailwind.scss +1 -2
- package/styles/fluent-dark.css +641 -356
- package/styles/fluent-dark.scss +1 -17
- package/styles/fluent.css +640 -355
- package/styles/fluent.scss +1 -17
- package/styles/highcontrast-light.css +644 -354
- package/styles/highcontrast-light.scss +1 -17
- package/styles/highcontrast.css +647 -377
- package/styles/highcontrast.scss +1 -17
- package/styles/material-dark.css +671 -392
- package/styles/material-dark.scss +1 -17
- package/styles/material.css +654 -391
- package/styles/material.scss +1 -17
- package/styles/tailwind-dark.css +667 -350
- package/styles/tailwind-dark.scss +1 -17
- package/styles/tailwind.css +667 -350
- package/styles/tailwind.scss +1 -17
- package/dist/ej2-filemanager.min.js +0 -1
- package/src/file-manager/actions/virtualization.d.ts +0 -93
- package/src/file-manager/actions/virtualization.js +0 -279
- package/styles/bootstrap-dark-lite.css +0 -1058
- package/styles/bootstrap-dark-lite.scss +0 -16
- package/styles/bootstrap-lite.css +0 -1040
- package/styles/bootstrap-lite.scss +0 -16
- package/styles/bootstrap4-lite.css +0 -1068
- package/styles/bootstrap4-lite.scss +0 -16
- package/styles/bootstrap5-dark-lite.css +0 -1078
- package/styles/bootstrap5-dark-lite.scss +0 -16
- package/styles/bootstrap5-lite.css +0 -1078
- package/styles/bootstrap5-lite.scss +0 -16
- package/styles/bootstrap5.3-lite.css +0 -1035
- package/styles/bootstrap5.3-lite.scss +0 -16
- package/styles/bootstrap5.3.css +0 -1603
- package/styles/bootstrap5.3.scss +0 -17
- package/styles/fabric-dark-lite.css +0 -1039
- package/styles/fabric-dark-lite.scss +0 -16
- package/styles/fabric-lite.css +0 -1039
- package/styles/fabric-lite.scss +0 -16
- package/styles/file-manager/_bds-definition.scss +0 -236
- package/styles/file-manager/_bigger.scss +0 -758
- package/styles/file-manager/_bootstrap5.3-definition.scss +0 -242
- package/styles/file-manager/_fluent2-definition.scss +0 -255
- package/styles/file-manager/_fusionnew-definition.scss +0 -241
- package/styles/file-manager/_material3-dark-definition.scss +0 -1
- package/styles/file-manager/_material3-definition.scss +0 -235
- package/styles/file-manager/bootstrap5.3.css +0 -1603
- package/styles/file-manager/bootstrap5.3.scss +0 -17
- package/styles/file-manager/fluent2.css +0 -1886
- package/styles/file-manager/fluent2.scss +0 -17
- package/styles/file-manager/icons/_bds.scss +0 -235
- package/styles/file-manager/icons/_bootstrap5.3.scss +0 -235
- package/styles/file-manager/icons/_fluent2.scss +0 -235
- package/styles/file-manager/icons/_fusionnew.scss +0 -235
- package/styles/file-manager/icons/_material3-dark.scss +0 -1
- package/styles/file-manager/icons/_material3.scss +0 -235
- package/styles/file-manager/material3-dark.css +0 -1633
- package/styles/file-manager/material3-dark.scss +0 -18
- package/styles/file-manager/material3.css +0 -1635
- package/styles/file-manager/material3.scss +0 -18
- package/styles/fluent-dark-lite.css +0 -1037
- package/styles/fluent-dark-lite.scss +0 -16
- package/styles/fluent-lite.css +0 -1036
- package/styles/fluent-lite.scss +0 -16
- package/styles/fluent2-lite.css +0 -1272
- package/styles/fluent2-lite.scss +0 -16
- package/styles/fluent2.css +0 -1886
- package/styles/fluent2.scss +0 -17
- package/styles/highcontrast-light-lite.css +0 -1039
- package/styles/highcontrast-light-lite.scss +0 -16
- package/styles/highcontrast-lite.css +0 -1059
- package/styles/highcontrast-lite.scss +0 -16
- package/styles/material-dark-lite.css +0 -1092
- package/styles/material-dark-lite.scss +0 -16
- package/styles/material-lite.css +0 -1097
- package/styles/material-lite.scss +0 -16
- package/styles/material3-dark-lite.css +0 -1090
- package/styles/material3-dark-lite.scss +0 -16
- package/styles/material3-dark.css +0 -1633
- package/styles/material3-dark.scss +0 -19
- package/styles/material3-lite.css +0 -1092
- package/styles/material3-lite.scss +0 -16
- package/styles/material3.css +0 -1635
- package/styles/material3.scss +0 -19
- package/styles/tailwind-dark-lite.css +0 -1060
- package/styles/tailwind-dark-lite.scss +0 -16
- package/styles/tailwind-lite.css +0 -1060
- package/styles/tailwind-lite.scss +0 -16
@@ -3,7 +3,6 @@ import { INotifyPropertyChanged } from '@syncfusion/ej2-base';
|
|
3
3
|
import { Splitter } from '@syncfusion/ej2-layouts';
|
4
4
|
import { Dialog } from '@syncfusion/ej2-popups';
|
5
5
|
import { ToolbarSettingsModel } from '../models/index';
|
6
|
-
import { ToolbarItemModel } from '../models/index';
|
7
6
|
import { NavigationPaneSettingsModel, DetailsViewSettingsModel } from '../models/index';
|
8
7
|
import { AjaxSettingsModel, SearchSettingsModel } from '../models/index';
|
9
8
|
import { Toolbar } from '../actions/toolbar';
|
@@ -13,16 +12,14 @@ import { Uploader, FileInfo } from '@syncfusion/ej2-inputs';
|
|
13
12
|
import { UploadSettingsModel } from '../models/upload-settings-model';
|
14
13
|
import { FileManagerModel } from './file-manager-model';
|
15
14
|
import { ITreeView, IContextMenu, ViewType, SortOrder, FileDragEventArgs, RetryArgs, FileSelectionEventArgs } from './interface';
|
16
|
-
import { BeforeSendEventArgs, SuccessEventArgs, FailureEventArgs, FileLoadEventArgs
|
17
|
-
import { FileOpenEventArgs, FileSelectEventArgs, MenuClickEventArgs, MenuOpenEventArgs
|
15
|
+
import { BeforeSendEventArgs, SuccessEventArgs, FailureEventArgs, FileLoadEventArgs } from './interface';
|
16
|
+
import { FileOpenEventArgs, FileSelectEventArgs, MenuClickEventArgs, MenuOpenEventArgs } from './interface';
|
18
17
|
import { ToolbarClickEventArgs, ToolbarCreateEventArgs, UploadListCreateArgs } from './interface';
|
19
18
|
import { PopupOpenCloseEventArgs, BeforePopupOpenCloseEventArgs, BeforeDownloadEventArgs, BeforeImageLoadEventArgs } from './interface';
|
20
19
|
import { TreeView as BaseTreeView } from '@syncfusion/ej2-navigations';
|
21
20
|
import { ContextMenuSettingsModel } from '../models/contextMenu-settings-model';
|
22
21
|
import { BreadCrumbBar } from '../actions/breadcrumb-bar';
|
23
22
|
import { PositionModel } from '@syncfusion/ej2-base/src/draggable-model';
|
24
|
-
import { Virtualization } from '../actions/virtualization';
|
25
|
-
import { SortComparer } from './interface';
|
26
23
|
/**
|
27
24
|
* The FileManager component allows users to access and manage the file system through the web browser. It can performs the
|
28
25
|
* functionalities like add, rename, search, sort, upload and delete files or folders. And also it
|
@@ -48,8 +45,6 @@ export declare class FileManager extends Component<HTMLElement> implements INoti
|
|
48
45
|
contextmenuModule: IContextMenu;
|
49
46
|
/** @hidden */
|
50
47
|
breadcrumbbarModule: BreadCrumbBar;
|
51
|
-
/** @hidden */
|
52
|
-
virtualizationModule: Virtualization;
|
53
48
|
private keyboardModule;
|
54
49
|
private keyConfigs;
|
55
50
|
filterData: Object;
|
@@ -81,10 +76,6 @@ export declare class FileManager extends Component<HTMLElement> implements INoti
|
|
81
76
|
nextPath: string[];
|
82
77
|
fileAction: string;
|
83
78
|
pasteNodes: string[];
|
84
|
-
responseData: {
|
85
|
-
[key: string]: Object;
|
86
|
-
};
|
87
|
-
existingFileCount: number;
|
88
79
|
isLayoutChange: boolean;
|
89
80
|
replaceItems: string[];
|
90
81
|
createdItem: {
|
@@ -150,14 +141,6 @@ export declare class FileManager extends Component<HTMLElement> implements INoti
|
|
150
141
|
destinationPath: string;
|
151
142
|
uploadingCount: number;
|
152
143
|
uploadedCount: number;
|
153
|
-
isMac: boolean;
|
154
|
-
oldView: string;
|
155
|
-
oldPath: string;
|
156
|
-
private viewElem;
|
157
|
-
private dragSelectElement;
|
158
|
-
private dragX;
|
159
|
-
private dragY;
|
160
|
-
private dragSelectedItems;
|
161
144
|
/**
|
162
145
|
* Specifies the AJAX settings of the file manager.
|
163
146
|
*
|
@@ -169,16 +152,6 @@ export declare class FileManager extends Component<HTMLElement> implements INoti
|
|
169
152
|
* }
|
170
153
|
*/
|
171
154
|
ajaxSettings: AjaxSettingsModel;
|
172
|
-
/**
|
173
|
-
* Specifies the array of data to populate folders/files in the File Manager.
|
174
|
-
* The mandatory fields to be included in the JSON data are defined in fileData interface.
|
175
|
-
* This interface can be extended to add additional fields as required.
|
176
|
-
*
|
177
|
-
* @default []
|
178
|
-
*/
|
179
|
-
fileSystemData: {
|
180
|
-
[key: string]: Object;
|
181
|
-
}[];
|
182
155
|
/**
|
183
156
|
* Enables or disables drag-and-drop of files.
|
184
157
|
*
|
@@ -191,12 +164,6 @@ export declare class FileManager extends Component<HTMLElement> implements INoti
|
|
191
164
|
* @default true
|
192
165
|
*/
|
193
166
|
allowMultiSelection: boolean;
|
194
|
-
/**
|
195
|
-
* Gets or sets a boolean value that determines whether to display checkboxes in the file manager. If enabled, checkboxes are shown for files or folders on hover.
|
196
|
-
*
|
197
|
-
* @default true
|
198
|
-
*/
|
199
|
-
showItemCheckBoxes: boolean;
|
200
167
|
/**
|
201
168
|
* Specifies the context menu settings of the file manager.
|
202
169
|
*
|
@@ -242,14 +209,6 @@ export declare class FileManager extends Component<HTMLElement> implements INoti
|
|
242
209
|
* @default false
|
243
210
|
*/
|
244
211
|
enablePersistence: boolean;
|
245
|
-
/**
|
246
|
-
* Gets or sets a value that enables/disables the virtualization feature of the File Manager.
|
247
|
-
* When enabled, the File Manager will only load a subset of files and folders based on the size of the view port, with the rest being loaded dynamically as the user scrolls vertically through the list.
|
248
|
-
* This can improve performance when dealing with a large number of files and folders, as it reduces the initial load time and memory usage.
|
249
|
-
*
|
250
|
-
* @default false
|
251
|
-
*/
|
252
|
-
enableVirtualization: boolean;
|
253
212
|
/**
|
254
213
|
* Specifies the height of the file manager.
|
255
214
|
*
|
@@ -345,24 +304,6 @@ export declare class FileManager extends Component<HTMLElement> implements INoti
|
|
345
304
|
* @default 'name'
|
346
305
|
*/
|
347
306
|
sortBy: string;
|
348
|
-
/**
|
349
|
-
* Defines the custom sorting function.
|
350
|
-
* The sort comparer function has the same functionality like
|
351
|
-
* [`Array.sort`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) sort comparer.
|
352
|
-
* This can be used to customize the default sorting functionalities with required comparison values.
|
353
|
-
*
|
354
|
-
* @default null
|
355
|
-
* @aspType string
|
356
|
-
*/
|
357
|
-
sortComparer: SortComparer | string;
|
358
|
-
/**
|
359
|
-
* Gets or sets a value that indicates whether the File Manager allows multiple items selection with mouse dragging.
|
360
|
-
* Set this property to true to allow users to select multiple items with mouse drag as like file explorer. Hover over
|
361
|
-
* the files or folders and drag the mouse to select the required items.
|
362
|
-
*
|
363
|
-
* @default false
|
364
|
-
*/
|
365
|
-
enableRangeSelection: boolean;
|
366
307
|
/**
|
367
308
|
* Specifies the group of items aligned horizontally in the toolbar.
|
368
309
|
*
|
@@ -373,16 +314,6 @@ export declare class FileManager extends Component<HTMLElement> implements INoti
|
|
373
314
|
* }
|
374
315
|
*/
|
375
316
|
toolbarSettings: ToolbarSettingsModel;
|
376
|
-
/**
|
377
|
-
* An array of items that are used to configure File Manager toolbar items.
|
378
|
-
*
|
379
|
-
* @remarks
|
380
|
-
* Use this property if you want to include custom toolbar items along with existing toolbar items. If both `toolbarSettings` and `toolbarItems` are defined, then items will be rendered based on toolbarItems.
|
381
|
-
*
|
382
|
-
* @default []
|
383
|
-
*
|
384
|
-
*/
|
385
|
-
toolbarItems: ToolbarItemModel[];
|
386
317
|
/**
|
387
318
|
* Specifies the upload settings for the file manager.
|
388
319
|
*
|
@@ -391,8 +322,7 @@ export declare class FileManager extends Component<HTMLElement> implements INoti
|
|
391
322
|
* minFileSize: 0,
|
392
323
|
* maxFileSize: 30000000,
|
393
324
|
* allowedExtensions: '',
|
394
|
-
* autoClose: false
|
395
|
-
* directoryUpload: false
|
325
|
+
* autoClose: false
|
396
326
|
* }
|
397
327
|
*/
|
398
328
|
uploadSettings: UploadSettingsModel;
|
@@ -405,205 +335,144 @@ export declare class FileManager extends Component<HTMLElement> implements INoti
|
|
405
335
|
/**
|
406
336
|
* Triggers before the file/folder is rendered.
|
407
337
|
*
|
408
|
-
* @event
|
338
|
+
* @event
|
409
339
|
*/
|
410
340
|
fileLoad: EmitType<FileLoadEventArgs>;
|
411
341
|
/**
|
412
342
|
* Triggers before the file/folder is opened.
|
413
343
|
*
|
414
|
-
* @event
|
344
|
+
* @event
|
415
345
|
*/
|
416
346
|
fileOpen: EmitType<FileOpenEventArgs>;
|
417
347
|
/**
|
418
348
|
* Triggers before sending the download request to the server.
|
419
349
|
*
|
420
|
-
* @event
|
350
|
+
* @event
|
421
351
|
*/
|
422
352
|
beforeDownload: EmitType<BeforeDownloadEventArgs>;
|
423
353
|
/**
|
424
354
|
* Triggers before sending the getImage request to the server.
|
425
355
|
*
|
426
|
-
* @event
|
356
|
+
* @event
|
427
357
|
*/
|
428
358
|
beforeImageLoad: EmitType<BeforeImageLoadEventArgs>;
|
429
359
|
/**
|
430
360
|
* Triggers before the dialog is closed.
|
431
361
|
*
|
432
|
-
* @event
|
362
|
+
* @event
|
433
363
|
*/
|
434
364
|
beforePopupClose: EmitType<BeforePopupOpenCloseEventArgs>;
|
435
365
|
/**
|
436
366
|
* Triggers before the dialog is opened.
|
437
367
|
*
|
438
|
-
* @event
|
368
|
+
* @event
|
439
369
|
*/
|
440
370
|
beforePopupOpen: EmitType<BeforePopupOpenCloseEventArgs>;
|
441
371
|
/**
|
442
372
|
* Triggers before sending the AJAX request to the server.
|
443
373
|
*
|
444
|
-
* @event
|
374
|
+
* @event
|
445
375
|
*/
|
446
376
|
beforeSend: EmitType<BeforeSendEventArgs>;
|
447
377
|
/**
|
448
378
|
* Triggers when the file manager component is created.
|
449
379
|
*
|
450
|
-
* @event
|
380
|
+
* @event
|
451
381
|
*/
|
452
382
|
created: EmitType<Object>;
|
453
|
-
/**
|
454
|
-
* This event is triggered before a folder is created. It allows for the restriction of folder creation based on the application's use case.
|
455
|
-
*
|
456
|
-
* @event beforeFolderCreate
|
457
|
-
*/
|
458
|
-
beforeFolderCreate: EmitType<FolderCreateEventArgs>;
|
459
|
-
/**
|
460
|
-
* This event is triggered when a folder is successfully created. It provides an opportunity to retrieve details about the newly created folder.
|
461
|
-
*
|
462
|
-
* @event folderCreate
|
463
|
-
*/
|
464
|
-
folderCreate: EmitType<FolderCreateEventArgs>;
|
465
383
|
/**
|
466
384
|
* Triggers when the file manager component is destroyed.
|
467
385
|
*
|
468
|
-
* @event
|
386
|
+
* @event
|
469
387
|
*/
|
470
388
|
destroyed: EmitType<Object>;
|
471
|
-
/**
|
472
|
-
* This event is triggered before the deletion of a file or folder occurs. It can be utilized to prevent the deletion of specific files or folders. Any actions, such as displaying a spinner for deletion, can be implemented here.
|
473
|
-
*
|
474
|
-
* @event beforeDelete
|
475
|
-
*/
|
476
|
-
beforeDelete: EmitType<DeleteEventArgs>;
|
477
|
-
/**
|
478
|
-
* This event is triggered after the file or folder is deleted successfully. The deleted file or folder details can be retrieved here. Additionally, custom elements' visibility can be managed here based on the application's use case.
|
479
|
-
*
|
480
|
-
* @event delete
|
481
|
-
*/
|
482
|
-
delete: EmitType<DeleteEventArgs>;
|
483
|
-
/**
|
484
|
-
* This event is triggered when a file or folder is about to be renamed. It allows for the restriction of the rename action for specific folders or files by utilizing the cancel option.
|
485
|
-
*
|
486
|
-
* @event beforeRename
|
487
|
-
*/
|
488
|
-
beforeRename: EmitType<RenameEventArgs>;
|
489
|
-
/**
|
490
|
-
* This event is triggered when a file or folder is successfully renamed. It provides an opportunity to fetch details about the renamed file.
|
491
|
-
*
|
492
|
-
* @event rename
|
493
|
-
*/
|
494
|
-
rename: EmitType<RenameEventArgs>;
|
495
|
-
/**
|
496
|
-
* This event is triggered when a file or folder begins to move from its current path through a copy/cut and paste action.
|
497
|
-
*
|
498
|
-
* @event beforeMove
|
499
|
-
*/
|
500
|
-
beforeMove: EmitType<MoveEventArgs>;
|
501
|
-
/**
|
502
|
-
* This event is triggered when a file or folder is pasted into the destination path.
|
503
|
-
*
|
504
|
-
* @event move
|
505
|
-
*/
|
506
|
-
move: EmitType<MoveEventArgs>;
|
507
|
-
/**
|
508
|
-
* This event is triggered when a search action occurs in the search bar of the File Manager component. It triggers each character entered in the input during the search process.
|
509
|
-
*
|
510
|
-
* @event search
|
511
|
-
*/
|
512
|
-
search: EmitType<SearchEventArgs>;
|
513
389
|
/**
|
514
390
|
* Triggers when the file/folder dragging is started.
|
515
391
|
*
|
516
|
-
* @event
|
392
|
+
* @event
|
517
393
|
*/
|
518
394
|
fileDragStart: EmitType<FileDragEventArgs>;
|
519
395
|
/**
|
520
396
|
* Triggers while dragging the file/folder.
|
521
397
|
*
|
522
|
-
* @event
|
398
|
+
* @event
|
523
399
|
*/
|
524
400
|
fileDragging: EmitType<FileDragEventArgs>;
|
525
401
|
/**
|
526
402
|
* Triggers when the file/folder is about to be dropped at the target.
|
527
403
|
*
|
528
|
-
* @event
|
404
|
+
* @event
|
529
405
|
*/
|
530
406
|
fileDragStop: EmitType<FileDragEventArgs>;
|
531
407
|
/**
|
532
408
|
* Triggers when the file/folder is dropped.
|
533
409
|
*
|
534
|
-
* @event
|
410
|
+
* @event
|
535
411
|
*/
|
536
412
|
fileDropped: EmitType<FileDragEventArgs>;
|
537
413
|
/**
|
538
414
|
* Triggers before the file/folder is selected.
|
539
415
|
*
|
540
|
-
* @event
|
416
|
+
* @event
|
541
417
|
*/
|
542
418
|
fileSelection: EmitType<FileSelectionEventArgs>;
|
543
419
|
/**
|
544
420
|
* Triggers when the file/folder is selected/unselected.
|
545
421
|
*
|
546
|
-
* @event
|
422
|
+
* @event
|
547
423
|
*/
|
548
424
|
fileSelect: EmitType<FileSelectEventArgs>;
|
549
425
|
/**
|
550
426
|
* Triggers when the context menu item is clicked.
|
551
427
|
*
|
552
|
-
* @event
|
428
|
+
* @event
|
553
429
|
*/
|
554
430
|
menuClick: EmitType<MenuClickEventArgs>;
|
555
431
|
/**
|
556
432
|
* Triggers before the context menu is opened.
|
557
433
|
*
|
558
|
-
* @event
|
434
|
+
* @event
|
559
435
|
*/
|
560
436
|
menuOpen: EmitType<MenuOpenEventArgs>;
|
561
|
-
/**
|
562
|
-
* Triggers before the context menu is closed.
|
563
|
-
*
|
564
|
-
* @event menuClose
|
565
|
-
*/
|
566
|
-
menuClose: EmitType<MenuCloseEventArgs>;
|
567
437
|
/**
|
568
438
|
* Triggers when the AJAX request is failed.
|
569
439
|
*
|
570
|
-
* @event
|
440
|
+
* @event
|
571
441
|
*/
|
572
442
|
failure: EmitType<FailureEventArgs>;
|
573
443
|
/**
|
574
444
|
* Triggers when the dialog is closed.
|
575
445
|
*
|
576
|
-
* @event
|
446
|
+
* @event
|
577
447
|
*/
|
578
448
|
popupClose: EmitType<PopupOpenCloseEventArgs>;
|
579
449
|
/**
|
580
450
|
* Triggers when the dialog is opened.
|
581
451
|
*
|
582
|
-
* @event
|
452
|
+
* @event
|
583
453
|
*/
|
584
454
|
popupOpen: EmitType<PopupOpenCloseEventArgs>;
|
585
455
|
/**
|
586
456
|
* Triggers when the AJAX request is success.
|
587
|
-
*
|
588
|
-
* @event success
|
457
|
+
* @event
|
589
458
|
*/
|
590
459
|
success: EmitType<SuccessEventArgs>;
|
591
460
|
/**
|
592
461
|
* Triggers when the toolbar item is clicked.
|
593
462
|
*
|
594
|
-
* @event
|
463
|
+
* @event
|
595
464
|
*/
|
596
465
|
toolbarClick: EmitType<ToolbarClickEventArgs>;
|
597
466
|
/**
|
598
467
|
* Triggers before creating the toolbar.
|
599
468
|
*
|
600
|
-
* @event
|
469
|
+
* @event
|
601
470
|
*/
|
602
471
|
toolbarCreate: EmitType<ToolbarCreateEventArgs>;
|
603
472
|
/**
|
604
473
|
* Triggers before rendering each file item in upload dialog box.
|
605
474
|
*
|
606
|
-
* @event
|
475
|
+
* @event
|
607
476
|
*/
|
608
477
|
uploadListCreate: EmitType<UploadListCreateArgs>;
|
609
478
|
constructor(options?: FileManagerModel, element?: string | HTMLElement);
|
@@ -674,14 +543,8 @@ export declare class FileManager extends Component<HTMLElement> implements INoti
|
|
674
543
|
private onDetailsInit;
|
675
544
|
private resizeHandler;
|
676
545
|
private keyActionHandler;
|
677
|
-
private wireSelectOnDragEvent;
|
678
546
|
private wireEvents;
|
679
547
|
private unWireEvents;
|
680
|
-
private onDragStart;
|
681
|
-
private onDrag;
|
682
|
-
private onDragStop;
|
683
|
-
private selectItems;
|
684
|
-
private onLayoutChange;
|
685
548
|
private setPath;
|
686
549
|
/**
|
687
550
|
* Called internally if any of the property value changed.
|
@@ -808,12 +671,6 @@ export declare class FileManager extends Component<HTMLElement> implements INoti
|
|
808
671
|
* @returns {void}
|
809
672
|
*/
|
810
673
|
selectAll(): void;
|
811
|
-
/**
|
812
|
-
* Specifies the method that must be invoked to traverse the path backwards in the file manager.
|
813
|
-
*
|
814
|
-
* @returns {void}
|
815
|
-
*/
|
816
|
-
traverseBackward(): void;
|
817
674
|
/**
|
818
675
|
* Deselects the currently selected folders and files in current path.
|
819
676
|
*
|
@@ -840,12 +697,6 @@ export declare class FileManager extends Component<HTMLElement> implements INoti
|
|
840
697
|
* @returns {void}
|
841
698
|
*/
|
842
699
|
uploadFiles(): void;
|
843
|
-
/**
|
844
|
-
* Specifies the method which must be invoked to programmatically close the dialog popup in the file manager.
|
845
|
-
*
|
846
|
-
* @returns {void}
|
847
|
-
*/
|
848
|
-
closeDialog(): void;
|
849
700
|
/**
|
850
701
|
* Specifies the direction of FileManager
|
851
702
|
*
|