@opentiny/vue-renderless 3.6.0 → 3.6.1-alpha.2

package/upload/index.js

@@ -1,234 +1,176 @@
-import { KEY_CODE } from '@opentiny/vue-renderless/common';
-export var isImage = function isImage(str) {
-  return str.indexOf('image') !== -1;
-};
-export var handleChange = function handleChange(api) {
-  return function (event) {
-    var files = event.target.files;
-    if (!files) {
-      return;
-    }
-    api.uploadFiles(files);
-  };
+import "../chunk-PKUHTIDK.js";
+import { KEY_CODE } from "@opentiny/vue-renderless/common";
+const isImage = (str) => str.includes("image");
+const handleChange = (api) => (event) => {
+  const files = event.target.files;
+  if (!files) {
+    return;
+  }
+  api.uploadFiles(files);
 };
-export var getFormData = function getFormData(_ref) {
-  var constants = _ref.constants,
-    state = _ref.state,
-    parent = _ref.parent,
-    props = _ref.props;
-  return function (_ref2) {
-    var formData = _ref2.formData,
-      file = _ref2.file,
-      type = _ref2.type;
-    formData.append(constants.EDM.FILENAME, file.name);
-    if (parent.edm.isCheckCode === true) {
-      formData.append(constants.EDM.ISCHECKCODE, 'Y');
-      formData.append(constants.EDM.CHECKCODE, file.hash);
-    } else {
-      formData.append(constants.EDM.ISCHECKCODE, 'N');
-    }
-    if (props.isFolder) {
-      formData.append('filePath', file.path);
-    }
-    var updateId = state.updateId || parent.edm.updateId;
-    if (type === constants.EDM.SINGLEUPLOAD) {
-      formData.append(constants.EDM.MULTIPART, file, props.isFolder ? file.path + file.name : file.name);
-      updateId && formData.append(constants.EDM.DOCID, updateId);
-    } else {
-      var docId = updateId || file.docId;
-      formData.append(constants.EDM.DOCID, docId);
-      formData.append(constants.EDM.FILESIZE, file.size);
-    }
-    if (updateId) {
-      formData.append('updateFile', true);
-      state.updateId = '';
-    }
-  };
+const getFormData = ({ constants, state, parent, props }) => ({ formData, file, type }) => {
+  formData.append(constants.EDM.FILENAME, file.name);
+  if (parent.edm.isCheckCode === true) {
+    formData.append(constants.EDM.ISCHECKCODE, "Y");
+    formData.append(constants.EDM.CHECKCODE, file.hash);
+  } else {
+    formData.append(constants.EDM.ISCHECKCODE, "N");
+  }
+  if (props.isFolder) {
+    formData.append("filePath", file.path);
+  }
+  const updateId = state.updateId || parent.edm.updateId;
+  if (type === constants.EDM.SINGLEUPLOAD) {
+    formData.append(constants.EDM.MULTIPART, file, props.isFolder ? file.path + file.name : file.name);
+    updateId && formData.append(constants.EDM.DOCID, updateId);
+  } else {
+    const docId = updateId || file.docId;
+    formData.append(constants.EDM.DOCID, docId);
+    formData.append(constants.EDM.FILESIZE, file.size);
+  }
+  if (updateId) {
+    formData.append("updateFile", true);
+    state.updateId = "";
+  }
 };
-export var uploadFiles = function uploadFiles(_ref3) {
-  var state = _ref3.state,
-    constants = _ref3.constants,
-    Modal = _ref3.Modal,
-    props = _ref3.props,
-    t = _ref3.t;
-  return function (files) {
-    var limit = props.limit,
-      fileList = props.fileList;
-    if (limit) {
-      var fileCount = fileList.length + files.length;
-      if (fileCount > limit) {
-        props.onExceed && props.onExceed(files, fileList);
-        return;
-      } else if (fileCount === limit) {
+const uploadFiles = ({ state, constants, Modal, props, t }) => (files) => {
+  const { limit, fileList } = props;
+  if (limit && fileList.length + files.length > limit) {
+    props.onExceed && props.onExceed(files, fileList);
+    return;
+  }
+  let postFiles = Array.prototype.slice.call(files);
+  if (props.isFolder) {
+    postFiles = postFiles.filter((item) => {
+      const folderAry = item.webkitRelativePath.split("/");
+      item.path = folderAry.slice(0, folderAry.length - 1).join("/") + "/";
+      if (folderAry.length >= 7) {
         Modal.message({
-          message: "".concat(t('ui.upload.limitUploadFileNumber'), "\uFF1A").concat(limit),
-          status: 'info'
+          message: `${item.name}${t(constants.EDM.FOLDERKEY)}`,
+          status: "warning"
         });
       }
+      return folderAry.length < 7;
+    });
+  }
+  if (!props.isFolder) {
+    if (!props.multiple) {
+      postFiles = postFiles.slice(0, 1);
     }
-    var postFiles = Array.prototype.slice.call(files);
-    if (props.isFolder) {
-      postFiles = postFiles.filter(function (item) {
-        var folderAry = item.webkitRelativePath.split('/');
-        item.path = folderAry.slice(0, folderAry.length - 1).join('/') + '/';
-        if (folderAry.length >= 7) {
-          Modal.message({
-            message: "".concat(item.name).concat(t(constants.EDM.FOLDERKEY)),
-            status: 'warning'
-          });
-        }
-        return folderAry.length < 7;
-      });
-    }
-    if (!props.isFolder) {
-      if (!props.multiple) {
-        postFiles = postFiles.slice(0, 1);
-      }
-    }
-    if (postFiles.length === 0) {
-      return;
-    }
-    props.onStart(postFiles, state.updateId);
-  };
+  }
+  if (postFiles.length === 0) {
+    return;
+  }
+  props.onStart(postFiles, state.updateId);
 };
-export var upload = function upload(_ref4) {
-  var api = _ref4.api,
-    props = _ref4.props,
-    refs = _ref4.refs;
-  return function (rawFile) {
-    refs.input.value = null;
-    if (!props.beforeUpload) {
-      return api.post(rawFile);
-    }
-    var previous = props.beforeUpload(rawFile);
-    if (previous && previous.then) {
-      previous.then(function (fileProcessed) {
-        var typeOfFile = Object.prototype.toString.call(fileProcessed);
-        if (typeOfFile === '[object File]' || typeOfFile === '[object Blob]') {
-          if (typeOfFile === '[object Blob]') {
+const upload = ({ api, props, refs }) => (rawFile) => {
+  refs.input.value = null;
+  if (!props.beforeUpload) {
+    return api.post(rawFile);
+  }
+  const previous = props.beforeUpload(rawFile);
+  if (previous && previous.then) {
+    previous.then(
+      (fileProcessed) => {
+        const typeOfFile = Object.prototype.toString.call(fileProcessed);
+        if (typeOfFile === "[object File]" || typeOfFile === "[object Blob]") {
+          if (typeOfFile === "[object Blob]") {
             fileProcessed = new File([fileProcessed], rawFile.name, {
               type: rawFile.type
             });
           }
-          Object.keys(rawFile).forEach(function (p) {
+          Object.keys(rawFile).forEach((p) => {
             fileProcessed[p] = rawFile[p];
           });
           api.post(fileProcessed);
         } else {
           api.post(rawFile);
         }
-      }, function () {
+      },
+      () => {
         props.onRemove(null, rawFile);
-      });
-    } else if (previous !== false) {
-      api.post(rawFile);
-    } else {
-      props.onRemove(null, rawFile);
-    }
-  };
-};
-export var abort = function abort(_ref5) {
-  var state = _ref5.state,
-    props = _ref5.props;
-  return function (file) {
-    var reqs = state.reqs;
-    var cancel = function cancel(uid) {
-      var fn = reqs[uid] && reqs[uid].abort || state.cancelToken[uid];
-      fn && fn();
-      delete reqs[uid];
-      delete state.cancelToken[uid];
-    };
-    if (file && file.isLargeFile && file.cancelToken) {
-      file.cancelToken && file.cancelToken.forEach(function (cancel) {
-        return cancel();
-      });
-      delete file.cancelToken;
-    } else if (file) {
-      var uid = file;
-      if (file.uid) {
-        uid = file.uid;
       }
-      cancel(uid);
-    } else {
-      Object.keys(reqs).forEach(function (uid) {
-        return cancel(uid);
-      });
-      props.fileList.forEach(function (file) {
-        file.cancelToken && file.cancelToken.forEach(function (cancel) {
-          return cancel();
-        });
-        file.status = 'fail';
-      });
-    }
-  };
+    );
+  } else if (previous !== false) {
+    api.post(rawFile);
+  } else {
+    props.onRemove(null, rawFile);
+  }
 };
-var getOptionsOfPost = function getOptionsOfPost(_ref6) {
-  var props = _ref6.props,
-    state = _ref6.state,
-    rawFile = _ref6.rawFile,
-    parent = _ref6.parent,
-    uid = _ref6.uid;
-  return {
-    headers: Object.assign(props.headers, state.headers),
-    withCredentials: props.withCredentials,
-    file: rawFile,
-    data: props.data,
-    filename: props.name,
-    action: parent.action || props.action,
-    onProgress: function onProgress(event) {
-      props.onProgress(event, rawFile);
-    },
-    onSuccess: function onSuccess(res) {
-      props.onSuccess(res, rawFile);
-      delete state.reqs[uid];
-    },
-    onError: function onError(error) {
-      props.onError(error, rawFile);
-      delete state.reqs[uid];
-    }
+const abort = ({ state, props }) => (file) => {
+  const { reqs } = state;
+  const cancel = function(uid) {
+    const fn = reqs[uid] && reqs[uid].abort || state.cancelToken[uid];
+    fn && fn();
+    delete reqs[uid];
+    delete state.cancelToken[uid];
   };
+  if (file && file.isLargeFile && file.cancelToken) {
+    file.cancelToken && file.cancelToken.forEach((cancel2) => cancel2());
+    delete file.cancelToken;
+  } else if (file) {
+    let uid = file;
+    if (file.uid) {
+      uid = file.uid;
+    }
+    cancel(uid);
+  } else {
+    Object.keys(reqs).forEach((uid) => cancel(uid));
+    props.fileList.forEach((file2) => {
+      file2.cancelToken && file2.cancelToken.forEach((cancel2) => cancel2());
+      file2.status = "fail";
+    });
+  }
 };
-var modifyOptionsOfPost = function modifyOptionsOfPost(_ref7) {
-  var service = _ref7.service,
-    props = _ref7.props,
-    options = _ref7.options,
-    rawFile = _ref7.rawFile,
-    state = _ref7.state,
-    uid = _ref7.uid,
-    parent = _ref7.parent,
-    api = _ref7.api,
-    constants = _ref7.constants;
+const getOptionsOfPost = ({ props, state, rawFile, parent, uid }) => ({
+  headers: Object.assign(props.headers, state.headers),
+  withCredentials: props.withCredentials,
+  file: rawFile,
+  data: props.data,
+  filename: props.name,
+  action: parent.action || props.action,
+  onProgress: (event) => {
+    props.onProgress(event, rawFile);
+  },
+  onSuccess: (res) => {
+    props.onSuccess(res, rawFile);
+    delete state.reqs[uid];
+  },
+  onError: (error) => {
+    props.onError(error, rawFile);
+    delete state.reqs[uid];
+  }
+});
+const modifyOptionsOfPost = ({ service, props, options, rawFile, state, uid, parent, api, constants }) => {
   if (service && service.network && props.httpRequest === service.network.request) {
-    options.method = 'post';
+    options.method = "post";
     options.url = options.action;
-    options.onUploadProgress = function (event) {
+    options.onUploadProgress = (event) => {
       props.onProgress(event, rawFile);
     };
     delete options.action;
     delete options.onProgress;
-    var formData = new FormData();
-    var source = service.network.CancelToken.source();
+    const formData = new FormData();
+    const source = service.network.CancelToken.source();
     options.cancelToken = source.token;
     state.cancelToken[uid] = source.cancel;
     if (parent.edm.upload) {
-      !rawFile.isLargeFile && (options.method = 'put');
+      !rawFile.isLargeFile && (options.method = "put");
       options.data = options.data || {};
     }
     if (options.data) {
-      Object.keys(options.data).forEach(function (key) {
+      Object.keys(options.data).forEach((key) => {
         formData.append(key, options.data[key]);
       });
     }
     if (Array.isArray(rawFile)) {
-      rawFile.forEach(function (file) {
-        return formData.append(file.name, file.raw || file);
-      });
+      rawFile.forEach((file) => formData.append(file.name, file.raw || file));
     } else {
       if (state.isEdm) {
         api.getFormData({
-          formData: formData,
+          formData,
           file: rawFile,
-          type: !rawFile.isLargeFile ? constants.EDM.SINGLEUPLOAD : ''
+          type: !rawFile.isLargeFile ? constants.EDM.SINGLEUPLOAD : ""
         });
       } else {
         formData.append(options.filename, rawFile, rawFile.name);
@@ -237,97 +179,80 @@ var modifyOptionsOfPost = function modifyOptionsOfPost(_ref7) {
     options.data = formData;
   }
 };
-export var post = function post(_ref8) {
-  var api = _ref8.api,
-    constants = _ref8.constants,
-    parent = _ref8.parent,
-    props = _ref8.props,
-    state = _ref8.state,
-    service = _ref8.service;
-  return function (rawFile) {
-    var uid = rawFile.uid;
-    var options = getOptionsOfPost({
-      props: props,
-      state: state,
-      rawFile: rawFile,
-      parent: parent,
-      uid: uid
-    });
-    modifyOptionsOfPost({
-      service: service,
-      props: props,
-      options: options,
-      rawFile: rawFile,
-      state: state,
-      uid: uid,
-      parent: parent,
-      api: api,
-      constants: constants
-    });
-    var excuteReq = function excuteReq(options) {
-      var req = props.httpRequest(options);
-      state.reqs[uid] = req;
-      if (req && req.then) {
-        req.then(options.onSuccess, options.onError);
-      }
-    };
-    if (rawFile.isLargeFile) {
-      service.common.getChunkMergeUrl().then(function (url) {
-        options.url = url;
-        excuteReq(options);
-      });
-    } else {
-      excuteReq(options);
+const post = ({ api, constants, parent, props, state, service }) => (rawFile) => {
+  const { uid } = rawFile;
+  let options = getOptionsOfPost({ props, state, rawFile, parent, uid });
+  modifyOptionsOfPost({
+    service,
+    props,
+    options,
+    rawFile,
+    state,
+    uid,
+    parent,
+    api,
+    constants
+  });
+  const excuteReq = (options2) => {
+    const req = props.httpRequest(options2);
+    state.reqs[uid] = req;
+    if (req && req.then) {
+      req.then(options2.onSuccess, options2.onError);
     }
   };
+  if (rawFile.isLargeFile) {
+    service.common.getChunkMergeUrl().then((url) => {
+      options.url = url;
+      excuteReq(options);
+    });
+  } else {
+    excuteReq(options);
+  }
 };
-export var handleClick = function handleClick(_ref9) {
-  var props = _ref9.props,
-    refs = _ref9.refs;
-  return function () {
-    if (!props.disabled) {
-      refs.input.value = null;
-      refs.input.click();
-    }
-  };
+const handleClick = ({ props, refs }) => () => {
+  if (!props.disabled) {
+    refs.input.value = null;
+    refs.input.click();
+  }
 };
-export var handleKeydown = function handleKeydown(api) {
-  return function (event) {
-    if (event.target !== event.currentTarget) {
-      return;
-    }
-    if (event.keyCode === KEY_CODE.Enter || event.keyCode === KEY_CODE.Space) {
-      api.handleClick();
-    }
-  };
+const handleKeydown = (api) => (event) => {
+  if (event.target !== event.currentTarget) {
+    return;
+  }
+  if (event.keyCode === KEY_CODE.Enter || event.keyCode === KEY_CODE.Space) {
+    api.handleClick();
+  }
 };
-export var handleUpdate = function handleUpdate(_ref10) {
-  var props = _ref10.props,
-    state = _ref10.state;
-  return function (file) {
-    if (!props.disabled) {
-      state.updateInput.value = null;
-      state.updateId = file.docId;
-      state.updateInput.click();
-    }
-  };
+const handleUpdate = ({ props, state }) => (file) => {
+  if (!props.disabled) {
+    state.updateInput.value = null;
+    state.updateId = file.docId;
+    state.updateInput.click();
+  }
 };
-export var mounted = function mounted(_ref11) {
-  var state = _ref11.state,
-    props = _ref11.props,
-    api = _ref11.api;
-  return function () {
-    var updateInput = document.createElement('input');
-    updateInput.type = 'file';
-    updateInput.name = props.name;
-    updateInput.accept = props.accept;
-    updateInput.onchange = api.handleChange;
-    state.updateInput = Object.freeze(updateInput);
-  };
+const mounted = ({ state, props, api }) => () => {
+  let updateInput = document.createElement("input");
+  updateInput.type = "file";
+  updateInput.name = props.name;
+  updateInput.accept = props.accept;
+  updateInput.onchange = api.handleChange;
+  state.updateInput = Object.freeze(updateInput);
+};
+const onBeforeDestroy = (state) => () => {
+  state.updateInput.onchange = null;
+  state.updateInput = null;
+};
+export {
+  abort,
+  getFormData,
+  handleChange,
+  handleClick,
+  handleKeydown,
+  handleUpdate,
+  isImage,
+  mounted,
+  onBeforeDestroy,
+  post,
+  upload,
+  uploadFiles
 };
-export var onBeforeDestroy = function onBeforeDestroy(state) {
-  return function () {
-    state.updateInput.onchange = null;
-    state.updateInput = null;
-  };
-};