@douyinfe/semi-foundation 2.1.0-next.0 → 2.1.0

package/lib/cjs/upload/foundation.js

@@ -1,1067 +0,0 @@
-"use strict";
-
-var _endsWithInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/ends-with");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.default = void 0;
-
-var _promise = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/promise"));
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
-
-var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
-
-var _splice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/splice"));
-
-var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
-
-var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
-
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-
-var _url = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/url"));
-
-var _trim = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/trim"));
-
-var _some = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/some"));
-
-var _foundation = _interopRequireDefault(require("../base/foundation"));
-
-var _isPromise = _interopRequireDefault(require("../utils/isPromise"));
-
-var _uuid = require("../utils/uuid");
-
-var _constants = require("./constants");
-
-var _utils = require("./utils");
-
-var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function (resolve) {
-      resolve(value);
-    });
-  }
-
-  return new (P || (P = _promise.default))(function (resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-
-const {
-  FILE_STATUS_UPLOADING,
-  FILE_STATUS_SUCCESS,
-  FILE_STATUS_UPLOAD_FAIL,
-  FILE_STATUS_VALID_FAIL,
-  FILE_STATUS_WAIT_UPLOAD,
-  DRAG_AREA_DEFAULT,
-  DRAG_AREA_LEGAL,
-  TRIGGER_AUTO
-} = _constants.strings;
-
-class UploadFoundation extends _foundation.default {
-  constructor(adapter) {
-    super((0, _assign.default)({}, adapter));
-  }
-
-  destroy() {
-    this.releaseMemory();
-  }
-
-  getError(_ref) {
-    var _context, _context2;
-
-    let {
-      action,
-      xhr,
-      message,
-      fileName
-    } = _ref;
-    const status = xhr ? xhr.status : 0;
-    const msg = message || (0, _concat.default)(_context = (0, _concat.default)(_context2 = "cannot post ".concat(fileName, " to ")).call(_context2, action, ", xhr status: ")).call(_context, status, "'");
-    const err = new Error(msg);
-    err.status = status;
-    err.method = 'post';
-    err.url = action;
-    return err;
-  }
-
-  getBody(xhr) {
-    if (!xhr) {
-      return;
-    }
-
-    const text = xhr.responseText || xhr.response;
-
-    if (!text) {
-      return text;
-    }
-
-    try {
-      return JSON.parse(text);
-    } catch (error) {
-      return text;
-    }
-  }
-
-  checkFileSize(file) {
-    const {
-      size
-    } = file;
-    const {
-      maxSize,
-      minSize
-    } = this.getProps();
-    let isIlligal = false;
-
-    if (size > maxSize * _utils.byteKB || size < minSize * _utils.byteKB) {
-      isIlligal = true;
-    }
-
-    return isIlligal;
-  }
-  /**
-   * 1. 选择文件
-   * 2. transform转换. 添加uid
-   * 3. 检查文件个数是否超出
-   *   若超出，不添加到list中，触发onExceed，中止流程
-   *   若未超出，执行以下流程
-   * 4. 检查文件尺寸，添加尺寸是否合法的标识
-   * 5. 检查uploadTrigger是否为'auto'，若是执行步骤6-8
-   * 6. 遍历文件列表触发上传
-   *    - 对尺寸不合适的不需要触发上传
-   * 7. beforeUpload
-   *    - 对beforeUpload中设为不合法的不需要触发上传
-   * 8. TODO: check
-   * 9. afterUpload
-   *
-   * 1. Select file
-   * 2. transform, add uid
-   * 3. Check whether the number of files exceeds
-   *   If it exceeds, it is not added to the list, trigger onExceed, and abort the process
-   *   If it is not exceeded, execute the following process
-   * 4. check the file size, add the size is legal logo
-   * 5. Check whether the uploadTrigger is'auto ', if so, perform steps 6-8
-   * 6. Traversing the file list triggers upload
-   *    - No need to trigger uploads for inappropriate sizes
-   * 7. beforeUpload
-   *    - no need to trigger upload if beforeUpload is not set to be valid
-   * 8. TODO: check
-   * 9. afterUpload
-   */
-
-
-  handleChange(currentFileList) {
-    const invalidFiles = [];
-    const {
-      limit,
-      transformFile,
-      accept
-    } = this.getProps();
-    const {
-      fileList
-    } = this.getStates();
-    let files = (0, _from.default)(currentFileList); // When the selected file
-
-    if (typeof accept !== 'undefined') {
-      files = (0, _filter.default)(files).call(files, item => {
-        const isValid = this.checkFileFormat(accept, item);
-
-        if (!isValid) {
-          invalidFiles.push(item);
-        }
-
-        return isValid;
-      });
-
-      if (invalidFiles.length !== 0) {
-        this._adapter.notifyAcceptInvalid(invalidFiles);
-      }
-
-      if (files.length === 0) {
-        return;
-      }
-    }
-
-    files = (0, _map.default)(files).call(files, file => {
-      if (transformFile) {
-        file = transformFile(file);
-      }
-
-      if (!file.uid) {
-        file.uid = (0, _uuid.getUuidv4)();
-      }
-
-      if (this.checkFileSize(file)) {
-        file._sizeInvalid = true;
-        file.status = FILE_STATUS_VALID_FAIL;
-
-        this._adapter.notifySizeError(file, fileList);
-      }
-
-      return file;
-    });
-    const total = fileList.length + files.length;
-
-    if (typeof limit !== 'undefined') {
-      // Determine whether the limit is exceeded
-      if (total > limit) {
-        this._adapter.notifyExceed(files);
-
-        if (limit === 1) {
-          // Replace the current file with the last file
-          files = (0, _slice.default)(files).call(files, -1);
-
-          this._adapter.notifyFileSelect(files);
-
-          this._adapter.resetInput();
-
-          this.replaceFileList(files);
-          return;
-        } // If the limit is exceeded, the calculation can add a few more files and continue uploading the remaining files
-
-
-        const restNum = limit - fileList.length;
-        files = (0, _slice.default)(files).call(files, 0, restNum);
-      }
-    }
-
-    this._adapter.notifyFileSelect(files);
-
-    this._adapter.resetInput();
-
-    this.addFilesToList(files);
-  } // Triggered when replacing a single file
-
-
-  handleReplaceChange(currentFileList) {
-    if (currentFileList.length === 0) {
-      return;
-    }
-
-    const {
-      transformFile,
-      uploadTrigger,
-      accept
-    } = this.getProps();
-    const {
-      replaceIdx,
-      fileList
-    } = this.getStates();
-    let newFile = (0, _from.default)(currentFileList).pop();
-
-    if (typeof accept !== 'undefined') {
-      if (!this.checkFileFormat(accept, newFile)) {
-        this._adapter.notifyAcceptInvalid([newFile]);
-
-        return;
-      }
-    }
-
-    if (transformFile) {
-      newFile = transformFile(newFile);
-    }
-
-    if (!newFile.uid) {
-      newFile.uid = (0, _uuid.getUuidv4)();
-    }
-
-    if (this.checkFileSize(newFile)) {
-      newFile._sizeInvalid = true;
-      newFile.status = FILE_STATUS_VALID_FAIL;
-
-      this._adapter.notifySizeError(newFile, fileList);
-    }
-
-    this._adapter.notifyFileSelect([newFile]);
-
-    const newFileItem = this.buildFileItem(newFile, uploadTrigger);
-    const newFileList = [...fileList];
-    (0, _splice.default)(newFileList).call(newFileList, replaceIdx, 1, newFileItem);
-
-    this._adapter.notifyChange({
-      currentFile: newFileItem,
-      fileList: newFileList
-    });
-
-    this._adapter.updateFileList(newFileList, () => {
-      this._adapter.resetReplaceInput();
-
-      this.upload(newFileItem);
-    });
-  }
-
-  buildFileItem(fileInstance, uploadTrigger) {
-    const {
-      _sizeInvalid,
-      status
-    } = fileInstance;
-
-    try {
-      // can't use ... to get rest property on File Object
-      delete fileInstance._sizeInvalid;
-      delete fileInstance.status;
-    } catch (error) {}
-
-    const _file = {
-      status: status ? status : uploadTrigger === TRIGGER_AUTO ? FILE_STATUS_UPLOADING : FILE_STATUS_WAIT_UPLOAD,
-      name: fileInstance.name,
-      size: (0, _utils.getFileSize)(fileInstance.size),
-      uid: fileInstance.uid,
-      percent: 0,
-      fileInstance,
-      url: this._createURL(fileInstance)
-    };
-
-    if (_sizeInvalid) {
-      _file._sizeInvalid = true;
-    } // If it is an image, preview; if it is a pdf, you can jump to
-
-
-    if (this.isImage(fileInstance)) {
-      _file.preview = true;
-    }
-
-    return _file;
-  }
-
-  replaceFileList(files) {
-    const {
-      uploadTrigger
-    } = this.getProps();
-    const currentFiles = (0, _map.default)(files).call(files, item => this.buildFileItem(item, uploadTrigger));
-
-    this._adapter.notifyChange({
-      fileList: currentFiles,
-      currentFile: currentFiles[0]
-    });
-
-    this._adapter.updateFileList(currentFiles, () => {
-      if (uploadTrigger === TRIGGER_AUTO) {
-        this.startUpload(currentFiles);
-      }
-    });
-  }
-
-  addFilesToList(files) {
-    var _context3;
-
-    const fileList = (0, _slice.default)(_context3 = this.getState('fileList')).call(_context3);
-    const {
-      uploadTrigger
-    } = this.getProps();
-    const currentFiles = (0, _map.default)(files).call(files, item => this.buildFileItem(item, uploadTrigger));
-    (0, _forEach.default)(currentFiles).call(currentFiles, file => {
-      const index = (0, _findIndex.default)(fileList).call(fileList, item => item.uid === file.uid);
-
-      if (index !== -1) {
-        fileList[index] = file;
-      } else {
-        fileList.push(file);
-
-        this._adapter.notifyChange({
-          fileList,
-          currentFile: file
-        });
-      }
-    });
-
-    this._adapter.updateFileList(fileList, () => {
-      if (uploadTrigger === TRIGGER_AUTO) {
-        this.startUpload(currentFiles);
-      }
-    });
-  }
-
-  manualUpload() {
-    var _context4;
-
-    // find the list of files that have not been uploaded
-    const waitToUploadFileList = (0, _filter.default)(_context4 = this.getState('fileList')).call(_context4, item => item.status === FILE_STATUS_WAIT_UPLOAD);
-    this.startUpload(waitToUploadFileList);
-  }
-
-  startUpload(fileList) {
-    (0, _forEach.default)(fileList).call(fileList, file => {
-      if (!file._sizeInvalid) {
-        this.upload(file);
-      }
-    });
-  }
-
-  upload(file) {
-    const {
-      beforeUpload
-    } = this.getProps();
-
-    if (typeof beforeUpload === 'undefined') {
-      this.post(file);
-      return;
-    }
-
-    if (typeof beforeUpload === 'function') {
-      const {
-        fileList
-      } = this.getStates();
-
-      const buResult = this._adapter.notifyBeforeUpload({
-        file,
-        fileList
-      });
-
-      switch (true) {
-        // sync valiate - boolean
-        case buResult === true:
-          {
-            this.post(file);
-            break;
-          }
-
-        case buResult === false:
-          {
-            const newResult = {
-              shouldUpload: false,
-              status: _constants.strings.FILE_STATUS_VALID_FAIL
-            };
-            this.handleBeforeUploadResultInObject(newResult, file);
-            break;
-          }
-        // async validate
-
-        case buResult && (0, _isPromise.default)(buResult):
-          {
-            _promise.default.resolve(buResult).then(resloveData => {
-              var _context5;
-
-              let newResult = {
-                shouldUpload: true
-              };
-              const typeOfResloveData = (0, _slice.default)(_context5 = Object.prototype.toString.call(resloveData)).call(_context5, 8, -1);
-
-              if (typeOfResloveData === 'Object') {
-                newResult = (0, _assign.default)((0, _assign.default)({}, newResult), resloveData);
-              }
-
-              this.handleBeforeUploadResultInObject(newResult, file);
-            }, rejectVal => {
-              var _context6;
-
-              let newResult = {
-                shouldUpload: false,
-                status: _constants.strings.FILE_STATUS_VALID_FAIL
-              };
-              const typeOfRejectData = (0, _slice.default)(_context6 = Object.prototype.toString.call(rejectVal)).call(_context6, 8, -1);
-
-              if (typeOfRejectData === 'Object') {
-                newResult = (0, _assign.default)((0, _assign.default)({}, newResult), rejectVal);
-              }
-
-              this.handleBeforeUploadResultInObject(newResult, file);
-            });
-
-            break;
-          }
-        // sync validate - object
-
-        case typeof buResult === 'object':
-          // inject to fileList
-          this.handleBeforeUploadResultInObject(buResult, file);
-          break;
-
-        default:
-          break;
-      }
-    }
-  } // handle beforeUpload result when it's an object
-
-
-  handleBeforeUploadResultInObject(buResult, file) {
-    var _context7;
-
-    const {
-      shouldUpload,
-      status,
-      autoRemove,
-      validateMessage,
-      fileInstance
-    } = buResult;
-    let newFileList = (0, _slice.default)(_context7 = this.getState('fileList')).call(_context7);
-
-    if (autoRemove) {
-      newFileList = (0, _filter.default)(newFileList).call(newFileList, item => item.uid !== file.uid);
-    } else {
-      const index = this._getFileIndex(file, newFileList);
-
-      if (index < 0) {
-        return;
-      }
-
-      status ? newFileList[index].status = status : null;
-      validateMessage ? newFileList[index].validateMessage = validateMessage : null;
-
-      if (fileInstance) {
-        fileInstance.uid = file.uid; // reuse recent file uid
-
-        newFileList[index].fileInstance = fileInstance;
-        newFileList[index].size = (0, _utils.getFileSize)(fileInstance.size);
-        newFileList[index].name = fileInstance.name;
-      }
-
-      newFileList[index].shouldUpload = shouldUpload;
-    }
-
-    this._adapter.updateFileList(newFileList);
-
-    this._adapter.notifyChange({
-      fileList: newFileList,
-      currentFile: file
-    });
-
-    if (shouldUpload) {
-      this.post(file);
-    }
-  }
-
-  post(file) {
-    const {
-      fileInstance
-    } = file;
-    const option = this.getProps();
-
-    if (typeof XMLHttpRequest === 'undefined') {
-      return;
-    }
-
-    const xhr = new XMLHttpRequest();
-    const formData = new FormData();
-    const {
-      action
-    } = option; // add data
-
-    let {
-      data
-    } = option;
-
-    if (data) {
-      var _context8;
-
-      if (typeof data === 'function') {
-        data = data(fileInstance);
-      }
-
-      (0, _forEach.default)(_context8 = (0, _keys.default)(data)).call(_context8, key => {
-        formData.append(key, data[key]);
-      });
-    } // add file
-
-
-    const fileName = option.name || option.fileName || fileInstance.name;
-
-    if (option.customRequest) {
-      return option.customRequest({
-        fileName,
-        data,
-        file,
-        fileInstance,
-        onProgress: e => this.handleProgress({
-          e,
-          fileInstance
-        }),
-        onError: (userXhr, e) => this.handleError({
-          e,
-          xhr: userXhr,
-          fileInstance
-        }),
-        onSuccess: (response, e) => this.handleSuccess({
-          response,
-          fileInstance,
-          e,
-          isCustomRequest: true
-        }),
-        withCredentials: option.withCredentials,
-        action: option.action
-      });
-    }
-
-    formData.append(fileName, fileInstance);
-    xhr.open('post', action, true);
-
-    if (option.withCredentials && 'withCredentials' in xhr) {
-      xhr.withCredentials = true;
-    }
-
-    if (xhr.upload) {
-      xhr.upload.onprogress = e => this.handleProgress({
-        e,
-        fileInstance
-      });
-    } // Callback function after upload is completed
-
-
-    xhr.onload = e => this.handleOnLoad({
-      e,
-      xhr,
-      fileInstance
-    });
-
-    xhr.onerror = e => this.handleError({
-      e,
-      xhr,
-      fileInstance
-    }); // add headers
-
-
-    let headers = option.headers || {};
-
-    if (typeof headers === 'function') {
-      headers = headers(fileInstance);
-    }
-
-    for (const item in headers) {
-      if (Object.prototype.hasOwnProperty.call(headers, item) && headers[item] !== null) {
-        xhr.setRequestHeader(item, headers[item]);
-      }
-    }
-
-    xhr.send(formData);
-  }
-
-  handleProgress(_ref2) {
-    let {
-      e,
-      fileInstance
-    } = _ref2;
-    const {
-      fileList
-    } = this.getStates();
-    const newFileList = (0, _slice.default)(fileList).call(fileList);
-    let percent = 0;
-
-    if (e.total > 0) {
-      percent = Number((e.loaded / e.total * 100 * _constants.numbers.PROGRESS_COEFFICIENT).toFixed(0)) || 0;
-    }
-
-    const index = this._getFileIndex(fileInstance, newFileList);
-
-    if (index < 0) {
-      return;
-    }
-
-    newFileList[index].percent = percent;
-    newFileList[index].status = FILE_STATUS_UPLOADING;
-
-    this._adapter.notifyProgress(percent, fileInstance, newFileList);
-
-    this._adapter.updateFileList(newFileList);
-
-    this._adapter.notifyChange({
-      fileList: newFileList,
-      currentFile: newFileList[index]
-    });
-  }
-
-  handleOnLoad(_ref3) {
-    let {
-      e,
-      xhr,
-      fileInstance
-    } = _ref3;
-    const {
-      fileList
-    } = this.getStates();
-
-    const index = this._getFileIndex(fileInstance, fileList);
-
-    if (index < 0) {
-      return;
-    }
-
-    if (xhr.status < 200 || xhr.status >= 300) {
-      this.handleError({
-        e,
-        xhr,
-        fileInstance
-      });
-    } else {
-      this.handleSuccess({
-        e,
-        xhr,
-        fileInstance,
-        index
-      });
-    }
-  }
-
-  handleSuccess(_ref4) {
-    let {
-      e,
-      fileInstance,
-      isCustomRequest = false,
-      xhr,
-      response
-    } = _ref4;
-    const {
-      fileList
-    } = this.getStates();
-    let body = null;
-
-    const index = this._getFileIndex(fileInstance, fileList);
-
-    if (index < 0) {
-      return;
-    }
-
-    if (isCustomRequest) {
-      // use when pass customRequest
-      body = response;
-    } else {
-      body = this.getBody(xhr);
-    }
-
-    const newFileList = (0, _slice.default)(fileList).call(fileList);
-    const {
-      afterUpload
-    } = this.getProps();
-    newFileList[index].status = FILE_STATUS_SUCCESS;
-    newFileList[index].percent = 100;
-
-    this._adapter.notifyProgress(100, fileInstance, newFileList);
-
-    newFileList[index].response = body;
-    e ? newFileList[index].event = e : null;
-
-    if (afterUpload && typeof afterUpload === 'function') {
-      const {
-        autoRemove,
-        status,
-        validateMessage,
-        name
-      } = this._adapter.notifyAfterUpload({
-        response: body,
-        file: newFileList[index],
-        fileList: newFileList
-      }) || {};
-      status ? newFileList[index].status = status : null;
-      validateMessage ? newFileList[index].validateMessage = validateMessage : null;
-      name ? newFileList[index].name = name : null;
-      autoRemove ? (0, _splice.default)(newFileList).call(newFileList, index, 1) : null;
-    }
-
-    this._adapter.notifySuccess(body, fileInstance, newFileList);
-
-    this._adapter.notifyChange({
-      fileList: newFileList,
-      currentFile: newFileList[index]
-    });
-
-    this._adapter.updateFileList(newFileList);
-  }
-
-  _getFileIndex(file, fileList) {
-    return (0, _findIndex.default)(fileList).call(fileList, item => item.uid === file.uid);
-  }
-
-  handleRemove(file) {
-    const {
-      disabled
-    } = this.getProps();
-
-    if (disabled) {
-      return;
-    }
-
-    const {
-      fileList
-    } = this.getStates();
-
-    _promise.default.resolve(this._adapter.notifyBeforeRemove(file, fileList)).then(res => {
-      // prevent remove while user return false
-      if (res === false) {
-        return;
-      }
-
-      const newFileList = (0, _slice.default)(fileList).call(fileList);
-
-      const index = this._getFileIndex(file, fileList);
-
-      if (index < 0) {
-        return;
-      }
-
-      (0, _splice.default)(newFileList).call(newFileList, index, 1);
-
-      this._adapter.notifyRemove(file.fileInstance, newFileList, file);
-
-      this._adapter.updateFileList(newFileList);
-
-      this._adapter.notifyChange({
-        fileList: newFileList,
-        currentFile: file
-      });
-    });
-  }
-
-  handleError(_ref5) {
-    let {
-      e,
-      xhr,
-      fileInstance
-    } = _ref5;
-    const {
-      fileList
-    } = this.getStates();
-
-    const index = this._getFileIndex(fileInstance, fileList);
-
-    if (index < 0) {
-      return;
-    }
-
-    const {
-      action
-    } = this.getProps();
-    const newFileList = (0, _slice.default)(fileList).call(fileList);
-    const error = this.getError({
-      action,
-      xhr,
-      fileName: fileInstance.name
-    });
-    newFileList[index].status = FILE_STATUS_UPLOAD_FAIL;
-    newFileList[index].response = error;
-    newFileList[index].event = e;
-
-    this._adapter.notifyError(error, fileInstance, newFileList, xhr);
-
-    this._adapter.updateFileList(newFileList);
-
-    this._adapter.notifyChange({
-      currentFile: newFileList[index],
-      fileList: newFileList
-    });
-  }
-
-  handleClear() {
-    const {
-      disabled
-    } = this.getProps();
-    const {
-      fileList
-    } = this.getStates();
-
-    if (disabled) {
-      return;
-    }
-
-    _promise.default.resolve(this._adapter.notifyBeforeClear(fileList)).then(res => {
-      if (res === false) {
-        return;
-      }
-
-      this._adapter.updateFileList([]);
-
-      this._adapter.notifyClear();
-
-      this._adapter.notifyChange({
-        fileList: []
-      });
-    });
-  }
-
-  _createURL(fileInstance) {
-    // https://stackoverflow.com/questions/31742072/filereader-vs-window-url-createobjecturl
-    const url = _url.default.createObjectURL(fileInstance);
-
-    const {
-      localUrls
-    } = this.getStates();
-    const newUrls = (0, _slice.default)(localUrls).call(localUrls);
-    newUrls.push(url);
-
-    this._adapter.updateLocalUrls(newUrls);
-
-    return url;
-  } // 释放预览文件所占用的内存
-  // Release memory used by preview files
-
-
-  releaseMemory() {
-    const {
-      localUrls
-    } = this.getStates();
-    (0, _forEach.default)(localUrls).call(localUrls, url => {
-      this._releaseBlob(url);
-    });
-  }
-
-  _releaseBlob(url) {
-    try {
-      _url.default.revokeObjectURL(url);
-    } catch (error) {
-      console.log(error);
-    }
-  }
-
-  isImage(file) {
-    return /(webp|svg|png|gif|jpg|jpeg|bmp|dpg)$/i.test(file.type);
-  }
-
-  isMultiple() {
-    return Boolean(this.getProp('multiple'));
-  }
-
-  handleDragEnter(e) {
-    e.preventDefault();
-    e.stopPropagation();
-    this._dragEnterTarget = e.currentTarget;
-    const {
-      disabled
-    } = this.getProps();
-
-    if (!disabled) {
-      this._adapter.updateDragAreaStatus(DRAG_AREA_LEGAL);
-    }
-  }
-
-  handleDirectoryDrop(e) {
-    return __awaiter(this, void 0, void 0, function* () {
-      var _context9;
-
-      const fileList = (0, _slice.default)(_context9 = this.getState('fileList')).call(_context9);
-      const items = (0, _slice.default)([]).call(e.dataTransfer.items);
-      const files = yield (0, _utils.mapFileTree)(items);
-      this.handleChange(files);
-
-      this._adapter.updateDragAreaStatus(DRAG_AREA_DEFAULT);
-
-      this._adapter.notifyDrop(e, files, fileList);
-    });
-  }
-
-  handleDrop(e) {
-    var _context10;
-
-    // Block file opening in browser
-    e.preventDefault();
-    e.stopPropagation();
-    const {
-      disabled,
-      directory
-    } = this.getProps();
-    const fileList = (0, _slice.default)(_context10 = this.getState('fileList')).call(_context10);
-
-    if (!disabled) {
-      if (directory) {
-        this.handleDirectoryDrop(e);
-      }
-
-      const files = (0, _from.default)(e.dataTransfer.files);
-      this.handleChange(files);
-
-      this._adapter.updateDragAreaStatus(DRAG_AREA_DEFAULT);
-
-      this._adapter.notifyDrop(e, files, fileList);
-    }
-  }
-
-  handleDragOver(e) {
-    e.preventDefault();
-    e.stopPropagation();
-  }
-
-  handleDragLeave(e) {
-    e.preventDefault();
-    e.stopPropagation(); // 防止拖拽进入子元素时触发的dragLeave也被处理
-    // Prevent dragLeave triggered when dragging into a child element is also handled
-    // https://stackoverflow.com/questions/7110353/html5-dragleave-fired-when-hovering-a-child-element
-
-    if (this._dragEnterTarget === e.target) {
-      this._adapter.updateDragAreaStatus(DRAG_AREA_DEFAULT);
-    }
-  } // 拖拽上传时，需要对文件的格式进行校验
-  // When dragging and uploading, you need to verify the file format
-
-
-  checkFileFormat(accept, file) {
-    var _context11, _context12;
-
-    const acceptTypes = (0, _filter.default)(_context11 = (0, _map.default)(_context12 = accept.split(',')).call(_context12, type => (0, _trim.default)(type).call(type))).call(_context11, type => type);
-    const mimeType = file.type || ''; // Get the large class to which MIMEtype belongs, eg: image/jpeg = > image, application/= > application
-
-    const baseMimeType = mimeType.replace(/\/.*$/, '');
-    return (0, _some.default)(acceptTypes).call(acceptTypes, type => {
-      // When accepted as a suffix filename such as [.jpeg]
-      if (type.charAt(0) === '.') {
-        const fileName = file.name || '';
-        const acceptExtension = type.split('.').pop().toLowerCase();
-        return (0, _endsWithInstanceProperty(_utils))(fileName.toLowerCase(), acceptExtension);
-      } // When accepted as a general class such as [image/*] or [video/*]
-
-
-      if (/\/\*$/.test(type)) {
-        const acceptBaseMimeType = type.replace(/\/.*$/, '');
-        return baseMimeType === acceptBaseMimeType;
-      } // When accepted as a full MIME types string
-
-
-      if (/^[^\/]+\/[^\/]+$/.test(type)) {
-        return mimeType === type;
-      }
-
-      return false;
-    });
-  }
-
-  retry(fileItem) {
-    const {
-      onRetry
-    } = this.getProps();
-
-    if (onRetry && typeof onRetry === 'function') {
-      onRetry(fileItem);
-    }
-
-    this.post(fileItem);
-  }
-
-  handlePreviewClick(fileItem) {
-    this._adapter.notifyPreviewClick(fileItem);
-  }
-
-}
-
-var _default = UploadFoundation;
-exports.default = _default;