dtable-ui-component 6.0.49 → 6.0.50

package/lib/FileEditor/files-previewer/mb-previewer/file-previewer/index.js

@@ -10,6 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _utils = require("../../../utils");
 var _url = require("../../../../utils/url");
 var _MobileOperationSheet = _interopRequireWildcard(require("../../../../MobileOperationSheet"));
+var _jsxRuntime = require("react/jsx-runtime");
 class FilePreviewer extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -89,34 +90,48 @@ class FilePreviewer extends _react.default.Component {
       fileIconUrl
     } = (0, _url.getFileThumbnailInfo)(fileItem, config);
     const uploadTime = (0, _utils.getFileUploadTime)(fileItem);
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer-box"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer-item"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer-icon"
-    }, /*#__PURE__*/_react.default.createElement("img", {
-      alt: "",
-      src: fileIconUrl
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer-info"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer-item-name ".concat(fileItem.type === 'dir' ? 'dtable-ui-file-editor-previewer-item-name-height' : '')
-    }, /*#__PURE__*/_react.default.createElement("span", null, fileItem.name)), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-preview-item-detail d-flex"
-    }, uploadTime && /*#__PURE__*/_react.default.createElement("span", {
-      className: "file-upload-time"
-    }, "".concat(uploadTime, ", ")), fileItem.size > -1 && /*#__PURE__*/_react.default.createElement("span", null, (0, _utils.bytesToSize)(fileItem.size))))), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer-operation",
-      onClick: this.openOperationSheet
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-more-level"
-    }))), showOperationSheet && /*#__PURE__*/_react.default.createElement(_MobileOperationSheet.default, {
-      operations: this.operations,
-      onChange: this.onOperationChange,
-      onClose: this.closeOperationSheet
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "dtable-ui-file-editor-previewer-box",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-file-editor-previewer-item",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "dtable-ui-file-editor-previewer-icon",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+              alt: "",
+              src: fileIconUrl
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "dtable-ui-file-editor-previewer-info",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "dtable-ui-file-editor-previewer-item-name ".concat(fileItem.type === 'dir' ? 'dtable-ui-file-editor-previewer-item-name-height' : ''),
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                children: fileItem.name
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: "dtable-ui-file-editor-preview-item-detail d-flex",
+              children: [uploadTime && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                className: "file-upload-time",
+                children: "".concat(uploadTime, ", ")
+              }), fileItem.size > -1 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                children: (0, _utils.bytesToSize)(fileItem.size)
+              })]
+            })]
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "dtable-ui-file-editor-previewer-operation",
+          onClick: this.openOperationSheet,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+            "aria-hidden": "true",
+            className: "dtable-font dtable-icon-more-level"
+          })
+        })]
+      }), showOperationSheet && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileOperationSheet.default, {
+        operations: this.operations,
+        onChange: this.onOperationChange,
+        onClose: this.closeOperationSheet
+      })]
+    });
   }
 }
 var _default = exports.default = FilePreviewer;

package/lib/FileEditor/files-previewer/mb-previewer/index.js

@@ -12,6 +12,7 @@ var _lang = require("../../../lang");
 var _DTableCommonAddTool = _interopRequireDefault(require("../../../DTableCommonAddTool"));
 var _filePreviewer = _interopRequireDefault(require("./file-previewer"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class MBFilesPreviewer extends _react.default.Component {
   constructor() {
     super(...arguments);
@@ -36,29 +37,31 @@ class MBFilesPreviewer extends _react.default.Component {
       value,
       getDownLoadFiles
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames.default)('dtable-ui-file-editor-previewer dtable-ui-mobile-file-editor-previewer', {
         'mt-0': value.length === 0
-      })
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('dtable-ui-file-editor-previewer-wrapper', {
-        'd-one': value.length === 0
-      })
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer-content"
-    }, value.length > 0 && value.map((fileItem, index) => {
-      return /*#__PURE__*/_react.default.createElement(_filePreviewer.default, {
-        key: fileItem.url,
-        fileItem: fileItem,
-        deleteFile: this.props.deleteFile,
-        renameFile: this.props.renameFile,
-        downloadFile: getDownLoadFiles ? this.downloadImage : null
-      });
-    }))), /*#__PURE__*/_react.default.createElement(_DTableCommonAddTool.default, {
-      className: "dtable-ui-file-editor-previewer-add-btn",
-      callBack: this.togglePreviewer,
-      footerName: (0, _lang.getLocale)('Add_files')
-    }));
+      }),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames.default)('dtable-ui-file-editor-previewer-wrapper', {
+          'd-one': value.length === 0
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "dtable-ui-file-editor-previewer-content",
+          children: value.length > 0 && value.map((fileItem, index) => {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_filePreviewer.default, {
+              fileItem: fileItem,
+              deleteFile: this.props.deleteFile,
+              renameFile: this.props.renameFile,
+              downloadFile: getDownLoadFiles ? this.downloadImage : null
+            }, fileItem.url);
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableCommonAddTool.default, {
+        className: "dtable-ui-file-editor-previewer-add-btn",
+        callBack: this.togglePreviewer,
+        footerName: (0, _lang.getLocale)('Add_files')
+      })]
+    });
   }
 }
 var _default = exports.default = MBFilesPreviewer;

