dtable-ui-component 6.0.49 → 6.0.50

package/lib/FileEditor/index.js

@@ -11,25 +11,34 @@ var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 var _mbEditor = _interopRequireDefault(require("./mb-editor"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const FileEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     isMobile,
     ...props
   } = _ref;
-  if (isMobile === false) return /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
+  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+    ...props,
     ref: ref
-  }));
-  if (isMobile === true) return /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
+  });
+  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+    ...props,
     ref: ref
-  }));
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(min-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(max-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))));
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(min-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+        ...props,
+        ref: ref
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(max-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
+        ref: ref
+      })
+    })]
+  });
 });
 var _default = exports.default = FileEditor;

package/lib/FileEditor/mb-editor/index.js

@@ -15,6 +15,7 @@ var _toaster = _interopRequireDefault(require("../../toaster"));
 var _utils = require("../../utils/utils");
 var _lang = require("../../lang");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const {
   Header,
   Body
@@ -101,36 +102,47 @@ const MBFileEditor = _ref => {
       setUploading(false);
     }
   }, [uploadingFilesCount, uploadedFilesCount, onChange]);
-  return /*#__PURE__*/_react.default.createElement(_MobileFullScreenPage.default, {
-    className: "dtable-ui-mobile-file-editor"
-  }, /*#__PURE__*/_react.default.createElement(Header, {
-    onLeftClick: onToggle
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    "aria-hidden": "true",
-    className: "dtable-font dtable-icon-return"
-  }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, column.name)), /*#__PURE__*/_react.default.createElement(Body, null, (0, _utils.isIPhone)() && (0, _utils.isQQBuiltInBrowser)() ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-ui-file-open-external-browser"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "seatable-tip-danger"
-  }, '不支持 QQ 内置浏览器上传图片或者文件'), /*#__PURE__*/_react.default.createElement("div", {
-    className: "image-container"
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    src: mediaUrl + 'img/qq-upload-tip.png',
-    alt: "Open browser tip"
-  }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_filesPreviewer.default, {
-    value: value,
-    togglePreviewer: openEditor,
-    closeEditor: closeEditor,
-    deleteFile: deleteFile,
-    resetFileValue: resetFileValue
-  }), isShowEditor && /*#__PURE__*/_react.default.createElement(_MobileUpload.default, {
-    type: "file",
-    onClose: closeEditor,
-    onChange: onFilesChange
-  }), isUploading && /*#__PURE__*/_react.default.createElement(_ActivityIndicator.default, {
-    toast: true,
-    text: (0, _lang.getLocale)('Files_are_uploading'),
-    animating: isUploading
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MobileFullScreenPage.default, {
+    className: "dtable-ui-mobile-file-editor",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Header, {
+      onLeftClick: onToggle,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+        "aria-hidden": "true",
+        className: "dtable-font dtable-icon-return"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: column.name
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Body, {
+      children: (0, _utils.isIPhone)() && (0, _utils.isQQBuiltInBrowser)() ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "dtable-ui-file-open-external-browser",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "seatable-tip-danger",
+          children: '不支持 QQ 内置浏览器上传图片或者文件'
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "image-container",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+            src: mediaUrl + 'img/qq-upload-tip.png',
+            alt: "Open browser tip"
+          })
+        })]
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_filesPreviewer.default, {
+          value: value,
+          togglePreviewer: openEditor,
+          closeEditor: closeEditor,
+          deleteFile: deleteFile,
+          resetFileValue: resetFileValue
+        }), isShowEditor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileUpload.default, {
+          type: "file",
+          onClose: closeEditor,
+          onChange: onFilesChange
+        }), isUploading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ActivityIndicator.default, {
+          toast: true,
+          text: (0, _lang.getLocale)('Files_are_uploading'),
+          animating: isUploading
+        })]
+      })
+    })]
+  });
 };
 var _default = exports.default = MBFileEditor;

