@syncfusion/ej2-filemanager 29.2.10 → 30.1.38
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 +2 -0
- package/dist/ej2-filemanager.min.js +2 -2
- 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 +186 -21
- package/dist/es6/ej2-filemanager.es2015.js.map +1 -1
- package/dist/es6/ej2-filemanager.es5.js +186 -20
- 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 +11 -11
- package/src/file-manager/base/interface.d.ts +10 -0
- package/src/file-manager/common/operations.d.ts +18 -1
- package/src/file-manager/common/operations.js +59 -0
- package/src/file-manager/common/utility.d.ts +3 -3
- package/src/file-manager/common/utility.js +23 -6
- package/src/file-manager/layout/details-view.js +4 -3
- package/src/file-manager/layout/large-icons-view.d.ts +3 -0
- package/src/file-manager/layout/large-icons-view.js +67 -9
- package/src/file-manager/layout/navigation-pane.js +3 -0
- package/src/file-manager/pop-up/dialog.d.ts +3 -3
- package/src/file-manager/pop-up/dialog.js +34 -6
- package/styles/bds-lite.css +50 -1
- package/styles/bds.css +50 -1
- package/styles/bootstrap-dark-lite.css +50 -0
- package/styles/bootstrap-dark.css +50 -0
- package/styles/bootstrap-lite.css +50 -0
- package/styles/bootstrap.css +50 -0
- package/styles/bootstrap4-lite.css +50 -0
- package/styles/bootstrap4.css +50 -0
- package/styles/bootstrap5-dark-lite.css +50 -1
- package/styles/bootstrap5-dark.css +50 -1
- package/styles/bootstrap5-lite.css +50 -1
- package/styles/bootstrap5.3-lite.css +50 -0
- package/styles/bootstrap5.3.css +50 -0
- package/styles/bootstrap5.css +50 -1
- package/styles/fabric-dark-lite.css +50 -0
- package/styles/fabric-dark.css +50 -0
- package/styles/fabric-lite.css +50 -0
- package/styles/fabric.css +50 -0
- package/styles/file-manager/_bds-definition.scss +1 -0
- package/styles/file-manager/_bootstrap5-definition.scss +1 -0
- package/styles/file-manager/_layout.scss +46 -4
- package/styles/file-manager/_material3-definition.scss +2 -2
- package/styles/file-manager/_tailwind-definition.scss +1 -0
- package/styles/file-manager/_tailwind3-definition.scss +1 -0
- package/styles/file-manager/bds.css +50 -1
- package/styles/file-manager/bootstrap-dark.css +50 -0
- package/styles/file-manager/bootstrap.css +50 -0
- package/styles/file-manager/bootstrap4.css +50 -0
- package/styles/file-manager/bootstrap5-dark.css +50 -1
- package/styles/file-manager/bootstrap5.3.css +50 -0
- package/styles/file-manager/bootstrap5.css +50 -1
- package/styles/file-manager/fabric-dark.css +50 -0
- package/styles/file-manager/fabric.css +50 -0
- package/styles/file-manager/fluent-dark.css +50 -0
- package/styles/file-manager/fluent.css +50 -0
- package/styles/file-manager/fluent2.css +50 -0
- package/styles/file-manager/highcontrast-light.css +50 -0
- package/styles/file-manager/highcontrast.css +50 -0
- package/styles/file-manager/material-dark.css +50 -0
- package/styles/file-manager/material.css +50 -0
- package/styles/file-manager/material3-dark.css +52 -2
- package/styles/file-manager/material3.css +52 -2
- package/styles/file-manager/tailwind-dark.css +50 -1
- package/styles/file-manager/tailwind.css +50 -1
- package/styles/file-manager/tailwind3.css +50 -0
- package/styles/fluent-dark-lite.css +50 -0
- package/styles/fluent-dark.css +50 -0
- package/styles/fluent-lite.css +50 -0
- package/styles/fluent.css +50 -0
- package/styles/fluent2-lite.css +50 -0
- package/styles/fluent2.css +50 -0
- package/styles/highcontrast-light-lite.css +50 -0
- package/styles/highcontrast-light.css +50 -0
- package/styles/highcontrast-lite.css +50 -0
- package/styles/highcontrast.css +50 -0
- package/styles/material-dark-lite.css +50 -0
- package/styles/material-dark.css +50 -0
- package/styles/material-lite.css +50 -0
- package/styles/material.css +50 -0
- package/styles/material3-dark-lite.css +50 -0
- package/styles/material3-dark.css +52 -2
- package/styles/material3-lite.css +50 -0
- package/styles/material3.css +52 -2
- package/styles/tailwind-dark-lite.css +50 -1
- package/styles/tailwind-dark.css +50 -1
- package/styles/tailwind-lite.css +50 -1
- package/styles/tailwind.css +50 -1
- package/styles/tailwind3-lite.css +50 -0
- package/styles/tailwind3.css +50 -0
@@ -1198,7 +1198,7 @@ function fileType(file) {
|
|
1198
1198
|
*
|
1199
1199
|
* @param {IFileManager} parent - specifies the parent element.
|
1200
1200
|
* @param {Object} item - specifies the item.
|
1201
|
-
* @returns {
|
1201
|
+
* @returns {BeforeImageLoadEventArgs} - returns the eventargs.
|
1202
1202
|
* @private
|
1203
1203
|
*/
|
1204
1204
|
function getImageUrl(parent, item) {
|
@@ -1206,10 +1206,11 @@ function getImageUrl(parent, item) {
|
|
1206
1206
|
if (isFileSystemData(parent)) {
|
1207
1207
|
const eventArgs = {
|
1208
1208
|
fileDetails: [item],
|
1209
|
-
imageUrl: imgUrl
|
1209
|
+
imageUrl: imgUrl,
|
1210
|
+
useImageAsUrl: true
|
1210
1211
|
};
|
1211
1212
|
parent.trigger('beforeImageLoad', eventArgs);
|
1212
|
-
return eventArgs
|
1213
|
+
return eventArgs;
|
1213
1214
|
}
|
1214
1215
|
const baseUrl = parent.ajaxSettings.getImageUrl ? parent.ajaxSettings.getImageUrl : parent.ajaxSettings.url;
|
1215
1216
|
const pathUrl = (baseUrl.indexOf('?') !== -1) ? '&path=' : '?path=';
|
@@ -1226,12 +1227,25 @@ function getImageUrl(parent, item) {
|
|
1226
1227
|
imgUrl = baseUrl + pathUrl + parent.path + fileName;
|
1227
1228
|
}
|
1228
1229
|
imgUrl = imgUrl + '&time=' + (new Date().getTime()).toString();
|
1230
|
+
const data = { 'action': 'getImage', 'path': parent.path + fileName, 'id': getValue('id', item) };
|
1231
|
+
const ajaxSettings = {
|
1232
|
+
url: baseUrl,
|
1233
|
+
type: 'POST',
|
1234
|
+
contentType: 'application/json',
|
1235
|
+
responseType: 'blob',
|
1236
|
+
data: JSON.stringify(data),
|
1237
|
+
onSuccess: null,
|
1238
|
+
onFailure: null,
|
1239
|
+
beforeSend: null
|
1240
|
+
};
|
1229
1241
|
const eventArgs = {
|
1230
1242
|
fileDetails: [item],
|
1231
|
-
imageUrl: imgUrl
|
1243
|
+
imageUrl: imgUrl,
|
1244
|
+
useImageAsUrl: true,
|
1245
|
+
ajaxSettings: ajaxSettings
|
1232
1246
|
};
|
1233
1247
|
parent.trigger('beforeImageLoad', eventArgs);
|
1234
|
-
return eventArgs
|
1248
|
+
return eventArgs;
|
1235
1249
|
}
|
1236
1250
|
/* istanbul ignore next */
|
1237
1251
|
/**
|
@@ -1353,7 +1367,7 @@ function createEmptyElement(parent, element, args) {
|
|
1353
1367
|
}
|
1354
1368
|
else {
|
1355
1369
|
element.querySelector('.' + EMPTY_CONTENT).innerHTML = getLocaleText(parent, 'Folder-Empty');
|
1356
|
-
element.querySelector('.' + EMPTY_INNER_CONTENT).innerHTML = getLocaleText(parent, 'File-Upload');
|
1370
|
+
element.querySelector('.' + EMPTY_INNER_CONTENT).innerHTML = parent.uploadObj.dropArea == null ? getLocaleText(parent, '') : getLocaleText(parent, 'File-Upload');
|
1357
1371
|
}
|
1358
1372
|
}
|
1359
1373
|
const eDiv = select('.' + EMPTY, element);
|
@@ -1701,7 +1715,10 @@ function getParentPath(oldPath) {
|
|
1701
1715
|
*/
|
1702
1716
|
function getDirectoryPath(parent, args) {
|
1703
1717
|
const filePath = getValue(parent.hasId ? 'id' : 'name', args.cwd) + '/';
|
1704
|
-
|
1718
|
+
let fPath = getValue(parent.hasId && !isNullOrUndefined(parent.ajaxSettings.url) ? 'filterId' : 'filterPath', args.cwd);
|
1719
|
+
if (!isNullOrUndefined(fPath) && isFileSystemData(parent) && fPath !== '' && fPath !== '\\') {
|
1720
|
+
fPath = '\\' + args.cwd.parentId + '\\';
|
1721
|
+
}
|
1705
1722
|
if (!isNullOrUndefined(fPath)) {
|
1706
1723
|
if (fPath === '') {
|
1707
1724
|
return '/';
|
@@ -2601,6 +2618,11 @@ function createNewItem(data, target, itemName, isCopy) {
|
|
2601
2618
|
size: isCopy ? data.size : 0,
|
2602
2619
|
type: isCopy ? data.type : ''
|
2603
2620
|
});
|
2621
|
+
if (!isNullOrUndefined(target.filterId)) {
|
2622
|
+
Object.assign(newItem, {
|
2623
|
+
filterId: target.filterId + target.id + '/'
|
2624
|
+
});
|
2625
|
+
}
|
2604
2626
|
return newItem;
|
2605
2627
|
}
|
2606
2628
|
/**
|
@@ -2842,6 +2864,12 @@ function triggerMoveOrCopyOperation(parent, data, eventArgs) {
|
|
2842
2864
|
}
|
2843
2865
|
fileData.parentId = target.id;
|
2844
2866
|
fileData.filterPath = target.id === 0 ? '\\' : target.filterPath + target.name + '\\';
|
2867
|
+
if (!isNullOrUndefined(target.filterId)) {
|
2868
|
+
fileData.filterId = target.filterId + target.id + '/';
|
2869
|
+
}
|
2870
|
+
if (!currItem.isFile) {
|
2871
|
+
updateMovedItemChildren(parent, fileData);
|
2872
|
+
}
|
2845
2873
|
}
|
2846
2874
|
else {
|
2847
2875
|
file.push(currItem.name);
|
@@ -3161,6 +3189,26 @@ function copyFolderItems(parent, data, target, itemName) {
|
|
3161
3189
|
copyFolderItems(parent, copiedItems[i], newObject, null);
|
3162
3190
|
}
|
3163
3191
|
}
|
3192
|
+
/**
|
3193
|
+
* Function to move operation.
|
3194
|
+
*
|
3195
|
+
* @param {IFileManager} parent - specifies the parent element.
|
3196
|
+
* @param {Object} itemData - specifies the data.
|
3197
|
+
* @returns {void}
|
3198
|
+
* @private
|
3199
|
+
*/
|
3200
|
+
function updateMovedItemChildren(parent, itemData) {
|
3201
|
+
const childItems = filterByParent(parent, itemData.id);
|
3202
|
+
childItems.forEach((childItem) => {
|
3203
|
+
childItem.filterPath = itemData.filterPath + itemData.name + '\\';
|
3204
|
+
if (!isNullOrUndefined(itemData.filterId)) {
|
3205
|
+
childItem.filterId = itemData.filterId + itemData.id + '/';
|
3206
|
+
}
|
3207
|
+
if (!childItem.isFile) {
|
3208
|
+
updateMovedItemChildren(parent, childItem);
|
3209
|
+
}
|
3210
|
+
});
|
3211
|
+
}
|
3164
3212
|
/**
|
3165
3213
|
* Function for trigger Ajax failure in File Manager.
|
3166
3214
|
*
|
@@ -3675,6 +3723,34 @@ function handleCatchError(parent, error, action) {
|
|
3675
3723
|
};
|
3676
3724
|
onFailure(parent, errorResult, action);
|
3677
3725
|
}
|
3726
|
+
/**
|
3727
|
+
* Function for trigger Fetch success in File Manager.
|
3728
|
+
*
|
3729
|
+
* @param {IFileManager} parent - specifies the parent element.
|
3730
|
+
* @param {Object} ajaxSettings - specifies the ajax settings.
|
3731
|
+
* @returns {void}
|
3732
|
+
*/
|
3733
|
+
function triggerFetchSuccess(parent, ajaxSettings) {
|
3734
|
+
parent.notify(afterRequest, { action: 'success' });
|
3735
|
+
if (ajaxSettings && typeof getValue('onSuccess', ajaxSettings) === 'function') {
|
3736
|
+
getValue('onSuccess', ajaxSettings)();
|
3737
|
+
}
|
3738
|
+
}
|
3739
|
+
/**
|
3740
|
+
* Function for trigger Fetch failure in File Manager.
|
3741
|
+
*
|
3742
|
+
* @param {IFileManager} parent - specifies the parent element.
|
3743
|
+
* @param {Object} ajaxSettings - specifies the ajax settings.
|
3744
|
+
* @param {ReadArgs} result - specifies the result.
|
3745
|
+
* @returns {void}
|
3746
|
+
*/
|
3747
|
+
function triggerFetchFailure(parent, ajaxSettings, result) {
|
3748
|
+
parent.notify(afterRequest, { action: 'failure' });
|
3749
|
+
createDialog(parent, 'Error', result);
|
3750
|
+
if (typeof getValue('onFailure', ajaxSettings) === 'function') {
|
3751
|
+
getValue('onFailure', ajaxSettings)();
|
3752
|
+
}
|
3753
|
+
}
|
3678
3754
|
|
3679
3755
|
/**
|
3680
3756
|
*
|
@@ -4582,14 +4658,42 @@ function getKeyCode(e) {
|
|
4582
4658
|
*
|
4583
4659
|
* @param {IFileManager} parent - specifies the parent element.
|
4584
4660
|
* @param {string} header - specifies the header element.
|
4585
|
-
* @param {
|
4661
|
+
* @param {BeforeImageLoadEventArgs} imageData - specifies the image eventargs.
|
4586
4662
|
* @returns {void}
|
4587
4663
|
* @private
|
4588
4664
|
*/
|
4589
|
-
function createImageDialog(parent, header,
|
4665
|
+
function createImageDialog(parent, header, imageData) {
|
4590
4666
|
const content = createElement('div', { className: 'e-image-wrap' });
|
4591
|
-
|
4592
|
-
|
4667
|
+
if (imageData.useImageAsUrl) {
|
4668
|
+
const image = createElement('img', { className: 'e-image', attrs: { src: imageData.imageUrl, alt: header } });
|
4669
|
+
content.appendChild(image);
|
4670
|
+
}
|
4671
|
+
else {
|
4672
|
+
const fetch = new Fetch({
|
4673
|
+
url: getValue('url', imageData.ajaxSettings),
|
4674
|
+
type: getValue('type', imageData.ajaxSettings),
|
4675
|
+
contentType: getValue('contentType', imageData.ajaxSettings),
|
4676
|
+
responseType: getValue('responseType', imageData.ajaxSettings),
|
4677
|
+
beforeSend: getValue('beforeSend', imageData.ajaxSettings),
|
4678
|
+
onSuccess: (e) => {
|
4679
|
+
const blobUrl = URL.createObjectURL(e);
|
4680
|
+
const image = createElement('img', { className: 'e-image', attrs: { src: blobUrl, alt: header } });
|
4681
|
+
content.appendChild(image);
|
4682
|
+
triggerFetchSuccess(parent, imageData.ajaxSettings);
|
4683
|
+
},
|
4684
|
+
onFailure: (e) => {
|
4685
|
+
const result = {
|
4686
|
+
error: {
|
4687
|
+
code: e.status.toString(),
|
4688
|
+
message: getLocaleText(parent, 'Network-Error') + ' ' + getValue('url', imageData.ajaxSettings)
|
4689
|
+
}
|
4690
|
+
};
|
4691
|
+
triggerFetchFailure(parent, imageData.ajaxSettings, result);
|
4692
|
+
}
|
4693
|
+
});
|
4694
|
+
const data = getValue('data', imageData.ajaxSettings);
|
4695
|
+
fetch.send(data);
|
4696
|
+
}
|
4593
4697
|
if (isNullOrUndefined(parent.viewerObj)) {
|
4594
4698
|
parent.viewerObj = new Dialog({
|
4595
4699
|
header: header,
|
@@ -4682,6 +4786,8 @@ class LargeIconsView {
|
|
4682
4786
|
this.isSelectAllCalled = false;
|
4683
4787
|
this.isPasteOperation = false;
|
4684
4788
|
this.isInteracted = true;
|
4789
|
+
this.imageEventArgsMap = new Map();
|
4790
|
+
this.imageUrlCache = new Map();
|
4685
4791
|
this.parent = parent;
|
4686
4792
|
this.element = select('#' + this.parent.element.id + LARGEICON_ID, this.parent.element);
|
4687
4793
|
addClass([this.element], LARGE_ICONS);
|
@@ -4753,7 +4859,7 @@ class LargeIconsView {
|
|
4753
4859
|
groupItemRole: 'group', wrapperRole: ''
|
4754
4860
|
},
|
4755
4861
|
showIcon: true,
|
4756
|
-
fields: { text: 'name', iconCss: '_fm_icon', imageUrl: '_fm_imageUrl', htmlAttributes: '_fm_htmlAttr' },
|
4862
|
+
fields: { text: 'name', iconCss: '_fm_icon', imageUrl: '_fm_imageUrl', imageAttributes: '_fm_imageAttr', htmlAttributes: '_fm_htmlAttr' },
|
4757
4863
|
sortOrder: this.parent.sortOrder,
|
4758
4864
|
itemCreated: this.onItemCreated.bind(this),
|
4759
4865
|
enableHtmlSanitizer: this.parent.enableHtmlSanitizer
|
@@ -4773,6 +4879,9 @@ class LargeIconsView {
|
|
4773
4879
|
this.listElements = ListBase.createListFromJson(createElement, this.items, this.listObj);
|
4774
4880
|
this.itemList = Array.prototype.slice.call(selectAll('.' + LIST_ITEM, this.listElements));
|
4775
4881
|
this.element.appendChild(this.listElements);
|
4882
|
+
if (this.imageEventArgsMap.size > 0) {
|
4883
|
+
this.loadImages();
|
4884
|
+
}
|
4776
4885
|
this.listElements.setAttribute('aria-label', 'listbox');
|
4777
4886
|
this.preventImgDrag();
|
4778
4887
|
this.createDragObj();
|
@@ -4820,6 +4929,50 @@ class LargeIconsView {
|
|
4820
4929
|
}
|
4821
4930
|
}
|
4822
4931
|
}
|
4932
|
+
loadImages() {
|
4933
|
+
const imageEle = this.parent.element.querySelectorAll('.e-list-img');
|
4934
|
+
imageEle.forEach((imgElement) => {
|
4935
|
+
const imageKey = imgElement.getAttribute('data-image-key');
|
4936
|
+
if (!imageKey) {
|
4937
|
+
return;
|
4938
|
+
}
|
4939
|
+
if (this.imageUrlCache.has(imageKey)) {
|
4940
|
+
imgElement.setAttribute('src', this.imageUrlCache.get(imageKey));
|
4941
|
+
imgElement.classList.remove('image-blur');
|
4942
|
+
return;
|
4943
|
+
}
|
4944
|
+
const imageDetails = this.imageEventArgsMap.get(imageKey);
|
4945
|
+
if (!imageDetails) {
|
4946
|
+
return;
|
4947
|
+
}
|
4948
|
+
const fetch = new Fetch({
|
4949
|
+
url: getValue('url', imageDetails.ajaxSettings),
|
4950
|
+
type: getValue('type', imageDetails.ajaxSettings),
|
4951
|
+
contentType: getValue('contentType', imageDetails.ajaxSettings),
|
4952
|
+
responseType: getValue('responseType', imageDetails.ajaxSettings),
|
4953
|
+
beforeSend: getValue('beforeSend', imageDetails.ajaxSettings),
|
4954
|
+
onSuccess: (blob) => {
|
4955
|
+
const blobUrl = URL.createObjectURL(blob);
|
4956
|
+
this.imageUrlCache.set(imageKey, blobUrl);
|
4957
|
+
imgElement.setAttribute('src', blobUrl);
|
4958
|
+
imgElement.classList.remove('image-blur');
|
4959
|
+
triggerFetchSuccess(this.parent, imageDetails.ajaxSettings);
|
4960
|
+
},
|
4961
|
+
onFailure: (response) => {
|
4962
|
+
const result = {
|
4963
|
+
files: null,
|
4964
|
+
error: {
|
4965
|
+
code: response.status ? response.status.toString() : '404',
|
4966
|
+
message: getLocaleText(this.parent, 'Network-Error') + ' ' + getValue('url', imageDetails.ajaxSettings),
|
4967
|
+
fileExists: null
|
4968
|
+
}
|
4969
|
+
};
|
4970
|
+
triggerFetchFailure(this.parent, imageDetails.ajaxSettings, result);
|
4971
|
+
}
|
4972
|
+
});
|
4973
|
+
fetch.send(getValue('data', imageDetails.ajaxSettings));
|
4974
|
+
});
|
4975
|
+
}
|
4823
4976
|
comparer(x, y) {
|
4824
4977
|
if (this.parent.sortOrder === 'Descending') {
|
4825
4978
|
const z = x;
|
@@ -4993,9 +5146,17 @@ class LargeIconsView {
|
|
4993
5146
|
className += ' ' + getAccessClass(items[i]);
|
4994
5147
|
}
|
4995
5148
|
if (icon === ICON_IMAGE && this.parent.showThumbnail && hasReadAccess(items[i])) {
|
4996
|
-
const
|
4997
|
-
|
4998
|
-
|
5149
|
+
const imageData = getImageUrl(this.parent, items[i]);
|
5150
|
+
if (imageData.useImageAsUrl) {
|
5151
|
+
setValue('_fm_imageUrl', imageData.imageUrl, items[i]);
|
5152
|
+
setValue('_fm_imageAttr', { alt: name }, items[i]);
|
5153
|
+
}
|
5154
|
+
else {
|
5155
|
+
const uniqueKey = `img_${name}_${i}`;
|
5156
|
+
this.imageEventArgsMap.set(uniqueKey, imageData);
|
5157
|
+
setValue('_fm_imageUrl', '', items[i]);
|
5158
|
+
setValue('_fm_imageAttr', { alt: name, class: 'e-list-img image-blur', 'data-image-key': uniqueKey }, items[i]);
|
5159
|
+
}
|
4999
5160
|
}
|
5000
5161
|
else {
|
5001
5162
|
setValue('_fm_icon', icon, items[i]);
|
@@ -5538,8 +5699,8 @@ class LargeIconsView {
|
|
5538
5699
|
else {
|
5539
5700
|
const icon = fileType(details);
|
5540
5701
|
if (icon === ICON_IMAGE) {
|
5541
|
-
const
|
5542
|
-
createImageDialog(this.parent, text,
|
5702
|
+
const imageData = getImageUrl(this.parent, details);
|
5703
|
+
createImageDialog(this.parent, text, imageData);
|
5543
5704
|
}
|
5544
5705
|
}
|
5545
5706
|
}
|
@@ -10453,6 +10614,9 @@ class NavigationPane {
|
|
10453
10614
|
}
|
10454
10615
|
this.moveNames = [];
|
10455
10616
|
const obj = this.parent.isDragDrop ? this.parent.dragData : this.parent.actionRecords;
|
10617
|
+
if (!obj || !Array.isArray(obj)) {
|
10618
|
+
return;
|
10619
|
+
}
|
10456
10620
|
for (let i = 0; i < obj.length; i++) {
|
10457
10621
|
if (getValue('isFile', obj[i]) === false) {
|
10458
10622
|
this.moveNames.push(getValue('_fm_id', obj[i]));
|
@@ -11096,7 +11260,8 @@ class DetailsView {
|
|
11096
11260
|
if (this.parent.layoutSelectedItems.length) {
|
11097
11261
|
this.selectRecords(this.parent.layoutSelectedItems);
|
11098
11262
|
}
|
11099
|
-
if (this.parent.renamedItem) {
|
11263
|
+
if (this.parent.renamedItem && this.parent.selectedItems.length === 0) {
|
11264
|
+
this.gridObj.clearSelection();
|
11100
11265
|
this.addSelection(this.parent.renamedItem);
|
11101
11266
|
this.parent.renamedItem = null;
|
11102
11267
|
}
|
@@ -11344,8 +11509,8 @@ class DetailsView {
|
|
11344
11509
|
if (getValue('isFile', data)) {
|
11345
11510
|
const icon = fileType(data);
|
11346
11511
|
if (icon === ICON_IMAGE) {
|
11347
|
-
const
|
11348
|
-
createImageDialog(this.parent, name,
|
11512
|
+
const imageData = getImageUrl(this.parent, data);
|
11513
|
+
createImageDialog(this.parent, name, imageData);
|
11349
11514
|
}
|
11350
11515
|
}
|
11351
11516
|
else {
|
@@ -12637,5 +12802,5 @@ class DetailsView {
|
|
12637
12802
|
}
|
12638
12803
|
}
|
12639
12804
|
|
12640
|
-
export { ACTIVE, ALT_DIALOG_ID, AjaxSettings, BLUR, BREADCRUMBBAR_ID, BREADCRUMBS, BreadCrumbBar, CB_WRAP, CHECK, CHECK_SELECT, CLONE, COLLAPSED, CONTENT_ID, CONTEXT_MENU_ID, CONTROL, Column, ContextMenu, ContextMenuSettings, DETAILS_LABEL, DIALOG_ID, DISPLAY_NONE, DROP_FILE, DROP_FOLDER, Delete, DetailsView, DetailsViewSettings, Download, EMPTY, EMPTY_CONTENT, EMPTY_INNER_CONTENT, ERROR_CONTENT, EXTN_DIALOG_ID, FILTER, FOCUS, FOCUSED, FOLDER, FRAME, FULLROW, FileManager, GRID_CONTENT, GRID_HEADER, GRID_ID, GRID_VIEW, GetDetails, HEADER_CHECK, HOVER, ICONS, ICON_BREADCRUMB, ICON_CLEAR, ICON_COLLAPSIBLE, ICON_COPY, ICON_CUT, ICON_DELETE, ICON_DETAILS, ICON_DOWNLOAD, ICON_DROP_IN, ICON_DROP_OUT, ICON_GRID, ICON_IMAGE, ICON_LARGE, ICON_MUSIC, ICON_NEWFOLDER, ICON_NO_DROP, ICON_OPEN, ICON_OPTIONS, ICON_PASTE, ICON_REFRESH, ICON_RENAME, ICON_SELECTALL, ICON_SHORTBY, ICON_UPLOAD, ICON_VIDEO, ICON_VIEW, IMG_DIALOG_ID, LARGEICON_ID, LARGE_EMPTY_FOLDER, LARGE_EMPTY_FOLDER_TWO, LARGE_ICON, LARGE_ICONS, LARGE_ICON_FOLDER, LAYOUT, LAYOUT_CONTENT, LAYOUT_ID, LIST_ITEM, LIST_PARENT, LIST_TEXT, LargeIconsView, MENU_ICON, MENU_ITEM, MOBILE, MOB_POPUP, MULTI_SELECT, NAVIGATION, NAVIGATION_ID, NavigationPane, NavigationPaneSettings, OVERLAY, RETRY_DIALOG_ID, RETRY_ID, ROOT, ROOT_POPUP, ROW, ROWCELL, RTL, SEARCH_ID, SELECTED_ITEMS, SORTBY_ID, SPLITTER_ID, SPLIT_BAR, STATUS, SUBMENU_ICON, Search, SearchSettings, TB_ITEM, TB_OPTION_DOT, TB_OPTION_TICK, TEMPLATE_CELL, TEXT_CONTENT, TOOLBAR_ID, TREE_ID, TREE_VIEW, Toolbar, ToolbarItem, ToolbarSettings, UPLOAD_DIALOG_ID, UPLOAD_ID, UploadSettings, VALUE, VIEW_ID, Virtualization, actionFailure, activeElement, addBlur, afterRequest, beforeDelete, beforeDownload, beforeRequest, clearAllInit, clearPathInit, closePopup, columnArray, copyFiles, createDeniedDialog, createDialog, createEmptyElement, createEnd, createExtDialog, createFolder, createImageDialog, createNewFolder, createVirtualDragElement, cutCopyInit, cutEnd, cutFiles, defaultToolbarItems, deleteEnd, deleteInit, destroy, detailsInit, doDeleteFiles, doDownload, doDownloadFiles, doPasteUpdate, doRename, download, downloadInit, dragCancel, dragEnd, dragHelper, dragStartHandler, dragStopHandler, dragging, draggingHandler, dropHandler, dropInit, dropPath, fileItems, fileType, filter, filterEnd, finalizeEnd, folderItems, generatePath, getAccessClass, getAccessDetails, getAllChildItems, getCssClass, getDirectories, getDirectoryPath, getDuplicateData, getFullPath, getImageUrl, getItemName, getLocaleText, getModule, getName, getObject, getParentPath, getParents, getPath, getPathId, getPathNames, getPathObject, getSortField, getSortedData, getTargetModule, getTargetPath, hasContentAccess, hasDownloadAccess, hasEditAccess, hasReadAccess, hasUploadAccess, hideLayout, hidePaste, initialEnd, isFile, isFileSystemData, layoutChange, layoutItems, layoutRefresh, menuItemData, methodCall, modelChanged, nodeExpand, objectToString, openAction, openEnd, openInit, openSearchFolder, paste, pasteEnd, pasteHandler, pasteInit, pathChanged, pathColumn, pathDrag, permissionCopy, permissionDownload, permissionEdit, permissionEditContents, permissionRead, permissionUpload, read, readDropPath, refresh, refreshEnd, removeActive, removeBlur, removeDropTarget, removeItemClass, rename, renameEnd, renameEndParent, renameInit, resizeEnd, scrollHandler, search, searchTextChange, searchWordHandler, selectAllInit, selectedData, selectionChanged, setDateObject, setNextPath, setNodeId, showPaste, skipUpload, sortByChange, sortColumn, sortComparer, sortbyClickHandler, splitterResize, treeSelect, updateLayout, updatePath, updateRenamingData, updateSelectionData, updateTreeSelection, upload, uploadItem, validateSubFolder };
|
12805
|
+
export { ACTIVE, ALT_DIALOG_ID, AjaxSettings, BLUR, BREADCRUMBBAR_ID, BREADCRUMBS, BreadCrumbBar, CB_WRAP, CHECK, CHECK_SELECT, CLONE, COLLAPSED, CONTENT_ID, CONTEXT_MENU_ID, CONTROL, Column, ContextMenu, ContextMenuSettings, DETAILS_LABEL, DIALOG_ID, DISPLAY_NONE, DROP_FILE, DROP_FOLDER, Delete, DetailsView, DetailsViewSettings, Download, EMPTY, EMPTY_CONTENT, EMPTY_INNER_CONTENT, ERROR_CONTENT, EXTN_DIALOG_ID, FILTER, FOCUS, FOCUSED, FOLDER, FRAME, FULLROW, FileManager, GRID_CONTENT, GRID_HEADER, GRID_ID, GRID_VIEW, GetDetails, HEADER_CHECK, HOVER, ICONS, ICON_BREADCRUMB, ICON_CLEAR, ICON_COLLAPSIBLE, ICON_COPY, ICON_CUT, ICON_DELETE, ICON_DETAILS, ICON_DOWNLOAD, ICON_DROP_IN, ICON_DROP_OUT, ICON_GRID, ICON_IMAGE, ICON_LARGE, ICON_MUSIC, ICON_NEWFOLDER, ICON_NO_DROP, ICON_OPEN, ICON_OPTIONS, ICON_PASTE, ICON_REFRESH, ICON_RENAME, ICON_SELECTALL, ICON_SHORTBY, ICON_UPLOAD, ICON_VIDEO, ICON_VIEW, IMG_DIALOG_ID, LARGEICON_ID, LARGE_EMPTY_FOLDER, LARGE_EMPTY_FOLDER_TWO, LARGE_ICON, LARGE_ICONS, LARGE_ICON_FOLDER, LAYOUT, LAYOUT_CONTENT, LAYOUT_ID, LIST_ITEM, LIST_PARENT, LIST_TEXT, LargeIconsView, MENU_ICON, MENU_ITEM, MOBILE, MOB_POPUP, MULTI_SELECT, NAVIGATION, NAVIGATION_ID, NavigationPane, NavigationPaneSettings, OVERLAY, RETRY_DIALOG_ID, RETRY_ID, ROOT, ROOT_POPUP, ROW, ROWCELL, RTL, SEARCH_ID, SELECTED_ITEMS, SORTBY_ID, SPLITTER_ID, SPLIT_BAR, STATUS, SUBMENU_ICON, Search, SearchSettings, TB_ITEM, TB_OPTION_DOT, TB_OPTION_TICK, TEMPLATE_CELL, TEXT_CONTENT, TOOLBAR_ID, TREE_ID, TREE_VIEW, Toolbar, ToolbarItem, ToolbarSettings, UPLOAD_DIALOG_ID, UPLOAD_ID, UploadSettings, VALUE, VIEW_ID, Virtualization, actionFailure, activeElement, addBlur, afterRequest, beforeDelete, beforeDownload, beforeRequest, clearAllInit, clearPathInit, closePopup, columnArray, copyFiles, createDeniedDialog, createDialog, createEmptyElement, createEnd, createExtDialog, createFolder, createImageDialog, createNewFolder, createVirtualDragElement, cutCopyInit, cutEnd, cutFiles, defaultToolbarItems, deleteEnd, deleteInit, destroy, detailsInit, doDeleteFiles, doDownload, doDownloadFiles, doPasteUpdate, doRename, download, downloadInit, dragCancel, dragEnd, dragHelper, dragStartHandler, dragStopHandler, dragging, draggingHandler, dropHandler, dropInit, dropPath, fileItems, fileType, filter, filterEnd, finalizeEnd, folderItems, generatePath, getAccessClass, getAccessDetails, getAllChildItems, getCssClass, getDirectories, getDirectoryPath, getDuplicateData, getFullPath, getImageUrl, getItemName, getLocaleText, getModule, getName, getObject, getParentPath, getParents, getPath, getPathId, getPathNames, getPathObject, getSortField, getSortedData, getTargetModule, getTargetPath, hasContentAccess, hasDownloadAccess, hasEditAccess, hasReadAccess, hasUploadAccess, hideLayout, hidePaste, initialEnd, isFile, isFileSystemData, layoutChange, layoutItems, layoutRefresh, menuItemData, methodCall, modelChanged, nodeExpand, objectToString, openAction, openEnd, openInit, openSearchFolder, paste, pasteEnd, pasteHandler, pasteInit, pathChanged, pathColumn, pathDrag, permissionCopy, permissionDownload, permissionEdit, permissionEditContents, permissionRead, permissionUpload, read, readDropPath, refresh, refreshEnd, removeActive, removeBlur, removeDropTarget, removeItemClass, rename, renameEnd, renameEndParent, renameInit, resizeEnd, scrollHandler, search, searchTextChange, searchWordHandler, selectAllInit, selectedData, selectionChanged, setDateObject, setNextPath, setNodeId, showPaste, skipUpload, sortByChange, sortColumn, sortComparer, sortbyClickHandler, splitterResize, treeSelect, triggerFetchFailure, triggerFetchSuccess, updateLayout, updatePath, updateRenamingData, updateSelectionData, updateTreeSelection, upload, uploadItem, validateSubFolder };
|
12641
12806
|
//# sourceMappingURL=ej2-filemanager.es2015.js.map
|