dtable-ui-component 6.0.29-beta10 → 6.0.29-beta2

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

@@ -1,276 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _url = require("../../../utils/url");
-var _utils = require("../../../utils/utils");
-var _constants = require("../../../constants");
-var _lang = require("../../../lang");
-var _ImagePreviewerLightbox = _interopRequireDefault(require("../../../ImagePreviewerLightbox"));
-var _DTableCommonAddTool = _interopRequireDefault(require("../../../DTableCommonAddTool"));
-var _filePreviewer = _interopRequireDefault(require("./file-previewer"));
-class PCFilesPreviewer extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    this.getFileItemImageUrlList = value => {
-      this.setState({
-        fileImageUrlList: (0, _url.getValidFileImageUrls)(value)
-      });
-    };
-    this.showLargeImage = itemUrl => {
-      let {
-        fileImageUrlList
-      } = this.state;
-      this.setState({
-        isShowLargeImage: true,
-        largeImageIndex: fileImageUrlList.indexOf(itemUrl)
-      });
-    };
-    this.moveNext = () => {
-      let {
-        fileImageUrlList
-      } = this.state;
-      this.setState(prevState => ({
-        largeImageIndex: (prevState.largeImageIndex + 1) % fileImageUrlList.length
-      }));
-    };
-    this.movePrev = () => {
-      let {
-        fileImageUrlList
-      } = this.state;
-      this.setState(prevState => ({
-        largeImageIndex: (prevState.largeImageIndex + fileImageUrlList.length - 1) % fileImageUrlList.length
-      }));
-    };
-    this.hideLargeImage = () => {
-      this.setState({
-        isShowLargeImage: false,
-        largeImageIndex: -1
-      });
-    };
-    this.downloadImage = imageItemUrl => {
-      const {
-        value
-      } = this.props;
-      const file = value.find(v => v.url === imageItemUrl);
-      if (!file) return;
-      this.props.getDownLoadFiles([file], _ref => {
-        let [dFile] = _ref;
-        dFile && (0, _utils.downloadFile)(dFile);
-      });
-    };
-    this.onRotateImage = (imageIndex, degree) => {
-      let {
-        fileImageUrlList
-      } = this.state;
-      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 imageUrl = fileImageUrlList[index];
-      let fileItemIndex = value.findIndex(fileItem => fileItem.url === imageUrl);
-      this.props.deleteFile(fileItemIndex, type);
-      if (index > fileImageUrlList.length - 2) {
-        if (fileImageUrlList.length - 2 < 0) {
-          this.hideLargeImage();
-        } else {
-          this.setState({
-            largeImageIndex: 0
-          });
-        }
-      }
-    };
-    this.togglePreviewer = () => {
-      this.props.togglePreviewer(_constants.FILE_EDITOR_STATUS.ADDITION);
-      this.props.resetFileValue();
-    };
-    this.freezeItem = () => {
-      this.setState({
-        isItemFreezed: true
-      });
-    };
-    this.unFreezeItem = () => {
-      this.setState({
-        isItemFreezed: false
-      });
-    };
-    this.onSelectFiles = name => {
-      const {
-        selectedFilesList
-      } = this.state;
-      let filesList = selectedFilesList.slice(0);
-      const selectedFileIndex = selectedFilesList.indexOf(name);
-      if (selectedFileIndex > -1) {
-        filesList.splice(selectedFileIndex, 1);
-      } else {
-        filesList.push(name);
-      }
-      this.setState({
-        selectedFilesList: filesList
-      });
-    };
-    this.onSelectAllFiles = () => {
-      const {
-        value
-      } = this.props;
-      const {
-        selectedFilesList
-      } = this.state;
-      if (value.length === 0) return;
-      let allFilesList = selectedFilesList.slice(0);
-      value.map(item => {
-        if (selectedFilesList.indexOf(item.name) === -1) {
-          allFilesList.push(item.name);
-        }
-        return null;
-      });
-      this.setState({
-        selectedFilesList: allFilesList
-      });
-    };
-    this.onChangeSelectMultipleFiles = state => {
-      this.setState({
-        isSelectMultipleFiles: state,
-        selectedFilesList: []
-      });
-    };
-    this.onDownloadAllSelectedFiles = () => {
-      const {
-        config
-      } = this.props;
-      const {
-        selectedFilesList
-      } = this.state;
-      if (selectedFilesList.length === 0) return;
-      this.props.getDownLoadFiles(selectedFilesList, downloadFilesUrlList => {
-        if (downloadFilesUrlList.length > 0) {
-          (0, _utils.downloadFiles)(downloadFilesUrlList, config);
-        }
-        this.onChangeSelectMultipleFiles(false);
-      });
-    };
-    this.onDeleteAllSelectedFiles = () => {
-      const {
-        selectedFilesList
-      } = this.state;
-      this.props.deleteFiles(selectedFilesList);
-      this.onChangeSelectMultipleFiles(false);
-    };
-    this.renderFilesOperation = () => {
-      const {
-        value,
-        deleteFiles,
-        getDownLoadFiles
-      } = this.props;
-      const {
-        isSelectMultipleFiles,
-        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'))));
-    };
-    this.state = {
-      isShowRename: false,
-      value: props.value,
-      isItemFreezed: false,
-      isShowLargeImage: false,
-      isSelectMultipleFiles: false,
-      fileImageUrlList: [],
-      selectedFilesList: [],
-      largeImageIndex: -1
-    };
-  }
-  componentDidMount() {
-    this.getFileItemImageUrlList(this.props.value);
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (JSON.stringify(this.props.value) !== JSON.stringify(nextProps.value)) {
-      this.getFileItemImageUrlList(nextProps.value);
-    }
-  }
-  render() {
-    let {
-      value,
-      getDownLoadFiles
-    } = this.props;
-    const {
-      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')
-    }));
-  }
-}
-var _default = exports.default = PCFilesPreviewer;

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