package/lib/FileEditor/pc-editor/addition-previewer/index.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _localFileAddition = _interopRequireDefault(require("./local-file-addition"));
 var _lang = require("../../../lang");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class AdditionPreviewer extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -27,26 +28,32 @@ class AdditionPreviewer extends _react.default.Component {
     let {
       activeTab
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-image-addition-container"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-image-addition-left"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-image-addition-nav"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-addition-item ".concat(activeTab === 'localFiles' ? 'dtable-ui-addition-item-selected' : ''),
-      onClick: this.toggle.bind(this, 'localFiles')
-    }, (0, _lang.getLocale)('Local_Files')))), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-image-addition-right"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-image-addition-right-container"
-    }, activeTab === 'localFiles' && /*#__PURE__*/_react.default.createElement(_localFileAddition.default, {
-      config: this.props.config,
-      uploadLocalFileValue: this.props.uploadLocalFileValue,
-      deleteFile: this.props.deleteFile,
-      fileUploadCompleted: this.props.fileUploadCompleted,
-      uploadFile: this.props.uploadFile
-    }))));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "dtable-ui-image-addition-container",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "dtable-ui-image-addition-left",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "dtable-ui-image-addition-nav",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "dtable-ui-addition-item ".concat(activeTab === 'localFiles' ? 'dtable-ui-addition-item-selected' : ''),
+            onClick: this.toggle.bind(this, 'localFiles'),
+            children: (0, _lang.getLocale)('Local_Files')
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "dtable-ui-image-addition-right",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "dtable-ui-image-addition-right-container",
+          children: activeTab === 'localFiles' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_localFileAddition.default, {
+            config: this.props.config,
+            uploadLocalFileValue: this.props.uploadLocalFileValue,
+            deleteFile: this.props.deleteFile,
+            fileUploadCompleted: this.props.fileUploadCompleted,
+            uploadFile: this.props.uploadFile
+          })
+        })
+      })]
+    });
   }
 }
 var _default = exports.default = AdditionPreviewer;

package/lib/FileEditor/pc-editor/addition-previewer/local-file-addition/index.js

@@ -14,6 +14,7 @@ var _url = require("../../../../utils/url");
 var _FileUploader = _interopRequireDefault(require("../../../../FileUploader"));
 var _lang = require("../../../../lang");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class LocalFileAddition extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -116,36 +117,45 @@ class LocalFileAddition extends _react.default.Component {
         if (Array.isArray(thumbnailSrcList) && thumbnailSrcList.length > 0) {
           let thumbnailList = thumbnailSrcList.map((fileThumbnailItem, index) => {
             let uploadFile = fileThumbnailItem.percent === 100 && !fileThumbnailItem.isErrorTip;
-            return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-              key: "dtable-ui-image-wrapper-circle".concat(index)
-            }, fileThumbnailItem.isUploading && /*#__PURE__*/_react.default.createElement("div", {
-              className: "dtable-ui-image-wrapper"
-            }, /*#__PURE__*/_react.default.createElement("div", {
-              className: "dtable-ui-image-upload-percent"
-            }, /*#__PURE__*/_react.default.createElement("img", {
-              src: fileThumbnailItem.fileIconUrl,
-              style: {
-                position: 'absolute',
-                zIndex: "".concat(uploadFile ? 3 : 1),
-                maxHeight: '100%'
-              },
-              alt: ""
-            }), fileThumbnailItem.percent < 100 && /*#__PURE__*/_react.default.createElement(_UploadProgress.default, {
-              uploadPercent: fileThumbnailItem.percent || 0
-            }), uploadFile && /*#__PURE__*/_react.default.createElement("div", {
-              className: "dtable-ui-image-upload-success"
-            }, /*#__PURE__*/_react.default.createElement("div", {
-              className: "dtable-ui-image-upload-success-scale"
-            }, /*#__PURE__*/_react.default.createElement("span", {
-              className: "dtable-ui-image-upload-success-tip"
-            }, (0, _lang.getLocale)('Indexing')))), /*#__PURE__*/_react.default.createElement("div", {
-              className: "dtable-ui-image-upload-mask"
-            }), fileThumbnailItem.isErrorTip && /*#__PURE__*/_react.default.createElement("div", {
-              className: "dtable-ui-image-upload-error-tip"
-            }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Network_Error')), /*#__PURE__*/_react.default.createElement("span", {
-              className: "dtable-ui-image-upload-again",
-              onClick: event => this.fileUploadAgain(event, fileThumbnailItem)
-            }, (0, _lang.getLocale)('Re_upload'))))));
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
+              children: fileThumbnailItem.isUploading && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: "dtable-ui-image-wrapper",
+                children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+                  className: "dtable-ui-image-upload-percent",
+                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+                    src: fileThumbnailItem.fileIconUrl,
+                    style: {
+                      position: 'absolute',
+                      zIndex: "".concat(uploadFile ? 3 : 1),
+                      maxHeight: '100%'
+                    },
+                    alt: ""
+                  }), fileThumbnailItem.percent < 100 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_UploadProgress.default, {
+                    uploadPercent: fileThumbnailItem.percent || 0
+                  }), uploadFile && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                    className: "dtable-ui-image-upload-success",
+                    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                      className: "dtable-ui-image-upload-success-scale",
+                      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                        className: "dtable-ui-image-upload-success-tip",
+                        children: (0, _lang.getLocale)('Indexing')
+                      })
+                    })
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                    className: "dtable-ui-image-upload-mask"
+                  }), fileThumbnailItem.isErrorTip && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+                    className: "dtable-ui-image-upload-error-tip",
+                    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                      children: (0, _lang.getLocale)('Network_Error')
+                    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                      className: "dtable-ui-image-upload-again",
+                      onClick: event => this.fileUploadAgain(event, fileThumbnailItem),
+                      children: (0, _lang.getLocale)('Re_upload')
+                    })]
+                  })]
+                })
+              })
+            }, "dtable-ui-image-wrapper-circle".concat(index));
           });
           fileArr.push(...thumbnailList);
         }
