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

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

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

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

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

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

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

package/lib/FileEditor/index.js

@@ -16,7 +16,9 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["isMobile"];
 const FileEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let isMobile = _ref.isMobile,
+  let {
+      isMobile
+    } = _ref,
     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,12 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").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"));
@@ -17,35 +16,28 @@ var _utils = require("../../utils/utils");
 var _lang = require("../../lang");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const Header = _MobileFullScreenPage.default.Header,
-  Body = _MobileFullScreenPage.default.Body;
+const {
+  Header,
+  Body
+} = _MobileFullScreenPage.default;
 const MBFileEditor = _ref => {
-  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];
+  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);
   const uploadingFilesCount = (0, _react.useRef)(0);
   const uploadedFilesCount = (0, _react.useRef)(0);
-  const _ref2 = config || {},
-    mediaUrl = _ref2.mediaUrl;
+  const {
+    mediaUrl
+  } = config || {};
   const resetFileValue = (0, _react.useCallback)(() => {
     setUploadLocalFiles([]);
   }, []);

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

@@ -25,7 +25,9 @@ class AdditionPreviewer extends _react.default.Component {
     };
   }
   render() {
-    let activeTab = this.state.activeTab;
+    let {
+      activeTab
+    } = this.state;
     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,7 +36,9 @@ class LocalFileAddition extends _react.default.Component {
     };
     this.onFileUploadSuccess = fileMessage => {
       this.hideDeleteIcon();
-      let thumbnailSrcList = this.state.thumbnailSrcList;
+      let {
+        thumbnailSrcList
+      } = this.state;
       const findUploadFileIndex = this.findUploadFileIndex(fileMessage);
       thumbnailSrcList.splice(findUploadFileIndex, 1, fileMessage);
       if (thumbnailSrcList.every(fileItem => !fileItem.isUploading)) {
@@ -47,7 +49,9 @@ class LocalFileAddition extends _react.default.Component {
       this.props.fileUploadCompleted(fileMessage);
     };
     this.onFileUploadProgress = fileMessage => {
-      let thumbnailSrcList = this.state.thumbnailSrcList;
+      let {
+        thumbnailSrcList
+      } = this.state;
       const findUploadFileIndex = this.findUploadFileIndex(fileMessage);
       thumbnailSrcList.splice(findUploadFileIndex, 1, fileMessage);
       this.setState({
@@ -55,7 +59,9 @@ class LocalFileAddition extends _react.default.Component {
       });
     };
     this.onFileUploadFailed = fileMessage => {
-      let thumbnailSrcList = this.state.thumbnailSrcList;
+      let {
+        thumbnailSrcList
+      } = this.state;
       const findUploadFileIndex = this.findUploadFileIndex(fileMessage);
       thumbnailSrcList.splice(findUploadFileIndex, 1, fileMessage);
       this.setState({
@@ -63,7 +69,9 @@ class LocalFileAddition extends _react.default.Component {
       });
     };
     this.findUploadFileIndex = uploadFileMessage => {
-      let thumbnailSrcList = this.state.thumbnailSrcList;
+      let {
+        thumbnailSrcList
+      } = this.state;
       let uploadFileIndex = thumbnailSrcList.findIndex(item => item.name === uploadFileMessage.file.name);
       return uploadFileIndex;
     };
@@ -97,7 +105,9 @@ class LocalFileAddition extends _react.default.Component {
       });
     };
     this.renderMultipleFilesArr = () => {
-      let thumbnailSrcList = this.state.thumbnailSrcList;
+      let {
+        thumbnailSrcList
+      } = this.state;
       let fileArr = [];
       if (Array.isArray(this.props.uploadLocalFileValue)) {
         let uploadedFileList = this.renderUploadedFile();
@@ -153,13 +163,15 @@ class LocalFileAddition extends _react.default.Component {
       return fileArr;
     };
     this.renderUploadedFile = () => {
-      const _this$props = this.props,
-        config = _this$props.config,
-        uploadLocalFileValue = _this$props.uploadLocalFileValue;
+      const {
+        config,
+        uploadLocalFileValue
+      } = this.props;
       let uploadedFileList = [];
       uploadedFileList = uploadLocalFileValue.length > 0 && uploadLocalFileValue.map((fileItem, index) => {
-        let _getFileThumbnailInfo = (0, _url.getFileThumbnailInfo)(fileItem, config),
-          fileIconUrl = _getFileThumbnailInfo.fileIconUrl;
+        let {
+          fileIconUrl
+        } = (0, _url.getFileThumbnailInfo)(fileItem, config);
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "dtable-ui-image-wrapper",
           id: "file-content-tip-".concat(index),
@@ -191,7 +203,9 @@ class LocalFileAddition extends _react.default.Component {
       return uploadedFileList;
     };
     this.renderUploadFileWrapper = fileArr => {
-      let isFileTipShow = this.state.isFileTipShow;
+      let {
+        isFileTipShow
+      } = this.state;
       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,9 +27,10 @@ class PCFileEditor extends _react.default.Component {
       return this.state.value;
     };
     this.getEditorView = () => {
-      const _this$props = this.props,
-        isInModal = _this$props.isInModal,
-        value = _this$props.value;
+      const {
+        isInModal,
+        value
+      } = this.props;
       return !value || value.length === 0 || isInModal ? _constants.FILE_EDITOR_STATUS.ADDITION : _constants.FILE_EDITOR_STATUS.PREVIEWER;
     };
     this.deleteImage = function (index) {
@@ -59,9 +60,10 @@ 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 _this$state = this.state,
-            value = _this$state.value,
-            uploadLocalFileValue = _this$state.uploadLocalFileValue;
+          let {
+            value,
+            uploadLocalFileValue
+          } = this.state;
           let newValue = value.concat(uploadLocalFileValue);
           this.setState({
             value: newValue
@@ -111,11 +113,13 @@ class PCFileEditor extends _react.default.Component {
     };
     this.addUploadedFile = fileMessageList => {
       const uploadLocalFileValue = [...this.state.uploadLocalFileValue, ...fileMessageList.map(_ref => {
-        let name = _ref.name,
-          size = _ref.size,
-          type = _ref.type,
-          url = _ref.url,
-          mtime = _ref.mtime;
+        let {
+          name,
+          size,
+          type,
+          url,
+          mtime
+        } = _ref;
         return {
           name,
           size,
@@ -130,7 +134,9 @@ class PCFileEditor extends _react.default.Component {
       });
     };
     this.renderHeader = () => {
-      let editorView = this.state.editorView;
+      let {
+        editorView
+      } = this.state;
       // if (this.props.isInModal) {
       //   return (<span>{getLocale('Add_files')}</span>);
       // }
@@ -150,10 +156,11 @@ class PCFileEditor extends _react.default.Component {
       });
     };
     this.showImageListPreviewer = () => {
-      let _this$state2 = this.state,
-        value = _this$state2.value,
-        uploadLocalFileValue = _this$state2.uploadLocalFileValue,
-        imageLinkValue = _this$state2.imageLinkValue;
+      let {
+        value,
+        uploadLocalFileValue,
+        imageLinkValue
+      } = this.state;
       let newValue = value.concat(uploadLocalFileValue, imageLinkValue);
       this.setState({
         value: newValue
@@ -196,9 +203,10 @@ class PCFileEditor extends _react.default.Component {
       let fileItem = newValue[index];
       if (!this.props.renameFile) return;
       this.props.renameFile(fileItem, newName).then(res => {
-        const _res$data = res.data,
-          name = _res$data.name,
-          url = _res$data.url;
+        const {
+          name,
+          url
+        } = res.data;
         fileItem = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, fileItem), {}, {
           name,
           url

package/lib/FileFormatter/index.js

@@ -1,12 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").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"));
@@ -15,33 +14,27 @@ var _url = require("../utils/url");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const FileFormatter = _ref => {
-  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];
+  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)([]);
   const getFileItemImageUrlList = (0, _react.useCallback)(value => {
     let newFileImageUrlList = [];
     value.forEach(fileItem => {
-      const url = fileItem.url,
-        name = fileItem.name;
+      const {
+        url,
+        name
+      } = fileItem;
       let assetFileIndex = typeof url === 'string' ? url.indexOf('/asset') : -1;
       if (assetFileIndex > -1) {
         const isImage = (0, _url.imageCheck)(name);

package/lib/FileItemFormatter/index.js

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