dtable-ui-component 7.0.0-xia.1 → 7.0.0-xia.2

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

@@ -31,12 +31,11 @@ class FileNameEditor extends _react.Component {
       }
     };
     this.onSave = () => {
-      const {
-        renameFile,
-        name,
-        closeRenameFile,
-        itemIndex
-      } = this.props;
+      const _this$props = this.props,
+        renameFile = _this$props.renameFile,
+        name = _this$props.name,
+        closeRenameFile = _this$props.closeRenameFile,
+        itemIndex = _this$props.itemIndex;
       let newName = this.state.fileName.trim();
       if (newName === name || newName === '') {
         closeRenameFile();

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

@@ -33,9 +33,7 @@ class FilePreviewer extends _react.default.Component {
       }
     };
     this.handleFileClick = () => {
-      let {
-        fileItem
-      } = this.props;
+      let fileItem = this.props.fileItem;
       let openFileUrl = fileItem.url;
       let assetFileIndex = openFileUrl.indexOf('/asset');
       if (assetFileIndex > -1 && (0, _url.imageCheck)(fileItem.name)) {
@@ -49,9 +47,7 @@ class FilePreviewer extends _react.default.Component {
       this.props.downloadFile(downloadUrl);
     };
     this.onSelectFile = () => {
-      const {
-        fileItem
-      } = this.props;
+      const fileItem = this.props.fileItem;
       this.props.onSelectFiles(fileItem.name);
     };
     this.closeRenameFile = () => {
@@ -81,21 +77,18 @@ class FilePreviewer extends _react.default.Component {
     };
   }
   render() {
-    const {
-      fileItem,
-      isItemFreezed,
-      isSelectMultipleFiles,
-      isSelected,
-      config
-    } = this.props;
-    const {
-      isShowRename,
-      isShowOperation,
-      highlight
-    } = this.state;
-    const {
-      fileIconUrl
-    } = (0, _url.getFileThumbnailInfo)(fileItem, config);
+    const _this$props = this.props,
+      fileItem = _this$props.fileItem,
+      isItemFreezed = _this$props.isItemFreezed,
+      isSelectMultipleFiles = _this$props.isSelectMultipleFiles,
+      isSelected = _this$props.isSelected,
+      config = _this$props.config;
+    const _this$state = this.state,
+      isShowRename = _this$state.isShowRename,
+      isShowOperation = _this$state.isShowOperation,
+      highlight = _this$state.highlight;
+    const _getFileThumbnailInfo = (0, _url.getFileThumbnailInfo)(fileItem, config),
+      fileIconUrl = _getFileThumbnailInfo.fileIconUrl;
     const errorMessage = '';
     const uploadTime = (0, _utils.getFileUploadTime)(fileItem);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _url = require("../../../utils/url");
 var _utils = require("../../../utils/utils");
@@ -23,26 +24,20 @@ class PCFilesPreviewer extends _react.default.Component {
       });
     };
     this.showLargeImage = itemUrl => {
-      let {
-        fileImageUrlList
-      } = this.state;
+      let fileImageUrlList = this.state.fileImageUrlList;
       this.setState({
         isShowLargeImage: true,
         largeImageIndex: fileImageUrlList.indexOf(itemUrl)
       });
     };
     this.moveNext = () => {
-      let {
-        fileImageUrlList
-      } = this.state;
+      let fileImageUrlList = this.state.fileImageUrlList;
       this.setState(prevState => ({
         largeImageIndex: (prevState.largeImageIndex + 1) % fileImageUrlList.length
       }));
     };
     this.movePrev = () => {
-      let {
-        fileImageUrlList
-      } = this.state;
+      let fileImageUrlList = this.state.fileImageUrlList;
       this.setState(prevState => ({
         largeImageIndex: (prevState.largeImageIndex + fileImageUrlList.length - 1) % fileImageUrlList.length
       }));
@@ -54,30 +49,23 @@ class PCFilesPreviewer extends _react.default.Component {
       });
     };
     this.downloadImage = imageItemUrl => {
-      const {
-        value
-      } = this.props;
+      const value = this.props.value;
       const file = value.find(v => v.url === imageItemUrl);
       if (!file) return;
       this.props.getDownLoadFiles([file], _ref => {
-        let [dFile] = _ref;
+        let _ref2 = (0, _slicedToArray2.default)(_ref, 1),
+          dFile = _ref2[0];
         dFile && (0, _utils.downloadFile)(dFile);
       });
     };
     this.onRotateImage = (imageIndex, degree) => {
-      let {
-        fileImageUrlList
-      } = this.state;
+      let fileImageUrlList = this.state.fileImageUrlList;
       const imageUrl = fileImageUrlList[imageIndex];
       this.props.onRotateImage && this.props.onRotateImage(imageUrl, degree);
     };
     this.deleteImage = (index, type) => {
-      const {
-        value
-      } = this.props;
-      let {
-        fileImageUrlList
-      } = this.state;
+      const value = this.props.value;
+      let fileImageUrlList = this.state.fileImageUrlList;
       const imageUrl = fileImageUrlList[index];
       let fileItemIndex = value.findIndex(fileItem => fileItem.url === imageUrl);
       this.props.deleteFile(fileItemIndex, type);
@@ -106,9 +94,7 @@ class PCFilesPreviewer extends _react.default.Component {
       });
     };
     this.onSelectFiles = name => {
-      const {
-        selectedFilesList
-      } = this.state;
+      const selectedFilesList = this.state.selectedFilesList;
       let filesList = selectedFilesList.slice(0);
       const selectedFileIndex = selectedFilesList.indexOf(name);
       if (selectedFileIndex > -1) {
@@ -121,12 +107,8 @@ class PCFilesPreviewer extends _react.default.Component {
       });
     };
     this.onSelectAllFiles = () => {
-      const {
-        value
-      } = this.props;
-      const {
-        selectedFilesList
-      } = this.state;
+      const value = this.props.value;
+      const selectedFilesList = this.state.selectedFilesList;
       if (value.length === 0) return;
       let allFilesList = selectedFilesList.slice(0);
       value.map(item => {
@@ -146,12 +128,8 @@ class PCFilesPreviewer extends _react.default.Component {
       });
     };
     this.onDownloadAllSelectedFiles = () => {
-      const {
-        config
-      } = this.props;
-      const {
-        selectedFilesList
-      } = this.state;
+      const config = this.props.config;
+      const selectedFilesList = this.state.selectedFilesList;
       if (selectedFilesList.length === 0) return;
       this.props.getDownLoadFiles(selectedFilesList, downloadFilesUrlList => {
         if (downloadFilesUrlList.length > 0) {
@@ -161,22 +139,18 @@ class PCFilesPreviewer extends _react.default.Component {
       });
     };
     this.onDeleteAllSelectedFiles = () => {
-      const {
-        selectedFilesList
-      } = this.state;
+      const selectedFilesList = this.state.selectedFilesList;
       this.props.deleteFiles(selectedFilesList);
       this.onChangeSelectMultipleFiles(false);
     };
     this.renderFilesOperation = () => {
-      const {
-        value,
-        deleteFiles,
-        getDownLoadFiles
-      } = this.props;
-      const {
-        isSelectMultipleFiles,
-        selectedFilesList
-      } = this.state;
+      const _this$props = this.props,
+        value = _this$props.value,
+        deleteFiles = _this$props.deleteFiles,
+        getDownLoadFiles = _this$props.getDownLoadFiles;
+      const _this$state = this.state,
+        isSelectMultipleFiles = _this$state.isSelectMultipleFiles,
+        selectedFilesList = _this$state.selectedFilesList;
       if (value.length === 0) return null;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "dtable-ui-file-editor-operation-content",
@@ -225,14 +199,12 @@ class PCFilesPreviewer extends _react.default.Component {
     }
   }
   render() {
-    let {
-      value,
-      getDownLoadFiles
-    } = this.props;
-    const {
-      isSelectMultipleFiles,
-      selectedFilesList
-    } = this.state;
+    let _this$props2 = this.props,
+      value = _this$props2.value,
+      getDownLoadFiles = _this$props2.getDownLoadFiles;
+    const _this$state2 = this.state,
+      isSelectMultipleFiles = _this$state2.isSelectMultipleFiles,
+      selectedFilesList = _this$state2.selectedFilesList;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-file-editor-previewer",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/lib/FileEditor/index.js

@@ -16,9 +16,7 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["isMobile"];
 const FileEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-      isMobile
-    } = _ref,
+  let isMobile = _ref.isMobile,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
     ref: ref

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

@@ -1,11 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _ActivityIndicator = _interopRequireDefault(require("../../ActivityIndicator"));
 var _MobileFullScreenPage = _interopRequireDefault(require("../../MobileFullScreenPage"));
@@ -16,28 +17,35 @@ var _utils = require("../../utils/utils");
 var _lang = require("../../lang");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const {
-  Header,
-  Body
-} = _MobileFullScreenPage.default;
+const Header = _MobileFullScreenPage.default.Header,
+  Body = _MobileFullScreenPage.default.Body;
 const MBFileEditor = _ref => {
-  let {
-    value: oldValue,
-    column,
-    config,
-    onToggle,
-    onCommit,
-    uploadFile
-  } = _ref;
-  const [value, setValue] = (0, _react.useState)(oldValue || []);
-  const [isShowEditor, setShowEditor] = (0, _react.useState)(false);
-  const [uploadLocalFiles, setUploadLocalFiles] = (0, _react.useState)([]);
-  const [isUploading, setUploading] = (0, _react.useState)(false);
+  let oldValue = _ref.value,
+    column = _ref.column,
+    config = _ref.config,
+    onToggle = _ref.onToggle,
+    onCommit = _ref.onCommit,
+    uploadFile = _ref.uploadFile;
+  const _useState = (0, _react.useState)(oldValue || []),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  const _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isShowEditor = _useState4[0],
+    setShowEditor = _useState4[1];
+  const _useState5 = (0, _react.useState)([]),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    uploadLocalFiles = _useState6[0],
+    setUploadLocalFiles = _useState6[1];
+  const _useState7 = (0, _react.useState)(false),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    isUploading = _useState8[0],
+    setUploading = _useState8[1];
   const uploadingFilesCount = (0, _react.useRef)(0);
   const uploadedFilesCount = (0, _react.useRef)(0);
-  const {
-    mediaUrl
-  } = config || {};
+  const _ref2 = config || {},
+    mediaUrl = _ref2.mediaUrl;
   const resetFileValue = (0, _react.useCallback)(() => {
     setUploadLocalFiles([]);
   }, []);

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

@@ -25,9 +25,7 @@ class AdditionPreviewer extends _react.default.Component {
     };
   }
   render() {
-    let {
-      activeTab
-    } = this.state;
+    let activeTab = this.state.activeTab;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-image-addition-container",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

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

@@ -36,9 +36,7 @@ class LocalFileAddition extends _react.default.Component {
     };
     this.onFileUploadSuccess = fileMessage => {
       this.hideDeleteIcon();
-      let {
-        thumbnailSrcList
-      } = this.state;
+      let thumbnailSrcList = this.state.thumbnailSrcList;
       const findUploadFileIndex = this.findUploadFileIndex(fileMessage);
       thumbnailSrcList.splice(findUploadFileIndex, 1, fileMessage);
       if (thumbnailSrcList.every(fileItem => !fileItem.isUploading)) {
@@ -49,9 +47,7 @@ class LocalFileAddition extends _react.default.Component {
       this.props.fileUploadCompleted(fileMessage);
     };
     this.onFileUploadProgress = fileMessage => {
-      let {
-        thumbnailSrcList
-      } = this.state;
+      let thumbnailSrcList = this.state.thumbnailSrcList;
       const findUploadFileIndex = this.findUploadFileIndex(fileMessage);
       thumbnailSrcList.splice(findUploadFileIndex, 1, fileMessage);
       this.setState({
@@ -59,9 +55,7 @@ class LocalFileAddition extends _react.default.Component {
       });
     };
     this.onFileUploadFailed = fileMessage => {
-      let {
-        thumbnailSrcList
-      } = this.state;
+      let thumbnailSrcList = this.state.thumbnailSrcList;
       const findUploadFileIndex = this.findUploadFileIndex(fileMessage);
       thumbnailSrcList.splice(findUploadFileIndex, 1, fileMessage);
       this.setState({
@@ -69,9 +63,7 @@ class LocalFileAddition extends _react.default.Component {
       });
     };
     this.findUploadFileIndex = uploadFileMessage => {
-      let {
-        thumbnailSrcList
-      } = this.state;
+      let thumbnailSrcList = this.state.thumbnailSrcList;
       let uploadFileIndex = thumbnailSrcList.findIndex(item => item.name === uploadFileMessage.file.name);
       return uploadFileIndex;
     };
@@ -105,9 +97,7 @@ class LocalFileAddition extends _react.default.Component {
       });
     };
     this.renderMultipleFilesArr = () => {
-      let {
-        thumbnailSrcList
-      } = this.state;
+      let thumbnailSrcList = this.state.thumbnailSrcList;
       let fileArr = [];
       if (Array.isArray(this.props.uploadLocalFileValue)) {
         let uploadedFileList = this.renderUploadedFile();
@@ -163,15 +153,13 @@ class LocalFileAddition extends _react.default.Component {
       return fileArr;
     };
     this.renderUploadedFile = () => {
-      const {
-        config,
-        uploadLocalFileValue
-      } = this.props;
+      const _this$props = this.props,
+        config = _this$props.config,
+        uploadLocalFileValue = _this$props.uploadLocalFileValue;
       let uploadedFileList = [];
       uploadedFileList = uploadLocalFileValue.length > 0 && uploadLocalFileValue.map((fileItem, index) => {
-        let {
-          fileIconUrl
-        } = (0, _url.getFileThumbnailInfo)(fileItem, config);
+        let _getFileThumbnailInfo = (0, _url.getFileThumbnailInfo)(fileItem, config),
+          fileIconUrl = _getFileThumbnailInfo.fileIconUrl;
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "dtable-ui-image-wrapper",
           id: "file-content-tip-".concat(index),
@@ -203,9 +191,7 @@ class LocalFileAddition extends _react.default.Component {
       return uploadedFileList;
     };
     this.renderUploadFileWrapper = fileArr => {
-      let {
-        isFileTipShow
-      } = this.state;
+      let isFileTipShow = this.state.isFileTipShow;
       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' : ''),

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

@@ -27,10 +27,9 @@ class PCFileEditor extends _react.default.Component {
       return this.state.value;
     };
     this.getEditorView = () => {
-      const {
-        isInModal,
-        value
-      } = this.props;
+      const _this$props = this.props,
+        isInModal = _this$props.isInModal,
+        value = _this$props.value;
       return !value || value.length === 0 || isInModal ? _constants.FILE_EDITOR_STATUS.ADDITION : _constants.FILE_EDITOR_STATUS.PREVIEWER;
     };
     this.deleteImage = function (index) {
@@ -60,10 +59,9 @@ class PCFileEditor extends _react.default.Component {
       e.stopPropagation();
       if (this.state.isOpen && this.state.isUpdated) {
         if (this.state.editorView === _constants.FILE_EDITOR_STATUS.ADDITION) {
-          let {
-            value,
-            uploadLocalFileValue
-          } = this.state;
+          let _this$state = this.state,
+            value = _this$state.value,
+            uploadLocalFileValue = _this$state.uploadLocalFileValue;
           let newValue = value.concat(uploadLocalFileValue);
           this.setState({
             value: newValue
@@ -113,13 +111,11 @@ class PCFileEditor extends _react.default.Component {
     };
     this.addUploadedFile = fileMessageList => {
       const uploadLocalFileValue = [...this.state.uploadLocalFileValue, ...fileMessageList.map(_ref => {
-        let {
-          name,
-          size,
-          type,
-          url,
-          mtime
-        } = _ref;
+        let name = _ref.name,
+          size = _ref.size,
+          type = _ref.type,
+          url = _ref.url,
+          mtime = _ref.mtime;
         return {
           name,
           size,
@@ -134,9 +130,7 @@ class PCFileEditor extends _react.default.Component {
       });
     };
     this.renderHeader = () => {
-      let {
-        editorView
-      } = this.state;
+      let editorView = this.state.editorView;
       // if (this.props.isInModal) {
       //   return (<span>{getLocale('Add_files')}</span>);
       // }
@@ -156,11 +150,10 @@ class PCFileEditor extends _react.default.Component {
       });
     };
     this.showImageListPreviewer = () => {
-      let {
-        value,
-        uploadLocalFileValue,
-        imageLinkValue
-      } = this.state;
+      let _this$state2 = this.state,
+        value = _this$state2.value,
+        uploadLocalFileValue = _this$state2.uploadLocalFileValue,
+        imageLinkValue = _this$state2.imageLinkValue;
       let newValue = value.concat(uploadLocalFileValue, imageLinkValue);
       this.setState({
         value: newValue
@@ -203,10 +196,9 @@ class PCFileEditor extends _react.default.Component {
       let fileItem = newValue[index];
       if (!this.props.renameFile) return;
       this.props.renameFile(fileItem, newName).then(res => {
-        const {
-          name,
-          url
-        } = res.data;
+        const _res$data = res.data,
+          name = _res$data.name,
+          url = _res$data.url;
         fileItem = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, fileItem), {}, {
           name,
           url

package/lib/FileFormatter/index.js

@@ -1,11 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _FileItemFormatter = _interopRequireDefault(require("../FileItemFormatter"));
@@ -14,27 +15,33 @@ var _url = require("../utils/url");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const FileFormatter = _ref => {
-  let {
-    isSample = false,
-    value = [],
-    containerClassName = '',
-    renderItem,
-    isSupportOpenFile = false,
-    onOpenFile,
-    server,
-    workspaceID,
-    dtableUuid,
-    downloadImage
-  } = _ref;
-  const [largeImageIndex, setLargeImageIndex] = (0, _react.useState)(-1);
-  const [fileImageUrlList, setFileImageUrlList] = (0, _react.useState)([]);
+  let _ref$isSample = _ref.isSample,
+    isSample = _ref$isSample === void 0 ? false : _ref$isSample,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [] : _ref$value,
+    _ref$containerClassNa = _ref.containerClassName,
+    containerClassName = _ref$containerClassNa === void 0 ? '' : _ref$containerClassNa,
+    renderItem = _ref.renderItem,
+    _ref$isSupportOpenFil = _ref.isSupportOpenFile,
+    isSupportOpenFile = _ref$isSupportOpenFil === void 0 ? false : _ref$isSupportOpenFil,
+    onOpenFile = _ref.onOpenFile,
+    server = _ref.server,
+    workspaceID = _ref.workspaceID,
+    dtableUuid = _ref.dtableUuid,
+    downloadImage = _ref.downloadImage;
+  const _useState = (0, _react.useState)(-1),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    largeImageIndex = _useState2[0],
+    setLargeImageIndex = _useState2[1];
+  const _useState3 = (0, _react.useState)([]),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    fileImageUrlList = _useState4[0],
+    setFileImageUrlList = _useState4[1];
   const getFileItemImageUrlList = (0, _react.useCallback)(value => {
     let newFileImageUrlList = [];
     value.forEach(fileItem => {
-      const {
-        url,
-        name
-      } = fileItem;
+      const url = fileItem.url,
+        name = fileItem.name;
       let assetFileIndex = typeof url === 'string' ? url.indexOf('/asset') : -1;
       if (assetFileIndex > -1) {
         const isImage = (0, _url.imageCheck)(name);

package/lib/FileItemFormatter/index.js

@@ -9,15 +9,12 @@ var _react = _interopRequireDefault(require("react"));
 var _url = require("../utils/url");
 var _jsxRuntime = require("react/jsx-runtime");
 const FileItemFormatter = _ref => {
-  let {
-    file,
-    config,
-    openFile
-  } = _ref;
-  const {
-    fileIconUrl,
-    isImage
-  } = (0, _url.getFileThumbnailInfo)(file, config);
+  let file = _ref.file,
+    config = _ref.config,
+    openFile = _ref.openFile;
+  const _getFileThumbnailInfo = (0, _url.getFileThumbnailInfo)(file, config),
+    fileIconUrl = _getFileThumbnailInfo.fileIconUrl,
+    isImage = _getFileThumbnailInfo.isImage;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
     onClick: () => openFile && openFile(file),
     className: "file-item-icon ".concat(isImage ? 'img' : ''),