@@ -162,35 +172,39 @@ class LocalFileAddition extends _react.default.Component {
         let {
           fileIconUrl
         } = (0, _url.getFileThumbnailInfo)(fileItem, config);
-        return /*#__PURE__*/_react.default.createElement("div", {
-          key: 'dtable-ui-image-wrapper-' + index,
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "dtable-ui-image-wrapper",
           id: "file-content-tip-".concat(index),
           onMouseEnter: event => this.showDeleteIcon(event, index),
-          onMouseLeave: this.hideDeleteIcon
-        }, /*#__PURE__*/_react.default.createElement("div", {
-          className: "dtable-ui-image-content"
-        }, /*#__PURE__*/_react.default.createElement("img", {
-          src: fileIconUrl,
-          alt: "",
-          style: {
-            maxHeight: '100%'
-          }
-        })), this.state.isShowDeleteIcon && this.state.enterFileIndex === index && /*#__PURE__*/_react.default.createElement("div", {
-          className: "dtable-delete-image-icon",
-          onClick: event => this.deleteFile(event, index)
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: "image-delete-span"
-        }, "x")), this.state.isShowDeleteIcon && this.state.enterFileIndex === index && /*#__PURE__*/_react.default.createElement(_reactstrap.Tooltip, {
-          toggle: this.tooltipToggle,
-          delay: {
-            show: 0,
-            hide: 0
-          },
-          target: "file-content-tip-".concat(index),
-          placement: "bottom",
-          isOpen: this.state.tooltipOpen
-        }, fileItem.name));
+          onMouseLeave: this.hideDeleteIcon,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "dtable-ui-image-content",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+              src: fileIconUrl,
+              alt: "",
+              style: {
+                maxHeight: '100%'
+              }
+            })
+          }), this.state.isShowDeleteIcon && this.state.enterFileIndex === index && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "dtable-delete-image-icon",
+            onClick: event => this.deleteFile(event, index),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "image-delete-span",
+              children: "x"
+            })
+          }), this.state.isShowDeleteIcon && this.state.enterFileIndex === index && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Tooltip, {
+            toggle: this.tooltipToggle,
+            delay: {
+              show: 0,
+              hide: 0
+            },
+            target: "file-content-tip-".concat(index),
+            placement: "bottom",
+            isOpen: this.state.tooltipOpen,
+            children: fileItem.name
+          })]
+        }, 'dtable-ui-image-wrapper-' + index);
       });
       return uploadedFileList;
     };