package/lib/FileEditor/files-previewer/pc-previewer/file-previewer/dropdown-menu.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
 var _lang = require("../../../../lang");
+var _jsxRuntime = require("react/jsx-runtime");
 class FileDropdownMenu extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -43,32 +44,37 @@ class FileDropdownMenu extends _react.default.Component {
       onRenameFile,
       onDeleteFile
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.Dropdown, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.Dropdown, {
       isOpen: this.state.isItemMenuShow,
       toggle: this.onDropdownToggleClick,
-      className: "file-dropdown-menu"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownToggle, {
-      tag: "span",
-      role: "button",
-      "data-toggle": "dropdown",
-      "aria-expanded": this.state.isItemMenuShow,
-      className: "file-dropdown-icon",
-      title: (0, _lang.getLocale)('More_operations'),
-      "aria-label": (0, _lang.getLocale)('More_operations')
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-more-vertical file-dropdown-more"
-    })), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
-      className: "dtable-dropdown-menu dropdown-menu"
-    }, onRenameFile && /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
-      onClick: this.onRenameFile
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "item-icon dtable-font dtable-icon-rename"
-    }), (0, _lang.getLocale)('Rename')), onDeleteFile && /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
-      onClick: this.onDeleteFile
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "item-icon dtable-font dtable-icon-delete"
-    }), (0, _lang.getLocale)('Delete'))));
+      className: "file-dropdown-menu",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.DropdownToggle, {
+        tag: "span",
+        role: "button",
+        "data-toggle": "dropdown",
+        "aria-expanded": this.state.isItemMenuShow,
+        className: "file-dropdown-icon",
+        title: (0, _lang.getLocale)('More_operations'),
+        "aria-label": (0, _lang.getLocale)('More_operations'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          "aria-hidden": "true",
+          className: "dtable-font dtable-icon-more-vertical file-dropdown-more"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.DropdownMenu, {
+        className: "dtable-dropdown-menu dropdown-menu",
+        children: [onRenameFile && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.DropdownItem, {
+          onClick: this.onRenameFile,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+            className: "item-icon dtable-font dtable-icon-rename"
+          }), (0, _lang.getLocale)('Rename')]
+        }), onDeleteFile && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.DropdownItem, {
+          onClick: this.onDeleteFile,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+            className: "item-icon dtable-font dtable-icon-delete"
+          }), (0, _lang.getLocale)('Delete')]
+        })]
+      })]
+    });
   }
 }
 var _default = exports.default = FileDropdownMenu;

package/lib/FileEditor/files-previewer/pc-previewer/file-previewer/file-name-editor/index.js

@@ -9,6 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
 var _constants = require("../../../../../constants");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class FileNameEditor extends _react.Component {
   constructor(props) {
     super(props);
@@ -60,18 +61,19 @@ class FileNameEditor extends _react.Component {
     document.removeEventListener('mousedown', this.onMouseDown);
   }
   render() {
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "pt-1",
-      ref: ref => this.fileNameRef = ref
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-      className: "dtable-ui-file-name-input",
-      type: "text",
-      value: this.state.fileName,
-      onChange: this.onChange,
-      onKeyDown: this.onKeyDown,
-      onBlur: this.onSave,
-      autoFocus: true
-    }));
+      ref: ref => this.fileNameRef = ref,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Input, {
+        className: "dtable-ui-file-name-input",
+        type: "text",
+        value: this.state.fileName,
+        onChange: this.onChange,
+        onKeyDown: this.onKeyDown,
+        onBlur: this.onSave,
+        autoFocus: true
+      })
+    });
   }
 }
 var _default = exports.default = FileNameEditor;

package/lib/FileEditor/files-previewer/pc-previewer/file-previewer/index.js