@@ -1,10 +0,0 @@
-
-.dtable-ui-mobile-file-editor .dtable-ui-file-editor-previewer .dtable-ui-file-editor-previewer-add-btn {
-  margin-top: 20px;
-  border-bottom: 1px solid #dedede;
-}
-  
-.dtable-ui-mobile-file-editor .dtable-ui-file-editor-previewer .dtable-ui-file-editor-previewer-add-btn:hover {
-  background-color: #fff;
-}
-

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

@@ -1,136 +0,0 @@
-"use strict";
-
-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 _activityIndicator = _interopRequireDefault(require("antd-mobile/lib/activity-indicator"));
-var _react = _interopRequireWildcard(require("react"));
-var _MobileFullScreenPage = _interopRequireDefault(require("../../MobileFullScreenPage"));
-var _filesPreviewer = _interopRequireDefault(require("../files-previewer"));
-var _MobileUpload = _interopRequireDefault(require("../../MobileUpload"));
-var _toaster = _interopRequireDefault(require("../../toaster"));
-var _utils = require("../../utils/utils");
-var _lang = require("../../lang");
-require("./index.css");
-const {
-  Header,
-  Body
-} = _MobileFullScreenPage.default;
-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);
-  const uploadingFilesCount = (0, _react.useRef)(0);
-  const uploadedFilesCount = (0, _react.useRef)(0);
-  const {
-    mediaUrl
-  } = config || {};
-  const resetFileValue = (0, _react.useCallback)(() => {
-    setUploadLocalFiles([]);
-  }, []);
-  const openEditor = (0, _react.useCallback)(() => {
-    setShowEditor(true);
-  }, []);
-  const closeEditor = (0, _react.useCallback)(() => {
-    setShowEditor(false);
-  }, []);
-  const deleteFile = (0, _react.useCallback)(file => {
-    const newValue = value.slice(0);
-    const fileIndex = value.fileIndex(v => v.url === file.url);
-    newValue.splice(fileIndex, 1);
-    setValue(newValue);
-    onCommit(newValue);
-  }, [value, onCommit]);
-  const onChange = (0, _react.useCallback)(() => {
-    const newValue = value.concat(uploadLocalFiles);
-    setValue(newValue);
-    onCommit(newValue);
-    setShowEditor(false);
-  }, [value, uploadLocalFiles, onCommit]);
-  const uploadImage = (0, _react.useCallback)(file => {
-    uploadFile(file).then(res => {
-      const fileInfo = res;
-      const newUploadLocalImages = uploadLocalFiles.slice(0);
-      newUploadLocalImages.push(fileInfo);
-      setUploadLocalFiles(newUploadLocalImages);
-      uploadedFilesCount.current = uploadedFilesCount.current + 1;
-    }).catch(error => {
-      let errMsg = (0, _utils.getErrorMsg)(error, true);
-      if (!error.response || error.response.status !== 403) {
-        _toaster.default.danger((0, _lang.getLocale)(errMsg));
-      }
-      uploadedFilesCount.current = uploadedFilesCount.current + 1;
-    });
-  }, [uploadFile, uploadLocalFiles]);
-  const onFilesChange = (0, _react.useCallback)(function () {
-    let files = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    setUploading(true);
-    uploadingFilesCount.current = files.length;
-    uploadedFilesCount.current = 0;
-    for (let i = 0; i < uploadingFilesCount.current; i++) {
-      const file = files[i];
-      const reader = new FileReader();
-      reader.readAsDataURL(file);
-      reader.addEventListener('load', () => {
-        uploadImage(file);
-      }, false);
-      reader.addEventListener('error', () => {
-        const message = (0, _lang.getLocale)('Image_loading_failed');
-        _toaster.default.warning(message);
-        uploadedFilesCount.current = uploadedFilesCount.current + 1;
-      }, false);
-    }
-  }, [uploadImage]);
-  (0, _react.useEffect)(() => {
-    if (uploadingFilesCount.current === uploadedFilesCount.current && uploadedFilesCount.current !== 0) {
-      uploadedFilesCount.current = 0;
-      uploadingFilesCount.current = 0;
-      onChange();
-      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
-  }))));
-};
-var _default = exports.default = MBFileEditor;

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

@@ -1 +0,0 @@
-@import url('../../../ImageEditor/pc-editor/addition-previewer/index.css');

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

@@ -1 +0,0 @@
-@import url('../../../../ImageEditor/pc-editor/addition-previewer/local-image-addition/index.css');

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

@@ -1,5 +0,0 @@
-@import url('../../ImageEditor/pc-editor/index.css');
-
-.dtable-ui-file-editor-container {
-  min-height: 300px;
-}