@@ -198,28 +212,37 @@ class LocalFileAddition extends _react.default.Component {
       let {
         isFileTipShow
       } = this.state;
-      let editorContent = fileArr.length === 0 ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-image-tip-addition ".concat(isFileTipShow ? 'dtable-ui-image-drop-active' : '')
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-dtable-ui-image-add-icon"
-      }, /*#__PURE__*/_react.default.createElement("i", {
-        "aria-hidden": "true",
-        className: "dtable-font dtable-icon-add-files"
-      })), isFileTipShow ? /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-image-add-span"
-      }, (0, _lang.getLocale)('Drag_and_drop_to_add_a_file')) : /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-image-add-span"
-      }, (0, _lang.getLocale)('Drag_and_drop_files_or_click_here_to_add')))) : /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-image-add-box"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-image-add-button ".concat(isFileTipShow ? 'dtable-ui-image-wrapper-drop-active' : '')
-      }, /*#__PURE__*/_react.default.createElement("i", {
-        "aria-hidden": "true",
-        className: "dtable-font dtable-icon-add-table"
-      }), /*#__PURE__*/_react.default.createElement("span", {
-        className: "dtable-ui-image-add-span"
-      }, (0, _lang.getLocale)('Upload'))));
-      return /*#__PURE__*/_react.default.createElement(_FileUploader.default, {
+      let editorContent = fileArr.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-image-tip-addition ".concat(isFileTipShow ? 'dtable-ui-image-drop-active' : ''),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "dtable-ui-dtable-ui-image-add-icon",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+              "aria-hidden": "true",
+              className: "dtable-font dtable-icon-add-files"
+            })
+          }), isFileTipShow ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "dtable-ui-image-add-span",
+            children: (0, _lang.getLocale)('Drag_and_drop_to_add_a_file')
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "dtable-ui-image-add-span",
+            children: (0, _lang.getLocale)('Drag_and_drop_files_or_click_here_to_add')
+          })]
+        })
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "dtable-ui-image-add-box",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-image-add-button ".concat(isFileTipShow ? 'dtable-ui-image-wrapper-drop-active' : ''),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+            "aria-hidden": "true",
+            className: "dtable-font dtable-icon-add-table"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "dtable-ui-image-add-span",
+            children: (0, _lang.getLocale)('Upload')
+          })]
+        })
+      });
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FileUploader.default, {
         uploadType: "file",
         isSupportDragDrop: true,
         className: fileArr.length === 0 ? (0, _classnames.default)('dtable-ui-image-upload-container', {
@@ -231,8 +254,9 @@ class LocalFileAddition extends _react.default.Component {
         updateUploadFileList: this.updateUploadFileList,
         onFileUploadFailed: this.onFileUploadFailed,
         ref: ref => this.uploaderFileRef = ref,
-        uploadFile: this.props.uploadFile
-      }, editorContent);
+        uploadFile: this.props.uploadFile,
+        children: editorContent
+      });
     };
     this.state = {
       isFileTipShow: false,
@@ -246,7 +270,9 @@ class LocalFileAddition extends _react.default.Component {
   }
   render() {
     let fileArr = this.renderMultipleFilesArr();
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, fileArr, this.renderUploadFileWrapper(fileArr));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+      children: [fileArr, this.renderUploadFileWrapper(fileArr)]
+    });
   }
 }
 var _default = exports.default = LocalFileAddition;

package/lib/FileEditor/pc-editor/index.js