@@ -12,6 +12,7 @@ var _fileNameEditor = _interopRequireDefault(require("./file-name-editor"));
 var _utils = require("../../../utils");
 var _url = require("../../../../utils/url");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class FilePreviewer extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -97,71 +98,88 @@ class FilePreviewer extends _react.default.Component {
     } = (0, _url.getFileThumbnailInfo)(fileItem, config);
     const errorMessage = '';
     const uploadTime = (0, _utils.getFileUploadTime)(fileItem);
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-file-editor-previewer-box ".concat(highlight ? 'dtable-ui-file-editor-previewer-box-highlight' : ''),
       onMouseEnter: this.fileItemMouseEnter,
-      onMouseLeave: this.fileItemMouseLeave
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer-item"
-    }, isSelectMultipleFiles && /*#__PURE__*/_react.default.createElement("input", {
-      onChange: this.onSelectFile,
-      checked: isSelected,
-      className: "mr-2",
-      type: "checkbox"
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer-icon"
-    }, /*#__PURE__*/_react.default.createElement("img", {
-      alt: "",
-      src: fileIconUrl
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer-info"
-    }, isShowRename ? /*#__PURE__*/_react.default.createElement(_fileNameEditor.default, {
-      itemIndex: this.props.itemIndex,
-      name: fileItem.name,
-      renameFile: this.props.renameFile,
-      closeRenameFile: this.closeRenameFile
-    }) : /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer-item-name ".concat(fileItem.type === 'dir' ? 'dtable-ui-file-editor-previewer-item-name-height' : ''),
-      ref: ref => this.renameRef = ref
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      onClick: this.props.renameFile ? this.handleFileClick : () => {}
-    }, fileItem.name)), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-preview-item-detail d-flex"
-    }, uploadTime && /*#__PURE__*/_react.default.createElement("span", {
-      className: "file-upload-time"
-    }, "".concat(uploadTime, ", ")), fileItem.size > -1 && /*#__PURE__*/_react.default.createElement("span", null, (0, _utils.bytesToSize)(fileItem.size))))), !isShowRename && isItemFreezed && /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledTooltip, {
-      delay: {
-        show: 0,
-        hide: 0
-      },
-      placement: "bottom",
-      target: this.renameRef
-    }, fileItem.name), isShowOperation && /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer-operation"
-    }, this.props.downloadFile && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, fileItem.type === 'file' && !errorMessage && /*#__PURE__*/_react.default.createElement("span", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-download file-download-icon",
-      onClick: this.downloadFile
-    }), fileItem.type === 'file' && errorMessage && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-download disable file-download-icon",
-      ref: ref => this.disabledDownloadRef = ref
-    }), /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledTooltip, {
-      delay: {
-        show: 0,
-        hide: 0
-      },
-      placement: "bottom",
-      target: this.disabledDownloadRef
-    }, errorMessage))), (this.props.deleteFile || this.props.renameFile) && /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
-      fileItem: fileItem,
-      freezeItem: this.props.freezeItem,
-      unFreezeItem: this.props.unFreezeItem,
-      resetState: this.resetState,
-      itemIndex: this.props.itemIndex,
-      onDeleteFile: this.props.deleteFile ? this.props.deleteFile : null,
-      onRenameFile: this.props.renameFile ? this.openRenameFile : null
-    })));
+      onMouseLeave: this.fileItemMouseLeave,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "dtable-ui-file-editor-previewer-item",
+        children: [isSelectMultipleFiles && /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+          onChange: this.onSelectFile,
+          checked: isSelected,
+          className: "mr-2",
+          type: "checkbox"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "dtable-ui-file-editor-previewer-icon",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+            alt: "",
+            src: fileIconUrl
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-file-editor-previewer-info",
+          children: [isShowRename ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_fileNameEditor.default, {
+            itemIndex: this.props.itemIndex,
+            name: fileItem.name,
+            renameFile: this.props.renameFile,
+            closeRenameFile: this.closeRenameFile
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "dtable-ui-file-editor-previewer-item-name ".concat(fileItem.type === 'dir' ? 'dtable-ui-file-editor-previewer-item-name-height' : ''),
+            ref: ref => this.renameRef = ref,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              onClick: this.props.renameFile ? this.handleFileClick : () => {},
+              children: fileItem.name
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "dtable-ui-file-editor-preview-item-detail d-flex",
+            children: [uploadTime && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "file-upload-time",
+              children: "".concat(uploadTime, ", ")
+            }), fileItem.size > -1 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              children: (0, _utils.bytesToSize)(fileItem.size)
+            })]
+          })]
+        })]
+      }), !isShowRename && isItemFreezed && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.UncontrolledTooltip, {
+        delay: {
+          show: 0,
+          hide: 0
+        },
+        placement: "bottom",
+        target: this.renameRef,
+        children: fileItem.name
+      }), isShowOperation && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "dtable-ui-file-editor-previewer-operation",
+        children: [this.props.downloadFile && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [fileItem.type === 'file' && !errorMessage && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            "aria-hidden": "true",
+            className: "dtable-font dtable-icon-download file-download-icon",
+            onClick: this.downloadFile
+          }), fileItem.type === 'file' && errorMessage && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              "aria-hidden": "true",
+              className: "dtable-font dtable-icon-download disable file-download-icon",
+              ref: ref => this.disabledDownloadRef = ref
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.UncontrolledTooltip, {
+              delay: {
+                show: 0,
+                hide: 0
+              },
+              placement: "bottom",
+              target: this.disabledDownloadRef,
+              children: errorMessage
+            })]
+          })]
+        }), (this.props.deleteFile || this.props.renameFile) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.default, {
+          fileItem: fileItem,
+          freezeItem: this.props.freezeItem,
+          unFreezeItem: this.props.unFreezeItem,
+          resetState: this.resetState,
+          itemIndex: this.props.itemIndex,
+          onDeleteFile: this.props.deleteFile ? this.props.deleteFile : null,
+          onRenameFile: this.props.renameFile ? this.openRenameFile : null
+        })]
+      })]
+    });
   }
 }
 var _default = exports.default = FilePreviewer;

package/lib/FileEditor/files-previewer/pc-previewer/index.js

@@ -13,6 +13,7 @@ var _lang = require("../../../lang");
 var _ImagePreviewerLightbox = _interopRequireDefault(require("../../../ImagePreviewerLightbox"));
 var _DTableCommonAddTool = _interopRequireDefault(require("../../../DTableCommonAddTool"));
 var _filePreviewer = _interopRequireDefault(require("./file-previewer"));
+var _jsxRuntime = require("react/jsx-runtime");
 class PCFilesPreviewer extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -177,22 +178,32 @@ class PCFilesPreviewer extends _react.default.Component {
         selectedFilesList
       } = this.state;
       if (value.length === 0) return null;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-file-editor-operation-content"
-      }, !isSelectMultipleFiles ? /*#__PURE__*/_react.default.createElement("span", {
-        onClick: this.onChangeSelectMultipleFiles.bind(this, true)
-      }, (0, _lang.getLocale)('Select')) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, selectedFilesList.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, deleteFiles && /*#__PURE__*/_react.default.createElement("span", {
-        onClick: this.onDeleteAllSelectedFiles
-      }, (0, _lang.getLocale)('Delete')), getDownLoadFiles && /*#__PURE__*/_react.default.createElement("span", {
-        className: "ml-2",
-        onClick: this.onDownloadAllSelectedFiles
-      }, (0, _lang.getLocale)('Download'))), /*#__PURE__*/_react.default.createElement("span", {
-        className: "ml-2",
-        onClick: this.onSelectAllFiles
-      }, (0, _lang.getLocale)('Select_all')), /*#__PURE__*/_react.default.createElement("span", {
-        className: "ml-2",
-        onClick: this.onChangeSelectMultipleFiles.bind(this, false)
-      }, (0, _lang.getLocale)('Cancel'))));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "dtable-ui-file-editor-operation-content",
+        children: !isSelectMultipleFiles ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          onClick: this.onChangeSelectMultipleFiles.bind(this, true),
+          children: (0, _lang.getLocale)('Select')
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [selectedFilesList.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [deleteFiles && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              onClick: this.onDeleteAllSelectedFiles,
+              children: (0, _lang.getLocale)('Delete')
+            }), getDownLoadFiles && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "ml-2",
+              onClick: this.onDownloadAllSelectedFiles,
+              children: (0, _lang.getLocale)('Download')
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "ml-2",
+            onClick: this.onSelectAllFiles,
+            children: (0, _lang.getLocale)('Select_all')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "ml-2",
+            onClick: this.onChangeSelectMultipleFiles.bind(this, false),
+            children: (0, _lang.getLocale)('Cancel')
+          })]
+        })
+      });
     };
     this.state = {
       isShowRename: false,
@@ -222,55 +233,60 @@ class PCFilesPreviewer extends _react.default.Component {
       isSelectMultipleFiles,
       selectedFilesList
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer-wrapper"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer-header d-flex align-items-center"
-    }, selectedFilesList.length > 0 ? /*#__PURE__*/_react.default.createElement("span", {
-      className: "dtable-ui-file-editor-count-content"
-    }, selectedFilesList.length === 1 ? (0, _lang.getLocale)('1_file_selected') : (0, _lang.getLocale)('Selected_xxx_files', {
-      count: selectedFilesList.length
-    })) : /*#__PURE__*/_react.default.createElement("span", {
-      className: "dtable-ui-file-editor-count-content"
-    }, value.length <= 1 ? (0, _lang.getLocale)('xxx_existing_file', {
-      count: value.length
-    }) : (0, _lang.getLocale)('xxx_existing_files', {
-      count: value.length
-    })), this.renderFilesOperation()), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer-content"
-    }, value.length > 0 && value.map((fileItem, index) => {
-      const isSelected = selectedFilesList.indexOf(fileItem.name) === -1 ? false : true;
-      return /*#__PURE__*/_react.default.createElement(_filePreviewer.default, {
-        key: fileItem.url,
-        fileItem: fileItem,
-        deleteFile: this.props.deleteFile,
-        renameFile: this.props.renameFile,
-        freezeItem: this.freezeItem,
-        unFreezeItem: this.unFreezeItem,
-        isItemFreezed: this.state.isItemFreezed,
-        itemIndex: index,
-        isSelected: isSelected,
-        showLargeImage: this.showLargeImage,
-        onSelectFiles: this.onSelectFiles,
-        isSelectMultipleFiles: isSelectMultipleFiles,
-        downloadFile: getDownLoadFiles ? this.downloadImage : null
-      });
-    }))), this.state.isShowLargeImage && /*#__PURE__*/_react.default.createElement(_ImagePreviewerLightbox.default, {
-      imageItems: this.state.fileImageUrlList,
-      imageIndex: this.state.largeImageIndex,
-      closeImagePopup: this.hideLargeImage,
-      moveToPrevImage: this.movePrev,
-      moveToNextImage: this.moveNext,
-      deleteImage: this.deleteImage,
-      downloadImage: this.downloadImage,
-      onRotateImage: this.onRotateImage
-    }), /*#__PURE__*/_react.default.createElement(_DTableCommonAddTool.default, {
-      className: "dtable-ui-file-editor-previewer-add-btn",
-      callBack: this.togglePreviewer,
-      footerName: (0, _lang.getLocale)('Add_files')
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "dtable-ui-file-editor-previewer",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "dtable-ui-file-editor-previewer-wrapper",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-file-editor-previewer-header d-flex align-items-center",
+          children: [selectedFilesList.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "dtable-ui-file-editor-count-content",
+            children: selectedFilesList.length === 1 ? (0, _lang.getLocale)('1_file_selected') : (0, _lang.getLocale)('Selected_xxx_files', {
+              count: selectedFilesList.length
+            })
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "dtable-ui-file-editor-count-content",
+            children: value.length <= 1 ? (0, _lang.getLocale)('xxx_existing_file', {
+              count: value.length
+            }) : (0, _lang.getLocale)('xxx_existing_files', {
+              count: value.length
+            })
+          }), this.renderFilesOperation()]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "dtable-ui-file-editor-previewer-content",
+          children: value.length > 0 && value.map((fileItem, index) => {
+            const isSelected = selectedFilesList.indexOf(fileItem.name) === -1 ? false : true;
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_filePreviewer.default, {
+              fileItem: fileItem,
+              deleteFile: this.props.deleteFile,
+              renameFile: this.props.renameFile,
+              freezeItem: this.freezeItem,
+              unFreezeItem: this.unFreezeItem,
+              isItemFreezed: this.state.isItemFreezed,
+              itemIndex: index,
+              isSelected: isSelected,
+              showLargeImage: this.showLargeImage,
+              onSelectFiles: this.onSelectFiles,
+              isSelectMultipleFiles: isSelectMultipleFiles,
+              downloadFile: getDownLoadFiles ? this.downloadImage : null
+            }, fileItem.url);
+          })
+        })]
+      }), this.state.isShowLargeImage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImagePreviewerLightbox.default, {
+        imageItems: this.state.fileImageUrlList,
+        imageIndex: this.state.largeImageIndex,
+        closeImagePopup: this.hideLargeImage,
+        moveToPrevImage: this.movePrev,
+        moveToNextImage: this.moveNext,
+        deleteImage: this.deleteImage,
+        downloadImage: this.downloadImage,
+        onRotateImage: this.onRotateImage
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableCommonAddTool.default, {
+        className: "dtable-ui-file-editor-previewer-add-btn",
+        callBack: this.togglePreviewer,
+        footerName: (0, _lang.getLocale)('Add_files')
+      })]
+    });
   }
 }
 var _default = exports.default = PCFilesPreviewer;