@@ -16,6 +16,7 @@ var _constants2 = require("../constants");
 var _utils = require("../../utils/utils");
 var _toaster = _interopRequireDefault(require("../../toaster"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class PCFileEditor extends _react.default.Component {
   constructor(props) {
     var _this;
@@ -139,14 +140,19 @@ class PCFileEditor extends _react.default.Component {
       //   return (<span>{getLocale('Add_files')}</span>);
       // }
       if (editorView === _constants.FILE_EDITOR_STATUS.PREVIEWER) {
-        return /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('All_files'));
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: (0, _lang.getLocale)('All_files')
+        });
       }
-      return /*#__PURE__*/_react.default.createElement("div", {
-        onClick: this.showImageListPreviewer
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        "aria-hidden": "true",
-        className: "dtable-font dtable-icon-return mr-2"
-      }), /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Add_files')));
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        onClick: this.showImageListPreviewer,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          "aria-hidden": "true",
+          className: "dtable-font dtable-icon-return mr-2"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: (0, _lang.getLocale)('Add_files')
+        })]
+      });
     };
     this.showImageListPreviewer = () => {
       let {
@@ -237,38 +243,42 @@ class PCFileEditor extends _react.default.Component {
     };
   }
   render() {
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.Modal, {
       className: "dtable-ui-image-editor-dialog dtable-ui-file-editor-dialog",
       contentClassName: "dtable-ui-image-editor-modal",
       isOpen: this.state.isOpen,
-      toggle: this.toggle
-    }, /*#__PURE__*/_react.default.createElement(_DTableModalHeader.default, {
-      toggle: this.toggle
-    }, this.renderHeader()), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
-      className: "p-0"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-image-editor-container dtable-ui-file-editor-container"
-    }, this.state.editorView === _constants.FILE_EDITOR_STATUS.PREVIEWER && /*#__PURE__*/_react.default.createElement(_filesPreviewer.default, {
-      value: this.state.value,
-      config: this.props.config,
-      togglePreviewer: this.togglePreviewer,
-      deleteFile: this.deleteFile,
-      deleteFiles: this.deleteFilesByPreviewer,
-      renameFile: this.props.renameFile ? this.onRenameFile : null,
-      resetFileValue: this.resetFileValue,
-      rotateImage: this.props.rotateImage ? this.onRotateImage : null,
-      getDownLoadFiles: this.props.getDownLoadFiles || (() => {})
-    }), this.state.editorView === _constants.FILE_EDITOR_STATUS.ADDITION && /*#__PURE__*/_react.default.createElement(_additionPreviewer.default, {
-      config: this.props.config,
-      deleteImage: this.deleteImage,
-      handleFilesChange: this.handleFilesChange,
-      uploadLocalFileValue: this.state.uploadLocalFileValue,
-      togglePreviewer: this.togglePreviewer,
-      fileUploadCompleted: this.fileUploadCompleted,
-      addUploadedFile: this.addUploadedFile,
-      showImageListPreviewer: this.showImageListPreviewer,
-      uploadFile: this.uploadFile
-    }))));
+      toggle: this.toggle,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableModalHeader.default, {
+        toggle: this.toggle,
+        children: this.renderHeader()
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.ModalBody, {
+        className: "p-0",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-image-editor-container dtable-ui-file-editor-container",
+          children: [this.state.editorView === _constants.FILE_EDITOR_STATUS.PREVIEWER && /*#__PURE__*/(0, _jsxRuntime.jsx)(_filesPreviewer.default, {
+            value: this.state.value,
+            config: this.props.config,
+            togglePreviewer: this.togglePreviewer,
+            deleteFile: this.deleteFile,
+            deleteFiles: this.deleteFilesByPreviewer,
+            renameFile: this.props.renameFile ? this.onRenameFile : null,
+            resetFileValue: this.resetFileValue,
+            rotateImage: this.props.rotateImage ? this.onRotateImage : null,
+            getDownLoadFiles: this.props.getDownLoadFiles || (() => {})
+          }), this.state.editorView === _constants.FILE_EDITOR_STATUS.ADDITION && /*#__PURE__*/(0, _jsxRuntime.jsx)(_additionPreviewer.default, {
+            config: this.props.config,
+            deleteImage: this.deleteImage,
+            handleFilesChange: this.handleFilesChange,
+            uploadLocalFileValue: this.state.uploadLocalFileValue,
+            togglePreviewer: this.togglePreviewer,
+            fileUploadCompleted: this.fileUploadCompleted,
+            addUploadedFile: this.addUploadedFile,
+            showImageListPreviewer: this.showImageListPreviewer,
+            uploadFile: this.uploadFile
+          })]
+        })
+      })]
+    });
   }
 }
 var _default = exports.default = PCFileEditor;